/*************************
*******pagestyle CSS******
**************************/
#pcontent {
	width: 100%;
	display: inline-block;
}
.parallax-window {
    min-height: 500px;
    /*background: transparent;*/
	padding: 0 0 50px;
	background: url(../page-bg.jpg) no-repeat center top;
}
.pageright {
	float: right;
	width: calc(100% - 250px);
	margin: 10px 0 0;
}
.pageright2 {
	float: left;
	width: 100%;
	padding: 0;
}
.pbox1 {
	float: left;
	width: 100%;
	padding-top: 45px;
	font-size: 1em;
	line-height: 1.8em;
	min-height: 300px;
}
.pbox1 img {
	display:block;
	height:auto;
	max-width:100%;
}
.pbox1 iframe,
.pbox1 object,
.pbox1 embed {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
}
.page-header {
	padding: 0 0 15px;
	border-style: none;
	width: 100%;
	margin: 0;
	font-size: 2em;
	line-height: 1.4em;
	color: #000;
	font-weight: bold;
	display: inline-block;
	background: url(../line5.png) no-repeat left bottom;
}
@media (max-width: 991px) {
.pageright {
	float: left;
	width: 100%;
}
.page-header {
	font-size: 1.7em;
}
}

.breadcrumb{
	list-style: none;
	border-radius: 0px;
	font-size: 13px;
	line-height: 18px;
	margin: 0;
	text-align: right;
	padding: 11px 7px;
	background-color: transparent;
	/*background: rgba(255,255,255,0.6);*/
}
.breadcrumb>li{display:inline-block;color:#999;}
.breadcrumb>li+li:before{padding:0 5px;color:#999;content:"/\00a0";}
.breadcrumb>.active{color:#d50005}
.breadcrumb>li a{color:#999;}
.breadcrumb>li a:hover{color:#d50005;text-decoration:none;}

/*************************
*******內頁選單
**************************/
.pageleft {
	float: left;
	width: 200px;
	margin: 15px 0 0;
	font-size: 16px;
	line-height: 1.6em;
}
ul.mtree {
  font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;
  opacity: 0;
  margin-left: 0;
  padding: 0;
  border-top: 3px solid #e6cc80;
  /*background: url(../line8.gif) repeat-x 0 top;*/
}
ul.mtree ul {
  padding-left: 0;
}
ul.mtree li {
  list-style: none;
	padding: 2px 0;
}
ul.mtree a {
  display: block;
	text-decoration:none;
}
ul.mtree a:hover {
	text-decoration:none;
}
ul.mtree li > a.current {
  font-weight: bold;
	background-color: #3559aa url(../icon7.png) no-repeat 6px 19px;
	color: #FFF;
}
ul.mtree li.mtree-node > a {
  /*font-weight: bold;*/
}
ul.mtree li.mtree-node > a.current {
  font-weight: bold;
	background: #3559aa url(../icon7.png) no-repeat 6px 19px;
	color: #FFF;
}
ul.mtree a {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

ul.mtree.transit {
  /*background: #111;*/
}
ul.mtree.transit ul {
  margin-left: 0;
}
ul.mtree.transit ul > li {
  font-size: 15px;
  background: #fdf1f4;
	padding: 0;
  border-bottom: none;
	border-left: 1px solid #d70000;
}
ul.mtree.transit li.mtree-node {
  position: relative;
}
ul.mtree.transit li.mtree-node > a:before {
  color: #ccc;
  font-weight: normal;
  position: absolute;
  right: 10px;
}
ul.mtree.transit li.mtree-open > a:before {
  content: '-';
}
ul.mtree.transit li.mtree-closed > a:before {
  content: '+';
}
ul.mtree.transit ul > li:first-child {
  margin-top: 1px;
}
ul.mtree.transit li.mtree-open > a {
  /*background: #fff;*/
	background: #d70000 url(../icon7.png) no-repeat 8px 19px;
}
ul.mtree.transit li > a:hover, ul.mtree.transit li.mtree-active > a {
  background: #d70000 url(../icon7.png) no-repeat 8px 19px;
  color: #FFF;
}
ul.mtree.transit li > a.current {
  font-weight: bold;
	background: #d70000 url(../icon7.png) no-repeat 10px 19px;
	color: #FFF;
}
ul.mtree.transit li.mtree-node > a.current:before {
	color: #FFF;
}
ul.mtree.transit li.mtree-node > ul > li:last-child {
  /*margin-bottom: .5em;
  padding-bottom: .5em;
  border-bottom: 1px solid #333;*/
}
ul.mtree.transit li.mtree-node:last-child > ul > li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
ul.mtree.transit a {
  padding: 8px 0.5em 8px 1.5em;
  color: #666;
}
ul.mtree.transit li > a {
	background: #f0f0f0 url(../icon6.png) no-repeat 10px 19px;
}
ul.mtree.transit li li > a {
  padding: 5px 0px 5px 1.4em;
	background: none;
}
ul.mtree.transit li li li > a {
  padding: 5px 0px 5px 1.8em;
	background: none;
}
ul.mtree.transit li li li li > a {
  padding-left: 3.2em;
	background: none;
}
ul.mtree.transit li li li li li > a {
  padding-left: 4em;
}
ul.mtree.transit li li > a:hover, ul.mtree.transit li li li > a:hover {
  background-image: none;
}
@media (max-width: 991px) {
.pageleft {
	float: left;
	width: 100%;
	margin: 35px 0 0;
}
}
/*************************
******* about CSS ******
**************************/
.certif1 {
	display: block;
	width: 100%;
	float: left;
	text-decoration: none;
}
.certif1 ul {
	display: block;
	list-style: none;
	margin: 0;
	overflow: hidden;
	width: 33.3%;
	float: left;
	padding: 10px 1% 15px;
}
.certif1 ul li {
	display: block;
	list-style: none;
	overflow: hidden;
	float: left;
	width: 100%;
	margin: 0;
}
.certif1 ul li.certif-name {
	color: #333;
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: center;
	line-height: 1.4em;
}
.certif1 ul li.gallery-overlay {
	display: block;
	height: 350px;
	position: relative;
	overflow: hidden;
	border: 1px solid #EEEEEE;
}
.certif1 ul li.gallery-overlay:after {
    padding-top: 56.25%;
    content:"";
    display: block;
}
.certif1 ul li.gallery-overlay img { 
	position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    max-width:100%;
	max-height:360px;
    margin:auto;
}
.about-ov {
	width: 100%;
	float: left;
	padding: 15px;
	margin: 15px 0 0;
	background: #f6f6f6;
	background-image: url(../line6.gif);
	background-repeat: repeat-y;
	background-position: 178px;
}
.about-ov dl {
	width: 100%;
	margin: 0;
	float: left;
	padding: 7px 0;
	background-image: url(../icon3.png);
	background-repeat: no-repeat;
	background-position: 155px 19px;
}
.about-ov dt{
	float: left;
	color: #e30000;
	font-family: "Crimson Text", serif;
	font-size: 30px;
	line-height: 32px;
	width: 200px;
	padding: 6px 40px 0 10px;
}
.about-ov dt span.month {
	font-size: 24px;
}
.about-ov dd {
	float: left;
	margin: 0;
	background-color: #FFF;
	padding: 5px;
	width: calc(100% - 200px);
	position: relative;
	border: 1px solid #e8dcb8;
	min-height: 40px;
}
.about-ov dd:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 2;
	top: 9px;
	left: -20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px;
}
.about-ov dd:after{
	border-color: transparent #e8dcb8 transparent transparent;
}
.about-ov dd p {
	float: left;
	margin: 0;
	font-weight: normal;
	color: #333;
	width: 100%;
	background-image: url(../icon2.gif);
	background-repeat: no-repeat;
	background-position: 5px 9px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
}
.about-txt {
	width: 100%;
	display: inline-block;
	margin: 0 0 25px;
}
.about-pic {
	display: inline-block;
	width: 100%;
	margin: 10px 0 15px;
}
.about-pic .pic1 {
	width:50%;
	float:left;
	padding: 0 10px 0 0;
}
.about-pic .pic1:nth-child(2) {
	width:50%;
	float:left;
	padding: 0 0 0 10px;
}
.about-video {
	display: inline-block;
	width: 100%;
	margin: 10px 0 0;
}
.video-info p.txt {
	width:100%;
	display: inline-block;
	font-size: 18px;
	color: #fff;
	background: #00a99d;
	padding: 10px 0;
	margin: 0;
	text-align: center;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}
.video-info {
	width:50%;
	float:left;
	overflow:hidden;
	padding: 0 10px 0 0;
}
.video-info:nth-child(2) {
	width:50%;
	float:left;
	overflow:hidden;
	padding: 0 0 0 10px;
}
.video-info .video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
}
.video-info .video-container iframe,
.video-info .video-container object,
.video-info .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.aboutgroup {
	width: 100%;
	display: inline-block;
	padding-top: 35px;
	margin-top: 45px;
	border-top: 1px dashed #ddd;
}
.aboutf1 {
	width: 100%;
	display: inline-block;
	font-size: 26px;
	font-weight: bold;
	color: #e30000;
	margin-bottom: 15px;
}
.aboutf2 {
	float: left;
	width: 100%;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	text-align: center;
	background: #ddd;
	border-radius: 30px;
	margin: 10px 0 35px;
	padding: 8px;
}
.aboutb1 {
	float: left;
	width: 100%;
	display: inline-block;
	margin-bottom: 40px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #ddd;
}
.aboutb1 .photo {
	float: left;
	width: 300px;
	display: inline-block;
	padding: 5px;
	border: 1px solid #ddd;
	background: #fff;
}
.aboutb1 .photo .companyimg {
	width: 100%;
	height: 230px;
	outline: none;
	display: inline-block;
	float: left;
}
.aboutb1 .info {
	float: left;
	width: calc(100% - 300px);
	display: inline-block;
	padding-left: 25px;
}
.aboutb1 h3 {
	width: 100%;
	display: inline-block;
	font-size: 22px;
	color: #e30000;
	line-height: 1.5em;
	padding: 0;
	margin: 0 0 5px;
}
.aboutb2 {
	float: left;
	width: calc(100%/2);
	display: inline-block;
	margin-bottom: 20px;
}
.aboutb3 {
	float: left;
	width: 100%;
	display: inline-block;
	margin-bottom: 20px;
}
.aboutb2 .photo, .aboutb3 .photo {
	float: left;
	width: 230px;
	display: inline-block;
	padding: 5px;
	border: 1px solid #ddd;
	background: #fff;
}
.aboutb2 .photo .companyimg, .aboutb3 .photo .companyimg {
	width: 100%;
	height: 200px;
	outline: none;
	display: inline-block;
	float: left;
}
.aboutb2 .info, .aboutb3 .info {
	float: left;
	width: calc(100% - 230px);
	display: inline-block;
	padding: 0 15px;
}
.aboutb2 h3, .aboutb3 h3 {
	width: 100%;
	display: inline-block;
	font-size: 20px;
	color: #ff6600;
	line-height: 1.5em;
	padding: 0;
	margin: 0 0 5px;
}

@media (min-width: 992px) and (max-width: 1299px) {
.aboutb2 {width: 100%;}
}
@media (min-width: 768px) and (max-width: 991px) {
.certif1 ul {
	width: 50%;
	padding: 5px 1% 20px;
}
}
@media (max-width: 991px) {
.about-ov {
	background-image: url(../line6.gif);
	background-repeat: repeat-y;
	background-position: 27px 0;
}
.about-ov dl {
	background-image: url(../icon3.png);
	background-repeat: no-repeat;
	background-position: 4px 19px;
}
.about-ov dt{
	width: 100%;
	padding: 4px 0 0 40px;
}
.about-ov dd {
	margin: 5px 0 0 40px;
	width: calc(100% - 40px);
}
.aboutb2 {width: 100%;}
}
@media (max-width: 767px) {
.certif1 ul {
	width: 50%;
	padding: 5px 1% 20px;
}
.about-pic .pic1 {
	width:100%;
	padding: 0;
}
.about-pic .pic1:nth-child(2) {
	width:100%;
	padding: 25px 0 0 0;
}
.video-info {
	width:100%;
	padding: 0;
}
.video-info:nth-child(2) {
	width:100%;
	padding: 25px 0 0 0;
}
.aboutb1 .photo {width: 100%;padding: 7px;}
.aboutb1 .info {width: 100%;padding-left: 0;margin-top: 20px;}

}
@media (max-width: 480px) {
.certif1 ul {width: 100%;padding: 5px 0 20px;}
.aboutb2 .photo, .aboutb3 .photo {width: 100%;}
.aboutb2 .photo .companyimg, .aboutb3 .photo .companyimg {height: 180px;}
.aboutb2 .info, .aboutb3 .info {width: 100%;padding: 15px 0 0;}
}
.searchbox {
	display: inline-block;
	width: 100%;
	padding: 15px 2% 25px ;
	border: 6px solid #ffd1d1;
}
.searchbox ul{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
.searchbox ul li{
	width: 100%;
	float: left;
	font-size: 16px;
	padding: 10px 8px 10px 23px;
	margin: 0;
	list-style-type: none;
	border-bottom: 1px dashed #ccc;
	background: url(../icon8.png) no-repeat 8px 22px;
}
.searchbox ul li:hover{
	background-color: #fbeaea;
}
.searchbox ul li a{
	color: #333;
}
.searchbox ul li a:hover{
	color: #d70000;
}
/*************************
******* develop CSS ******
**************************/
.develop1 {
	float: left;
	display: inline-block;
	width: 60%;
	margin: 10px 0 0;
}
.develop2 {
	display: inline-block;
	width: 40%;
	margin: 30px 0 0;
}
.develop4 {
	float: left;
	display: inline-block;
	width: 60%;
	margin: 10px 0 0;
	padding-right: 30px;
}
.develop4 p {
	margin: 0 0 5px;
}
.develop5 {
	float: left;
	display: inline-block;
	width: 100%;
	margin: 10px 0 0;
}
.develop1 p.tit1 {
	display: inline-block;
	font-size: 18px;
	color: #fff;
	padding: 4px 20px;
	margin: 0 0 5px;
	background: #00aa87;
	border-radius: 30px;
}
.develop1 p.tit2 {
	display: inline-block;
	font-size: 18px;
	color: #fff;
	padding: 4px 20px;
	margin: 0 0 5px;
	background: #00aa87;
	border-radius: 30px;
}
.develop4 p.tit1, .develop5 p.tit1 {
	display: inline-block;
	font-size: 18px;
	color: #fff;
	padding: 4px 20px;
	margin: 0 0 15px;
	background: #00aa87;
	border-radius: 30px;
}
.develop1 ol {
	margin: 7px 0 25px;
	padding-left: 35px;
}
.develop1 ol:last-child {
	margin: 7px 0 0;
	padding-left: 35px;
}
.develop1 ol.dev2 {
	margin: 7px 0 25px;
	padding-left: 35px;
}
.develop4 ol {
	margin: 0 0 25px;
	padding-left: 35px;
}
.develop3 {
	float: left;
	display: inline-block;
	width: 100%;
	margin: 0 0 30px;
	padding: 20px 10px;
	border-radius: 20px;
}
.develop3.color1 {background: #d70000;color: #feeeee;}
.develop3.color2 {background: #0579cc;color: #e9f8ff;}
.develop3.color3 {background: #00aa87;color: #f4ffdf;}
.develop3 h3 {
	float: left;
	width: 150px;
	display: inline-block;
	font-size: 4.5em;
	color: #fff;
	line-height: 1.4em;
	padding: 10px;
	margin: 0;
	text-align: center;
}
.develop3 ul {
	float: left;
	width: calc(100% - 150px);
	margin: 0;
	padding-left: 25px;
}

@media (max-width: 991px) {
.develop1 {	width: 100%;}
.develop2 {width: 100%;	margin: 30px 0 0;}
}
@media (max-width: 480px) {
.develop3 h3 {width: 100%;font-size: 4em;line-height: 1em;}
.develop3 ul {width: 100%;margin-top: 10px;padding: 0 10px 0 25px;}
}
/*************************
******* contact CSS ******
**************************/
#contact_form {
	float: left;
	width: 100%;
}
#contact {
	width: 100%;
	display: inline-block;
	padding: 0;
	margin: 0;
}
.contact1 {
	width: 100%;
	padding: 0;
	margin: 0;
	float: left;
}
.contact1 .contact-text {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	color: #222;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
}
.contact1 .control-label {
	text-align: left;
}
.contact1 label {
	padding-left: 10px;
	float: left;
	width: 100%;
	color: #666;
}
.contact1 .required {
	color: #E85500;
	border: 0;
	margin-left:5px;
}
.contact2 {
	float: left;
	width: 100%;
	margin: 3px 0 0 0;
}
.contact2 .cleft {
	width: 30%;
	float: left;
}
.contact2 .cright {
	width: 25%;
	float: left;
	margin: 0;
	padding-left: 5%;
}
.contact3 {
	padding-top: 25px;
	float: left;
	width: 100%;
	margin-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E4E4E4;
	text-align: center;
}
.contact3 button {
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;
	width: 200px;
	height: 40px;
	margin-left: 10px;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	border: none;
	cursor: pointer;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 10px;
	transition: background 0.3s;
}
.contact3 .send {
	background: #555;
}
.contact3 .send:hover{
	background:#d70000;
}
.contact3 .reset {
	background: #ccc;
}
.contact3 .reset:hover{
	background:#999;
}
.contact5 {
	float: right;
	width: 35%;
	padding: 10px;
	margin: 0;
	background-color: #EEE;
}
.contact5 .google-maps {
	position: relative;
    padding-bottom: 160%;
    height: 0;
    overflow: hidden;
}
.contact5 .google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.contact6 {
	float: left;
	width: 33%;
	padding: 0 0 0 2%;
}
.contact6:first-child {
	float: left;
	width: 34%;
	padding: 0;
}
.contact1 .box-txt{border: 1px solid #ccc; outline: none; padding: 3px 10px;}
.contact1 .box-txt:focus{border-color: #d70000; -webkit-box-shadow: 0 0 1px #d70000; box-shadow: 0 0 1px #d70000;}
#contact_form .pull-left{padding-right:10px}

@media (min-width: 768px) and (max-width: 991px) {
.contact1 {
	width: 100%;
}
.contact2 .cleft {
	width: 50%;
}
.contact2 .cright {
	width: 45%;
	float: left;
	margin: 0;
	padding-left: 5%;
}
.contact5 {
	float: left;
	width: 100%;
	margin: 40px 0 0;
}
.contact5 .google-maps {
    padding-bottom: 50%;
}
}
@media (max-width: 767px) {
.contact1 {
	width: 100%;
}
.contact2 .cleft {
	width: 50%;
	float: left;
}
.contact2 .cright {
	width: 45%;
	float: left;
	margin: 0;
	padding-left: 5%;
}
.contact4 .google-maps {
	position: relative;
    padding-bottom: 50%;
    height: 0;
    overflow: hidden;
}
.contact5 {
	float: left;
	width: 100%;
	margin: 40px 0 0;
}
.contact5 .google-maps {
    padding-bottom: 50%;
}
}
@media (max-width: 480px) {
.contact3 button {
	width: 100%;
	margin-left: 0px;
}
.contact5 .google-maps {
    padding-bottom: 100%;
}
.contact6 {
	width: 100%;
	padding: 1px 0;
}
.contact6:first-child {
	width: 100%;
	padding: 1px 0;
}
}
/*************************
*******news CSS******
**************************/
#news-ov {
	width: 100%;
	float: left;
}
#news-ov ul {
	display: block;
	width: 100%;
	float: left;
	list-style: none;
	margin: 0;
	padding:0;
}
#news-ov ul li {
	display: block;
	width: 31.3%;
	min-height: 370px;
	float: left;
	list-style: none;
	padding: 5px;
	background-color: #FFF;
	-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;
	margin: 10px 2.5% 15px 0;
	border: 1px solid #EBEBEB;
	-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .1 );
	box-shadow: 0 0 5px rgba( 0, 0, 0, .1 );
}
#news-ov ul li:last-child {
	width: 31.3%;
	margin: 10px 0 15px 0 ;
}
#news-ov ul li:hover {
	text-decoration:none;
	background-color:#feefef;
	border: 1px solid #efd5b8;
	-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, 0 );
	box-shadow: 0 0 5px rgba( 0, 0, 0, 0 );
}
#news-ov .news-det {
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 10px 10px 0;
}
#news-ov .news-det .newsdate {
	font-size: 14px;
	color: #ffb611;
	float: left;
	width: 100%;
}
#news-ov .news-det h3 {
	font-size: 18px;
	line-height: 28px;
	color: #222;
	-o-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	-webkit-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	-moz-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	transition: color .20s linear, background-color .20s linear, border-color .20s linear;
	margin: 5px 0;
	padding: 0;
}
#news-ov li:hover .news-det h3 {
	color: #d70000;
	/*text-decoration: underline;*/
}
#news-ov .news-det p {
	font-size: 14px;
	line-height: 22px;
	color: #888;
}
#news-ov .news-img {
	float: left;
	width: 100%;
}
#news-ov .newsimg {
	width: 100%;
	height: 200px;
	outline: none;
	display: inline-block;
	vertical-align: top;
	float: left;
}
.newslist2 {
	padding: 0px;
	float: left;
	width: 100%;
	margin: 0;
}
.newslist2 dl {
	width: 100%;
	margin: 0;
	float: left;
	padding: 15px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.newslist2 dt {
	float: left;
	margin: 0;
	padding: 7px 5px 0 5px;
	font-size: 1.8em;
	line-height: 1.3em;
	font-weight: bold;
	color: #333333;
	width: 100%;
}
.newslist2 dd {
	float: left;
	background-color: #e6cc80;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 4px 15px;
	margin: 6px 0 0 5px;
	font-size: 15px;
	font-weight: normal;
	color: #fff;
}
.newscontent {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding: 30px 0;
	border-bottom: 1px solid #e8e8e8;
	min-height: 250px;
}
.newslist4 {
	font-size: 1em;
	line-height: 1.6em;
	color: #333333;
	background-color: #e8e8e8;
	float: left;
	width: 100%;
	padding: 12px 10px;
}
.newslist4 A:link {color:#009bd8;text-decoration:none}
.newslist4 A:visited {color:#009bd8;text-decoration:none}
.newslist4 A:hover {color:#bf0029;text-decoration:underline}
@media (max-width: 768px){
#news-ov ul li {
	width: 100%;
	min-height: 300px;
	margin: 10px 0 15px 0;
}
#news-ov ul li:last-child {
	width: 100%;
}
#news-ov .newsimg {
	height: 250px;
}
}
@media (max-width: 480px) {
#news-ov .newsimg {
	height: 160px;
}
}

