@charset "utf-8";
/* 
	CSS Document
	Designed by WEB123.VN
	Công ty CP Truyền thông Phú An Bình
	Contact information: 
		Tel:     84 - 4.667 41255 
		Hotline: 84-904 921 540
		EmaiL:   sale@web123.vn
*/


@font-face {
    font-family: 'swiss';
    src: url('../fonts/swiss.ttf');
}
@font-face {
    font-family: 'Dinhhon';
    src: url('../fonts/UVNDINHHON.TTF');
}
@font-face {
    font-family: 'MyriadProRegular';
    src: url('../fonts/MyriadPro-Regular.otf');
}
body:after { content: ''; background-image: url(//pls.webtype.com/v.gif?ct=64330,64329,64331,64330,64329,64331,64330,64329,64331,64330,64329,64331&r=12224&p=11175&h=yz3b2XMe4aktFDVNtn41wQ%3d%3d); }

@font-face {
 font-family: "Benton Sans";
 src: url("//cloud.webtype.com/webtype/ff/2/02364ac9-9266-44dd-820f-673b14538066");
 src:  url("//cloud.webtype.com/webtype/ff/2/02364ac9-9266-44dd-820f-673b14538066#iefix")  format("embedded-opentype"),
  url("//cloud.webtype.com/webtype/ff/3/d83ae6ea-3e97-40da-8419-4c3b99e48561") format("woff"),
  url("//cloud.webtype.com/webtype/ff/1/7faeab98-5edb-4b5e-b156-e2acfb7770ab") format("truetype"),
  url("//cloud.webtype.com/webtype/ff/4/9bcee24f-c0d9-40b0-a824-16f830707159#web") format("svg");
 font-style: normal;
 font-weight: bold;
}
@font-face {
 font-family: "Benton Sans";
 src: url("//cloud.webtype.com/webtype/ff/2/e045e22c-f8ba-4b46-871e-f072306be019");
 src:  url("//cloud.webtype.com/webtype/ff/2/e045e22c-f8ba-4b46-871e-f072306be019#iefix")  format("embedded-opentype"),
  url("//cloud.webtype.com/webtype/ff/3/4d4b7fe1-e992-49e3-bf4d-fc5fa7748680") format("woff"),
  url("//cloud.webtype.com/webtype/ff/1/e3d09e6e-aa12-4808-885c-b9dcc49c1d9c") format("truetype"),
  url("//cloud.webtype.com/webtype/ff/4/36dfa527-f08f-4c35-89c0-9e4f92f067a7#web") format("svg");
 font-style: normal;
 font-weight: normal;
}
@font-face {
 font-family: "Benton Sans Light";
 src: url("//cloud.webtype.com/webtype/ff/2/2c58a893-3781-4240-8580-d204c0372674");
 src:  url("//cloud.webtype.com/webtype/ff/2/2c58a893-3781-4240-8580-d204c0372674#iefix")  format("embedded-opentype"),
  url("//cloud.webtype.com/webtype/ff/3/256f32ce-751f-4150-ab20-bffd399d8b21") format("woff"),
  url("//cloud.webtype.com/webtype/ff/1/6b504974-3ea3-4b74-ab94-f3a9d1e37d7b") format("truetype"),
  url("//cloud.webtype.com/webtype/ff/4/0eed56dd-6c43-424d-9b40-f301a8a2a2a9#web") format("svg");
 font-style: normal;
 font-weight: normal;
}

h1,h2,h3,h4,h5,p{margin:0;padding:0;font-weight: inherit;font-size: inherit;}
#wrap{}
img{border:0;}
html{min-width: 1290px;}
body{margin:0;padding:0;min-width:1290px;overflow-x:hidden;font-family: 'Benton Sans', SimHei, 'Sim Hei', 华文细黑, STXihei, Arial, sans-serif;;font-size: 13px;color: rgb(91, 91, 91);line-height: 18px;}
.hidden{display:none;}
#alert_doing_form2{display:none;background:url(../template/global/white_transparent.png) top left repeat;position:fixed;height:100%;width:100%;z-index:1500;}
#alert_doing_form2 .alertShowing{position:fixed;left:50%;top:50%;width:170px;padding:5px 10px;margin-left:-85px;margin-top:-40px;font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#1B99CC;z-index:2100;background:#ffffff;border:1px solid #999999;}
#over_dark_transparent{display:none;background:url(../template/global/dark_transparent.png) top left repeat;position:fixed;height:100%;width:100%;z-index:1000;}

.advFlashBehind{position:relative;display:inline-block;}
.advLinkOver{position:absolute;left:0;top:0;width:100%;height:100%;text-decoration:none;}

.fade{animation: fade 3s ease-in;-webkit-animation: fade 3s ease-in;-o-animation: fade 3s ease-in;-moz-animation: fade 3s ease-in;-ms-animation: fade 3s ease-in;}
@keyframes fade{0%{opacity: 0}25%  {opacity: 0.3}50%  {opacity: 0.6}75%  {opacity: 0.9}100% {opacity: 1}}
@-webkit-keyframes fade{0%{opacity: 0}25%  {opacity: 0.3}50%  {opacity: 0.6}75%  {opacity: 0.9}100% {opacity: 1}}
@-moz-keyframes fade{0%{opacity: 0}25%  {opacity: 0.3}50%  {opacity: 0.6}75%  {opacity: 0.9}100% {opacity: 1}}
@-ms-keyframes fade{0%{opacity: 0}25%  {opacity: 0.3}50%  {opacity: 0.6}75%  {opacity: 0.9}100% {opacity: 1}}
@-o-keyframes fade{0%{opacity: 0}25%  {opacity: 0.3}50%  {opacity: 0.6}75%  {opacity: 0.9}100% {opacity: 1}}

#function{padding: 5px 0;float:left;width:100%;background:#0e76bd;line-height:30px; margin: 20px 0;background: url("../template/images/icon-edit.png") left 10px center no-repeat #f2f2f2;position: relative;z-index: 999}
#function a{padding-left:55px;color:#9D292C;font-weight:bold;text-decoration:none;}
#function a:hover{ text-decoration: underline;}

.pagetext{font-size: 14px;line-height: 22px;}
.pagetext table{border-collapse:collapse;max-width: 100%}
.pagetext td{border-color:#CCCCCC;vertical-align:top;}
.pagetext ul{margin:0 0 0 12px;padding:0;}
.pagetext li{line-height:21px;}
.pagetext img{margin-top:2px;margin-bottom:2px;}
.pagetext p{margin:15px 0;}

.pagetext h1,.pagetext h2,.pagetext h3,.pagetext h4,.pagetext h5{margin:15px 0;font-weight: bold;}
.pagetext .bullet1{background:url(../template/global/bullet1.png) 0 4px no-repeat;}
.pagetext .bullet2{background:url(../template/global/bullet2.png) 0 4px no-repeat;}
.pagetext .bullet3{background:url(../template/global/bullet3.png) 0 4px no-repeat;}
.pagetext .heading1{text-transform:uppercase;font-size:14px;margin:0 0 8px 0;}

.input_style{display: inline-block;position:relative;margin:0;padding:0;}
.input_style input{border:1px solid #ddd;color:#333;font-family: inherit;color:inherit;outline:none;height:15px;line-height:15px;padding:5px 6px 5px 6px;margin:0;width:250px;}
.input_style select{border:1px solid #ddd;color:#333;font-family: inherit;color:inherit;outline:none;height:15px;line-height:15px;padding:5px 6px 5px 6px;margin:0;width:250px;}
.input_style textarea{border:1px solid #ddd;color:#333;font-family: inherit;color:inherit;outline:none;height:15px;line-height:15px;padding:5px 6px 5px 6px;margin:0;width:250px;}
.input_style .warning{position: absolute;left:0;bottom:-13px;background:#fff;float:left;border:1px solid #E04006;font-size: 10px;line-height: 11px;padding:0px 2px;display: none;white-space: nowrap;z-index:500;}
.input_style .warning .warning-arrow{background:url(../template/images/warning-arrow.png) 0 0 no-repeat;position: absolute;top:-5px;left:4px;float:left;width:8px;height:5px;}

a{text-decoration: none;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
ul{list-style: none;margin: 0;padding: 0;}
ul li{margin: 0;padding: 0;}
.wrapContainer{width: 100%;float: left;border-bottom: 1px solid #ddd}
.wrapAuto{width: 1160px;margin: 0 auto;padding: 0 15px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.wrapContent{width: 100%;float: left;position: relative}
.boxSizing{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;}
.contentCatalog{width: 100%;float: left;}
.listStory{width: 100%;float: left;}

.search_result_number{width: 100%;float: left;margin-bottom:15px;font-size:15px;}

.pagination{width: 100%;float: left;padding: 10px 0;text-align: right;}
.pagination a{display: inline-block;margin: 0 1px;line-height: 20px;padding: 0 10px;border: 1px solid #ccc;color: #333;}
.pagination a.current{background: #333;color: #fff}
.pagination a:hover{background: #333;color: #fff}

.directory{width: 100%;float: left;padding: 20px 0;margin-bottom: 5px;color: #ababab;font-size: 12px;}
.directory a{color: #ababab;padding-right:3px; }
.directory a:hover{color: red;text-decoration: underline;}

/********* Giỏ hàng ****************************************************/

.customer-detail-container{float:left;width:100%;}
.customer-detail-padding{padding:0;}
.customer-detail-title{float:left;width:100%;margin:10px 0 0;color:#ce3851;font-size: 20px;}
.customer-detail-container .listnews_in_cart{float:left;width:100%;margin:20px 0 20px 0;}
.customer-detail-container .product_col_list{width:100%;border-collapse: collapse;}
.customer-detail-container .product_col_list td{padding:5px 8px;margin:0;border:1px solid #ddd;}
.customer-detail-container .product_col_list .product_col_list_title{font-weight: bold;color:#333;background-color:#ececec;}
.customer-detail-container .product_col_list .row{}
.customer-detail-container .product_col_list .col1{width:80px;}
.customer-detail-container .product_col_list .col2{}
.customer-detail-container .product_col_list .col3{display: none}

.customer-detail-container .product_col_list .image_container{width:80px;}
.customer-detail-container .product_col_list .image_container img{width:80px;}

.number_of_product{border:solid 1px #d2d2d2;width:50px;background:none;}
.sum_of_product{border:none;background:none;color:#ce3851;}
.remove_item_cart{cursor:pointer;}

.customerCartInput .cart_function_bar{float:left;width:100%;margin:15px 0;}
.customerCartInput .cart_function_bar button{background:#ce3851;color:#ffffff;border:0;padding:3px 10px;font-size:12px;cursor:pointer;font-family:Arial, Helvetica, sans-serif;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.customerCartInput .cart_function_bar .btn_continue{}
.customerCartInput .cart_function_bar .btn_cancel{float:right;background:#555555;}
.customerCartInput .customer_info{float:left;width:100%;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#333333;margin-top:15px;}
.customerCartInput .customer_info .name{text-align:left;color:#ce3851;text-transform:none;font-size:13px;font-weight:bold;margin:0;padding:5px;}
.customerCartInput .customer_info input{font-family:Arial, Helvetica, sans-serif;}
.customerCartInput .customer_info textarea{font-family:Arial, Helvetica, sans-serif;}
.customerCartInput .payment_info{float:left;width:100%;}
.customerCartInput .payment_info .payment_info_box{float:right;padding:10px;background:#F3F1F6;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:10px 20px;border:1px solid #999999;}
.customerCartInput .payment_info .summary_price{color:#000000;font-size:16px;}
.customerCartInput .payment_info .summary_price input{background:none;border:0;color:#000000;font-size:16px;}
.customerCartInput .payment_type{float:left;width:100%;}
.customerCartInput .payment_type .payment_type_box{float:right;margin:0 20px 20px 20px;}
.customerCartInput .payment_type .payment_type_box img{border:0;float:left;margin:5px 0;}
.customerCartInput .payment_type .payment_type_box div{}
.customerCartInput .cart_function_bar .paymentButton{background:url(../template/images/payment-button.gif) left top no-repeat;float:left;width:207px;height:28px;text-decoration:none;color:#663300;font-weight:bold;padding:0 12px 0 29px;}
.customerCartInput .cart_function_bar .orderButton{float:left;height:30px;padding:0 12px;background:#c7d52b;text-decoration:none;color:#663300;font-weight:bold;box-shadow:0 0 3px 2px #ccc;}
.customerCartInput .input_style .disable{background:#EEEEEE;color:#666666;}

.customerCartInput .input_style{position:relative;display:block;margin:5px 0;}
.customerCartInput .input_style input{border:1px solid #DDDDDD;padding:5px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#444444;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-shadow:0 0 5px 2px #ebebeb;}
.customerCartInput .input_style .warning{position:absolute;bottom:-12px;left:120px;border:1px solid #AC0000;border-top:2px solid #AC0000;font-size:11px;padding:0 3px;background:#ffffff;display:none;}
.customerCartInput .buttonSubmit{background:url(../template/images/button-bg.png) 0 0 repeat-x;float:left;color:#ffffff;font-family:Arial, Helvetica, sans-serif;cursor:pointer;border:1px solid #EDEDED;cursor:pointer;padding:4px 15px;}
.customerCartInput .warning .arrow{position:absolute;top:-5px;left:4px;}
.customerCartInput .select_style{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#444444;margin:5px 0;padding:2px;border:1px solid #DDDDDD;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.customerCartInput .select_disable{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#666666;padding:2px;border:1px solid #DDDDDD;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#EEEEEE;}
.customerCartInput .textarea_style{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#63A005;padding:2px;border:1px solid #DDDDDD;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.customerCartInput .textarea_disable{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#666666;padding:2px;border:1px solid #DDDDDD;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#EEEEEE;}

/********* and Giỏ hàng ****************************************************/

#wrapHeader{position: relative;height: 55px;}
#wrapHeader .wrapAuto{width: 1260px;}
#wrapHeader .logo{float: left;margin-top: 3px;position: relative;z-index: 2}
#wrapHeader .logo img{height: 50px;}
#wrapHeader .menu{float: left;position: absolute;left: 0;width: 100%;text-align: center;font-family: 'Benton Sans', SimHei, 'Sim Hei', 华文细黑, STXihei, Arial, sans-serif;} 
#wrapHeader .menu > ul{} 
#wrapHeader .menu > ul >li{display: inline-block;padding: 0 25px;} 
#wrapHeader .menu > ul >li >a{position: relative;top: 1px;z-index: 9999;border-bottom: 2px solid transparent;display: block;font-size: 13px;color: #999;text-transform: uppercase;padding: 10px 0px;line-height: 33px;} 
#wrapHeader .menu > ul >li:hover > a{color: red;border-bottom: 2px solid #333;}
#wrapHeader .menu > ul >li.active > a{color: #333;font-weight: bold;border-bottom: 2px solid #333;}
.boxMenuLv2{
	border-top: 1px solid #d2d2d2;position: absolute;top: 100%;left: 0;background: #fff;width: 100%;z-index: 9999;opacity: 0;z-index: -9;
	-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
}
#wrapHeader .menu > ul >li:hover .boxMenuLv2{opacity: 1;z-index: 9}
.boxMenuLv2 .wrapAuto > .title{float: left;display: block;color: #5b5b5b;margin-top: 20px;width: 162px;}
.boxMenuLv2 .wrapAuto > ul{text-align: center;}
.boxMenuLv2 .wrapAuto > ul >li{text-align: left;min-width: 120px;display: inline-block;margin: 0 15px;padding: 20px 0;vertical-align: top;}
.boxMenuLv2 .wrapAuto > ul >li >a{color: rgb(158, 158, 158);font-weight: bold;font-size: 12px;}
.boxMenuLv2 .wrapAuto > ul li a:hover{color: red;cursor: pointer;}



.menuLevel3{margin-top:5px;display: none;position: relative;text-align: left;}
.menuLevel3 li a{font-size:11px;text-decoration: none;color:rgb(158, 158, 158);white-space: nowrap;}
.menuLevel3 li> a:hover{color: red}

.menuLevel3 .column{display: inline-block;}
.menuLevel3 .column:nth-child(2){position: absolute;left: 100%;}
.menuLevel3 .column:nth-child(3){position: absolute;left: 200%;}
.menuLevel3 .column:nth-child(4){position: absolute;left: 300%;}

.boxMenuLv2 .wrapAuto > ul li:hover .menuLevel3{display: block;}

#wrapHeader .formSearch{z-index: 2;float: right;position: relative;margin-top: 10px;margin-right: 5px;width: 135px;}
#wrapHeader .formSearch .txtSearch{outline: none;width: 100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;height: 33px;border: 1px solid #d2d2d2;border-radius: 15px;padding: 5px 38px 5px 20px;}
#wrapHeader .formSearch button{position: absolute;top: 0;right:0;width: 33px;height: 33px;border: 0;margin: 0;padding: 0;cursor: pointer;background: url(../template/images/icon-search.png) center no-repeat;}
#wrapHeader .social{position: relative;z-index: 2;float: right;margin-top: 10px;line-height: 33px}
#wrapHeader .social li{float: left;margin: 0 5px;}
#wrapHeader .social li a{font-size: 15px;color: #999;}
#wrapHeader .social li a:hover{color: red;}
#wrapHeader .language{position: relative;z-index: 2;float: right;margin-top: 10px;margin-left: 5px;}
#wrapHeader .language li{float: left;margin-left: 10px;}
#wrapHeader .language li a.active{color: red}
#wrapHeader .language li a{color: #999;line-height: 33px;}

#wrapHotnews{}
#slideHot{width: 100%;float: left;position: relative}
#slideHot .slider{position: relative;height: 621px;}
#slideHot .slider li{position: absolute;width: 100%;top: 0;left: 0;display: none;}
#slideHot .slider li:first-child{display: list-item;}
#slideHot .slider li a{display: block;background-repeat: no-repeat;background-position: center center;background-size: cover;width: 100%;height:621px;position: relative;text-indent: -9999px;}
#slideHot .slider li .title{
  transition: all 4s;-o-transition: all 4s;-webkit-transition: all 4s;-moz-transition: all 4s;
	background: rgba(0,0,0,0.0); 
    background: -webkit-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.6)); 
    background: -o-linear-gradient(rgba(0,0,0,0.0),  rgba(0,0,0,0.6));
    background: -moz-linear-gradient(rgba(0,0,0,0.0),  rgba(0,0,0,0.6));
    background: linear-gradient(rgba(0,0,0,0.0),  rgba(0,0,0,0.6)); 
    color: transparent;
	padding: 25px 0;text-transform: uppercase;font-family: 'Benton Sans Light', SimHei, 'Sim Hei', 华文细黑, STXihei, Arial, sans-serif;width:100%;position: absolute;bottom: 0px;left: 0;text-align: center;font-size: 40px;font-weight:normal;line-height: 50px;}
#slideHot .slider li h2.title.abc{color: #fff}
#slideHot .slider li .title span{transition-delay: 4s;border-radius: 5px;display: inline-block;padding: 0 20px;color: transparent;}
#slideHot .slider li h2.title.abc span{color: #fff;}
#slideHot .navigator_bar{position: absolute;bottom: 10px;width: 100%;text-align: center;left: 0;}
#slideHot .navigator_bar .navigator{}
#slideHot .navigator_bar .navigator li{margin:0 3px;background-color:#fff ;display: inline-block;line-height: 5px;width: 5px;height: 5px;text-align: center;cursor: pointer;border-radius: 50%;color: #fff;border: 1px solid #fff;}
#slideHot .navigator_bar .navigator li.active{background: #000;}
#slideHot .navigator_bar .navigator li:hover{background: #000;}
#slideHot .button_bar{}
#slideHot .button_bar .prev{display: none;cursor: pointer;position: absolute;width: 40px;height: 40px;top: 50%;margin-top: -20px;left: 20px;background: url(../template/images/sprites.png);background-position: -95px -110px}
#slideHot .button_bar .next{display : none;cursor:pointer;position: absolute;width: 40px;height: 40px;top: 50%;margin-top: -20px;right: 20px;background: url(../template/images/sprites.png);background-position: -95px -146px}
#slideHot:hover .button_bar .prev,#slideHot:hover .button_bar .next{display: block;}

#wrapBottom{background: red;padding:4px 0;line-height: 20px;color: #fff;font-size: 12px;}
#wrapBottom .menuFooter{float: left;}
#wrapBottom .menuFooter li{float: left;padding-right: 10px;}
#wrapBottom .menuFooter a{color: #fff}
#wrapBottom .menuFooter a:hover{text-decoration: underline;}
#wrapBottom .copyright{float:right;}

.slideHome{width:100%;float: left;margin-bottom: 15px;}
.storySlide{float: left;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;padding:0 2px;}
.storySlide .thumb{width: 100%;float: left;margin-bottom: 10px;overflow: hidden;}
.storySlide .thumb img{width: 100%;}
.storySlide .title{font-size: 13px;width: 100%;float:left;color: #999;letter-spacing:1px;text-transform: uppercase;margin-bottom: 5px}
.storySlide .link{width: 100%;float: left;line-height: 18px;height: 36px;overflow: hidden;font-size: 13px;}
.storySlide .link a{color: #5b5b5b;}
.storySlide .link a:hover{color: red;}

.storyProject{position: relative;width: 25%;float: left;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;padding: 2px;}
.storyProject .storyThumb{width: 100%;float: left;}
.storyProject .storyThumb img{width: 100%;}
.storyProject .boxHover{width: 100%;height: 100%;position: absolute;top: 0;left: 0;padding:2px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.storyProject .boxHover .link{opacity: 0;background: url(../template/images/bg-project.png) left bottom repeat-x;display: block;width: 100%;height: 100%;position: relative;}
.storyProject .boxHover .link .text{width: 100%;position: absolute;display: block;bottom: 0;left: 0;padding:0 15px 5px;border-bottom: 5px solid red;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.storyProject .boxHover .link .text .title{color: #fff;text-transform: uppercase;font-size: 16px;}
.storyProject .boxHover .link .text .description{color: #666;font-size: 11px;font-weight: bold;}
.storyProject .boxHover:hover .link{opacity: 1;}

.listStory.list{width: 1170px;margin: 0 auto;padding:0 15px;float: none;}
.listStory.list .storyProject{width: 33%;margin-right:20px 0.33% 20px 0;padding:5px; }
.listStory.list .storyProject:hover{background: #ECECEC}
.listStory.list .storyProject .storyThumb{width: 110px;}
.listStory.list .storyProject .storyThumb img{height: 110px !important;}
.listStory.list .storyProject .boxHover{height: 110px !important;overflow: hidden;width: auto;height: auto;position: relative;margin-left:120px; }
.listStory.list .storyProject .boxHover .link{opacity: 1;background: none;padding: 0;border: none;}
.listStory.list .storyProject .boxHover .link .text{position: relative;padding: 0;border: none;}
.listStory.list .storyProject .boxHover .link .text .title{color: #5b5b5b;}
.listStory.list .storyProject .boxHover .link .text .description{font-size: 12px;font-weight: normal;}

.wrapLeft{width: 100%;float: left;}
.wrapLeft .contentLeft{margin-right: 260px}
.wrapLeft .contentLeft .contentWrap{width: 100%;float: left;padding-right:20px;padding-bottom:50px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.wrapRight{width: 260px;float: left;margin-left: -261px;}
.wrapRightProject{width: 260px;float: left;margin-left: -261px;}
.wrapRight.fix{position: fixed;margin-left: 870px;top: 0;}
.wrapRight .topRight{position: relative;right: -130px;width: 100%;float: left;padding:30px 20px 10px;line-height: 20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;color: #9e9e9e;font-size: 12px;}
.wrapRight .menuRight{position: relative;right: -130px;width: 100%;float: left;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;padding: 20px;}
.wrapRight .menuRight .title{font-size: 14px;color:  rgb(51, 51, 51);font-weight: bold;margin-bottom: 10px;}
.wrapRight .menuRight >ul{}
.wrapRight .menuRight >ul>li{margin: 5px 0;}
.wrapRight .menuRight >ul>li>a{color: #9e9e9e;font-size: 12px;padding:5px 0;}
.wrapRight .menuRight >ul>li>a:hover{color: red}
.wrapRight .otherProject{width: 100%;float: left;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;padding: 20px;}
.wrapRight .otherNews{border-top: 1px solid #ddd;width: 100%;float: left;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;padding: 20px;}
.wrapRight .titleOther{font-size: 14px;color:  rgb(51, 51, 51);font-weight: bold;margin-bottom: 10px;}
.wrapRight .listOther{width: 100%;float: left;}
.wrapRight .otherProject .thumb{float: left;margin-right: 20px}
.wrapRight .otherProject .thumb img{width: 60px;}
.wrapRight .otherProject .title{text-transform: uppercase;}
.wrapRight .otherProject .title a{color: #5b5b5b}
.wrapRight .otherProject .title a:hover{color: red}
.wrapRight .otherProject .description{color:#ababab;font-size: 12px;}
.wrapRight .otherNews .item{padding:5px 0}
.wrapRight .otherNews .date{color: #9e9e9e;font-size: 12px;}
.wrapRight .otherNews .title a{color: #5b5b5b;font-size: 13px;}
.wrapRight .otherNews .title a:hover{color: red}

.storyNews{width: 100%;float: left;margin-bottom: 40px;}
.storyNews .date{width: 100%;float: left;color: #ababab;margin-bottom: 5px;font-size: 12px;}
.storyNews .title{width: 100%;float: left;font-size: 20px;line-height: 26px;margin-bottom: 15px;}
.storyNews .title a{color:#5b5b5b;}
.storyNews .title a:hover{color:red;}
.storyNews .thumb{width: 360px;float: left;max-height: 360px;overflow: hidden;}
.storyNews .thumb img{width: 100%}
.storyNews .text{margin-left: 380px;}
.storyNews .description{width: 100%;float: left;color:  rgb(91, 91, 91);font-size: 14px;margin-bottom: 10px;line-height: 24px;}
.storyNews .viewMore{width: 100%;float: left;}
.storyNews .viewMore a{color:  rgb(91, 91, 91);font-size: 14px;line-height: 24px;}
.storyNews .viewMore a:hover{color: red;}

.catalogNews{}
.catalogNews .titleCatalog{margin-left: -50px;width: 100%;float: left;padding: 10px 0;line-height: 40px;color: #333;font-size: 24px;text-transform: uppercase;margin-bottom: 20px}
.titleCatalog{margin-left: -50px;width: 1230px;float: left;padding: 10px 0;line-height: 40px;color: #333;font-size: 24px;text-transform: uppercase;margin-bottom: 20px}
.titleCatalog h1{float: left;}
.titleCatalog .sharing{margin-right: 0;margin-top: 10px;}


.catalogNews .sharing{padding-top: 20px;}
.viewNews .sharing{padding-top: 20px;}

.sharing{float: right;margin-right: -50px;}
.sharing span{float: left;line-height: 21px;margin-right: 5px;color: #999;font-size: 12px;}
.sharing a{width: 21px;height: 21px;margin-right:1px;cursor: pointer;display: block;float: left;background-image: url(../template/images/sprites.png);
	-webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.sharing a:nth-child(2){background-position: -10px -35px;}
.sharing a:nth-child(3){background-position: -32px -35px;}
.sharing a:nth-child(4){background-position: -54px -35px;}
.sharing a:nth-child(5){background-position: -76px -35px;}
.sharing a:nth-child(6){background-position: -98px -35px;}
.sharing a:nth-child(7){background-position: -142px -61px;}
.sharing a:nth-child(2):hover{background-position: -120px -35px;}
.sharing a:nth-child(3):hover{background-position: -142px -35px;}
.sharing a:nth-child(4):hover{background-position: -164px -35px;}
.sharing a:nth-child(5):hover{background-position: -186px -35px;}
.sharing a:nth-child(6):hover{background-position: -208px -35px;}
.sharing a:nth-child(7):hover{background-position: -164px -61px;}

.dateNews{width: 100%;float: left;color: #ababab;margin-bottom: 5px;font-size: 12px;}
.nameNews{width: 100%;float: left;font-size: 20px;line-height: 26px;margin-bottom: 15px;}
.bodyNews{width: 100%;float: left;}
.bodyNews .pagetext img{max-width: 100%;height: auto !important;}
.nameProject{padding: 20px 0;text-transform: uppercase;font-size: 20px;line-height: 28px;}
.nameProject .wrapAuto{width: 1260px;}
.tabInfo{width: 100%;float: left;margin-bottom: 20px;}
.tabInfo .titleTab{width: 100%;float: left;margin-bottom: 2px;}
.tabInfo .titleTab > .wrapAuto{width: 1260px;}
.tabInfo .titleTab > .wrapAuto >  a{position: relative;top: 2px;line-height: 21px;color: #999;font-size: 12px;display: inline-block;margin-right: 30px;}
.tabInfo .titleTab > .wrapAuto >  a:hover{color: red}
.tabInfo .titleTab > .wrapAuto >  a.active{color: red}
.tabInfo .titleTab .sharing{margin-right: 0;}
.tabInfo .listTab{width: 100%;float: left;}
.tabInfo .listTab .contentTab{display: none;}
.tabInfo .listTab .contentTab:first-child{display: block;}
.tabInfo .listTab .videoView{background: #ECECEC;width: 100%;float: left;}
.bottomView{width: 100%;float: left;}
.bottomView .wrapContent{border-top: 1px solid #ddd;}
.rightViewProject{position: relative;border-top: 1px solid #ddd;top: -1px;padding-left: 20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;width: 310px;float: left;}
.rightViewProject > ul{}
.rightViewProject > ul > li{border-bottom:1px solid #ddd;}
.rightViewProject > ul > li:last-child{border-bottom:none;}
.rightViewProject > ul > li .boxSub{display: none;}
.rightViewProject > ul > li .boxSub table td{vertical-align: top}
.rightViewProject > ul > li > a{background: url(../template/images/arrow_right.png) right 20px center no-repeat;color: #000;display: block;font-size: 14px;padding:20px 0px;font-weight: bold;}
.rightViewProject > ul > li > a:hover{color: red;}
.rightViewProject > ul > li > a.active{background: url(../template/images/arrow_down.png) right 20px center no-repeat;}

.slideViewProject{width: 100%;float: left;position: relative}
.slideViewProject .slider{position: relative;height: 770px;}
.slideViewProject .slider li{position: absolute;width: 100%;top: 0;left: 0;}
.slideViewProject .slider li a{display: block;background-repeat: no-repeat;background-position: center center;background-size: cover;width: 100%;height: 770px;position: relative;text-indent: -9999px;}
.slideViewProject .slider li .title{color: #fff;text-transform: uppercase;font-family: 'Benton Sans Light', SimHei, 'Sim Hei', 华文细黑, STXihei, Arial, sans-serif;width:900px;position: absolute;bottom: 50px;left: 50%;margin-left: -450px;text-align: center;font-size: 36px;font-weight:normal;line-height: 50px;}
.slideViewProject .navigator_bar{position: absolute;bottom: 10px;width: 100%;text-align: center;left: 0;}
.slideViewProject .navigator_bar .navigator{}
.slideViewProject .navigator_bar .navigator li{margin:0 3px;background-color:#fff ;display: inline-block;line-height: 5px;width: 5px;height: 5px;text-align: center;cursor: pointer;border-radius: 50%;color: #fff;border: 1px solid #fff;}
.slideViewProject .navigator_bar .navigator li.active{background: #000;}
.slideViewProject .navigator_bar .navigator li:hover{background: #000;}
.slideViewProject .button_bar{}
.slideViewProject .button_bar .prev{display: none;cursor: pointer;position: absolute;width: 40px;height: 40px;top: 50%;margin-top: -20px;left: 20px;background: url(../template/images/sprites.png);background-position: -95px -110px}
.slideViewProject .button_bar .next{display : none;cursor:pointer;position: absolute;width: 40px;height: 40px;top: 50%;margin-top: -20px;right: 20px;background: url(../template/images/sprites.png);background-position: -95px -146px}
.slideViewProject:hover .button_bar .prev,.slideViewProject:hover .button_bar .next{display: block;}


.filter{width: 100%;float: left;padding:12px 0 ;background: rgba(255,255,255,0.8);}
.filter .title{font-size:24px;text-transform: uppercase;float: left;line-height: 32px;color: #333;}
.filter .select{width: 150px;height: 26px;box-sizing: border-box;line-height: 26px;padding:0 20px 0 10px;border: 1px solid #ddd;color: #333;display: inline-block;position: relative;}
.filter .select i{position: absolute;right: 5px;top: 5px;}
.filter .select:hover > ul{display: block;}
.filter ul{display: none;margin-left: -1px;border: 1px solid #ddd;;position: absolute;left: 0;top: 100%;width: 150px;box-sizing: border-box;padding: 0 10px;max-height: 156px;overflow-y:scroll;overflow: auto;background: #fff;z-index: 9999;}
.filter ul li a{color: #999;font-size: 12px;display: block;}
.filter ul li a:hover{color: #333;}
.filter .right{float: right;margin-top: 3px;}
.filter span{}
.filter select{border: 1px solid #ddd;height: 26px;color: #333;padding:0 15px;margin: 0 5px;cursor: pointer;outline: none;}
.filter select option{color: #999;line-height: 26px;}
.filter .wrapAuto{width: 1260px;}

.filter.fix{position: fixed;top: 0;z-index: 9999;}

.results{display: none;width: 100%;float: left;padding:10px 0;border-bottom: 1px solid #ddd;line-height: 20px;}
.results .title{float: left;font-size: 12px;color: #ababab;}
.results .title span{color: #333;}
.results .right{float: right;color: #ababab;font-size: 12px;}
.results .right > a{color: #ababab;text-transform: uppercase;margin: 0 10px;}
.results .right > a.active{color: #333}
.results .right > a:hover{color: red;}
.viewToggle{float: right;height: 20px;vertical-align: bottom;margin: 7px 0 0 20px}
.viewToggle a{
	-webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
	margin-left: 10px;display: inline-block;line-height: 20px;height: 20px;width: 20px;text-indent: -9999px}
.viewToggle a.grid{background: url(../template/images/sprites.png) 0 0 no-repeat;background-position: -10px -120px}
.viewToggle a.grid.active{background: url(../template/images/sprites.png) 0 0 no-repeat;background-position: -70px -120px}
.viewToggle a.grid:hover{background: url(../template/images/sprites.png) 0 0 no-repeat;background-position: -40px -120px}
.viewToggle a.list{background: url(../template/images/sprites.png) 0 0 no-repeat;background-position: -10px -160px}
.viewToggle a.list.active{background: url(../template/images/sprites.png) 0 0 no-repeat;background-position: -70px -160px}
.viewToggle a.list:hover{background: url(../template/images/sprites.png) 0 0 no-repeat;background-position: -40px -160px}

.catalogContact{width: 1230px;margin: 0 auto;}
.catalogContact .titleCatalog{margin-left: 0;} 
.formContact{width: 500px;margin: 0 auto;}
.formContact .row{width: 100%;float: left;margin-bottom: 20px;}
.formContact .row .input_style{width: 100%;display: block;}
.formContact .row .input_style input{height: 30px;width: 100%;box-sizing: border-box;border-radius: 2px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.formContact .row .input_style textarea{height: 100px;width: 100%;box-sizing: border-box;border-radius: 2px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.formContact button{width: 80px;height: 30px;text-align: center;border-radius:4px;background: #f2f2f2;border:1px solid #ccc;color: #333;cursor: pointer; }

.mapContact{width: 100%;float: left;margin-bottom: 20px;}
.mapContact iframe{width: 100%;height: 300px}

.facts_list{font-size: 12px;}
.facts_list .key{font-size: 11px;color: #9e9e9e}
.facts_list .key span{width: 76px;display: inline-block;}
.facts_list .value{font-size: 12px;color: #4f4f4f}
.facts_list a{font-size: 12px;color: #4f4f4f}

.new{font-size: 12px;margin-bottom:8px; font-family: arial, helvetica, sans-serif}
.new a span:first-child{color: #4f4f4f}
.new a span:last-child{color: #9e9e9e}

.pro{margin-bottom:10px;width: 100%;float: left;}
.pro img{float: left;width: 60px;height: 60px;margin-right: 8px;}
.pro a{color:#5b5b5b;font-size: 11px;text-transform: uppercase;margin-bottom: 5px;}
.pro p{color:#9e9e9e;font-size: 11px; }

#wrapMiddle{}
#captcha_image{box-shadow: inset 0 0 10px #ccc;}

section{position: relative;}
ol, ul {
    list-style: none;
    margin: 0;padding: 0;
}
.carousel_container.selective {
    margin-bottom: 3px;
}
.carousel_container {
    position: relative;
    margin-bottom: 10px;
    opacity: 0;
}
.carousel_container .viewport {
  overflow: hidden;
}
.carousel_container .carousel_mask {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.carousel_container.selective .carousel_item {
    display: none;
    position: relative;
}
.carousel_container.selective .carousel_item IMG {
    position: relative;
}
.carousel_container .carousel_mask .carousel_item IMG {
    display: block;
}
.carousel_container.selective .gradient {
    z-index: 2;
}
.carousel_container .gradient {
    background: url(../template/images/gradientbg.png) repeat-x 0 0;
    height: 216px;
    width: 100%;
    position: absolute;
    bottom: 0;
    pointer-events: none;
}

.carousel_container.selective .carousel_content {
    display: none;
    z-index: 2;
}
.carousel_container .carousel_content {
    font-family: 'Open Sans',SimHei,'Sim Hei','华文细黑',STXihei,Arial,sans-serif;
    bottom: 50px;
    left: 50%;
    margin-left: -450px;
    position: absolute;
    text-align: center;
    width: 900px;
    color: #fff;
}
.carousel_container .carousel_content H1 {
    font-size: 40px;
    margin-bottom: 4px;
    letter-spacing: 0;
    line-height: 44px;
    font-family: 'Benton Sans Light',SimHei,'Sim Hei','华文细黑',STXihei,Arial,sans-serif;
    font-style: normal;
    font-stretch: normal;
}
.carousel_container .caption {
    position: absolute;
    bottom: 20px;
    right: 20px;
    text-align: right;
    color: #666;
    display: none;
    z-index: 9999;
}
.carousel_container .flex-control-paging {
    padding-left: 0;
    position: absolute;
    list-style: none;
    width: 100%;
    text-align: center;
    bottom: 20px;
    z-index: 9999;
}
.carousel_container.selective .flex-control-paging li {
    margin: 0 2px;
}
.carousel_container .flex-control-paging LI {
    cursor: default;
    display: inline-block;
    margin: 0 5px;
}
.carousel_container.selective .flex-control-paging li a {
  text-indent: -9999px
    background: 0 0;
    background: #fff;
    margin: 2.5px;
    position: relative;
    top: 2.5px;
    display: block;
    height: 5px;
    width: 5px;
    border-radius: 2.5px;
    border: 1px solid #fff;
    box-shadow: 4px 4px 10px rgba(0,0,0,.9);
}
.carousel_container .flex-direction-nav a.flex-prev {
    left: 0;
    margin-left: 20px;
    background-position: -95px -110px;
}
.carousel_container .flex-direction-nav a.flex-next {
    right: 0;
    margin-right: 20px;
    background-position: -95px -146px;
}
.carousel_container .flex-direction-nav a {
    width: 34px;
    height: 38px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    z-index: 5000;
    background: url(../template/images/sprites.png) no-repeat;
}
.carousel_container .flex-control-paging A {
    display: block;
    width: 10px;
    height: 10px;
    border: 1px solid #b3b3b3;
    background: transparent url(../template/images/sprites.png) -10px -240px;
    border-radius: 50%;
    text-indent: -9999px;
    transition: color .3s ease,opacity .3s ease,background-color .3s ease;
    -webkit-transition: color .3s ease,opacity .3s ease,background-color .3s ease;
    -moz-transition: color .3s ease,opacity .3s ease,background-color .3s ease;
    -o-transition: color .3s ease,opacity .3s ease,background-color .3s ease;
}
.carousel_container .flex-control-paging A.flex-active, .carousel_container .flex-control-paging A:hover {
    background: 0 0;
    border: 1px solid #b3b3b3;
    cursor: pointer;
}

.carousel_container.selective .flex-control-paging li a {
      box-sizing: border-box;
    background: 0 0;
    background: #fff;
    margin: 2.5px;
    position: relative;
    top: 2.5px;
    display: block;
    height: 5px;
    width: 5px;
    border-radius:50%;
    border: 1px solid #fff;
    box-shadow: 4px 4px 10px rgba(0,0,0,.9);
}
.carousel_container.selective .flex-control-paging li a.flex-active, .carousel_container.selective .flex-control-paging li a:hover {
    background: #000;
}