@charset "utf-8";
/*产品内页*/
#comContent {
    clear: both;
    background: #FFF;
    float: left;
    width: 100%;
}
.videoMainTitle {
    font-size: 40px;
    line-height: 55px;
    padding: 5px 0 0 0;
    text-align: center;
}
.videoSummarize {
    font-size: 22px;
    color: #8f8f8f;
    text-align: center;
}
#productContent{
	border-top:1px #e7e7e7 solid;overflow: hidden;
}

#products_main{
	width: 100%;
	margin: 0;
	background: #ededed;
	float: left;
}

ul#materials{
	list-style:none;
	width:100%;
	margin:0 0 40px 0;
	float:left;
}

ul#materials li{
	float: left;
	width: 164px;
	margin: 10px 16px 20px 0;
	font-size: 18px;
	line-height: 24px;
	color: #8f8f8f;
	height: 200px;
}

ul#materials li img{
	margin:0 0 8px 0;
}

.addinquiryTitle{
	text-align:center;
	margin:40px auto;
	clear:both;
	width:480px;
}

.addinquiryTitle a{
	width:300px;
	padding:15px 50px;
	border: 1px solid #595757;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background:#595757;
	color:#fff;
	font-size:22px;
}

/*#modelCollection{
	width:100%;
	float:left;
	padding:0 0 40px 0;
}*/

#modelCollection {
    width: 1200px;
    float: right;
    padding: 0 0 40px 0;
    margin: auto;
}
.model{
	float:left;
	/*width:240px;*/width:300px;
	padding:30px;
	background:#f2f2f2;
	margin:0 10px 10px 0;
	text-align:center;
	color:#595757;
	font-size:18px;
}

input[type=checkbox].css-checkbox {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:26px;
	height:21px; 
	display:inline-block;
	line-height:21px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:21px;
	vertical-align:middle;
	cursor:pointer;

}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -21px;
}
label.css-label {
background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_e17015fdecdcb3a2a435b9dfbca015b9.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.pfeatureContent{ width:1200px; margin:0 auto;
}

.products_bg{
	margin-top:60px;	
}

.product_category{
	float:left;
	margin:0 5px 0 5px;
	width:410px;
	height:730px;
	background:#ededed;	
}
.product_category:hover{
	background:#fff;
}
.product_category img{
	width:100%;
}
.p_c_title{
	padding:20px;
	font-size:36px;
	line-height:42px;
}
.p_c_title a{
	color:#000;
}
.p_c_title a:hover{
	text-decoration:none;
}
.p_c_list{
	padding:0 20px;
	font-size:18px;
	line-height:25px;
}
.p_c_list a{
	float:left;
	width:100%;
	color:#8f8f8f;
	padding:0 0 3px 0;
}
.p_c_list a:hover{
	color:#000;
}
.pMore{
	float:left;
	width:100%;
	text-align:center;
	background:url(../images/products_more.png) center top no-repeat;
	padding-top:20px;
	margin-top:20px;
	font-size:16px;
}
.pMore a{
	color:#000;
}
#p_sub_banner{
	position:absolute;
	width:100%;
	left:0;
	margin:30px 0 0 0;
	background:url(../images/product_sub_banner_bg.jpg) center top no-repeat;
}
#subBanner{
	/*width:1260px;*/
	margin:0 auto;
}
#subBanner2{
	width:100%;
	height:274px;
	float:left;
}
#psubContent, #psubContent_epd{
	width:100%;
	margin:330px 0 0 0;
}
#psubContent_epd{
	margin: 0;
}
#psubMenu{
	width:100%;
	float:left;
	padding:20px 0 30px 0;
	margin:0 0 30px 0;
	border-bottom:1px #c5c5c5 solid;
}
.psubMenu_i_current, .psubMenu_i{
	float:left;
	font-size:18px;
}
.psubMenu_i_current a{
	font-family:'MyriadPro-Regular', Arial, Helvetica, sans-serif;
	background:url(../images/psicon1.jpg) no-repeat left;
	padding:30px 30px 30px 70px;
	color:#000;
}
.psubMenu_i a{
	font-family:'MyriadPro-Regular', Arial, Helvetica, sans-serif;
	background:url(../images/psicon2.jpg) no-repeat left;
	padding:30px 30px 30px 70px;
	color:#8f8f8f;
}
.psubList{
	width:100%;
	float:left;
	margin:20px 0 0 0;
}
.psub_i{
	width:308px;
	float:left;
	margin:0 6px 0 0;
	font-size:16px;
	color:#757575;
}
.psub_i img{
	width:100%;
}
.psub_i_title{
	font-family:'MyriadPro-Regular', Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:26px;
	padding:15px 0;
}
.psub_i_title a{
	color:#000;
}
.psub_o_title{
	font-family:'MyriadPro-Regular', Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:26px;
	padding:15px 0;
	color:#000;
}
.pHover{
	width:308px;
	position:absolute;
	height:250px;
	background:url(../images/products_sub_pic1_hover.png) no-repeat center top;
	display:none;
}
#products_i_banner{
	width:100%;
}
#pi_twopics{
	width:970px;
	margin:20px auto;
}
#pi_twopics img{
	width:483px;
	float:left;
	margin:0 2px 0 0;
	padding:0 0 20px 0;
}
#pmostfeatures{
	width:1000px;
	padding:10px 0;
	margin:0 auto;
	text-align:center;
	font-size:22px;
	line-height:31px;
	color:#000;
}
.pcircle1{
	width:250px;
	padding:60px 40px 70px 40px;
	float:left;
	color:#8f8f8f;
	background:url(../images/pd_i_circle1.jpg) center top no-repeat;
}
.pcircle2{
	width:250px;
	padding:60px 40px 70px 40px;
	float:left;
	color:#8f8f8f;
	background:url(../images/pd_i_circle2.jpg) center top no-repeat;
}
.pcircle3{
	width:250px;
	padding:60px 40px 70px 40px;
	float:left;
	color:#8f8f8f;
	background:url(../images/pd_i_circle3.jpg) center top no-repeat;
}
.piothers{
	width:100%;
	float:left;
	padding:40px 0;
	border-top:1px #c5c5c5 solid;
}
.pioTitle{
	width:100%;
	text-align:center;
	font-size:35px;
	line-height:45px;
	padding:0 0 10px 0;
}
.pioSubTitle{
	width:100%;
	text-align:center;
	font-size:22px;
	line-height:31px;
	color:#000;
}
#breadcinside{
	width:100%;
	float:left;
}
.compareButton{
	width:100%;
	text-align:center;
	margin:60px auto 20px auto;
	float:left;
}

