@media (min-width: 992px) {
	
header{ width:100%;height:auto;padding:0.5% 15%;}	
header .logo{ width:60%; height:auto; float:left;}
header .tel{ width:35%; float:right; background:url(../images/ttel.png) no-repeat right 0; height:45px; text-align:right; padding-right:4%; margin-top:1%;}
header .tel p{ color:#626262;}
header .tel h2{ color:#e3a502; font-size:26px;}

#menu .lau{ width:9%; float:right;}
#menu .lau img{ width:34px; height:18px; float:left; margin-top:26%;}
#menu .lau .ch{ width:70px; height:auto; line-height:80px; float:right;}
#menu .lau .ch a{ font-size:16px;}
#menu .lau .ch a:hover{ color:#FF0004}



.nav{ width:88%; height:80px; line-height:80px; float:left;}
.nav li{text-align:center;width:14.2%;float:left;position:relative;z-index:999;}
.nav li a{display:block;line-height:80px;color:#000;height:80px;font-size:18px;}
.nav li a:hover{background:#e3a502; color:#FFFFFF}
.nav li a.on{ background:#e3a502; color:#FFFFFF}
.nav .sec{height:0;background:#cb9302;color:#000;overflow:hidden;z-index:9999;position:absolute;top:80px;left:0px;}
.nav .sec a{background:#cb9302;color:#fff;height:38px;line-height:38px;width:166px;font-size: 14px;}
.nav .sec a:hover{background:#042d3f;text-decoration:none;}

#menu{ width:100%; border-top:1px solid #dcdcdc; height:80px; padding:0 15%;}

	
/* 首页banner样式 */
.x-banner .owl-carousel { position: relative;}
.x-banner .owl-carousel .banner-item a {display: block;}
.x-banner .owl-carousel .owl-nav .owl-prev {left: 0;}
.x-banner .owl-carousel .owl-nav .owl-next { right: 0;}
.x-banner .owl-carousel .owl-nav button.owl-prev,
.x-banner .owl-carousel .owl-nav button.owl-next { outline: none; position: absolute; top: 50%; z-index: 9999; background: #424246; height: 65px; width: 50px; margin-top: -32.5px; border-radius: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.x-banner .owl-carousel .owl-nav button.owl-prev:hover,
.x-banner .owl-carousel .owl-nav button.owl-next:hover { background: #019350;}
.x-banner .owl-carousel .owl-nav .icon-font {display: block; width: 100%; height: 100%;}
.x-banner .owl-carousel .owl-nav .icon-left-arrow:after {background-position: -34px -180px;}
.x-banner .owl-carousel .owl-nav .icon-right-arrow:after { background-position: -26px -480px;}
@media (max-width: 990px) {
  .x-banner .owl-carousel .owl-nav button.owl-prev,
  .x-banner .owl-carousel .owl-nav button.owl-next { height: 40px; width: 30px; margin-top: -20px;}
  .x-banner .owl-carousel .owl-nav .iconfont { font-size: 20px;}
}
.x-banner .owl-carousel .owl-dots { position: absolute; z-index: 999; left: 0; width: 100%; text-align: center; font-size: 0; bottom: 5%;}
.x-banner .owl-carousel .owl-dots button.owl-dot { display: inline-block; vertical-align: middle; font-size: 14px; margin: 0 .5em; outline: none; background: #fff; border-radius: 50%; width: 1em; height: 1em; opacity: .2;}
.x-banner .owl-carousel .owl-dots button.owl-dot:hover { opacity: .5;}
.x-banner .owl-carousel .owl-dots button.owl-dot.active { opacity: 1;}
@media (max-width: 990px) {
  .x-banner .owl-carousel .owl-dots button.owl-dot { font-size: 12px;}
}
.icon-font { position: relative;}
.icon-font:after { content: ""; width: 30px; height: 30px; background-image: url(../images/icon_spirit.png); background-repeat: no-repeat; position: absolute; left: calc(50% - 15px); top: calc(50% - 15px);}	
	
	
	
.about{ width:100%; background:#f7f7f7; height:auto;padding:3% 15%;}
.about .aleft{ width:56%; float:left; height:auto; background:url(../images/bian.png) no-repeat 0 center; height:448px; padding:1.8% 0 0 2%}
.about .aleft img{ width: auto; height:auto}
.about .aright{ float:right; width:42%; margin-top:5%;}
.about .aright h2{ color:#3c3c3c; font-size:28px;}
.about .aright h3{ border-bottom:3px solid #e3a502; width:80px; margin:5% 0;}
.about .aright p{ line-height:32px;}
.about .aright .more{ border-radius:30px; border:1px solid #e3a502; background:url(../images/jt.png) no-repeat 110px 16px; width:180px; padding:1% 8% 1% 6%; margin-top:3%;}
.about .aright .more a{ font-size:16px;}


.pro{ width:100%; height:auto; padding:3% 15%;}
.pro h2{ color:#3d3d3d; font-size:28px; text-align:center;}
.pro h3{ border-bottom:5px solid #e3a502; text-align:center; width:70px; margin:1.2% auto 3%;}



/*作品*/
.t1{ width:100%; float:left; height:auto}
.line-dh{ border:1px solid #dcdcdc; width:100%; height:80px; border-left:none; border-right:none}
.TabsTop span{float:left; margin:0; cursor:pointer;}
.TabsTop span.topl {padding:0; font-size:16px; padding:0px 46px; margin:8px 0; float:left; line-height:42px;}
.TabsTop span.topv { background:#e3a502; border-radius:30px; color:#FFFFFF; padding:18px 5px; text-align:center; width:180px; font-size:16px;}
.topt {padding:0; font-size:18px; height: 43px; width:300px; float:left; line-height:35px; border-left: none;}

.TabsTop { width:60%; margin-top:0.8%;float:left; margin-left:31%;}
.TabsTop .new {background:url(../images/new.gif) 30px 18px no-repeat; padding:0 30px 0 0; position: absolute;}
.tab .undis{display:none;}
.tab .TabsCnt {overflow:hidden; float:left; width:100%; margin-top:3%;}
.tab .Tabsdiv {overflow:hidden;}
.line-dh1{ width:100%; float:left; margin-bottom:20px; border:1px solid #d6d6d6; background:#FFFFFF;}
.line-dh1 h2{ background:#FFFFFF; line-height:46px; padding-top:8px; width:200px; float:left; text-align:center; font-size:18px; font-weight:normal;}


.recom_list li:nth-child(4n){margin-right: 0}
.recom_list{width: 100%; margin:0; float:left;}
.recom_list li{float: left;text-align: center;padding: 0;width:23.5%;margin-right: 2%;position: relative; margin-bottom:15px;}
.recom_list li div{width: 100%;height: auto;overflow: hidden;}
.recom_list li div img{ width:100%; height:auto;}
.recom_list li:hover img{transform: scale(1.03,1.03);}
.recom_list li h3{font-weight: normal;color: #999;line-height:40px; font-size:16px; padding:0; margin:0; width:100%; border:none; text-align:center;}
.recom_list li i{display: block;width: 0;height: 1px;background: #ffac13;left: 0;bottom: 0;position: absolute;z-index: 1;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.recom_list li:nth-of-type(4n-3) i{background: #ffac13;}
.recom_list li:nth-of-type(4n-2) i{background: #83c44e;}
.recom_list li:nth-of-type(4n-1) i{background: #2196f3;}
.recom_list li:nth-of-type(4n) i{background: #e53935;}
.recom_list li:hover i{width: 100%;}
.recom_list li em{display: block;background: #004682;text-align: center;height: 20px;line-height: 20px;color: #fff;position: absolute;left: 0;top: 0;width: 50px;z-index: 1;}

.youshi{ width:100%; height:580px; background:url(../images/youshi.jpg) no-repeat center; padding:3% 15%;}	
.youshi h2{ font-size:36px; color:#fff; text-align:center; margin-bottom:1%;}
.youshi h3{ color:#fff; font-size:14px; text-align:center; margin-bottom:6%; font-weight:normal;}
.youshi li{ float:left; width:25%; color:#514f4e; text-align:center; border-right:1px solid #514f4f; padding:0 3%;}
.youshi li .img{ text-align:center; width:100%; height:auto}
.youshi li .img img{border-radius:50%;padding:4%; border:1px solid #FFFFFF; width:28%; height:auto; text-align:center; margin-bottom:6%;}
.youshi li :hover img{ background:#f99702; border:1px solid #f99702;}
.youshi li h1{ color:#FFFFFF; font-size:18px; margin-bottom:5%; text-align:center}
.youshi li em{ text-align:center; border-bottom:4px solid #FFFFFF; width:15%; margin-bottom:7%; float:left; margin-left:43%;}
.youshi li p{ line-height:28px; text-align:center; color:#FFFFFF; width:100%; float:left; font-size:14px;}
.youshi li :hover h1{ color:#f99702}
.youshi li:nth-child(4n){margin-right: 0}
	
	
.case{ width:100%;padding:3% 15%;}	
.case h2{ font-size:36px; color:#3d3d3d; text-align:center; margin-bottom:1%;}
.case h3{ color:#818181; font-size:14px; text-align:center; margin-bottom:3%; font-weight:normal;}
.case .cleft{ width:38%; float:left; position: relative;}
.case .cleft .img{ overflow:hidden; margin-bottom:10px;}
.case .cleft .img img{ transform: scale(1, 1); transition: all 0.2s ease-in-out 0s; width:100%; height:518px;}
.case .cleft :hover img{-webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;}
.case .cleft .eq_text{position:absolute;bottom:2%;height:40px;width:100%;text-align:center;color:#fff; display:block; background:#f99702; opacity:70%; line-height:40px; font-size:18px; color:#FFFFFF}
.case .cleft:hover .eq_text{ display:block;}

.case ul{ float: left; width:100%; position: relative;}
.case li{ float:left; width:32%; margin-right:2%; margin-bottom:1%; height:280px;}
.case li:nth-child(3n){margin-right: 0}
.case li .img{ overflow:hidden; margin-bottom:10px;}
.case li .img img{ transform: scale(1, 1); transition: all 0.2s ease-in-out 0s; width:100%; height:auto}
.case li :hover img{-webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;}
.case li .eq_text{position: relative;bottom:50px;height:40px;width:100%;text-align:center;color:#fff; display:block; background:#f99702; opacity:70%; line-height:40px; font-size:18px; color:#FFFFFF}
.case li:hover .eq_text{ display:block;}
	 
.news{ width:100%; background:#f7f7f7; height:auto; padding:3% 15%;}
.news h2{ font-size:36px; color:#3d3d3d; text-align:center; margin-bottom:1%;}
.news h3{ color:#818181; font-size:14px; text-align:center; margin-bottom:3%; font-weight:normal;}
.news .nleft{ width:40%; float:left; background:#FFFFFF; padding:3%;}	
.news .nleft .img{ overflow:hidden; margin-bottom:10px;}
.news .nleft .img img{ transform: scale(1, 1); transition: all 0.2s ease-in-out 0s; width:100%; height:auto}
.news .nleft :hover img{-webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;}

.news .nleft h2{ font-size:18px; color:#322828; float:left;}
.news .nleft em{ font-size:14px; color:#777777; border-bottom:1px solid #e3e3e3; margin-bottom:10px; width:100%; float:left; padding-bottom:10px;}
.news .nleft p{ line-height:32px;}
.news ul{ float:right; width:55%;}
.news li{ width:100%; float:left; background:#FFFFFF; padding:2%; height:auto; margin-bottom:10px;}
.news li .img{ width:150px; height:auto; float:left; overflow:hidden; margin-right:20px;}
.news li .img img{ transform: scale(1, 1); transition: all 0.2s ease-in-out 0s; width:100%; height:auto}
.news li :hover img{-webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;}
.news li h2{ font-size:18px; color:#322828; text-align:left;}
.news li p{ line-height:26px; width:100%;}

	
footer{ border-top:3px solid #f99702; width:100%; background:#3e3e3e; padding:3% 0; color:#FFFFFF}
footer .fleft{ width:640px; float:left; height:auto; margin-top:10px;}
footer .fleft li{ float:left; text-align:center; width:140px;}
footer .fleft dl{float: left;}
footer .fleft dl dt{width: 100%;margin-bottom: 28%;}
footer .fleft dl dt a{font-size: 18px;color: #fff;line-height: 22px;}
footer .fleft dl dd{height: 30px;}
footer .fleft dl dd a{color: #8d8d8d;font-size: 16px;line-height: 30px;}
footer .fleft dl dd a:hover,footer .fleft dl dt a:hover{color: #ff0000;}


footer .fright{ width:550px; float:right; height:auto;}
footer .fright .tel{ width:380px; float:left;}
footer .fright .tel h4{ background:url(../images/btel.png) no-repeat 80px 0; height:51px; margin-bottom:10px; font-size:16px; padding-top:30px;}
footer .fright .tel h2{ color:#e3a502; font-size:32px; margin-bottom:3%;}
footer .fright .tel p{ color:#8d8d8d; line-height:32px; font-size:16px;}
footer .fright .wx{ float:right; width:149px; height:159px; background:url(../images/wx.png) no-repeat; text-align:center; padding-top:2%; margin-top:4%;}
footer .fright .wx img{ text-align:center;}
footer .fright .wx p{ font-size:16px; padding-top:3%;}

.bottom{ width:100%; background:#292929; height:80px; line-height:80px; text-align:center; font-size:16px; color:#FFFFFF}
.bottom a{ color:#FFFFFF}
.bottom a:hover{ color:#FF060A}
}


	
nav.pagelist { clear: both; text-align: center; font-size: 1.4rem; padding: 18px 0px 35px 0px; width:100%;}
nav.pagelist a { border: #9aafe5 1px solid; margin-right: 5px; padding: 3px 7px; color: #2e6ab1; font-size:14px;}
nav.pagelist a:hover { color: #e06f23; text-decoration: none; }
nav.pagelist span.current { color: #fff; background-color: #2e6ab1; margin-right: 5px; padding: 3px 7px; }
nav.pagelist span.disabled { border: #ccc 1px solid; margin-right: 5px; padding: 3px 7px; color: #3C3C3C; }
nav.pagelist a.selectedd{ color: #f00}

.n_body {overflow:hidden; margin-bottom:10px; float:left; width:100%; margin-top:30px;}
#news_info { min-height:468px; height:auto !important; height:468px; overflow:visible;}
#news_info a { color:#3C3C3C; }
#news_info a:hover { color:#FA4A1F; }
#news_info .article_title { font-size:16px; font-weight:bold; margin:0px; text-align:center; line-height:28px; }
#news_info .atdes { line-height:36px; text-align:center; border-bottom:1px dotted #BCBCBC; padding-bottom:8px;}
#news_info .atdes span{ padding:0px 6px; }
#news_info .news_body { font-size:14px; padding:18px 12px; line-height:28px; text-align:left;}
#news_info .news_body img { border:1px solid #CCC; }
#news_info .news_body p { font-size:14px; margin:0px 0px 6px 0px; }
#news_info .news_body p.pcut span { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; font-weight:bold; color:#0473EC; }
#news_info .news_body p.pcut a { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; color:#9E9E9E; }
#news_info .news_body p.pcut a:hover { text-decoration:none; color:#0473EC; }
#news_info .news_body a { color:#094B9F; }
#news_info .news_body a:hover { text-decoration:underline; color:#094B9F; }
#updown { font-size:14px; border-top:#BCBCBC 1px dotted; line-height:24px; padding-top:8px; padding-bottom:8px; text-align: center; float:left; width:100%; margin-top:18px;}
.prevnext { clear: both; padding: 16px 17px 5px 17px; text-align: center; height: auto !important; overflow: hidden; border-top:1px dashed #CCC;}
.prevnext .previous { font-size: 14px; width: 50%; float: left; text-align: left; }
.prevnext .next { font-size: 14px; width: 50%; float: right; text-align: right; }


#nbanner { position:relative; z-index:-1; width:100%;}
#nbanner img{ width:100%; height: auto;}




.nava{height:53px;width: 400px; float:left;}
.nava li{line-height:53px;height:53px;text-align:center;width: auto;float:left;position:relative;z-index:999;font-size: 15px;}
.nava li a{display:block;line-height:71px;color:#000;height:71px; }
.nava li a:hover{color:#000;text-decoration:none; background: #2c538b;}
.nava li a.curr{color:#000;text-decoration:none; background: #2c538b; color:#FFFFFF}

.nava .sec{height:0;background:#01557a;color:#fff;overflow:hidden;z-index:999999999;position:absolute;top:53px;left:0px;}
.nava .sec a{background:#01557a;color:#fff;height:38px;line-height:38px;width:126px;}
.nava .sec a:hover{background:#042d3f;text-decoration:none;}
.navt{ width:1200px; margin:0 auto; height:53px;}



.nav_menu {clear: both;width: 100%;line-height: 72px;height: 72px;background: #fff;border-bottom:1px solid #eee; padding:0 15%;}
.nav_menu ul{float: right; width: auto;}
.nav_menu ul li {float: left;position: relative;}
.nav_menu ul li a {display: block;float: left;padding: 0 25px;color: #444444;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size: 14px;position: relative;z-index: 1;}
.nav_menu ul li a em{display: block;width: 100%;height: 0;z-index: -1;position: absolute;left: 0;bottom: 0;background: #1a3d55;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.nav_menu ul li a.on em,
.nav_menu ul li a:hover em{height: 100%;}
.nav_menu ul li a.on,
.nav_menu ul li a:hover {color: #fff;}

.rig { float:left; text-align:right;}
.rig .location { font-size: 12px; text-align: right; height: 72px; line-height: 72px;}
.rig .location .home { background: url("../images/nimg17_1.png") no-repeat 0 center; padding-left: 25px;}
.rig .location ul{ width:auto; text-align:right}
.rig .location li { display: inline-block;}
.rig .location li span { margin: 0 5px 0 6px;}
.rig .location .active { color: #1a3d55; font-size:14px;}
.rig .location li a{ padding:0; color:#a2a2a2}
.rig .location li a:hover{ color:#FF0004}

.atext{ overflow: hidden; width:100%; padding:2% 15%; height:auto;}
.atext p{ line-height:32px; font-size:16px;}

.contact_lis{padding-top: 40px; float:left; margin-bottom:50px;}
.contact_info i{display: block;width: 100%;height: 1px;background: #ddd;margin: 25px auto;}
.contact_lis li{float: left;text-align: center;padding:0 0px; width:296px;}
.contact_lis li img{display: block;margin: 0 auto;}
.contact_lis li h4{line-height: 25px;font-weight: normal;font-size: 16px;color: #333; width:90%; text-align:center; margin:0 auto;}
.contact_lis li h3{line-height: 40px;font-weight: normal;font-size: 16px;color: #7e7e7e;}
.contact_lis li h2{font-weight: normal;font-size: 17px;line-height: 1.5;color: #333;font-family:"microsoft yahei"}
.contact_lis em{float: left;width: 1px;height: 90px;background: #eee;margin-top: 20px;} 
.contact_info h3{line-height: 1;color: #000;line-height: 1;font-size: 26px;font-weight: normal;padding-bottom: 25px;}
#dituContent { width:99.7%; height:450px; border:1px solid #D5D5D5}

.ex_news {clear: both;overflow: hidden;width: 100%; float:left; margin-top:50px;}
.ex_news ul {overflow: hidden;}
.ex_news ul li {clear: both;padding: 5px 0;border-bottom: 1px solid #eee;overflow: hidden;background: #fff;position: relative;height: 195px;margin-bottom: 30px;cursor: pointer;}
.ex_news ul li:last-child {margin-bottom: 0px;}
.ex_news ul li .ex_news_img {float: left;width: 300px;height: 195px;background-image: url(logo.png);background-repeat: no-repeat;background-position: center;overflow: hidden;top: 0;left: 0;}
.ex_news ul li .img_box {width: 300px;height: 195px;background-repeat: no-repeat;background-position: center;overflow: hidden;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background-size: cover;}
.ex_news ul li .ex_news_info {float: left;width: 600px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position: absolute;top: 20px;left: 350px;}
.ex_news ul li .ex_news_info a {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size: 18px;display: block;width: 100%;padding-bottom: 15px;color: 666;}
.ex_news ul li .ex_news_info p {height: 50px;line-height: 25px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;overflow: hidden;color: #999;font-size: 13px;}
.ex_news ul li .ex_news_date {float: right;text-align: right;width: 150px;height: 150px;overflow: hidden;position: absolute;top: 25px;right: 25px;}
.ex_news ul li .ex_news_date item {display: block;width: 14px;height: 14px;background: url(../images/r_arrow.png) no-repeat center;position: absolute;bottom: -50px;right: 5px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.ex_news ul li .ex_news_date font {font-size: 22px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;display: block;}
.ex_news ul li:hover a {color: #333;}
.ex_news ul li:hover .ex_news_info {padding-left: 20px;}
.ex_news ul li:hover .ex_news_date font {color: #333;}
.ex_news ul li:hover .ex_news_date item {bottom: 60px}
.ex_news ul li:hover .img_box {transform: scale(1.1, 1.1);}


.case_list{width: 100%;margin-left: -15px;clear: both;overflow: hidden; margin-top:30px; float:left;}
.case_list li{float: left;border: 1px solid #eee;text-align: center;padding: 10px 10px 0 10px;width:23.8%;margin-left: 15px;position: relative; margin-bottom:15px;}
.case_list li div{width: 100%;height: auto;overflow: hidden;}
.case_list li div img{ width:100%; height:auto;}
.case_list li:hover img{transform: scale(1.03,1.03);}
.case_list li h3{font-weight: normal;color: #999;line-height:45px;}
.case_list li i{display: block;width: 0;height: 1px;background: #ffac13;left: 0;bottom: 0;position: absolute;z-index: 1;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.case_list li:nth-of-type(4n-3) i{background: #ffac13;}
.case_list li:nth-of-type(4n-2) i{background: #83c44e;}
.case_list li:nth-of-type(4n-1) i{background: #2196f3;}
.case_list li:nth-of-type(4n) i{background: #e53935;}
.case_list li:hover i{width: 100%;}
.case_list li em{display: block;background: #004682;text-align: center;height: 20px;line-height: 20px;color: #fff;position: absolute;left: 0;top: 0;width: 50px;z-index: 1;}





    body.productDetail .detail-base { margin: 65px auto 70px;padding: 0 15%; width:100%;*zoom: 1;}
    body.productDetail .detail-base:before,
    body.productDetail .detail-base:after {
      display: table;
      content: " ";
    }
    body.productDetail .detail-base:after {
      clear: both;
    }
    body.productDetail .detail-base .base-view {
      position: relative;
      float: left;
      width: 50%;
      min-height: 360px;
    }
    body.productDetail .detail-base .base-view .view {
      border: 1px solid #e3e3e3;
      padding: 2px;
    }
    body.productDetail .detail-base .base-view .view img {
      display: block;
      width: 100%; height:auto
    }
    body.productDetail .detail-base .base-view .thumb {
      position: absolute;
      left: 100%;
      bottom: 0;
      padding: 0 35px;
      margin-left: 40px;
      width: 467px;
    }
    body.productDetail .detail-base .base-view .thumb .thumb-bd {
      position: relative;
      height: 62px;
      overflow: hidden;
    }
    body.productDetail .detail-base .base-view .thumb ul {
      position: absolute;
      left: 0;
      top: 0;
      *zoom: 1;
    }
    body.productDetail .detail-base .base-view .thumb ul:before,
    body.productDetail .detail-base .base-view .thumb ul:after {
      display: table;
      content: " ";
    }
    body.productDetail .detail-base .base-view .thumb ul:after {
      clear: both;
    }
    body.productDetail .detail-base .base-view .thumb ul li {
      float: left;
      padding-right: 15px;
    }
    body.productDetail .detail-base .base-view .thumb ul li a {
      display: block;
      border: 1px solid #c2c2c2;
    }
    body.productDetail .detail-base .base-view .thumb ul li a img {
      display: block;
      width: 86px;
      height: 60px;
    }
    body.productDetail .detail-base .base-view .thumb ul li.active a {
      border-color: #17447e;
    }
    body.productDetail .detail-base .base-view .prev,
    body.productDetail .detail-base .base-view .next {
      display: block;
      position: absolute;
      top: 50%;
      margin-top: -20px;
      line-height: 40px;
      font-size: 24px;
      font-weight: 700;
      color: #a7a7a7;
    }
    body.productDetail .detail-base .base-view .prev:hover,
    body.productDetail .detail-base .base-view .next:hover {
      color: #666;
    }
    body.productDetail .detail-base .base-view .prev {
      left: 0;
    }
    body.productDetail .detail-base .base-view .next {
      right: 0;
    }
    body.productDetail .detail-base .base-info {
      margin-left: 50%;
      padding-left: 40px;
    }
    body.productDetail .detail-base .base-info .tit {
      font-size: 22px;
    }
    body.productDetail .detail-base .base-info .type {
      margin: 10px 0;
      padding-bottom: 10px;
      border-bottom: 1px solid #dfdfdf;
    }
    body.productDetail .detail-base .base-info .txt {
      line-height: 2; font-size:16px; margin-top:3%; height:320px; overflow:auto;
    }
    body.productDetail .detail-base .base-info .opts {
      margin-top: 40px;
    }
    body.productDetail .detail-base .base-info .opts .btn {
      min-width: 160px;
      background: none;
      border: 1px solid #dfdfdf;
      color: #333;
    }
    body.productDetail .detail-base .base-info .opts .btn:hover{
        border-color: #17447e;
        background: #17447e;
        color: #fff;
    }
    body.productDetail .detail-base .base-info .opts .btn + .btn {
      margin-left: 5px;
    }
    body.productDetail .tab-detail {
      padding: 0 40px;
      background: url(../images/product-detail-tab.jpg) repeat-x center 0;
    }
    body.productDetail .tab-detail .tab-tit {
      margin: 0 auto;
      max-width: 1200px;
      height: 77px;
      line-height: 77px;
      color: #fff;
      font-size: 22px;
      font-weight: 700;
    }
    body.productDetail .tab-detail .tab-trg {
      margin: 0 auto;
      max-width: 1200px;
    }
    body.productDetail .tab-detail .tab-trg ul {
      *zoom: 1;
    }
    body.productDetail .tab-detail .tab-trg ul:before,
    body.productDetail .tab-detail .tab-trg ul:after {
      display: table;
      content: " ";
    }
    body.productDetail .tab-detail .tab-trg ul:after {
      clear: both;
    }
    body.productDetail .tab-detail .tab-trg ul li {
      float: left;
      width: 25%;
      height: 49px;
      line-height: 49px;
      text-align: center;
    }
    body.productDetail .tab-detail .tab-trg ul li + li {
      padding-left: 1px;
    }
    body.productDetail .tab-detail .tab-trg ul li span {
      display: block;
      background: #507dad;
      color: #fff;
      cursor: pointer;
    }
    body.productDetail .tab-detail .tab-trg ul li.current span {
      background: #fff;
      color: #17447e; font-size:20px;
    }
    body.productDetail .tab-detail .tab-content {
      margin: 0 auto;
      max-width: 1200px;
      padding: 60px 0;
    }
	body.productDetail .tab-detail .tab-content p{ font-size:16px; line-height:28px;}
    body.productDetail .detail-app {
      margin: 0 auto;
      padding: 0 40px;
      max-width: 1280px;
    }
    body.productDetail .detail-app .tit {
      margin-bottom: 35px;
      font-size: 22px;
    }
	

@media (width: 1366px) {
	header{ width:100%;height:auto;padding:0.5% 1%;}
	.nav{ width:100%; border-top:1px solid #dcdcdc; height:80px; padding:0 1%;}	
	.about{ width:100%; background:#f7f7f7; height:auto;padding:3% 1%;}
	.youshi{ width:100%; height:580px; background:url(../images/youshi.jpg) no-repeat center; padding:3% 1%;}
	.case{ width:100%;padding:3% 1%;}
	.news{ width:100%; background:#f7f7f7; height:auto; padding:3% 1%;}
.nav_menu {clear: both;width: 100%;line-height: 72px;height: 72px;background: #fff;border-bottom:1px solid #eee; padding:0 1%;}
	.atext{ overflow: hidden; width:100%; padding:2% 1%; height:auto;}
.TabsTop { width:60%; margin-top:0.8%;float:left; margin-left:23%;}
}


@media (width: 1920px) {
	.about .aright{float:right;width: 44%;margin-top:0;}
}