/*************************
*******products CSS******
**************************/
.products-b1 {
	display: inline-block;
	width: 100%;
	border: 6px solid #ffd1d1;
	/*border-bottom: 1px dotted #ffd1d1;*/
	/*background: #fff2f5;*/
	position:relative;
	background: #ffd1d1;
}
.products-b1 .products-detail {
	float: left;
	display: inline-block;
	position:relative;
	width: 52%;
	padding: 20px;
	min-height: 380px;
	border-right: 3px solid #ffd1d1;
	background: #fff;
}
.products-b1 .products-detail:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 2;
	top: 45%;
	right: -30px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px;
	border-color: transparent transparent transparent #fff ;
}
.products-b1 .products-pic {
	float: left;
	display: inline-block;
	width: 48%;
}
/*.products-b1 .products-picbox {
	display: inline-block;
	width: 50%;
	min-height: 400px;
	position: absolute;
	z-index: 4;
	top: -20px;
	right: -5px;
	border: 1px solid #e6cc80;
}*/
.products-b1 .products-img {
	float: left;
	width: 100%;
}
.products-b1 .productsimg {
	width: 100%;
	height: 380px;
	outline: none;
	display: inline-block;
	vertical-align: top;
	float: left;
}
.products-download {
	display: inline-block;
	width: 100%;
	padding: 12px 20px;
	background: #d70000;
	color: #e6cc80;
	font-size: 16px;
}
.products-download a.pdownload {
	display: inline-block;
	padding: 8px 30px 8px 46px;
	COLOR: #fff;
	TEXT-DECORATION: none;
	border-radius: 30px;
	transition: background 0.3s;
	border: none;
	background: #cda634 url(../download.svg) no-repeat 22px 11px;
	background-size: auto 20px;
	margin:3px 0 3px 15px;
}
.products-download a.pdownload:hover {
	COLOR: #FFF;
	text-decoration: none;
	border: none;
	background: #e6cc80 url(../download.svg) no-repeat 22px 11px;
	background-size: auto 20px;
}
.products-b2 {
	display: inline-block;
	width: 100%;
	margin: 35px 0 0;
}
@media (max-width: 991px){
.products-b1 .products-detail {
	width: 100%;
	min-height: inherit;
}
.products-b1 .products-detail:after {
	top: inherit;
	bottom: -30px;
	right: 50%;
	border-color: #fff transparent transparent transparent;
}
.products-b1 .products-pic {
	width: 100%;
	position: relative;
	top: 0;
}
.products-b1 .productsimg {
	height: 300px;
}
.products-b1 .products-picbox {
	display: none;
}

}
@media (max-width: 480px) {
.products-download {
	text-align: center;
}
.products-download a.pdownload {
	display: block;
	margin:3px auto;
}
}