.compareButton a{
	width:300px;
	padding:15px 50px;
	border: 1px solid #595757;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background:#595757;
	color:#fff;
	font-size:22px;
}
.comparechoose{
	background:#f2f2f2;
	padding:20px 0 10px 0;
	text-align:center;
}
#modelsList{
	width:1000px;
	margin:10px auto;
}
.modelinfo{
	float:left;
	margin:0 5px 0 0;
	text-align:center;
	font-size:18px;
	color:#757575;
}
#modelCopmareinfo{
	width:100%;
	float:left;
}
#modelTitle{
	font-family:'MyriadPro-Regular', Arial, Helvetica, sans-serif;
	font-size:22px;
	width:100%;
	float:left;
	padding:20px 0;
	border-bottom:1px #c5c5c5 solid;
	text-align:center;
}
#modelsInfo{
	width:1000px;
	margin:30px auto;
}
.models{
	width:490px;
	float:left;
	font-size:18px;
	line-height:26px;
	text-align:center;
	margin:30px 7px 20px 0;
}
.models_i{
	padding:20px 0;
	border-bottom:1px #c5c5c5 solid;
}
#productContent {
    border-top: 1px #e7e7e7 solid;
}
.newsMainTitle, .newsitit {
    font-size: 40px;
    line-height: 60px;
    padding: 20px 0;
    text-align: center;
    width: 100%;
    float: left;
    color: #000;
}
ul#materials {
    list-style: none;
    width: 100%;
    margin: 0 0 40px 0;
    float: left;
}
ul#materials li {
    float: left;
    width: 164px;
    margin: 10px 16px 20px 0;
    font-size: 18px;
    line-height: 24px;
    color: #8f8f8f;
    height: 200px;
}
ul#materials li img {
    margin: 0 0 8px 0;
}


