@charset "utf-8";
/* CSS Document */

/* qhl_css */

body,*,html,a,h1,h2,h3,span,div,ul,li{margin:0px; padding:0px;}
body{ font-size:12px; font-family:microsoft yahei; color:#666; text-decoration:none; line-height:160%; background-color:#fff; overflow-x:hidden;}
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:#666; text-decoration:none;}
a:hover{ color:#073190;}

.grey{ color:#999;}
a.grey:hover{ text-decoration:underline;}

.red{ color:#e90000;}
.blue{ color:#049fd8;}
.orange{ color:#ff9c00;}
.green{ color:#fff;}

:focus{ outline:none;}
h3{ font-weight:normal;}
em,i{ font-style:normal;}

.wrapper{ width:1140px; margin:0 auto;}
.wrapper02{ width:54%;}

/*index*/
.topline { color:#434d5b; line-height:35px; border-bottom:#efedeb 1px solid;}
.topline a{ color:#073190;}

/* content*/
.top { padding:20px 0; position:relative;}
.top .wrapper{ display:table;}
.top .tabcell{ display:table-cell; vertical-align:top;}
.top .logo img{ display:block; max-height:50px; min-width:330px;}
.top .keyword { vertical-align:middle; text-align:center; padding:0 30px; color:#073190;}
.top .keyword span{ color:#073190; padding:0 9px; font-size:14px; font-weight:bold;}
.top .hotline{ width:160px; font-size:14px; line-height:18px; text-align:right;}
.top .hotline .orange{ font-weight:bold;}

.top .menu{  width:50px; height:100%; position:absolute;right:10px;top:0;  }
.top .menu a{ width:50px; top:50%; position:relative; margin-top:-20px; display:block; height:40px; background:url(../image/menu.png) #073190 no-repeat center center;}
.top .menuon{ background-image:url(http://www.wxssyq.com/images/close.png);}

.nav{ background:#3d75c0; color:#fff; padding:15px 0;margin:0 au}
.nav li{ border-left:#76af9f 1px dotted; float:left; line-height:20px; font-size:14px; width:100px; text-align:center; font-weight:bold;}

.nav li:hover{background:#f70504}

.nav a{ color:#fff;}
.nav .menucc img{ height:14px; padding-top:4px;}

.banner  .swiper-container{ height:590px; position:relative; color:#fff;}

.banner .pagination { position: absolute; left: 0; text-align: center; bottom:10px; width: 100%; }
.banner .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 10px; background: #fff;  margin: 0 5px; cursor: pointer; }
.banner .swiper-active-switch { background-color:#e00029;}
.banner .arrow{position:absolute; width:17px; height:30px; margin-top:-15px; top:50%; padding:30px 5px 30px 5px;}
.banner .prev { background:url(http://www.wxssyq.com/images/arrowsfl.png) no-repeat center center; left:15px;}
.banner .next { background:url(http://www.wxssyq.com/images/arrowsfr.png) no-repeat center center; right:15px;}

.homepro{ background-color:#eaf3f0; padding:70px 0;}
.homepro .boxtop{ padding-bottom:20px; border-bottom:#cfe3dd 1px solid;}
.homepro .boxtop .protit{ text-align:center; line-height:22px; padding:10px 0;}
.homepro .boxtop h3{ padding-right:20px; font-weight:bold; font-size:16px; color:#333;}
.homepro .boxtop .more{ padding-left:20px; text-decoration:underline;}
.homepro .boxtop .conn{ margin-top:10px;}
.homepro .boxtop .conn li{ padding:2.6%; box-sizing:border-box; height:184px; overflow:hidden; float:left; margin-right:2.6%; margin-bottom:30px; background:url(../image/proicon01.jpg) #fff no-repeat 85% 10px;}
.homepro .boxtop .conn li:nth-child(1){ width:27.3%;}
.homepro .boxtop .conn li:nth-child(2){ width:20.3%;background-image:url(../image/proicon02.jpg);}
.homepro .boxtop .conn li:nth-child(3){ width:24.8%;background-image:url(../image/proicon03.jpg);}
.homepro .boxtop .conn li:nth-child(4){ width:19.5%;background-image:url(../image/proicon04.jpg); margin-right:0; float:right;}
.homepro .boxtop .conn li:nth-child(5){ height:165px; width:25.7%;background-image:url(../image/proicon05.jpg);}
.homepro .boxtop .conn li:nth-child(6){ height:165px; width:43%;background-image:url(../image/proicon06.jpg);}
.homepro .boxtop .conn li:nth-child(7){ height:165px; width:26%;background-image:url(../image/proicon07.jpg); margin-right:0; float:right;}
.homepro .boxtop .conn .tit{ font-size:16px; margin-bottom:10px;}

.homepro .boxbottom{ padding:40px 0 40px;}
.homepro .boxbottom .protit{ margin-bottom:10px;}
.homepro .boxbottom h3{ color:#073190; font-size:22px;}
.homepro .boxbottom .list{ font-size:16px;  float:right;}
.homepro .boxbottom .list a{ margin-left:18px;color:#333;}
.homepro .boxbottom .list .on{ font-weight:bold; color:#ff9c00; text-decoration:underline;}
.homepro .boxbottom  .conn li{ width:24.25%; box-sizing:border-box; padding:35px; padding-top:0; margin-right:1%; float:left; background-color:#fff; margin-top:12px;}
.homepro .boxbottom  .conn li:nth-child(4n){ margin-right:0;}
.homepro .boxbottom  .conn .img img{ width:100%;}
.homepro .boxbottom  .conn .tit{ font-size:17px; color:#6e7a8b; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.homepro .boxbottom  .conn strong{ float:left; color:#9aa2ae; font-weight:normal;}
.homepro .boxbottom  .conn .info{ margin-top:15px;}
.homepro .boxbottom  .conn .intro{ padding-left:3px; height:38px;  color:#9aa2ae; overflow:hidden}

.homeabout{ padding:60px 0; text-align:center;}
.homeabout .tit{ font-size:18px; font-weight:bold; color:#434d5b; line-height:140%;}
.homeabout .info{padding:20px 0; font-size:14px; max-width:831px; margin:0 auto; line-height:160%;}
.homeabout .conn a{ display:inline-block; padding:10px 26px; font-size:14px; color:#073190; border:1px solid #073190; margin:0 10px; border-radius:3px;}
.homeabout .conn .on{ background-color:#073190; color:#fff;}

.homeservice{ color:#fff; background:url(../image/fds.jpg) no-repeat center center; padding:100px 0;}
.homeservice .box{ border:1px solid #fff; padding:30px 40px;}
.homeservice .tit{ line-height:30px;}
.homeservice .tit h3{ float:left; font-size:18px;}
.homeservice .tit img{ vertical-align:middle;}
.homeservice .info{ padding-top:20px; font-size:14px; line-height:22.4px;}

.homenews{ background-color:#f1f1f1; padding:60px 0;}
.homenews .boxfl{ width:49%; float:left; background-color:#fff;}
.homenews .boxfl .img{ height:348px; background:url(../image/vfy.jpg) no-repeat center center;}
.homenews .boxfl .txt{ padding:20px 40px;}
.homenews .boxfl .date{ font-family:Verdana; color:#999;}
.homenews .boxfl .tit{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:5px; font-size:16px; color:#073190; font-weight:bold; margin-bottom:5px;}
.homenews .boxfl .info{ height:57px; margin-top:15px;overflow:hidden;}
.homenews .boxfr{ width:49%; padding:59px 40px; box-sizing:border-box; float:right; background-color:#fff;}
.homenews .boxfr .newstit{ padding-left:64px; background:url(../image/newsf.png) no-repeat left center; background-size:auto 100%;}
.homenews .boxfr .newstit strong{ display:block; font-size:16px; color:#333;}
.homenews .boxfr .hotnews{ padding:20px 0 24px; border-top:1px solid #eee; border-bottom:1px solid #eee; margin:20px 0;}
.homenews .boxfr .time{ float:left; padding:15px 22px; background-color:#e1fff8;}
.homenews .boxfr .date{ font-size:42px; font-weight:bold; color:#999; line-height:100%;}
.homenews .boxfr .txt{ padding-left:124px;}
.homenews .boxfr .tit{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#073190; font-weight:bold; padding-bottom:10px;}
.homenews .boxfr .info{ height:57px; overflow:hidden;}
.homenews .boxfr .newslist li{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:22px;}
.homenews .boxfr .newslist a{ font-size:14px; color:#073190;}
.homenews .boxfr .newslist span{ font-size:12px; color:#999; padding-right:30px; font-family:Verdana;}
.homenews .boxfr .more{ font-size:14px; border-radius:3px;  padding:10px 26px; background-color:#073190; color:#fff; margin-top:16px;}
.homenews .boxfr .more img{ vertical-align:middle;}

.homehotline{ background:url(../image/homehotline.jpg) no-repeat center center; height:150px; color:#fff; }
.homehotline .box01{ width:355px; float:left; padding-top:55px; margin-right:8%;}
.homehotline .box02{ width:295px; float:left; padding-left:121px; background:url(../image/mobiles.png) no-repeat left bottom; padding:67px 0 30px 120px;}
.homehotline .box02 strong{ display:block; padding-bottom:5px; font-size:24px; line-height:29px; font-family:Verdana;}
.homehotline .btn{ margin-top:50px; border-radius:3px; float:right; border:2px solid #fff; padding:10px 20px; color:#fff;}

.footline{ border-bottom:1px solid #000; font-family:Arial; line-height:50px; background-color:#333; color:#999;}
.footline img{ vertical-align:middle;}
.footline  a{ color:#999; padding-right:8px;}

.footnav{ padding:50px 0; color:#ccc; border-top:1px solid #444; background-color:#333; }
.footnav dl{ float:left; margin-right:8%;}
.footnav dt{ color:#fff; font-size:14px; font-weight:bold; margin-bottom:15px;}
.footnav a{ color:#ccc;}
.footnav .code{ float:right;}
.footnav .code .txt{ text-align:center; color:#fff;}

.foot{ border-top:#444444 1px solid; margin-top:50px; padding-top:30px;}
.foot .boxfr{ text-align:right;}

/* content*/
.bannerx{ height:450px; background:url(../image/n3.jpg) no-repeat center;}


.bigtit{ background-color:#eee; line-height:58px;}
.bigtit h3{ font-size:24px; float:left;}
.bigtit h3 span{ font-size:14px; text-transform:uppercase;}
.bigtit .more{ float:right;font-size:20px}

.main{ padding:40px 0; color:#444; line-height:30px; font-size:14px;}

.main .submenu{ padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ddd;} 
.main .submenu a{ border:1px solid #ddd; padding:0 3.5%; background-color:#eee; border-radius:5px; line-height:35px; text-align:center;display:inline-block; margin-right:16px; margin-top:10px;}
.main .submenu .on,.main .submenu a:hover{ background-color:#10327a; color:#fff; border:1px solid #10327a;}

.main .news{}
.main .news li{ padding:20px 0px; border-bottom:1px solid #eee; transition:background ease-in-out .3s;}
.main .news li a{ display:block; width:1140px; margin:0 auto;}
.main .news .img{ float:left; transition:.2s; margin-right:40px;}
.main .news .img img{ width:170px; height:120px; border:1px solid #eee;}
.main .news .txt{ transition:.5s; }
.main .news .tit{ font-size:18px; color:#000; line-height:23px;}
.main .news .time{ font-size:12px; color:#888; padding:5px 0;}
.main .news .miaoshu{ line-height:24px; color:#888; height:50px; overflow:hidden;}
.main .news li:hover{ background:#f8f8f8;}
/*.main .news li:hover .img{transform:translateX(6px);}
.main .news li:hover .txt{transform:translateX(-6px);}*/
.main .news a:hover{ text-decoration:none;}

.content .leftside{ width:240px; float:left;  background-color:#eee;}
.content .leftside dl{ border-bottom:1px solid #61bea4;}
.content .leftside dt{ background-color:#073190; font-size:16px; color:#fff; padding:5px 0; padding-left:20px;}
.content .leftside dt a{ color:#fff; display:block;}
.content .leftside dd{ padding-left:30px; position:relative;}
.content .leftside dd a{ display:block;padding-left:15px; }
.content .leftside dd:before{ content:""; display:block; position:absolute; top:50%; margin-top:-4px; border-left:6px solid #073190; border-top:4px solid transparent; border-bottom:4px solid transparent;}

.content .concon{ padding-left:280px;}
.content .concon01{ padding-left:0;}
.content .product li{ width:32%; margin-right:2%; float:left; border:1px solid #ccc; box-sizing:border-box; text-align:center; margin-bottom:20px;}
.content .product li:nth-child(3n){ margin-right:0;}
.content .product .img img{ width:100%;}
.content .product .txt{ padding:8px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:20px; background-color:#eee;}
.content .product li:hover{ border-color:#073190;}
.content .product li:hover .txt{ color:#fff; background-color:#073190;}

.content .feedback{ background:url(../image/feedback.jpg) no-repeat left top; padding:25px 50px 25px 14%; position:relative;}
.content .feedback form{ background-color:#fff; box-shadow:2px 3px 5px #ddd; padding:10px 8% 20px; line-height:30px; border:1px solid #eee;}
.content .feedback .line{ overflow:hidden; margin-top:15px;}
.content .feedback label{  width:100px; display:block; float:left;line-height:30px;}
.content .feedback .input{ border:1px solid #ccc; margin-left:100px; padding:0 10px;}
.content .feedback input{ line-height:28px;height:28px; border:none; display:block; width:100%;}
.content .feedback textarea{ height:80px; border:none; width:100%; line-height:20px; padding:10px 0;}
.content .feedback input.btn{ line-height:40px; height:40px; font-size:15px; font-family:microsoft yahei; cursor:pointer;}
.content .feedback input.btn:hover{ color:#fff; background-color:#1262bb;}
.content .feedback img{ position:absolute; bottom:-48px; right:0px;}

.content .contact{ border:1px solid #eee; line-height:30px;}
.content .contactfl{ width:40%; float:left; padding:2%; background:url(../image/map.png) no-repeat right bottom;}
.content .contactfr{ width:56%; float:right;}
.content .contactfr img{ max-width:none;}


/*page*/
.concon .contit{ font-size:22px; text-align:center; border-bottom:1px solid #ccc; padding:10px 0 20px; margin-bottom:30px;}
.concon .condate{ font-size:13px; text-align:center; margin-bottom:0px; font-weight:normal; margin-top:5px; color:#999;}
.concon .coninfo{ background-color:#eee; padding:10px; line-height:24px;}
.concon .conpage{ border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; margin-top:30px; padding:10px 0;}
.concon .conpage a{ display:block;}
.concon .conpage a:hover{ text-decoration:underline;}
.concon .conbtn{ background-color:#ff0000; color:#fff; padding:10px 0; margin-top:20px; text-align:center; font-size:14px; font-weight:bold;}





/* decorate */
.protab{ border-collapse:collapse; width:100%;}
.protab{word-wrap:break-word;word-break:break-all;}
.protab td{ border:1px solid #ccc; padding:3px; text-align:center; line-height:180%;}
.protab tr:nth-child(n){ background-color:#eee;}
.protab tr:nth-child(2n){ background-color:#fff;}

/*map*/
#dituContent{width:100%;height:335px;}
#dituContent .top{ padding:0;}
#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:1140px){
	img{ max-width:100%;}
	.wrapper{ width:100%; padding:0 10px; box-sizing:border-box;}
	
	
	/*index*/
	.banner .swiper-container { height:450px;}
	.banner .swiper-slide{ background-size:cover}
	.homepro .boxbottom h3{ float:none;}
	.homepro .boxbottom .list{ float:none; margin-top:10px; line-height:25px;}
	.homepro .boxbottom .list a{ margin-left:0; margin-right:18px;}
	.foot{ padding-top:30px;}
	
	/* content*/
	.main .news{ padding:0 2%;}
	.main .news li a{ width:100%;}	

	/*page*/



	/* decorate */
		
	
	
	
	/* 隐藏显示*/
	.hidden02{ display:none;}
	.show02{ display:block;}
}


@media (max-width:970px){
	.content .leftside{ display:none;}
	.content .concon{ padding-left:0; max-width:880px; margin:0 auto;}
}


@media (max-width:880px){
	/*index*/
	.top .keyword{ display:none;}
	.nav ul{ float:none;}
	.nav li{ width:12.5%; box-sizing:border-box;}
	.top .hotline{ display:none;}
	.banner  .swiper-container { height:200px;}
	.homepro .boxbottom  .conn li{ width:32%; margin-right:2%;}
	.homepro .boxbottom  .conn li:nth-child(4n){ margin-right:2%;}
	.homepro .boxbottom  .conn li:nth-child(3n){ margin-right:0;}
	.homehotline .box02{ display:none;}
	.footnav{ padding:30px 0;}
	.foot{ margin-top:0; padding-top:0; border:none;}
	
	/* content*/
	.bannerx{ background-size:140% 100%;}
	
	/*page*/



	/* decorate */
	
	
	/* 隐藏显示*/
	.hidden03{ display:none;}
	.show03{ display:block;}
}

@media (max-width:720px){
	/*index*/
	.top .logo img{ min-width:auto;max-height:40px;}
	.homepro{ padding:35px 0;}
	.homepro .boxtop .note{ display:none;}
	.homepro .boxtop .conn .info{display:none;}
	.homepro .boxtop .conn li{ box-sizing:border-box; margin:0 0 5px; height:auto !important; width:49% !important; float:left !important;}
	.homepro .boxtop .conn li:nth-child(2n){ float:right !important;}	
	.homepro .boxbottom  .conn li{ width:49%; padding:0 10px 10px 10px;}
	.homepro .boxbottom  .conn li:nth-child(3n){ margin-right:2%;}
	.homepro .boxbottom  .conn li:nth-child(2n){ margin-right:0;}
	.homepro .boxbottom  .conn .info{ display:none;}
	.homepro .boxbottom  .conn .tit{ font-size:14px;}
	.homenews .boxfl{ width:100%; float:none; margin-bottom:10px;}
	.homenews .boxfl .txt{ padding:20px;}
	.homenews .boxfr{ width:100%; float:none; padding:20px;}
	.homenews .boxfr .more{ float:none; display:block;}
	
	
	
	/* content*/
	.bannerx{ height:150px; background-size:cover;}	
	.content .news .img{ margin-right:10px;} 
	.content .news .img img{ width:106px; height:80px;}
	.content .news .tit{ font-size:15px; max-height:46px; overflow:hidden;}
	.content .news span{ display:none;}
	.content .news .time{ display:none; }
	.content .news .miaoshu{ margin-top:0px; height:38px; line-height:19px;font-size:13px;}
	.content .news li:hover .img{transform:translateX(0px);}
	.content .news li:hover .txt{transform:translateX(0px);}
	.content .concon{ max-width:600px;}
	.content .product li{ width:49%;}
	.content .product li:nth-child(3n){ margin-right:2%;}
	.content .product li:nth-child(2n){ margin-right:0;}
	
	.content .feedbackpic{ height:80px; margin-bottom:20px;}
	.content .feedback{ padding:0px;}
	.content .feedback .line{ margin-top:10px;}
	.content .feedback label{ display:none;}
	.content .feedback .input{ margin-left:0px;}
	
	.content .contactfl{ float:none; width:100%;}
	.content .contactfr{ float:none; width:100%;}

	/*page*/



	/* decorate */
	
	
	/* 隐藏显示*/
	.hidden04{ display:none;}
	.show04{ display:block;}
}