/* qhl_css */

@charset "utf-8";

body,*,html,a,h1,h2,h3,span,div,ul,li{margin:0px; padding:0px;}

body{font-family:microsoft yahei; font-size:14px; color:#666; text-decoration:none; line-height:23px; background-color:#fff; }

ul,li{list-style:none;}

.clearfix:after{ content: "020"; display: block; height: 0; clear: both; visibility: hidden;  }

.clearfix {  /* 触发 hasLayout */   zoom: 1;  }



img{border:0px;}

.fl{float:left;}

.fr{float:right;}



a{color:#636363; text-decoration:none;}

a:hover{ color:#1787e3;}



.grey{ color:#999;}

a.grey:hover{ text-decoration:underline;}



.red{ color:#de0029;}



:focus{ outline:none;}

h3{ font-weight:normal;}

em,i{ font-style:normal;}



.wrapper{ width:1200px; margin:0 auto;}

.wrapper1600{ width:1600px; margin:0 auto;}



/*index*/



.homemain .wrapper{ width:1400px;}



.top{ background:url(../images/topbg.jpg) repeat-y center center; position:relative; }

.top .logo{ float:left; padding:15px 0 12px; padding:18px 0 12px; }

.top .logo img{display:block;height:58px;}

.top .menu{height:100%;width:65px;background:url(../images/menu.jpg) no-repeat center center;position:absolute;right:10px;top:0px; border-left:1px solid rgba(0,0,0, .05); border-right:1px solid rgba(0,0,0, .05);}



.nav{ float:right; color:#233b55;}

.nav .nLi{ float:left; padding:0 22px; padding:0 32px; position:relative; background:url("../images/nav_line.png") no-repeat right center;}

.nav .nLi h3{ position:relative;}

.nav .nLi h3>a{display:block; line-height:90px; color:#221815;border-bottom:3px solid #fff; font-size:16px;  }

.nav .search{ background:none; text-align:right; padding:0; width:42px; /*background-color:#3f434b;*/}

.nav .search h3>a{/* border-color:#3f434b;*/ line-height:82px;}

.nav .search img{ margin-top:35px; display:inline-block;}

.nav .sub{ position:absolute; background-color:#f2f2f2; background-color:rgba(0,0,0,.6); width:150px; padding:10px 20px; z-index:20; display:none;}

.nav .sub li{ line-height:46px; border-bottom:1px dotted #777;}

.nav .sub a{ display:block; font-weight:normal; color:#fff;}

.nav .search .sub{ right:0px; background-color:#f2f2f2; text-align:left;}

.nav .search .input{ border:none;display:block; width:100%; box-sizing:border-box; padding:0 10px; line-height:35px; height:35px;}

.nav .nLi:hover a{ border-bottom-color:#1787e3;font-weight:bold;}

.nav .nLi:hover .sub{ display:block;}

.nav .nLi:hover .sub a{ font-weight:normal;}

.nav .sub li:hover a{ color:#1787e3;}

.nav .pro{ width:200px;}

.nav .pro li{ line-height:35px;}

.nav .pro li a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}



.banner .swiper-container{ position:relative;}

.banner .banner{background-position: center; background-size: cover; position: relative; }

.banner .banner .bg{ background-position: center; background-size: cover;  transition: all 5s linear; transform: scale(1);}

.banner .banner .bg img{ width:100%; display:block; }

.banner .banner.swiper-slide-active .bg{ transform: scale(1); }

.banner .swiper-pagination { position: absolute; left: 0; text-align: center; bottom:10px; width: 100%; }

.banner .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #1787e3;  margin: 0 5px; cursor: pointer; }

.banner .swiper-active-switch {background-color: #fff;}

.banner .arrow{position:absolute; width:17px; height:30px; margin-top:-15px; top:50%; padding:30px 5px 30px 5px;}

.banner .swiper-pagination-bullet-active{ background-color: #fff; }





.hometit{font-size:20px; color:#221815; line-height:100%; overflow:hidden; position:relative; z-index:2; display:none;}

.hometit .titfl{  font-weight:bold; }

.hometit .titfl img{ vertical-align:middle; height:20px;}

.hometit .more{ display:block; text-align:center; color:#fff; background:#3f434b; border-radius:2px; float:right; font-size:12px; width:80px; height:30px; line-height:30px; font-size:14px;}



.homeinfo{ color:#8a8687; font-size:12px; text-align:center; padding-top:8px;}

.homelist{ text-align:center; font-size:16px;padding-top:12px; letter-spacing:3px;}

.homelist a:hover{ color:#1787e3;}



#procc{ height:326px;}

.homepro { padding:60px 0; position:relative; display:none;}

.homepro canvas { position:absolute; left:0; top:0;}

.homepro .swiper-container{ position:relative; width:100%; height:326px; margin-top:35px;}

.homepro .swiper-container a{ display:block; margin:0 3%;position:relative; overflow:hidden;}

.homepro .swiper-container .swiper-scrollbar {  height:4px; width:100%; bottom: 10px; position: absolute; background:#c3c3c3; border-radius:0;}

.homepro .swiper-container  .swiper-scrollbar-drag { background:#1787e3; height:8px; margin-top:-2px;border-radius:0; background:linear-gradient(to right, #1787e3 ,#1787e3);}

.homepro .img img{ display:block; width:100%;}

.homepro .txt{ text-align:center;  transition:.5s;}

.homepro .tit{ font-size:14px; line-height:52px; height:52px; overflow:hidden;}

.homepro .conn{ font-size:12px; line-height:18px; height:54px; overflow:hidden;}





.homeabout .aboutcon { background:url(../images/comp.jpg) no-repeat left center; background-size:50% 100%; margin-top:20px;}

.homeabout .aboutcon  .boxfl{ margin-left:50%; padding:60px 60px; width:50%; box-sizing:border-box; background-color:#f2f2f2;}

.homeabout .aboutcon  .introtit{ font-size:30px; color:#444;}

.homeabout .aboutcon  em{ display:block; width:70px; height:2px; background-color:#1787e3; margin:20px 0 30px;}

.homeabout .aboutmore{ display:block; width:135px; height:40px; line-height:40px; color:#fff; text-align:center; background:#1787e3; border-radius:2px; margin-top:30px; background:linear-gradient(to right, #1787e3 , #1787e3);}





.homecase{padding:60px 0 0px; background-color:#f1f1f1; margin-bottom:60px; }

.homecase .wrapper1600{ display:flex; flex-wrap:wrap;}

.homecase .homeside{ width:250px; margin-right:40px; }

.homecase .homeside h3{ background-color:#1787e3; color:#fff; padding:1.5vw 20px; font-size:20px; font-weight:bold;}

.homecase .homeside li{ padding:1.2vw 20px; border-bottom:1px solid #eee;background-color:#fff;}

.homecase .casecon{ width:calc(100% - 300px);}

.homecase .casecon ul{ display:flex; flex-wrap:wrap;}

.homecase .casecon li{ width:23.5%; margin-right:2%; margin-bottom:60px;}

.homecase .casecon li:nth-child(4n){ margin-right:0;}

.homecase .casecon li img{ width:100%;}

.homecase .casecon .tit{ color:#1787e3; font-size:18px; font-weight:bold; padding-top:10px;}





.homenews{ margin:45px 0 0; padding:45px 0; background-size:cover;  position:relative;}

.homenews canvas { position:absolute; left:0; top:0;}

.homenews .news{ margin-top:20px; position:relative; z-index:1;}

.homenews .boxfl{ width:50%; float:left;}





.homenews .boxfl li{ float: left; width:48%; margin-right: 4%; }

.homenews .boxfl li:nth-child(2n){ margin-right: 0; }

.homenews .boxfl .img{ position: relative; }

.homenews .boxfl .img img{ display: block; width: 100%; }

.homenews .boxfl .date{position:absolute;top:0;left:0;width:72px;height:72px;text-align:center;background:#1787e3;color:#fff;padding:10px 0; box-sizing: border-box; background:linear-gradient(to right, #1787e3 , #1787e3);}

.homenews .boxfl .date .day{font-size:30px}

.homenews .boxfl .tit{ font-size: 16px; font-weight:bold; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding: 22px 0 10px;}

.homenews .boxfl .titinfo{ color: #888; padding-bottom: 30px; padding-top: 10px; }

.homenews .boxfl .info{color:#888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-height: 24px;overflow: hidden;height: 72px;}

.homenews .boxfl .more{ display: inline-block; margin-top: 30px; padding-right: 40px; background: url(/skin/images/right-b.png) no-repeat right 

	center; color: #888; font-size: 15px; }

.homenews .boxfl li:hover .more{transform:translateX(12px);transition:.3s all ease-in-out; color: #1787e3; background-image:url(../images/right-bon.png);}





.homenews .boxfr{ width:50%; float:right; box-sizing:border-box; padding-left:60px;}

.homenews .boxfr li{ overflow: hidden; border-bottom: 1px solid #eee; padding-bottom: 16px; margin-bottom: 16px; background-color:#fff; }

.homenews .boxfr .date{ font-size: 12px; }

.homenews .boxfr .info{ font-size: 16px; }

.homenews .boxfr .time{ float: left; color: #999999; }

.homenews .boxfr .time p{ font-size: 50px; line-height: 100%; }

.homenews .boxfr .txt02{ padding-left: 88px; }

.homenews .boxfr .tit02{ font-size: 16px; color: #373737; font-weight: bold; padding-bottom: 8px; }

.homenews .boxfr .info02{ font-size: 12px; line-height: 160%; }









.footnav{ padding:76px 0 60px; background:url(../images/footnav.jpg) no-repeat center center; background-size:cover; color:#a9a9a9; line-height:30px;}

.footnav a{ color:#a9a9a9;}

.footnav .tit{ color:#fff; font-size:24px; padding-bottom:30px;}

.footnav .contact img{ vertical-align:middle;}

.footnav .contact,

.footnav dl{

	float:left; padding-right:7%;

}

.footnav dt{ color:#fff; font-size:18px; padding-bottom:30px;}

.footnav dd .more{ color:#1787e3}

.footnav .code{float:right; width:240px;}

.footnav a:hover{ color:#fff;}



.foot{ background-color:#1787e3; background:linear-gradient(to right, #1787e3 , #1787e3); color:#fff; line-height:30px; padding:20px 0;}

.foot .wrapper1600{ overflow:hidden;}

.foot a{ color:#fff;}

.foot a:hover{ color:#a9a9a9;}

	

/* content*/

.bannerx{ height:300px; background:url(../images/bannerx.jpg) no-repeat center;}



.subnavmenu{ border-bottom: 1px solid #dcdcdc; padding: 25px 0; margin-bottom: 20px; }

.subnavmenu span {padding-left: 6px;border-left: 6px solid #1787e3; color:#1787e3; font-size:20px; font-weight:bold;}



.main .bigtit01{ font-size:30px;color:#1787e3; line-height:100%; margin-top:50px; margin-bottom:15px;}

.main .bigtit02{ font-size:36px; color:#ddd; text-transform:uppercase; line-height:100%;}



.main .aboutcon{ padding:50px 0 80px;}

.main .videoul{ margin:50px 0 80px;}

.main .videoul ul{ display:flex; flex-wrap:wrap; margin-top:30px;}

.main .videoul li{ width:46%; margin-right:8%;}

.main .videoul li>div{ max-width:100%; box-sizing:border-box; border:1px solid #1787e3; padding:5px;}

.main .videoul li:nth-child(2n){ margin-right:0;}













.main .history {background:url(../images/history.jpg) no-repeat center center; background-size:cover; padding:60px 0;}

.main .history hgroup {margin-bottom:70px;}

.main .history h4{text-align:center; font-size:30px; color:#fff; font-weight:normal; line-height:160%;}

.main .history p{text-align:center; font-size:36px; line-height:160%; color:#fff; text-transform:uppercase;}

.main .history .tips {padding-top:30px;}

.main .history .tips p {font-size:14px; text-align:left;}



.main .historycon {background:url(../images/historyline.png) no-repeat center center; background-size:contain; overflow:hidden; padding-bottom:15%; position:relative;}

.main #historycon {position:absolute; left:50%; top:0; margin-left:-7%; height:100%; width:14%;}

.main #historycon.owl-carousel .owl-stage-outer {overflow:visible;}

.main #historycon .item {text-align:center; color:#fff; opacity:0.5; position:relative; font-size:18px; transition:all 0.5s ease 0s; padding-top:22%;}

.main #historycon .owl-item.active .item {opacity:1; font-size:30px; padding-top:0;}

.main #historycon .item i {display:block; font-style:normal; width:10px; height:10px; border-radius:50%; border:1px solid #fff; margin:5px auto 5px; transition:all 0.3s ease 0s;}

.main #historycon .item i:after {height:0;}

.main #historycon .owl-item.active .item i { border-width:2px; margin-bottom:20px;}

.main #historycon .owl-item.active .item i:after {content:''; display:block; width:2px; height:20px; background-color:#fff; margin:10px auto;}

.main #historycon .owl-item.next2 .item,#historycon .owl-item.prev.active .item, #historycon .owl-item.prev2 .item, #historycon .owl-item.prev2.prev.active .item, #historycon .owl-



.main #historycon .owl-item.next.active .item {padding-top:0;}

.main #historycon .owl-item.next .item, #historycon .owl-item.next2.next .item, #historycon .owl-item.prev .item, #historycon .owl-item.prev2.prev .item {padding-top:22%;}







.main .historybox {padding:0 5%; position:relative;}

.main .historybox a {display:table; overflow:hidden; color:#fff; display:flex; justify-content: center;align-items: center; }

.main .historybox .item {width:100%;}

.main .historybox .thumbnail {width:258px; overflow:hidden; position:relative; display:table-cell;}

.main .historybox .thumbnail img {display:block; width:100%; height:auto;   border:1px solid #fff; box-sizing:border-box;}

.main .historybox .info { display:table-cell; vertical-align:middle; padding:10px 50px;}

.main .historybox .info .year {font-size:20px; margin-bottom:5px; display:none;}

.main .historybox .info .text { text-align:left; color:rgba(255,255,255,.7);}

.main .historybox .info .text strong{ color:#fff;font-size:16px; font-weight:normal;}

.main #historybox.owl-carousel {position:static;}

.main .historybox .owl-prev, .historybox .owl-next {width:19px; height:37px; background:no-repeat center center; position:absolute; top:50%; margin-top:-18.5px; text-indent:-9999em; cursor:pointer; border:none;}

.main .historybox .owl-prev {left:0; background-image:url(../images/prev.png) !important;}

.main .historybox .owl-next {right:0; background-image:url(../images/next.png) !important;}



.main .org{ text-align:center;}

.main .orgcon{ padding:50px 0 80px;}

.main .org img{ max-width:1200px; width:100%;}

.main .org .img01{ margin-bottom:70px;}



.main .pronavmenu ul{ display:flex; flex-wrap:wrap; padding-top:20px;}

.main .pronavmenu li{ width:18.4%; margin-right:2%; font-size:15px; background-color:#f1f1f1;  box-sizing:border-box;  padding:12px 2% ; text-align:center; margin-top:15px;}

.main .pronavmenu li:nth-child(5n){ margin-right:0;}

.main .pronavmenu li a{ display:block;}

.main .pronavmenu li.on{ background-color:#1787e3;background:linear-gradient(to right, #1787e3 , #1787e3);}

.main .pronavmenu li.on a{ color:#fff;}

.main .pronavcon{ margin-bottom:80px;}



.main .qqhyuan{ overflow:hidden;}

.main .qqhyuan li{ box-shadow:none; padding:3px 0; float:left; margin:0; width:23.5%; margin-right:2%;}

.main .qqhyuan li:nth-child(4n){ margin-right:0;}



.main .news{ margin-top:72px;}

.main .news .boxfl{ width:280px; float:left; float:none; width:auto;}

.main .news .time{ font-size:20px;  color:#3162b7; font-weight:bold; text-align:right; float:right;}

.main .news .img{ border:1px solid #eee;  display:none;}

.main .news .img img{ width:100%; max-height:200px; display:block;}

.main .news .tit{ font-size:20px; font-weight:bold; float:left;}

.main .news .txt{ margin-left:320px; position:relative; border-left:1px solid #ddd; padding-left:20px; padding-bottom:50px; margin-left:0; }

.main .news .txt:before{content: '';display: block;width: 14px;height: 14px;border-radius: 10px;position: absolute;top: 4px;left: -8px;background-color: #ddd;}

.main .news  em{ margin:25px 0 12px 0; display:block; background-color:#3162b7; width:40px; height:4px;}

.main .news .more{ border:0px; display:inline-block; text-align:center;font-size:14px; line-height: 42px; padding:0 50px; margin-top: 38px; color:#ffffff; background-color: #779ddf;}

.main .news .info{ color:#999; margin-top:15px;}

.main .news  li:hover .more{ background-color:#3162b7;}





.main .contactcc { margin-bottom: 60px; margin-top:60px; }

.main .contactcc .contact{border:1px solid #eee}

.main .contactcc .contactfl{width:50%;float:left;padding:0 2%;box-sizing:border-box;background:url(../images/map.png) no-repeat right bottom;padding-top:4%;padding-bottom:4%; line-height:200%;}

.main .contactcc .contactfl strong{font-size:20px;font-weight:bold;line-height:220%}

.main .contactcc .contactfr{width:50%;float:right}

.main .contactcc .contactfr img{max-width:none}



 #allmap {width: 100%;height: 350px;overflow: hidden;font-family:"微软雅黑"; }

 #allmap b{color: #CC5522;font-size: 16px; }

 #allmap img{max-width: none;}





.qqhmain02{ padding:50px 0; color:#666; line-height: 180%; }

.qqhmain02 .contit{ font-size:22px; text-align:center;  padding:0px 0 20px; color:#333;}

.qqhmain02 .condate{ font-size:13px; text-align:center; margin-bottom:0px; font-weight:normal; margin-top:10px; color:#999;}

.qqhmain02 .coninfo{ background-color:#eee; padding:10px; line-height:24px;}

.qqhmain02 .concc{ padding: 20px 0;}

.qqhmain02 .conpage{ border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding:10px 0;}

.qqhmain02 .conpage a{  color:#999;}

.qqhmain02 .conpage a:hover{color:#ff0000;}

.qqhmain02 .conbtn{ border:2px solid #999; padding:5px 0; margin-top:20px; text-align:center; font-size:14px; font-weight:bold;}

.qqhmain02 .conbtn:hover{ background-color:#999; color:#fff;}

.qqhmain02 .qqhprocc img{ max-height:700px;}



.qqhmain02 .h3{ display:block; font-size:16px; padding:5px 0; padding-left:10px; max-width:70%; box-sizing:border-box; color:#fff; margin-bottom:10px; background: #f78b1c; background-image: linear-gradient(to right, #f78b1c , #fff);}



.qqhmain02 .conpage{ overflow:hidden;}

.qqhmain02 .conpage>div:nth-child(1){ float:left;}

.qqhmain02 .conpage>div:nth-child(2){ float:right;}

.qqhmain02 img{ max-width: 100%; }







/*class*/



.tabinner::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0)}

.tabinner::-webkit-scrollbar{width:5px;height:8px;border-radius:5px;background-color:#eee}

.tabinner::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.5);background-clip:padding-box;border-radius:5px;min-height:28px}

.tabinner::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.5);border-radius:5px}



.tabinner{ width:100%; overflow-y:auto;}



.protab{ /*word-wrap:break-word;word-break:break-all;*/ margin-top:40px; border-collapse:collapse; width:100%; min-width:1000px;}

.protab th{border:1px solid #eee; padding:12px 2px; text-align:center;  background-color:#1787e3; font-weight:normal;  font-size:16px; color:#fff;}

.protab td{ border:1px solid #eee; padding:12px 10px; vertical-align:top;}



.protab th:nth-child(1){ width:4%;}

.protab th:nth-child(2){ width:9%;}

.protab th:nth-child(3){ width:8%;}

.protab th:nth-child(4){ width:8%;}

.protab th:nth-child(5){ width:10%;}

.protab th:nth-child(6){ width:17%;}

.protab th:nth-child(7){ width:17%;}

.protab th:nth-child(8){ width:17%;}



.protab td:nth-child(8n+1){ text-align:center;vertical-align:middle;}

.protab td:nth-child(8n+2){ text-align:center;vertical-align:middle;}

.protab td:nth-child(8n+3){ text-align:center;vertical-align:middle;}

.protab td:nth-child(8n+4){ text-align:center;vertical-align:middle;}

.protab td:nth-child(8n+5){ text-align:center;vertical-align:middle;}



.videosys{ display:flex; flex-wrap:wrap; margin-bottom:60px;}

.videosys .box01{ width:50%; margin-top:60px;}

.videosys .box01 video{ width:95%;}

.videosys .box02{ width:50%;}





.ab_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden; margin:20px auto;display: table;}

.ab_pages ul{display:inline-block;margin:0 auto;padding:0}

.ab_pages ul a{color:#555;display:block;padding: 5px 11px;  border: 1px solid #ddd;float: left;margin: 0 5px;font-size:12px}

.ab_pages ul a.page-num-current{ background:#ddd; }

.ab_pages ul a:hover{ background:#ddd}

.ab_pages ul span{display: inline-block; float: left; line-height: 28px;}











/*map*/

#dituContent{width:100%;height:350px; margin-top:50px;}

#dituContent img{ max-width:none;}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}

.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}









/* 隐藏显示*/

.hidden01{ display:none;}

.show01{ display:block;}





@media (max-width:1600px){



 .wrapper1600{ width:100%; padding:0 10px; box-sizing:border-box;}

 .nav .nLi{ padding:0 22px;}



}



@media (max-width:1400px){



	

	.homemain .wrapper{ width:100%; padding:0 10px; box-sizing:border-box;}





}







@media (max-width:1200px){

	img{ max-width:100%;}

	.wrapper{ width:100%; padding:0 10px; box-sizing:border-box;}

	

	/*index*/

	.top .logo{ float:none; margin-right:20%;padding:20px 0;}

	.top .logo img{ height:40px;}

	

	.nav{ position:absolute; padding:10px 0; left:0px; background-color:#eee; width:100%;display:none;}

	.nav .nLi{ float:none; line-height:38px; border-bottom:1px solid #ccc; padding:0 0 0 0px;box-sizing:border-box; text-align:center; background: none;}

	.nav .nLi h3>a{ border:none;line-height:45px; font-size:15px;}

	.nav .nLi em{ position:absolute; right:0px; height:38px; top:0px; width:90px; z-index:30; background-repeat:no-repeat; background-image:url(../images/arrownav.png); background-position:center center;}

	.nav .search{ width:100%; }

	.nav .search img{ margin:0px;}

	.nav .sub{ position:relative; width:100%; box-sizing:border-box; background-color:#eee; padding:0; background-color:#f3f3f3;}

	.nav .sub li{line-height:30px; border:none; border-top:1px dashed #ccc; padding-left:10px;}

	

	.nav .sub a{ color:#666;}

	

	.nav .nLi:hover .sub{ display:none;}

	.nav .nLi .active em{ background-image:url(../images/arrownavon.png);}

	

	.navon{ display:block; z-index:20;}

	

	.banner .swiper-container { }

	.banner .swiper-slide{ background-size:cover}

	.banner .info{ font-size:14px;}

	.banner .txt{ padding-top:40px;}

	.banner .tit{ font-size:28px; padding-top:30px;}

	

	/*content*/

	.bannerx{ background-size:140% 100%;}

	

	

	/* 隐藏显示*/

	.hidden02{ display:none;}

	.show02{ display:block;}

}



@media (max-width:980px){

	/*index*/



	/*conent*/

	

	

	/* 隐藏显示*/

	.hidden03{ display:none;}

	.show03{ display:block;}

}



@media (max-width:720px){

	/*index*/

	.top .logo{ padding:10px 0;}	

	.top .logo img{ height:45px;}

	

	.banner .swiper-container {}

	.banner .txt{ padding-top:20px;}

	.banner .info{ font-size:10px; letter-spacing:0px;}

	.banner .tit{ font-size:18px; letter-spacing:0px; padding-top:3px;}

	.banner .line{ display:none;}

	

	.banner .swiper-slide{ overflow:hidden;}

	.banner .banner .bg img{ width:130%; margin-left:-15%; display:block; max-width:none; }

	

	.hometit{ font-size:24px;}

	

	.homepro .swiper-container{ margin-top:20px;}

	.homepro .bg{ height:40px;}

	.homepro .txt{ padding:2px 5px;}

	.homepro .tit{ font-size:15px; height:40px; line-height:40px;}

	.homepro li:hover .bg{ height:40px;}

	.homepro li:hover .txt{ bottom:-72px;}

	

	.homeabout .aboutcon .introtit{ font-size:24px; line-height:120%;}

	.homeabout .aboutcon .boxfl{ margin-left:0; width:100%; padding:20px;}

	

	.homenews .boxfl{ width:100%; float:none; overflow:hidden; margin-bottom:20px;}

	.homenews .boxfr{ width:100%; float:none; padding-left:0;}

	.homenews{ margin-top:0;}

	

	.homecase .casecon li{ margin-bottom:30px; width:48.5%; margin-right:3%;}

	.homecase .casecon li:nth-child(2n){ margin-right:0;}

	.homecase{ padding-top:30px; padding-bottom:30px; margin-bottom:40px;}

	.homecase .casecon .casecon{ margin-top:0;}

	.homecase .casecon .tit{ padding-top:0; font-size:16px; }



	

	

	.foot .fl{float:none; text-align:center;}

	

	/*content*/

	.bannerx{ height:75px; background-size:cover;}	

	

	.subnavmenu{ padding:15px 0;}

	.subnavmenu span{ font-size:16px;}

	.main .bigtit01{ font-size:24px;}

	.main .bigtit02{ font-size:22px;}

	.main .aboutcon{ background-position: left bottom; padding:25px 0 40px;}

	.main .history h4{ font-size:24px;}

	.main .history p{ font-size:22px;}

	.main .historycon{ margin-bottom:30px; padding-bottom:20%;}

	

	.main .history .owl-carousel .owl-item{ opacity:0;}

	.main .history .owl-carousel .owl-item.active{ opacity:1;}

	

	.main .pronavmenu li{ width:32%; margin-top:8px;}

	.main .pronavmenu li:nth-child(5n){ margin-right:2%;}

	.main .pronavmenu li:nth-child(3n){ margin-right:0%;}

	

	.main .qqhyuan li{ width:100%;}

	.main .qqhyuan li:nth-child(4n){ margin-right:0%;}

	.main .qqhyuan li:nth-child(3n){ margin-right:0;}

	

	.main .contactcc .contactfl strong{ font-size: 16px; }

	.main .contactcc{ margin-top: 30px; }

	.main .contactcc .contact{border:none}

    .main .contactcc .contactfl{width:100%;background:none;float:none;padding:0 2%;margin-top:-20px}

    .main .contactcc .contactfr{float:none;width:100%;margin-top:20px}

	

	.main .news .tit{ float:none;}

	.main .news .info{ display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}

	.main .news .time{ text-align:left; float:none; font-size:18px; padding-top:8px;}

	.main .news em{ margin:10px 0 12px 0;}

	.main .news{ margin-top:50px;}

	

	.videosys .box01{ width:100%; margin-top:20px;}

	.videosys .box01 video{ width:100%;}

	.videosys .box02{ width:100%;}

	

	

		

	

	/* 隐藏显示*/

	.hidden04{ display:none;}

	.show04{ display:block;}

}

strong, b {font-weight: bold;}









.detailsTop{background-color:#f8f8f8;overflow:hidden;margin-top:-20px;padding-top:30px;padding-bottom:30px}

.detailsTop .inner1200{padding:30px 0}

.detailsTop h2{font-size:30px;color:#333;font-weight:normal;line-height:1.1em;margin-bottom:20px}

.feature{width:31.3%;float:left;margin-right:2%}

.detailsTop h3{font-size:20px;color:#ffaa23;font-weight:bold;margin-bottom:20px}

.feature p{color:#333;white-space:normal;font-size:16px;line-height:2rem}

.detailsTop .qqh002{ margin-top:20px;}

.qqh001tab{ width:100%; border-collapse:collapse;}

.qqh001tab td{ color:#333;white-space:normal;font-size:16px;line-height:1.6rem; padding:5px 10px; border:1px solid #eee; }

.detailsTop .qqh03{ color:#999; font-size:12px;}

@media(max-width:768px){

	.feature{width:100%;float:left;margin-right:0%;margin-bottom:20px}
	
	.homecase .homeside{ display:none;}
	.homecase .casecon{ width:100%;}

}