/*简介*/
.w_row {
  width: 100%;
  overflow: hidden;
}
.w_row .img{
	text-align:center;
}
.w_row .img img{
	width:100%;
}
.c_row{
	width:1440px;
	margin:0 auto;
}
.company .box_1 {
  position: relative;
  height: 800px;
}
.company .box_1 .box-text {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  color: #fff;
  background: url("../images/bg_company_box_1.png");
}
.company .box_1 .box-text .text_1 {
  padding: 220px 0 0 0;
  font-size: 40px;
  line-height: 50px;
}
.company .box_1 .box-text .text_1 span {
  display: block;
  width:700px;
  margin:0 auto;
}
.company .box_1 .box-text .text_2 {
  padding: 30px 0;
  width:700px;
  margin:0 auto;
  font-size: 24px;
}
.company .box_1 .box-text .text_3 {
	font-size:16px;
	line-height:24px;
	width:700px;
    margin:0 auto;
}
.company .box_1 .box-text .link-video {
  padding: 80px 0;
  font-size: 30px;
}
.company .box_1 .box-text .link-video a{
	color:#fff;
	text-decoration:underline;font-size: 30px;
}
.company .box_1 .box-text .api-fb {
  padding: 30px 0 0px 0;
}
.company .box_1 .box-text .api-fb a {
  color: #fff;
  text-decoration: none;
}
.company .box_1 .box-text .api-fb a span {
  display: block;
  font-size: 20px;
}
.company .box_1 .img {
  width: 100%;
  background: url("../images/bg_company_box_1_img.jpg");
  min-height: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;    margin-top: -21px;
}
.box-text {
  padding: 20px 0 80px 0;
  width:1000px;
  margin:0 auto;
}
.box1-text {
	width:50%;
	float:left;
	padding:80px 0 50px 0;
}
.box-text .title {
  text-align: center;
  font-family: "MyriadPro-Light", 微軟正黑體;
  padding: 50px 0 20px 0;
  font-size: 35px;
}
.box-text .content {
  padding: 0 50px;
  color: #2e2e2e;
  line-height: 28px;
  font-size:17px;
}
.box-text .content_center {
  padding: 0 50px;
  color: #2e2e2e;
  line-height: 28px;
  font-size:17px;
  text-align:center;
}
.box1-text .title{
	text-align: left;
    font-family: "MyriadPro-Light", 微軟正黑體;
    padding: 50px 0 20px 50px;
    font-size: 35px;
}
.box1-text .content {
  padding: 0 50px;
  color: #2e2e2e;
  line-height: 28px;
  font-size:17px;
}
.box1-text .img img{
	width:100%;
}
.box1-text .left{
	float:left;
	width:10%;
	margin:50px 1% 0 50px;
}
.box1-text .left img{
	width:100%;
}
.company .company_img {
  margin: 1px 0;
  position: relative;
  float:left;
  width:50%;
}
.company .company_img img{
	width:100%;
}
.company .company_img span {
  position: absolute;
  color: #fff;
  bottom: 25px;
  text-align: center;
  width: 100%;
  font-size: 18px;
  z-index: 2;
  display: block;
}
.bg-c-gary {
  background: #f3f3f3;
  float:left;
  width:50%;
  padding:30px 0 0 0;
  font-size:17px;
  line-height:28px;
  overflow:hidden;
  height:700px;
}
.bg-c-gary .title{
	font-size:40px;
	text-align:left;
	width:650px;
	float:right;
	padding:90px 0 0 0;
}
.bg-c-gary .content{
	text-align:left;
	width:650px;
	float:right;
	padding:40px 0;
}
.bg-c-gary1 {
  background: #f3f3f3;
  float:left;
  width:50%;
  padding:30px 0 0 0;
  font-size:17px;
  line-height:28px;
  height:670px;
}
.bg-c-gary1 .title{
	font-size:40px;
	text-align:left;
	width:620px;
	float:right;
	padding:110px 80px 0 0;
}
.bg-c-gary1 .content{
	text-align:left;
	width:620px;
	float:right;
	padding:40px 80px 40px 0;
}
.company .box-text .company-ps span {
  color: #898989;
}
.company .box-photomap img {
  width: 100%;
}
.company .img-factory {
  float:left;
  width:47.5%;
}
.company .img-factory .img {
  width: 100%;
  min-height: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
.company .img-factory .img img{
	width:100%;
}
.company .box-text .box-icon .left {
  text-align: right;
}
.company .box-text .box-icon .right {
  text-align: left;
}
.company .box-flexslider {
  margin: 0 auto 60px auto;
  position: relative;
  width:1200px;
}
.w_row .col {
  width: 1200px;
  margin: 0 auto;
}
.company .company-unimg {
  width:50%;
  float:left;
  overflow:hidden;
  height:700px;
}
.company .company-unimg img{
	width:100%;
}
.company .box-flexslider img {
  width: 100%;
}
.advantages .box_1 {
	position:absolute;
	width:30%;
	right:350px;
	top:240px;
  text-align: center;
  line-height: 40px;
  color:#fff;
}
.advantages .box_1 .subtitle {
  margin:30px 0;
  font-size: 26px;
}
.advantages .box_1 .title {
  font-size: 45px;
  margin: 15px 0;
}
.advantages .box_1 .text {
  line-height: 32px;
  font-size: 20px;
  padding: 2% 10%;
}
.advantages .data{
	text-align:center;
}
.cols {
  width: 38%;
  float:left;
  background:#f3f3f3;
  padding:80px 2% 40px 10%;
  height:680px;
}
.cols .title {
  font-family: "MyriadPro-Light", 微軟正黑體;
  padding: 38px 0 20px 0;
  font-size: 32px;
  line-height: 40px;
  float:left;
  width:100%;
}
.cols .content {
	font-size:18px;
	line-height:28px;
	padding:20px 0 40px 0;
}
.colss {
  width: 41%;
  float:left;
  background:#f3f3f3;
  padding:80px 3% 40px 6%;
  height:680px;
}
.colss .title {
  font-family: "MyriadPro-Light", 微軟正黑體;
  padding: 20px 0 20px 0;
  font-size: 32px;
  line-height: 40px;
  float:left;
  width:100%;
}
.colss .content {
	font-size:18px;
	line-height:28px;
	padding:20px 0 40px 0;
}
.colsrimg{
	float:left;
	background:#f3f3f3;
	width:50%;
	overflow:hidden;
	height:800px;
}
.colsrimg img{
	width:100%;
}
.advantages .data div {
  color: #656565;
  width: 50%;
  margin:0 0 20px 0;
  font-size:16px;
}
.advantages .data .left{
	float:left;
}
.advantages .data .right {
  float: right;
}
.advantages .data div span {
  color: #000;
  display: block;
  font-family: "MyriadPro-Regular";
  font-size: 55px;
  line-height: 100px;
}
.advantages .data div .unline {
  margin: 30px auto 0 auto;
  width: 80%;
}
.unline {
  width: 65%;
  height: 1px;
  margin: 5% auto;
  background: #595959;
}
.w_row_c{
	width:1400px;
	padding:40px 0 20px 0;
	margin:0 auto;
}
.advantages .box-flexslider{
	margin:5px 0 40px 0;
	width:100%;
}
.advantages .box-flexslider img{
	width:100%;
}
.advantages .box-bg {
  padding-top: 150px;
  background: url("../images/bg-advantages.jpg");
  min-height: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
.advantages .box-bg .box-text {
  color: #fff;
  background: url("../images/bg_company_box_1.png");
  width:100%;
}
.advantages .box-bg .box-text .content {
  color: #fff;
  padding: 0 100px;
  text-align: center;
}
.top-sat {
  width: 100%;
  padding: 50px 0;
}
.top-sat div {
  margin: 0px auto;
}
.btn-top {
  cursor: pointer;
  width: 80px;
  height: 80px;
  border: 2px solid #221714;
  color: #221714;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
}
.btn-top:after {
  content: "Top";
  line-height: 80px;
}


footer{
	width:100%;
	float:left;
	padding:40px 0;
	background:#404040;
}
#footer{
	width:100%;
	margin:0 auto;
}
ul#footerlink{
	width:90%;
	padding:20px 5%;
	float:left;
}

ul#footerlink li{
	float:left;
	font-size:14px;
	line-height:21px;
	width:19%;
	padding:0 0 0 0.5%;
}
.fltitle{
	color:#fff;
	font-size:20px;
	padding:0 0 20px 0;
}
ul#footerlink li a{
	float:left;
	width:100%;
	text-align:left;
	font-weight:bold;
	color:#cecece;
	padding:4px 0;
}
#copyright{
	width:90%;
	padding:10px 5%;
	float:left;
}
.qrcode{
	float:left;
	width:40%;
	display:none;
}
.qrcode a{
	padding:33px 20px 0 20px;
	float:right;
}
.qrcode img{
	width:16%;
}
.qrcode a.qrimg{
	padding:0;
	float:none;
}
.qrcode a.qrimg img{
	widtH:16%;
}
.copyrighttext{
	float:left;
	width:93%;
	text-align:right;
	padding:40px 2% 0 0;
	font-size:13px;
	color:#fff;
}
.copyrighttext a{
	color:#fff;
}
.ce{
	float:left;
	width:5%;
	padding:40px 0 0 0;
}

@media screen and (max-width: 1680px) {
	.advantages .box_1{
		right:300px;
	}
	.bg-c-gary .title{
		padding:62px 0 0 0;
	}
	.bg-c-gary1{
		height:670px;
	}
	.cols{
		height:680px;
	}
	.colss{
		height:680px;
	}
	.qrcode{
		width:46%;
	}
	/*.copyrighttext{
		width:47%;
	}*/
}
@media screen and (max-width: 1440px) {
	.advantages .box_1{
		right:160px;
	}
	.advantages .box_1 .title{
		font-size:40px;
		margin:5px 0 15px 0;
	}
	.bg-c-gary .title{
		width:600px;
		padding:32px 0 0 0;
	}
	.bg-c-gary .content{
		width:560px;
		padding:40px 40px 25px 0;
	}
	.bg-c-gary1{
		height:592px;
	}
	.bg-c-gary1 .title{
		width:600px;
		padding:32px 0 0 0;
	}
	.bg-c-gary1 .content{
		width:560px;
		padding:40px 40px 25px 0;
	}
	.company .company-unimg {
		height:622px;
	}
	.cols{
		height:586px;
	}
	.colss{
		height:586px;
	}
	.colsrimg{
		height:706px;
	}
	.qrcode{
		width:51%;
	}
	.qrcode a{
		padding:33px 20px 0 10px;
	}
	/*.copyrighttext{
		width:32%;
		padding:50px 2% 0 10%;
	}*/
	
}
@media screen and (max-width: 1366px) {
	#header_inside{
		width:1300px;
	}
	#menu_nav_c, #menu_nav_p, #menu_nav_s, #menu_nav_n, #menu_nav_v{
		width:1300px;
	}
	.w_row .col{
		width:1200px;
	}
	.c_row{
		width:1200px;
	}
	.bg-c-gary{
		height:580px;
	}
	.bg-c-gary .title{
		width:550px;
		padding:50px 0 0 0;
	}
	.bg-c-gary .content{
		width:510px;
		padding:40px 40px 20px 0;
	}
	.bg-c-gary1{
		height:560px;
	}
	.company .company-unimg {
		height:590px;
	}
	.cols{
		height:550px;
	}
	.colss{
		width:42.5%;
		height:618px;
		padding:30px 3% 22px 4.5%;
	}
	.colsrimg{
		height:670px;
	}
	.w_row_c{
		width:1200px;
	}
	.company .box-flexslider{
		width:1200px;
	}
	.qrcode{
		width:54%;
	}
	/*.copyrighttext{
		padding:50px 2% 0 6%;
	}*/
}
@media screen and (max-width: 1334px) {
	.bg-c-gary .title{
		width:600px;
		padding:18px 0 0 0;
	}
	.bg-c-gary1{
		height:546px;
	}
	.company .company-unimg {
		height:576px;
	}
	.cols{
		height:537px;
	}
	.colss{
		height:605px;
	}
	.colsrimg{
		height:657px;
	}
}
@media screen and (max-width: 1280px) {
	#header_inside{
		width:1240px;
	}
	nav{
		margin:30px 0 0 110px;
	}
	#menu_nav_c, #menu_nav_p, #menu_nav_s, #menu_nav_n, #menu_nav_v{
		width:1240px;
	}
	.menu_p{
		width:270px;
	}
	.bg-c-gary .content{
		padding:30px 40px 20px 0;
	}
	.bg-c-gary1{
		height:523px;
	}
	.company .company-unimg {
		height:553px;
	}
	.advantages .box_1{
		width:40%;
		top:200px;
		right:110px;
	}
	.advantages .box_1 .text{
		padding:2% 5%;
	}
	.cols{
		width:40.5%;
		padding:53px 2% 40px 7.5%;
	}
	.colss{
		padding:23px 3% 2px 4.5%;
	}
	.colss .content{
		padding:20px 0;
	}
	.colsrimg{
		height:630px;
	}
	#footer{
		/*width:1280px;*/
	}
	.qrcode{
		width:56%;
	}
	.qrcode a{
		padding:33px 20px 0 10px;
	}
	/*.copyrighttext{
		padding:50px 2% 0 3%;
	}*/
}
@media screen and (max-width: 1152px) {
	#header_inside{
		width:1100px;
	}
	nav{
		margin:30px 0 0 30px;
		width:750px;
	}
	#menu_nav_c, #menu_nav_p, #menu_nav_s, #menu_nav_n, #menu_nav_v{
		width:1100px;
	}
	.menu_p{
		width:240px;
	}
	.menu_p_img{
		width:240px;
	}
	.menu_p_img img{
		width:100%;
	}
	.w_row_c{
		width:100%;
	}
	.company .box_1{
		height:650px;
	}
	.company .box_1 .box-text .text_1{
		padding:150px 0 0 0;
	}
	.advantages .box_1{
		top:140px;
	}
	.advantages .box_1 .title{
		font-size:50px;
	}
	.advantages .box_1 .text{
		font-size:18px;
		line-height:27px;
	}
	.bg-c-gary .title{
		width:550px;
	}
	.bg-c-gary1{
		height:510px;
	}
	.bg-c-gary1 .title{
		width:540px;
	}
	.bg-c-gary1 .content{
		width:500px;
	}
	#footer{
		/*width:1152px;*/
	}
}
@media screen and (max-width: 1136px) {
	#header_inside{
		width:1100px;
	}
	nav{
		margin:30px 0 0 30px;
		width:700px;
	}
	nav ul li a{
		padding:0 18px 15px 18px;
	}
	#menu_nav_c, #menu_nav_p, #menu_nav_s, #menu_nav_n, #menu_nav_v{
		width:1100px;
	}
	.menu_p{
		width:240px;
		margin:0 0 0 20px;
	}
	.menu_p_img{
		width:100%;
	}
	.menu_p_img img{
		width:100%;
	}
	.advantages .box_1{
		width:40%;
		right:60px;
		top:160px;
	}
	.w_row .col{
		width:1000px;
	}
	.c_row{
		width:1000px;
	}
	.bg-c-gary{
		overflow:hidden;
		height:480px;
	}
	.bg-c-gary .title{
		width:450px;
		padding:32px 0 0 0;
	}
	.bg-c-gary .content{
		width:410px;
		padding:40px 40px 25px 0;
	}
	.bg-c-gary1{
		height:461px;
	}
	.bg-c-gary1 .title{
		width:450px;
		padding:32px 0 0 0;
	}
	.bg-c-gary1 .content{
		width:410px;
		padding:40px 40px 25px 0;
	}
	.w_row_c{
		width:1000px;
	}
	.cols{
		padding:15px 2% 8px 7.5%;
	}
	.cols .title{
		padding:15px 0 20px 0;
		font-size:28px;
		line-height:40px;
	}
	.cols .content{
		font-size:16px;
		line-height:24px;
		padding:20px 0 40px 0;
	}
	.colss{
		width:41%;
		padding:14px 3% 0 6%;
		height:547px;
	}
	.colss .title{
		font-size:28px;
	}
	.colss .content{
		padding:20px 0 10px 0;
		font-size:16px;
		line-height:24px;
	}
	.colsrimg{
		height:560px;
	}
	.company .box-flexslider{
		width:1000px;
	}
	.company .company-unimg{
		height:491px;
	}
	#footer{
		/*width:1136px;*/
	}
	#copyright{
		width:96%;
		padding:10px 2%;
		float:left;
	}
	.qrcode{
		width:59%;
	}
	/*.copyrighttext{
		padding:50px 2% 0 0;
	}*/
}

@media screen and (max-width: 1024px) {
	#header_inside{
		width:1000px;
	}
	nav{
		margin:30px 0 0 0;
		width:680px;
	}
	nav ul li a{
		padding:0 13px 15px 13px;
	}
	#menu_nav_c, #menu_nav_p, #menu_nav_s, #menu_nav_n, #menu_nav_v{
		width:1000px;
		z-index:15;
	}
	.menu_p{
		width:220px;
		margin:0 0 0 16px;
	}
	.bg-c-gary{
		height:478px;
	}
	.bg-c-gary1{
		overflow:hidden;
		height:412px;
	}
	.bg-c-gary1 .title{
		width:450px;
		padding:15px 0 0 0;
	}
	.bg-c-gary1 .content{
		width:410px;
		padding:20px 40px 25px 0;
	}
	.company .company-unimg{
		height:442px;
	}
	.advantages .data div span{
		line-height:60px;
	}
	.advantages .box_1 .title{
		font-size:30px;
		margin:5px 0;
	}
	.advantages .box_1 .subtitle{
		font-size:20px;
		margin:15px 0 5px 0;
	}
	.cols{
		padding:35px 2% 8px 6%;
		height:460px;
		width:42%;
	}
	.cols .content{
		font-size:14px;
		line-height:20px;
	}
	.colss{
		height:489px;
	}
	.colss .title{
		font-size:26px;
	}
	.colss .content{
		font-size:14px;
		line-height:20px;
	}
	.colsrimg{
		height:503px;
	}
	#footer{
		/*width:1024px;*/
	}
	.qrcode{
		width:59%;
	}
	.qrcode a{
		padding:33px 0 0 0;
	}
	.qrcode a img{
		width:90%;
	}
	/*.copyrighttext{
		padding:50px 2% 0 0;
	}*/
}

/* 20170-05-12 Advantages */
.ta-c{
	text-align: center;
}

.com_lay .row{
	position: relative; 
	width: 100%; 
	clear: both; 
	margin: 30px 0; 
	padding: 30px 0; 
}

.com_lay .container{
	width: 80%; 
	margin: 0 auto;
}

.com_lay .title {
	font-family: "MyriadPro-Light", 微軟正黑體;
	font-size: 32px;
	line-height: 40px;
	padding: 38px 0 20px 0;
	clear: both;
}
.com_lay .content {
	font-size:18px;
	line-height:28px;
}

.com_lay .fig_lay{
	margin: 30px 0 0 0; 
	background: #000; 
	z-index: 2;
}

.com_lay .fig_txt{
	position: absolute; 
	margin: auto; 
	right: 10%; 
	top: 30%; 
	z-index: 999; 
	color: #fff; 
	width: 40%; 
	text-align: center;
}

.com_lay .fig_lay .subtitle {
  margin:30px 0;
  font-size: 38px;
}
.com_lay .fig_lay .title {
  font-size: 60px;
  margin: 15px 0;
  line-height: 120%;
}
.com_lay .fig_lay .text {
  line-height: 32px;
  font-size: 20px;
  padding: 2% 10%;
}

.com_lay .com_adv_lay{
	background: #f3f3f3; 
	margin: 0 0 30px 0;
}

.com_lay .com_adv{
	padding: 40px 80px;
}

.com_lay .data div span {
	color: #000;
	font-family: "MyriadPro-Regular", 微軟正黑體;
	font-size: 55px;
	line-height: 100px;
}
.com_lay .data div {
	margin:0 0 20px 0;
	font-size:16px;
	color: #656565;
	text-align: center;
}
.com_lay .left{
	width: 50%;
	float: left;
}

.com_lay .right {
	width: 50%;
	float: right;
}

.com_lay .data .unline {
	width: 65%;
	height: 1px;
	margin: 5% auto !important;
	background: #595959;
}

.com_lay .com_intro_lay{
	background: #f3f3f3;
	overflow: auto;
}

.com_lay .com_intro{
	padding: 100px 80px 40px 80px;
}

.com_lay .com_intro > div{
	padding: 20px 0 40px 0;
}

.com_lay .com_btm{
	background: url(../images/bg-advantages.jpg) no-repeat center center; 
	background-size: cover;
}

.com_lay .com_btm > div{
	background: rgba(0,0,0,.5); 
	color: #fff; 
	margin: 100px 0; 
	padding: 60px 0;
}

.com_btm .title{
	padding: 0;
}


@media screen and (max-width: 1800px) {	
	.com_lay .com_intro{
		padding: 40px 80px;
	}
}

@media screen and (max-width: 1600px) {
	.com_lay .container{
		width: 90%; 
	}
	.com_lay .com_adv{
		padding: 30px;
	}
}

@media screen and (max-width: 1280px) {
	.com_lay .com_intro{
		padding: 20px 40px;
	}
	
	.com_lay .title{
		padding: 20px 0;
		font-size: 26px;
	}
	
	.com_lay .content {
		font-size:14px;
	}
	
	.com_lay .com_intro > div{
		padding: 5px 0;
	}
}


@media screen and (max-width: 1280px) {
	.com_lay .container{
		width: 100%; 
	}
}



/*产品内页*/

.videoMainTitle {
    font-size: 40px;
    line-height: 55px;
    padding: 5px 0 0 0;
    text-align: center;    max-width: 1100px;

}

#p_sub_banner {
    position: absolute;
    width: 100%;
    left: 0;
    margin: 10px 0 0 0;
    background: url(../images/product_sub_banner_bg.jpg) center top no-repeat;
}

#subBanner {
    /*width: 1260px;*/
    margin: 0 auto;
}
.pd-searchbox {
    margin-bottom: 62px;    text-align: center;
}
.pd-searchbox input[type="text"] {
    background: #e6e7eb;
    width: 457px;
    height: 47px;
}
input {
    border: 0;
    padding: 5px 20px;
    box-sizing: border-box;
    color: #acacac;
    font-size: 16px;
    font-family: "VistaSansBook";
    background: #fff;
}

.btn {
    background: #ef8200;
    width: 116px;
    height: 47px;
    color: #fff;
    border: 0;
    font-size: 16px;
    font-family: "VistaSansBook";
    cursor: pointer;
}


#pdsublist-w {
    width: 100%;
    float: left; text-align:center;
    background: #fff;
    text-align: center;
       padding: 0 82px 0 82px;
    box-sizing: border-box;
   /* width: 1280px;*/
}
.pdsublist {
    float: left;
    width: 30%;
    padding-left: 1%;
    padding-right: 1%;
    margin: 2% 0;
    height: 400px;
}
@media screen and (max-width: 1440px){
.pdsublist {
    width: 30%;
}
}
.pdsublist img {
    margin: 0 auto;
}
.pdsublist .title {
    font-size: 18px;
    line-height: 22px;
    color: #000;
    margin-top: 20px;
    text-align: left;
	font-family: 'MyriadPro-Regular', Arial, Helvetica, sans-serif;
}

.xq{text-align: left;
    width: 308px;
    float: left;
    margin: 0 6px 0 0;
    font-size: 16px;
    color: #757575;
}

/*联系*/
@media screen and (max-width: 1366px)
{
.container {
    max-width: 1366px;
}
}
.container {
    width: 1280px;
 
}
.content1 {
    background: transparent;
    max-width: 50%;
    width: inherit;    float: left;
 
    position: relative;
}
body.contact h2 {
    color: #ef8200;
    font-size: 36px;
    font-family: "VistaSansBold","Arial";
}
body.contact h4 {
    color: #595656;
    text-transform: none;
    font-weight: normal;
    margin: 40px 0;
    line-height: 1.5em;font-size: 22px;
    font-family: "VistaSansBook", Arial, sans-serif;
}
.contact_form {
   width: 100%;
    float: left;
    margin: 30px 0 0 0;
}
.coninq {
    display: block;
}
aside {
    float: left;
    width: 20%;
    max-width: 248px;
}
body.contact aside {
    background: transparent;
    max-width: 50%;
    width: inherit;
    padding: 0 75px;
    box-sizing: border-box;
}
.contact_info {
    background: #fff;
    padding: 40px 30px;
}
.contact_info .img, .contact_info .infobox {
    display: inline-block;
    width: 45%;
    vertical-align: top;
}
.contact_info .img, .contact_info .infobox {
    display: inline-block;
    width: 45%;
    vertical-align: top;
}
.infobox h6 {
    font-size: 16px;
    color: #000;
    margin-bottom: 20px;
    text-transform: none;
}
.contact_info .infobox p {
    font-size: 14px;
    color: #878787;
    text-transform: none;
    margin-bottom: 10px;
    line-height: 18px;
}

/*表格*/
.table1 {
    border-collapse: collapse;
    border-spacing: 0;
}
.table1>tbody>tr>td, .table1>tbody>tr>th, .table1>tfoot>tr>td, .table1>tfoot>tr>th, .table1>thead>tr>td, .table1>thead>tr>th {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #e7ecf1;
}
.table1 td, .table1 th, .table1 td label {
    font-size: 16px;
    font-family: "Microsoft JhengHei", Arial, sans-serif;
}

.panel {
    border: 0;box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.18);margin-bottom: 20px;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-heading {
    background: #eee;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.font-red {
    color: #e7505a!important;
}

.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    color: #737373;
    border: 1px solid #d3d3d3;
}
.table1 {
    width: 100%;
    margin-bottom: 20px;
}
pre code, table {
    background-color: transparent;
}
.img-responsive, .img-thumbnail, .table, label {
    max-width: 100%;
}
.table1>tbody+tbody {
    border-top: 2px solid #e7ecf1;
}
.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
}
.form-group {
    margin-bottom: 15px;
}
.form-horizontal .form-group:after, .form-horizontal .form-group:before {
    content: " ";
    display: table;
}
.form-control {
    outline: 0!important;
    box-shadow: none!important;
}
.form-control {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #c2cad8;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control, output {
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    display: block;
}
.btn, .btn-danger.active, .btn-danger:active, .btn-default.active, .btn-default:active, .btn-info.active, .btn-info:active, .btn-primary.active, .btn-primary:active, .btn-warning.active, .btn-warning:active, .btn.active, .btn:active, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover, .form-control, .navbar-toggle, .open>.btn-danger.dropdown-toggle, .open>.btn-default.dropdown-toggle, .open>.btn-info.dropdown-toggle, .open>.btn-primary.dropdown-toggle, .open>.btn-warning.dropdown-toggle {
    background-image: none;
}
.table>tbody+tbody {
    border-top: 2px solid #e7ecf1;
}
.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
}
.form-group {
    margin-bottom: 15px;
}
.form-horizontal .form-group:after, .form-horizontal .form-group:before {
    content: " ";
    display: table;
}

.form-control {
    outline: 0!important;
    box-shadow: none!important;
}
.form-control {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #c2cad8;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}



/*提交内容*/
#inquiryInfo {
    width: 840px;
    float: left;
    font-size: 18px;
    line-height: 24px;
    color: #383838;
}
#inquiry_title {
    width: 820px;
    color: #fff;
    font-size: 20px;
}
#inquiry_title .no {
    width: 30px;
    background: #a6a6a6;
    float: left;
    padding: 15px;
}
#inquiry_title .category {
    width: 100px;
    background: #a6a6a6;
    float: left;
    padding: 15px;
}
#inquiry_title .products_name {
    width: 180px;
    background: #a6a6a6;
    float: left;
    padding: 15px;
}
#inquiry_title .selected_model {
    width: 160px;
    background: #a6a6a6;
    float: left;
    padding: 15px;
}
#inquiry_title .delete {
    width: 53px;
    background: #a6a6a6;
    float: left;
    padding: 15px;
}

#inquiry_select {
    width: 820px;
    color: #6f6f6f;
    font-size: 16px;
    float: left;
}
#inquiry_select .no {
    width: 30px;
    float: left;
    padding: 15px;
}
#inquiry_select .category {
    width: 100px;
    float: left;
    padding: 15px;
}
#inquiry_select .products_name {
    width: 180px;
    float: left;
    padding: 15px;
}
#inquiry_select .selected_model {
    width: 160px;
    float: left;
    padding: 15px;
}
#inquiry_select .delete {
    width: 80px;
    float: left;
    padding: 30px 15px 15px 15px;
}

#inquiry_select .products_name  a{text-decoration: none;color: #000;font-size: 16px;}
.category a{text-decoration: none;color: #000;font-size: 16px;}



.video_share {
    text-align: center;
    color: #000;
    font-size: 22px;
    padding: 40px 0;
    margin: 0 auto;
}
.fb_reset {
    background: none;
    border: 0;
    border-spacing: 0;
    color: #000;
    cursor: auto;
    direction: ltr;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1;
    margin: 0;
    overflow: visible;
    padding: 0;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    visibility: visible;
    white-space: normal;
    word-spacing: normal;
}
.video_share a {
    color: #000;
	font-size:20px;
}