@charset "utf-8";
/* CSS Document */
body{margin:0 auto;padding:0; background-color:#fff;font-size:14px; font-family:"微软雅黑";}
form,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0; font-weight:normal; font-family:"微软雅黑"; font-family:Arial, Helvetica, sans-serif;}
input,select{font-size:12px;line-height:16px;border:0;margin:0;padding:0;}
ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;}
.clear{clear:both;height:0px;}
*{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
/*xsnav*/
.xs-nav{ height:100%; background:#006ebd; position:fixed; right:-200px; top:0; width:200px; overflow:hidden; display:none;}
.xs-nav ul{ padding:15px;}
.xs-nav a{ display:block; line-height:36px; padding-left:5px; color:#fff;}
.xs-nav a:active{ background:#000; color:#fff;}
.xs-nav li{ border-bottom:1px solid #008add;}


table{border:1px solid #f0efef;border-collapse:collapse;margin:0 auto;text-align:center;line-height:35px; width:100%;}
table td{ border: 1px solid #f0efef;}
tr:nth-child(1){ background:#1a86d8; color:#fff;}

.page { margin-top:20px; padding:10px;}
.page .disabled { border:1px solid #dddddd; color:#747474; margin:0 1px; padding:5px 10px;}
.page .current { background-color:#d9d9d9; border:1px solid #c8c8c8; color:#333; font-style:normal;
    margin:0 1px; padding:5px 10px;}
.page a { border:1px solid #dddddd; color:#747474; margin:0 1px; padding:5px 10px;}
@media (min-width:320px) {
/*nav*/	
.nav-box{width:100%; height:90px; background:#262c3c;}
.navmain{ width:100%; margin:0 auto; height:auto;}
.fl{ float:left; width:55%; height:90px;}
.fl img{ width:220px; height:90px;}
.fr{ width:12%; float:right; margin-right:5px; display:inline;}
.nav ul{ display:none;}
.nav i{ display:block;}
.nav i img{width:30px; height:auto; margin-top:30px;}
/*banner*/
.flickerplate {	position:relative; width:100%; height:120px; background-color:#e6e6e6; overflow:hidden}
.flickerplate ul.flicks { width:10000%; height:100%; padding:0px; margin:0px; list-style:none}
.flickerplate ul.flicks>li { float:left; width:1%; height:100%; background-position:center;
background-size:cover; display:table;}
/*pro*/
.pro_box{ width:100%; background:#fbfbfb; height:auto; padding:30px 0px;}
.proh3{ width:100%; border-bottom:1px solid #ddd;}
.proh3 h3{ text-align:center; font-size:20px; color:#444; line-height:40px;}
.proh3 p{ text-align:center; font-size:18px; font-weight:500; padding-bottom:10px;}
.proh3 b{ font-weight:normal; border-bottom:3px solid #006ebd; padding-bottom:43px;}
.pro{ width:95%; margin:0 auto; height:auto;}
.prolist{ width:107.5%; height:auto; margin-top:20px;}
.post-slide{ width:43.5%; height:250px; overflow:hidden; float:left; margin-bottom:20px; margin-right:20px;}
.post-slide .post-img{ overflow:hidden;}
.post-slide .post-img img{width:100%; height:auto; transform:scale(1); transition:all 1s ease-in-out 0s;}
.post-slide:hover .post-img img{ transform:scale(1.08);}
.post-slide .post-content{ background:#fff; padding:7px 15px 15px; margin-top:0px;}
.post-content h1{ font-size:16px; font-weight:600; text-transform:capitalize; line-height:30px;}
.post-content h1 a{ display:inline-block; color:#555; transition:all 0.3s ease 0s; }
.post-content h1 a:hover{ color:#006ebd;}
.post-content p{ font-size:14px; color:#676767; line-height:28px; margin-bottom:5px; height:60px; overflow:hidden;}
.post-slide .read-more{ display:inline-block; padding:6px 8px; font-size:12px; color:#fff;
background:#FF9933; border-bottom-right-radius:10px; text-transform:capitalize; transition:all 0.30s linear;}
.post-slide .read-more:hover{ background:#333;}
/*ser*/
.ser_box{ width:100%; height:auto; padding:30px 0px; background:#2c3343;}
.serh3{ width:100%; border-bottom:1px solid #535760;}
.serh3 h3{ text-align:center; font-size:20px; color:#ececec; line-height:40px;}
.serh3 p{ text-align:center; font-size:18px; font-weight:500; padding-bottom:10px; color:#ececec;}
.serh3 b{ font-weight:normal; border-bottom:3px solid #006ebd; padding-bottom:43px;}
.ser{ width:95%; margin:0 auto; height:auto;}
.serlist{ width:108%; margin-top:30px;}
.ser-grids { width:42%; float:left; text-align:center; margin-right:25px; margin-bottom:25px;}
.ser-grids h4 { font-size:16px; color:#fff; line-height:30px; margin:15px 0px 5px;}
.ser-grids p{font-size:14px; color:#999; line-height:26px; height:50px; overflow:hidden;}
.ser-grids h6 { padding:1px; background:#1689c8; width:33%; margin:2em auto 0; -webkit-transition:.5s all;
	-moz-transition:.5s all; transition:.5s all;}
.ser-grids:hover h6 { width:55%;}
.ser-grids i{ font-size:28px; color:#444; background:#ddd;
    display:inline-block; border-radius:50%; text-decoration:none; z-index:1; padding:1em;}
.ser-grids i:after { pointer-events:none; position:absolute; -webkit-border-radius:50%;
 -moz-border-radius:50%; border-radius:50%; content:'';	-webkit-box-sizing:content-box;	-moz-box-sizing:content-box; box-sizing:content-box;}
.ser-grids:hover i{	background:#1689c8;	color:#fff !important;}
/*khxc*/
.khxc_box{ width:100%; height:auto; padding:30px 0px; background:#f4f4f6;}
.khxc{ width:95%; margin:0 auto; height:auto;}
.khxclist{ width:105%; height:auto; margin-top:20px;}
.khxclist ul{}
.khxclist ul li{ width:45%; float:left; margin-right:15px; height:170px; overflow:hidden;}
.khxclist ul li img{display:block; width:100%;border-radius:5px 5px 0px 0px;}
.khxclist ul li h3{ text-align:center; line-height:40px; font-size:15px; font-weight:bold;}
.khxclist ul li a{ background:#fff; display:block; border-radius:6px;}
.khxclist ul li a:hover{ background:#1689c8; color:#fff; display:block;}
/*new*/
.new_box{ background:#1d2b44; width:100%; height:auto; padding:30px 0px;}
.new{ width:95%; margin:0 auto; height:auto;}
.newlist{ width:100%; height:auto; margin-top:20px;}
.newmain{ float:left; margin-right:30px; width:100%;}
.newmain ul{}
.newmain ul li{ margin-bottom:20px;}
.newmain ul li p{ color:#555; font-size:14px; line-height:28px; background:#fff; border-top:1px dotted #ccc; padding:8px 15px;}
.newmain ul li p a{ color:#a90329; font-size:12px;}
.newmain ul li p a:hover{ text-decoration:underline;}
.newrtitle{ width:100%; height:35px; background:url(../images/newrbj.png) no-repeat; text-indent:45px; line-height:35px; font-size:14px; font-weight:bold;}
.newrtitle a{ color:#024b91;}
/*contact*/
.scrol-page{ width:100%; height:auto; margin-top:30px;}
.k1050{	width:95%; margin:0 auto; height:auto;}
.contactBox{ position:relative; background:#1f2636; overflow:hidden; margin:20px 0;}
.contactBox:hover #dituContent{ opacity:1;}
#dituContent{ -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear;
   -ms-transition:all 0.2s linear; transition:all 0.2s linear; opacity:0.2; height:450px;}
.mapBox{ position:relative; height:auto; overflow:hidden;}
.mapBox:before{	display:block; content:''; position:absolute; width:123px; height:240px;
	background:url(../images/mapicon.png) no-repeat;
	left:50%; top:0; margin-left:-61px; z-index:100;
	-webkit-transition:0.2s ease-in 0s;	-moz-transition:0.2s ease-in 0s;
	-ms-transition:0.1s ease-in 0s;	-o-transition:0.2s ease-in 0s;}
.contactBox:hover .mapBox:before{ margin-top:-248px;}
.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}
.contactFoot{ position:absolute; left:0; right:0; bottom:0; z-index:101; padding:20px 10px;	color:#fff;
-webkit-transition:0.2s ease-in 0s;	-moz-transition:0.2s ease-in 0s; -ms-transition:0.1s ease-in 0s; -o-transition:0.2s ease-in 0s;}
.contactBox:hover .contactFoot{background:rgba(0,0,0,0.5);}
.contactFoot{ position:relative; }
.contactFoot dl{ width:auto; float:none; padding:10px 0;}
.contactFoot dt{ font-size:16px; padding-bottom:5px; font-weight:600;}
.contactFoot dd{ font-size:13px; line-height:30px; margin-left:0px;}
.contactFoot dd a{ color:#fff;}
.qqBtn{	display:inline-block; padding-top:5px;}
.qqBtn:before{ display:inline-block; width:26px; height:25px;
	content:'';	vertical-align:middle; margin-right:5px;
	background:url(../images/cicon.png) no-repeat; background-size:25px 50px;}
.footer{ width:100%; background:#202325; padding:25px 0; color:#999;margin-top:-20px;}
.footer p{ text-align:center; width:95%; margin:0 auto; font-size:13px; line-height:30px;}
.footer p a{ color:#999;}
.about_us{ margin:20px auto 40px ; width:95%; overflow:hidden; height:auto }
.contact_us{ margin:20px auto 40px ; width:95%; overflow:hidden; height:auto }

.about_us_l h2{ font-size:18px; font-weight:bold; font-family:"微软雅黑"; background:#1a86d8; /*background:#999;*/ color:#1852a2;  padding:15px 0 15px 15px ; color:#FFF }
.about_us_l h3{ font-size:16px; background:#e8e8e8; height:40px; line-height:
40px; padding-left:20px; width:100%; overflow:hidden}
.about_us_l h3 a{ color:#000}
.about_us_l  ul li { float:left; width:46%; border-bottom:1px dashed #CCC; margin:0 5px; height:40px; line-height:40px}
.about_us_l  ul li a{ color:#666; font-size:14px}
.about_us_l{ float:left; width:100%}
.about_us_r{ float:right;width:100%}


.about_us_r h2{ font-size:20px; font-weight:bold; /*background:#999;*/ color:#1a86d8 ; border-bottom:1px solid #ccc;padding:15px 0 15px 0px; margin-bottom:30px;font-family:"微软雅黑"; }
.about_us_r h2 span{ float:right; font-size:14px; font-weight:normal; padding-top:10px;font-family:"微软雅黑";}
.about_us_r h2 span a{font-family:"微软雅黑"; }
.about_us_r h1{ font-size:20px; text-align:center; font-weight:bold; margin-bottom:30px; font-family:"微软雅黑"}
.about_us_r p img{ width:80%; display:block; margin:0 auto 10px; height:auto}
.about_us_r img{ width:80%; display:block; margin:0 auto; height:auto}
.about_us_r p{ font-size:14px; line-height:35px; color:#7b7b7b;font-family:"微软雅黑";}

.contact_us_r{ float:right;width:100%}

.contact_us_r h2{ font-size:20px; font-weight:bold; /*background:#999;*/ color:#1a86d8 ; border-bottom:1px solid #ccc;padding:15px 0 15px 0px; margin-bottom:30px;font-family:"微软雅黑"; }
.contact_us_r h2 span{ float:right; font-size:14px; font-weight:normal; padding-top:10px;font-family:"微软雅黑";}
.contact_us_r h2 span a{font-family:"微软雅黑"; }
.contact_us_r h1{ font-size:20px; text-align:center; font-weight:bold; margin-bottom:30px; font-family:"微软雅黑"}
.contact_us_r p img{ width:100%; display:block; margin:0 auto 10px; height:auto}
.contact_us_r img{ width:100%; display:block; margin:0 auto; height:auto}
.contact_us_r p{ font-size:14px; line-height:35px; color:#7b7b7b;font-family:"微软雅黑";}

}
@media (min-width:360px) {
/*nav*/
.nav-box{width:100%; height:90px; background:#262c3c;}
.navmain{ width:100%; margin:0 auto; height:auto;}
.fl{ float:left; width:55%; height:90px;}
.fl img{ width:240px; height:90px;}
.fr{ width:10%; float:right; margin-right:10px; display:inline;}
.nav ul{ display:none;}
.nav i{ display:block;}
.nav i img{width:30px; height:auto; margin-top:30px;}
/*banner*/
.flickerplate {	position:relative; width:100%; height:150px; background-color:#e6e6e6; overflow:hidden}
.flickerplate ul.flicks { width:10000%; height:100%; padding:0px; margin:0px; list-style:none}
.flickerplate ul.flicks>li { float:left; width:1%; height:100%; background-position:center;
background-size:cover; display:table;}
/*pro*/
.pro_box{ width:100%; background:#fbfbfb; height:auto; padding:30px 0px;}
.proh3{ width:100%; border-bottom:1px solid #ddd;}
.proh3 h3{ text-align:center; font-size:20px; color:#444; line-height:40px;}
.proh3 p{ text-align:center; font-size:18px; font-weight:500; padding-bottom:10px;}
.proh3 b{ font-weight:normal; border-bottom:3px solid #006ebd; padding-bottom:43px;}
.pro{ width:95%; margin:0 auto; height:auto;}
.prolist{ width:107.5%; height:auto; margin-top:20px;}
.post-slide{ width:44%; height:270px; overflow:hidden; float:left; margin-bottom:20px; margin-right:20px;}
.post-slide .post-img{ overflow:hidden;}
.post-slide .post-img img{width:100%; height:auto; transform:scale(1); transition:all 1s ease-in-out 0s;}
.post-slide:hover .post-img img{ transform:scale(1.08);}
.post-slide .post-content{ background:#fff; padding:7px 15px 15px; margin-top:0px;}
.post-content h1{ font-size:16px; font-weight:600; text-transform:capitalize; line-height:30px;}
.post-content h1 a{ display:inline-block; color:#555; transition:all 0.3s ease 0s; }
.post-content h1 a:hover{ color:#006ebd;}
.post-content p{ font-size:14px; color:#676767; line-height:28px; margin-bottom:5px; height:60px; overflow:hidden;}
.post-slide .read-more{ display:inline-block; padding:6px 8px; font-size:12px; color:#fff;
background:#FF9933; border-bottom-right-radius:10px; text-transform:capitalize; transition:all 0.30s linear;}
.post-slide .read-more:hover{ background:#333;}
/*ser*/
.ser_box{ width:100%; height:auto; padding:30px 0px; background:#2c3343;}
.serh3{ width:100%; border-bottom:1px solid #535760;}
.serh3 h3{ text-align:center; font-size:20px; color:#ececec; line-height:40px;}
.serh3 p{ text-align:center; font-size:18px; font-weight:500; padding-bottom:10px; color:#ececec;}
.serh3 b{ font-weight:normal; border-bottom:3px solid #006ebd; padding-bottom:43px;}
.ser{ width:95%; margin:0 auto; height:auto;}
.serlist{ width:108%; margin-top:30px;}
.ser-grids { width:43%; float:left; text-align:center; margin-right:25px; margin-bottom:25px;}
.ser-grids h4 { font-size:16px; color:#fff; line-height:30px; margin:15px 0px 5px;}
.ser-grids p{font-size:14px; color:#999; line-height:26px; height:50px; overflow:hidden;}
.ser-grids h6 { padding:1px; background:#1689c8; width:33%; margin:2em auto 0; -webkit-transition:.5s all;
	-moz-transition:.5s all; transition:.5s all;}
.ser-grids:hover h6 { width:55%;}
.ser-grids i{ font-size:28px; color:#444; background:#ddd;
    display:inline-block; border-radius:50%; text-decoration:none; z-index:1; padding:1em;}
.ser-grids i:after { pointer-events:none; position:absolute; -webkit-border-radius:50%;
 -moz-border-radius:50%; border-radius:50%; content:'';	-webkit-box-sizing:content-box;	-moz-box-sizing:content-box; box-sizing:content-box;}
.ser-grids:hover i{	background:#1689c8;	color:#fff !important;}
/*khxc*/
.khxc_box{ width:100%; height:auto; padding:30px 0px; background:#f4f4f6;}
.khxc{ width:95%; margin:0 auto; height:auto;}
.khxclist{ width:105%; height:auto; margin-top:20px;}
.khxclist ul{}
.khxclist ul li{ width:45.5%; float:left; margin-right:15px; height:180px; overflow:hidden;}
.khxclist ul li img{display:block; width:100%;border-radius:5px 5px 0px 0px;}
.khxclist ul li h3{ text-align:center; line-height:40px; font-size:15px; font-weight:bold;}
.khxclist ul li a{ background:#fff; display:block; border-radius:6px;}
.khxclist ul li a:hover{ background:#1689c8; color:#fff; display:block;}
/*new*/
.new_box{ background:#1d2b44; width:100%; height:auto; padding:30px 0px;}
.new{ width:95%; margin:0 auto; height:auto;}
.newlist{ width:100%; height:auto; margin-top:20px;}
.newmain{ float:left; margin-right:30px; width:100%;}
.newmain ul{}
.newmain ul li{ margin-bottom:20px;}
.newmain ul li p{ color:#555; font-size:14px; line-height:28px; background:#fff; border-top:1px dotted #ccc; padding:8px 15px;}
.newmain ul li p a{ color:#a90329; font-size:12px;}
.newmain ul li p a:hover{ text-decoration:underline;}
.newrtitle{ width:100%; height:35px; background:url(../images/newrbj.png) no-repeat; text-indent:45px; line-height:35px; font-size:14px; font-weight:bold;}
.newrtitle a{ color:#024b91;}
/*contact*/
.k1050{	width:95%; margin:0 auto; height:auto;}
.contactBox{ position:relative; background:#1f2636; overflow:hidden; margin:20px 0;}
.contactBox:hover #dituContent{ opacity:1;}
#dituContent{ -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear;
   -ms-transition:all 0.2s linear; transition:all 0.2s linear; opacity:0.2; height:450px;}
.mapBox{ position:relative; height:auto; overflow:hidden;}
.mapBox:before{	display:block; content:''; position:absolute; width:123px; height:240px;
	background:url(../images/mapicon.png) no-repeat;
	left:50%; top:0; margin-left:-61px; z-index:100;
	-webkit-transition:0.2s ease-in 0s;	-moz-transition:0.2s ease-in 0s;
	-ms-transition:0.1s ease-in 0s;	-o-transition:0.2s ease-in 0s;}
.contactBox:hover .mapBox:before{ margin-top:-248px;}
.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}
.contactFoot{ position:absolute; left:0; right:0; bottom:0; z-index:101; padding:20px 10px;	color:#fff;
-webkit-transition:0.2s ease-in 0s;	-moz-transition:0.2s ease-in 0s; -ms-transition:0.1s ease-in 0s; -o-transition:0.2s ease-in 0s;}
.contactBox:hover .contactFoot{background:rgba(0,0,0,0.5);}
.contactFoot{ position:relative; }
.contactFoot dl{ width:auto; float:none; padding:10px 0;}
.contactFoot dt{ font-size:16px; padding-bottom:5px; font-weight:600;}
.contactFoot dd{ font-size:13px; line-height:30px; margin-left:0px;}
.contactFoot dd a{ color:#fff;}
.qqBtn{	display:inline-block; padding-top:5px;}
.qqBtn:before{ display:inline-block; width:26px; height:25px;
	content:'';	vertical-align:middle; margin-right:5px;
	background:url(../images/cicon.png) no-repeat; background-size:25px 50px;}
.footer{ width:100%; background:#202325; padding:25px 0; color:#999;margin-top:-20px;}
.footer p{ text-align:center; width:95%; margin:0 auto; font-size:13px; line-height:30px;}
}
@media (min-width:480px) {
/*nav*/	
.nav-box{width:100%; height:90px; background:#262c3c;}
.navmain{ width:100%; margin:0 auto; height:auto;}
.fl{ float:left; width:37%; height:90px;}
.fl img{ width:240px; height:90px;}
.fr{ width:8%; float:right; margin-right:10px; display:inline;}
.nav ul{ display:none;}
.nav i{ display:block;}
.nav i img{width:30px; height: auto; margin-top:30px;}
/*banner*/
.flickerplate {	position:relative; width:100%; height:180px; background-color:#e6e6e6; overflow:hidden}
.flickerplate ul.flicks { width:10000%; height:100%; padding:0px; margin:0px; list-style:none}
.flickerplate ul.flicks>li { float:left; width:1%; height:100%; background-position:center;
background-size:cover; display:table;}
/*pro*/
.pro_box{ width:100%; background:#fbfbfb; height:auto; padding:30px 0px;}
.proh3{ width:100%; border-bottom:1px solid #ddd;}
.proh3 h3{ text-align:center; font-size:20px; color:#444; line-height:40px;}
.proh3 p{ text-align:center; font-size:18px; font-weight:500; padding-bottom:10px;}
.proh3 b{ font-weight:normal; border-bottom:3px solid #006ebd; padding-bottom:43px;}
.pro{ width:95%; margin:0 auto; height:auto;}
.prolist{ width:107.5%; height:auto; margin-top:20px;}
.post-slide{ width:44.5%; height:320px; overflow:hidden; float:left; margin-bottom:20px; margin-right:20px;}
.post-slide .post-img{ overflow:hidden;}
.post-slide .post-img img{width:100%; height:auto; transform:scale(1); transition:all 1s ease-in-out 0s;}
.post-slide:hover .post-img img{ transform:scale(1.08);}
.post-slide .post-content{ background:#fff; padding:7px 15px 15px; margin-top:0px;}
.post-content h1{ font-size:16px; font-weight:600; text-transform:capitalize; line-height:30px;}
.post-content h1 a{ display:inline-block; color:#555; transition:all 0.3s ease 0s; }
.post-content h1 a:hover{ color:#006ebd;}
.post-content p{ font-size:14px; color:#676767; line-height:28px; margin-bottom:5px; height:60px; overflow:hidden;}
.post-slide .read-more{ display:inline-block; padding:6px 8px; font-size:12px; color:#fff;
background:#FF9933; border-bottom-right-radius:10px; text-transform:capitalize; transition:all 0.30s linear;}
.post-slide .read-more:hover{ background:#333;}
/*ser*/
.ser_box{ width:100%; height:auto; padding:30px 0px; background:#2c3343;}
.serh3{ width:100%; border-bottom:1px solid #535760;}
.serh3 h3{ text-align:center; font-size:20px; color:#ececec; line-height:40px;}
.serh3 p{ text-align:center; font-size:18px; font-weight:500; padding-bottom:10px; color:#ececec;}
.serh3 b{ font-weight:normal; border-bottom:3px solid #006ebd; padding-bottom:43px;}
.ser{ width:95%; margin:0 auto; height:auto;}
.serlist{ width:108%; margin-top:30px;}
.ser-grids { width:44%; float:left; text-align:center; margin-right:25px; margin-bottom:25px;}
.ser-grids h4 { font-size:16px; color:#fff; line-height:30px; margin:15px 0px 5px;}
.ser-grids p{font-size:14px; color:#999; line-height:26px; height:50px; overflow:hidden;}
.ser-grids h6 { padding:1px; background:#1689c8; width:33%; margin:2em auto 0; -webkit-transition:.5s all;
	-moz-transition:.5s all; transition:.5s all;}
.ser-grids:hover h6 { width:55%;}
.ser-grids i{ font-size:28px; color:#444; background:#ddd; display:inline-block; border-radius:50%; 
text-decoration:none; z-index:1; padding:1em;}
.ser-grids i:after { pointer-events:none; position:absolute; -webkit-border-radius:50%;
 -moz-border-radius:50%; border-radius:50%; content:'';	-webkit-box-sizing:content-box;	-moz-box-sizing:content-box; box-sizing:content-box;}
.ser-grids:hover i{	background:#1689c8;	color:#fff !important;}
/*khxc*/
.khxc_box{ width:100%; height:auto; padding:30px 0px; background:#f4f4f6;}
.khxc{ width:95%; margin:0 auto; height:auto;}
.khxclist{ width:105%; height:auto; margin-top:20px;}
.khxclist ul{}
.khxclist ul li{ width:46%; float:left; margin-right:15px; height:230px; overflow:hidden;}
.khxclist ul li img{display:block; width:100%;border-radius:5px 5px 0px 0px;}
.khxclist ul li h3{ text-align:center; line-height:40px; font-size:15px; font-weight:bold;}
.khxclist ul li a{ background:#fff; display:block; border-radius:6px;}
.khxclist ul li a:hover{ background:#1689c8; color:#fff; display:block;}
/*new*/
.new_box{ background:#1d2b44; width:100%; height:auto; padding:30px 0px;}
.new{ width:95%; margin:0 auto; height:auto;}
.newlist{ width:100%; height:auto; margin-top:20px;}
.newmain{ float:left; margin-right:30px; width:100%;}
.newmain ul{}
.newmain ul li{ margin-bottom:20px;}
.newmain ul li p{ color:#555; font-size:14px; line-height:28px; background:#fff; border-top:1px dotted #ccc; padding:8px 15px;}
.newmain ul li p a{ color:#a90329; font-size:12px;}
.newmain ul li p a:hover{ text-decoration:underline;}
.newrtitle{ width:100%; height:35px; background:url(../images/newrbj.png) no-repeat; text-indent:45px; line-height:35px; font-size:14px; font-weight:bold;}
.newrtitle a{ color:#024b91;}
/*contact*/
.k1050{	width:95%; margin:0 auto; height:auto;}
.contactBox{ position:relative; background:#1f2636; overflow:hidden; margin:20px 0;}
.contactBox:hover #dituContent{ opacity:1;}
#dituContent{ -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear;
   -ms-transition:all 0.2s linear; transition:all 0.2s linear; opacity:0.2; height:450px;}
.mapBox{ position:relative; height:auto; overflow:hidden;}
.mapBox:before{	display:block; content:''; position:absolute; width:123px; height:240px;
	background:url(../images/mapicon.png) no-repeat;
	left:50%; top:0; margin-left:-61px; z-index:100;
	-webkit-transition:0.2s ease-in 0s;	-moz-transition:0.2s ease-in 0s;
	-ms-transition:0.1s ease-in 0s;	-o-transition:0.2s ease-in 0s;}
.contactBox:hover .mapBox:before{ margin-top:-248px;}
.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}
.contactFoot{ position:absolute; left:0; right:0; bottom:0; z-index:101; padding:20px 10px;	color:#fff;
-webkit-transition:0.2s ease-in 0s;	-moz-transition:0.2s ease-in 0s; -ms-transition:0.1s ease-in 0s; -o-transition:0.2s ease-in 0s;}
.contactBox:hover .contactFoot{background:rgba(0,0,0,0.5);}
.contactFoot{ position:relative; }
.contactFoot dl{ width:auto; float:none; padding:10px 0;}
.contactFoot dt{ font-size:16px; padding-bottom:5px; font-weight:600;}
.contactFoot dd{ font-size:13px; line-height:30px; margin-left:0px;}
.contactFoot dd a{ color:#fff;}
.qqBtn{	display:inline-block; padding-top:5px;}
.qqBtn:before{ display:inline-block; width:26px; height:25px;
	content:'';	vertical-align:middle; margin-right:5px;
	background:url(../images/cicon.png) no-repeat; background-size:25px 50px;}
.footer{ width:100%; background:#202325; padding:25px 0; color:#999;margin-top:-20px;}
.footer p{ text-align:center; width:95%; margin:0 auto; font-size:13px; line-height:30px;}
}

@media (min-width:560px) {
/*nav*/	
.nav-box{width:100%; height:90px; background:#262c3c;}
.navmain{ width:100%; margin:0 auto; height:auto;}
.fl{ float:left; width:35%; height:90px;}
.fl img{width:240px; height:90px;}
.fr{ width:6%; float:right; margin-right:20px; display:inline;}
.nav ul{ display:none;}
.nav i{ display:block;}
.nav i img{width:30px; height: auto; margin-top:30px;}
/*banner*/
.flickerplate {	position:relative; width:100%; height:210px; background-color:#e6e6e6; overflow:hidden}
.flickerplate ul.flicks { width:10000%; height:100%; padding:0px; margin:0px; list-style:none}
.flickerplate ul.flicks>li { float:left; width:1%; height:100%; background-position:center;
background-size:cover; display:table;}
/*pro*/
.pro_box{ width:100%; background:#fbfbfb; height:auto; padding:30px 0px;}
.proh3{ width:100%; border-bottom:1px solid #ddd;}
.proh3 h3{ text-align:center; font-size:20px; color:#444; line-height:40px;}
.proh3 p{ text-align:center; font-size:18px; font-weight:500; padding-bottom:10px;}
.proh3 b{ font-weight:normal; border-bottom:3px solid #006ebd; padding-bottom:43px;}
.pro{ width:95%; margin:0 auto; height:auto;}
.prolist{ width:107.5%; height:auto; margin-top:20px;}
.post-slide{ width:45%; height:350px; overflow:hidden; float:left; margin-bottom:20px; margin-right:20px;}
.post-slide .post-img{ overflow:hidden;}
.post-slide .post-img img{width:100%; height:auto; transform:scale(1); transition:all 1s ease-in-out 0s;}
.post-slide:hover .post-img img{ transform:scale(1.08);}
.post-slide .post-content{ background:#fff; padding:7px 15px 15px; margin-top:0px;}
.post-content h1{ font-size:16px; font-weight:600; text-transform:capitalize; line-height:30px;}
.post-content h1 a{ display:inline-block; color:#555; transition:all 0.3s ease 0s; }
.post-content h1 a:hover{ color:#006ebd;}
.post-content p{ font-size:14px; color:#676767; line-height:28px; margin-bottom:5px; height:60px; overflow:hidden;}
.post-slide .read-more{ display:inline-block; padding:6px 8px; font-size:12px; color:#fff;
background:#FF9933; border-bottom-right-radius:10px; text-transform:capitalize; transition:all 0.30s linear;}
.post-slide .read-more:hover{ background:#333;}
/*ser*/
.ser_box{ width:100%; height:auto; padding:30px 0px; background:#2c3343;}
.serh3{ width:100%; border-bottom:1px solid #535760;}
.serh3 h3{ text-align:center; font-size:20px; color:#ececec; line-height:40px;}
.serh3 p{ text-align:center; font-size:18px; font-weight:500; padding-bottom:10px; color:#ececec;}
.serh3 b{ font-weight:normal; border-bottom:3px solid #006ebd; padding-bottom:43px;}
.ser{ width:95%; margin:0 auto; height:auto;}
.serlist{ width:108%; margin-top:30px;}
.ser-grids { width:44%; float:left; text-align:center; margin-right:25px; margin-bottom:25px;}
.ser-grids h4 { font-size:16px; color:#fff; line-height:30px; margin:15px 0px 5px;}
.ser-grids p{font-size:14px; color:#999; line-height:26px; height:50px; overflow:hidden;}
.ser-grids h6 { padding:1px; background:#1689c8; width:33%; margin:2em auto 0; -webkit-transition:.5s all;
	-moz-transition:.5s all; transition:.5s all;}
.ser-grids:hover h6 { width:55%;}
.ser-grids i{ font-size:28px; color:#444; background:#ddd; display:inline-block; border-radius:50%; 
text-decoration:none; z-index:1; padding:1em;}
.ser-grids i:after { pointer-events:none; position:absolute; -webkit-border-radius:50%;
 -moz-border-radius:50%; border-radius:50%; content:'';	-webkit-box-sizing:content-box;	-moz-box-sizing:content-box; box-sizing:content-box;}
.ser-grids:hover i{	background:#1689c8;	color:#fff !important;}
/*khxc*/
.khxc_box{ width:100%; height:auto; padding:30px 0px; background:#f4f4f6;}
.khxc{ width:95%; margin:0 auto; height:auto;}
.khxclist{ width:105%; height:auto; margin-top:20px;}
.khxclist ul{}
.khxclist ul li{ width:46.4%; float:left; margin-right:15px; height:260px; overflow:hidden;}
.khxclist ul li img{display:block; width:100%;border-radius:5px 5px 0px 0px;}
.khxclist ul li h3{ text-align:center; line-height:40px; font-size:15px; font-weight:bold;}
.khxclist ul li a{ background:#fff; display:block; border-radius:6px;}
.khxclist ul li a:hover{ background:#1689c8; color:#fff; display:block;}
/*new*/
.new_box{ background:#1d2b44; width:100%; height:auto; padding:30px 0px;}
.new{ width:95%; margin:0 auto; height:auto;}
.newlist{ width:100%; height:auto; margin-top:20px;}
.newmain{ float:left; margin-right:30px; width:100%;}
.newmain ul{}
.newmain ul li{ margin-bottom:20px;}
.newmain ul li p{ color:#555; font-size:14px; line-height:28px; background:#fff; border-top:1px dotted #ccc; padding:8px 15px;}
.newmain ul li p a{ color:#a90329; font-size:12px;}
.newmain ul li p a:hover{ text-decoration:underline;}
.newrtitle{ width:100%; height:35px; background:url(../images/newrbj.png) no-repeat; text-indent:45px; line-height:35px; font-size:14px; font-weight:bold;}
.newrtitle a{ color:#024b91;}
/*contact*/
.k1050{	width:95%; margin:0 auto; height:auto;}
.contactBox{ position:relative; background:#1f2636; overflow:hidden; margin:20px 0;}
.contactBox:hover #dituContent{ opacity:1;}
#dituContent{ -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear;
   -ms-transition:all 0.2s linear; transition:all 0.2s linear; opacity:0.2; height:450px;}
.mapBox{ position:relative; height:auto; overflow:hidden;}
.mapBox:before{	display:block; content:''; position:absolute; width:123px; height:240px;
	background:url(../images/mapicon.png) no-repeat;
	left:50%; top:0; margin-left:-61px; z-index:100;
	-webkit-transition:0.2s ease-in 0s;	-moz-transition:0.2s ease-in 0s;
	-ms-transition:0.1s ease-in 0s;	-o-transition:0.2s ease-in 0s;}
.contactBox:hover .mapBox:before{ margin-top:-248px;}
.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}
.contactFoot{ position:absolute; left:0; right:0; bottom:0; z-index:101; padding:20px 10px;	color:#fff;
-webkit-transition:0.2s ease-in 0s;	-moz-transition:0.2s ease-in 0s; -ms-transition:0.1s ease-in 0s; -o-transition:0.2s ease-in 0s;}
.contactBox:hover .contactFoot{background:rgba(0,0,0,0.5);}
.contactFoot{ position:relative; }
.contactFoot dl{ width:auto; float:none; padding:10px 0;}
.contactFoot dt{ font-size:16px; padding-bottom:5px; font-weight:600;}
.contactFoot dd{ font-size:13px; line-height:30px; margin-left:0px;}
.contactFoot dd a{ color:#fff;}
.qqBtn{	display:inline-block; padding-top:5px;}
.qqBtn:before{ display:inline-block; width:26px; height:25px;
	content:'';	vertical-align:middle; margin-right:5px;
	background:url(../images/cicon.png) no-repeat; background-size:25px 50px;}
.footer{ width:100%; background:#202325; padding:25px 0; color:#999;margin-top:-20px;}
.footer p{ text-align:center; width:95%; margin:0 auto; font-size:13px; line-height:30px;}
}

@media (min-width:640px) {
/*nav*/	
.nav-box{width:100%; height:90px; background:#262c3c;}
.navmain{ width:95%; margin:0 auto; height:auto;}
.fl{ float:left; width:30%; height:90px;}
.fl img{ width:240px; height:90px;}
.fr{ width:5%; float:right;}
.nav ul{ display:none;}
.nav i{ display:block;}
.nav i img{width:30px; height:auto; margin-top:30px;}
/*banner*/
.flickerplate {	position:relative; width:100%; height:250px; background-color:#e6e6e6; overflow:hidden}
.flickerplate ul.flicks { width:10000%; height:100%; padding:0px; margin:0px; list-style:none}
.flickerplate ul.flicks>li { float:left; width:1%; height:100%; background-position:center;
background-size:cover; display:table;}
/*pro*/
.pro_box{ width:100%; background:#fbfbfb; height:auto; padding:30px 0px;}
.proh3{ width:100%; border-bottom:1px solid #ddd;}
.proh3 h3{ text-align:center; font-size:20px; color:#444; line-height:40px;}
.proh3 p{ text-align:center; font-size:18px; font-weight:500; padding-bottom:10px;}
.proh3 b{ font-weight:normal; border-bottom:3px solid #006ebd; padding-bottom:43px;}
.pro{ width:95%; margin:0 auto; height:auto;}
.prolist{ width:107.5%; height:auto; margin-top:20px;}
.post-slide{ width:45%; height:370px; overflow:hidden; float:left; margin-bottom:20px; margin-right:20px;}
.post-slide .post-img{ overflow:hidden;}
.post-slide .post-img img{width:100%; height:auto; transform:scale(1); transition:all 1s ease-in-out 0s;}
.post-slide:hover .post-img img{ transform:scale(1.08);}
.post-slide .post-content{ background:#fff; padding:7px 15px 15px; margin-top:0px;}
.post-content h1{ font-size:16px; font-weight:600; text-transform:capitalize; line-height:30px;}
.post-content h1 a{ display:inline-block; color:#555; transition:all 0.3s ease 0s; }
.post-content h1 a:hover{ color:#006ebd;}
.post-content p{ font-size:14px; color:#676767; line-height:28px; margin-bottom:5px; height:60px; overflow:hidden;}
.post-slide .read-more{ display:inline-block; padding:6px 8px; font-size:12px; color:#fff;
background:#FF9933; border-bottom-right-radius:10px; text-transform:capitalize; transition:all 0.30s linear;}
.post-slide .read-more:hover{ background:#333;}
/*ser*/
.ser_box{ width:100%; height:auto; padding:30px 0px; background:#2c3343;}
.serh3{ width:100%; border-bottom:1px solid #535760;}
.serh3 h3{ text-align:center; font-size:20px; color:#ececec; line-height:40px;}
.serh3 p{ text-align:center; font-size:18px; font-weight:500; padding-bottom:10px; color:#ececec;}
.serh3 b{ font-weight:normal; border-bottom:3px solid #006ebd; padding-bottom:43px;}
.ser{ width:95%; margin:0 auto; height:auto;}
.serlist{ width:106%; margin-top:30px;}
.ser-grids { width:45%; float:left; text-align:center; margin-right:25px; margin-bottom:25px;}
.ser-grids h4 { font-size:16px; color:#fff; line-height:30px; margin:15px 0px 5px;}
.ser-grids p{font-size:14px; color:#999; line-height:26px; height:50px; overflow:hidden;}
.ser-grids h6 { padding:1px; background:#1689c8; width:33%; margin:2em auto 0; -webkit-transition:.5s all;
	-moz-transition:.5s all; transition:.5s all;}
.ser-grids:hover h6 { width:55%;}
.ser-grids i{ font-size:28px; color:#444; background:#ddd; display:inline-block; border-radius:50%; 
text-decoration:none; z-index:1; padding:1em;}
.ser-grids i:after { pointer-events:none; position:absolute; -webkit-border-radius:50%;
 -moz-border-radius:50%; border-radius:50%; content:'';	-webkit-box-sizing:content-box;	-moz-box-sizing:content-box; box-sizing:content-box;}
.ser-grids:hover i{	background:#1689c8;	color:#fff !important;}
/*khxc*/
.khxc_box{ width:100%; height:auto; padding:30px 0px; background:#f4f4f6;}
.khxc{ width:95%; margin:0 auto; height:auto;}
.khxclist{ width:105%; height:auto; margin-top:20px;}
.khxclist ul{}
.khxclist ul li{ width:46.4%; float:left; margin-right:15px; height:290px; overflow:hidden;}
.khxclist ul li img{display:block; width:100%;border-radius:5px 5px 0px 0px;}
.khxclist ul li h3{ text-align:center; line-height:40px; font-size:15px; font-weight:bold;}
.khxclist ul li a{ background:#fff; display:block; border-radius:6px;}
.khxclist ul li a:hover{ background:#1689c8; color:#fff; display:block;}
/*new*/
.new_box{ background:#1d2b44; width:100%; height:auto; padding:30px 0px;}
.new{ width:95%; margin:0 auto; height:auto;}
.newlist{ width:106%; height:auto; margin-top:20px;}
.newmain{ float:left; margin-right:30px; width:45%;}
.newmain ul{}
.newmain ul li{ margin-bottom:20px;}
.newmain ul li p{ color:#555; font-size:14px; line-height:28px; background:#fff; border-top:1px dotted #ccc; padding:8px 15px;}
.newmain ul li p a{ color:#a90329; font-size:12px;}
.newmain ul li p a:hover{ text-decoration:underline;}
.newrtitle{ width:100%; height:35px; background:url(../images/newrbj.png) no-repeat; text-indent:45px; line-height:35px; font-size:14px; font-weight:bold;}
.newrtitle a{ color:#024b91;}
/*contact*/
.k1050{	width:95%; margin:0 auto; height:auto;}
.contactBox{ position:relative; background:#1f2636; overflow:hidden; margin:20px 0;}
.contactBox:hover #dituContent{ opacity:1;}
#dituContent{ -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear;
   -ms-transition:all 0.2s linear; transition:all 0.2s linear; opacity:0.2; height:450px;}
.mapBox{ position:relative; height:auto; overflow:hidden;}
.mapBox:before{	display:block; content:''; position:absolute; width:123px; height:240px;
	background:url(../images/mapicon.png) no-repeat;
	left:50%; top:0; margin-left:-61px; z-index:100;
	-webkit-transition:0.2s ease-in 0s;	-moz-transition:0.2s ease-in 0s;
	-ms-transition:0.1s ease-in 0s;	-o-transition:0.2s ease-in 0s;}
.contactBox:hover .mapBox:before{ margin-top:-248px;}
.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}
.contactFoot{ position:absolute; left:0; right:0; bottom:0; z-index:101; padding:20px 10px;	color:#fff;
-webkit-transition:0.2s ease-in 0s;	-moz-transition:0.2s ease-in 0s; -ms-transition:0.1s ease-in 0s; -o-transition:0.2s ease-in 0s;}
.contactBox:hover .contactFoot{background:rgba(0,0,0,0.5);}
.contactFoot{ position:relative; }
.contactFoot dl{ width:auto; float:none; padding:10px 0;}
.contactFoot dt{ font-size:16px; padding-bottom:5px; font-weight:600;}
.contactFoot dd{ font-size:13px; line-height:30px; margin-left:0px;}
.contactFoot dd a{ color:#fff;}
.qqBtn{	display:inline-block; padding-top:5px;}
.qqBtn:before{ display:inline-block; width:26px; height:25px;
	content:'';	vertical-align:middle; margin-right:5px;
	background:url(../images/cicon.png) no-repeat; background-size:25px 50px;}
.footer{ width:100%; background:#202325; padding:25px 0; color:#999;margin-top:-20px;}
.footer p{ text-align:center; width:95%; margin:0 auto; font-size:13px; line-height:30px;}
}

@media (min-width:768px) {
/*nav*/	
.nav-box{width:100%; height:90px; background:#262c3c;}
.navmain{ width:95%; margin:0 auto; height:auto;}
.fl{ float:left; width:26%; height:90px;}
.fl img{ width:240px; height:90px;}
.fr{ width:5%; float:right;}
.nav ul{ display:none;}
.nav i{ display:block;}
.nav i img{width:30px; height: auto; margin-top:30px;}
/*banner*/
.flickerplate {	position:relative; width:100%; height:300px; background-color:#e6e6e6; overflow:hidden}
.flickerplate ul.flicks { width:10000%; height:100%; padding:0px; margin:0px; list-style:none}
.flickerplate ul.flicks>li { float:left; width:1%; height:100%; background-position:center;
background-size:cover; display:table;}
/*pro*/
.pro_box{ width:100%; background:#fbfbfb; height:auto; padding:30px 0px;}
.proh3{ width:100%; border-bottom:1px solid #ddd;}
.proh3 h3{ text-align:center; font-size:20px; color:#444; line-height:40px;}
.proh3 p{ text-align:center; font-size:18px; font-weight:500; padding-bottom:10px;}
.proh3 b{ font-weight:normal; border-bottom:3px solid #006ebd; padding-bottom:43px;}
.pro{ width:95%; margin:0 auto; height:auto;}
.prolist{ width:105%; height:auto; margin-top:20px;}
.post-slide{ width:22%; height:270px; overflow:hidden; float:left; margin-bottom:20px; margin-right:20px;}
.post-slide .post-img{ overflow:hidden;}
.post-slide .post-img img{width:100%; height:auto; transform:scale(1); transition:all 1s ease-in-out 0s;}
.post-slide:hover .post-img img{ transform:scale(1.08);}
.post-slide .post-content{ background:#fff; padding:7px 15px 15px; margin-top:0px;}
.post-content h1{ font-size:16px; font-weight:600; text-transform:capitalize; line-height:30px;}
.post-content h1 a{ display:inline-block; color:#555; transition:all 0.3s ease 0s; }
.post-content h1 a:hover{ color:#006ebd;}
.post-content p{ font-size:14px; color:#676767; line-height:28px; margin-bottom:5px; height:60px; overflow:hidden;}
.post-slide .read-more{ display:inline-block; padding:6px 8px; font-size:12px; color:#fff;
background:#FF9933; border-bottom-right-radius:10px; text-transform:capitalize; transition:all 0.30s linear;}
.post-slide .read-more:hover{ background:#333;}
/*ser*/
.ser_box{ width:100%; height:auto; padding:30px 0px; background:#2c3343;}
.serh3{ width:100%; border-bottom:1px solid #535760;}
.serh3 h3{ text-align:center; font-size:20px; color:#ececec; line-height:40px;}
.serh3 p{ text-align:center; font-size:18px; font-weight:500; padding-bottom:10px; color:#ececec;}
.serh3 b{ font-weight:normal; border-bottom:3px solid #006ebd; padding-bottom:43px;}
.ser{ width:95%; margin:0 auto; height:auto;}
.serlist{ width:105%; margin-top:30px;}
.ser-grids { width:21.5%; float:left; text-align:center; margin-right:25px; margin-bottom:25px;}
.ser-grids h4 { font-size:16px; color:#fff; line-height:30px; margin:15px 0px 5px;}
.ser-grids p{font-size:14px; color:#999; line-height:26px; height:50px; overflow:hidden;}
.ser-grids h6 { padding:1px; background:#1689c8; width:33%; margin:2em auto 0; -webkit-transition:.5s all;
	-moz-transition:.5s all; transition:.5s all;}
.ser-grids:hover h6 { width:55%;}
.ser-grids i{ font-size:28px; color:#444; background:#ddd; display:inline-block; border-radius:50%; 
text-decoration:none; z-index:1; padding:1em;}
.ser-grids i:after { pointer-events:none; position:absolute; -webkit-border-radius:50%;
 -moz-border-radius:50%; border-radius:50%; content:'';	-webkit-box-sizing:content-box;	-moz-box-sizing:content-box; box-sizing:content-box;}
.ser-grids:hover i{	background:#1689c8;	color:#fff !important;}
/*khxc*/
.khxc_box{ width:100%; height:auto; padding:30px 0px; background:#f4f4f6;}
.khxc{ width:95%; margin:0 auto; height:auto;}
.khxclist{ width:103%; height:auto; margin-top:20px;}
.khxclist ul{}
.khxclist ul li{ width:22.8%; float:left; margin-right:15px; height:170px; overflow:hidden;}
.khxclist ul li img{display:block; width:100%;border-radius:5px 5px 0px 0px;}
.khxclist ul li h3{ text-align:center; line-height:40px; font-size:15px; font-weight:bold;}
.khxclist ul li a{ background:#fff; display:block; border-radius:6px;}
.khxclist ul li a:hover{ background:#1689c8; color:#fff; display:block;}
/*new*/
.new_box{ background:#1d2b44; width:100%; height:auto; padding:30px 0px;}
.new{ width:95%; margin:0 auto; height:auto;}
.newlist{ width:105%; height:auto; margin-top:20px;}
.newmain{ float:left; margin-right:30px; width:46%;}
.newmain ul{}
.newmain ul li{ margin-bottom:20px;}
.newmain ul li p{ color:#555; font-size:14px; line-height:28px; background:#fff; border-top:1px dotted #ccc; padding:8px 15px;}
.newmain ul li p a{ color:#a90329; font-size:12px;}
.newmain ul li p a:hover{ text-decoration:underline;}
.newrtitle{ width:100%; height:35px; background:url(../images/newrbj.png) no-repeat; text-indent:45px; line-height:35px; font-size:14px; font-weight:bold;}
.newrtitle a{ color:#024b91;}
/*contact*/
.k1050{	width:95%; margin:0 auto; height:auto;}
.contactBox{ position:relative; background:#1f2636; overflow:hidden; margin:20px 0;}
.contactBox:hover #dituContent{ opacity:1;}
#dituContent{ -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear;
   -ms-transition:all 0.2s linear; transition:all 0.2s linear; opacity:0.2; height:550px;}
.mapBox{ position:relative; height:auto; overflow:hidden;}
.mapBox:before{	display:block; content:''; position:absolute; width:123px; height:240px;
	background:url(../images/mapicon.png) no-repeat;
	left:50%; top:0; margin-left:-61px; z-index:100;
	-webkit-transition:0.2s ease-in 0s;	-moz-transition:0.2s ease-in 0s;
	-ms-transition:0.1s ease-in 0s;	-o-transition:0.2s ease-in 0s;}
.contactBox:hover .mapBox:before{ margin-top:-248px;}
.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}
.contactFoot{ position:absolute; left:0; right:0; bottom:0; z-index:101; padding:20px 10px;	color:#fff;
-webkit-transition:0.2s ease-in 0s;	-moz-transition:0.2s ease-in 0s; -ms-transition:0.1s ease-in 0s; -o-transition:0.2s ease-in 0s;}
.contactBox:hover .contactFoot{background:rgba(0,0,0,0.5);}
.contactFoot dl{ width:33%; float:left; margin-right:20px;}
.contactFoot dt{ font-size:16px; padding-bottom:5px; font-weight:600;}
.contactFoot dd{ font-size:13px; line-height:30px; margin-left:0px;}
.contactFoot dd a{ color:#fff;}
.qqBtn{	display:inline-block; padding-top:5px;}
.qqBtn:before{ display:inline-block; width:26px; height:25px;
	content:'';	vertical-align:middle; margin-right:5px;
	background:url(../images/cicon.png) no-repeat; background-size:25px 50px;}
.footer{ width:100%; background:#202325; padding:25px 0; color:#999;margin-top:-20px;}
.footer p{ text-align:center; width:95%; margin:0 auto; font-size:13px; line-height:30px;}
}

@media (min-width:800px) {
/*nav*/
.nav-box{width:100%; height:90px; background:#262c3c;}
.navmain{ width:95%; margin:0 auto; height:auto;}
.fl{ float:left; width:26%; height:90px;}
.fl img{width:240px; height:90px;}
.fr{ width:6%; float:right;}
.nav ul{ display:none;}
.nav i{ display:block;}
.nav i img{width:30px; height: auto; margin-top:30px;}
/*pro*/
.pro{ width:95%; margin:0 auto; height:auto;}
.prolist{ width:105%; height:auto; margin-top:20px;}
.post-slide{ width:22%; height:280px; overflow:hidden; float:left; margin-bottom:20px; margin-right:20px;}
/*khxc*/
.khxc_box{ width:100%; height:auto; padding:30px 0px; background:#f4f4f6;}
.khxc{ width:95%; margin:0 auto; height:auto;}
.khxclist{ width:103%; height:auto; margin-top:20px;}
.khxclist ul{}
.khxclist ul li{ width:22.8%; float:left; margin-right:15px; height:180px; overflow:hidden;}
}

@media (min-width:980px){
/*nav*/	
.nav-box{width:100%; height:90px; background:#262c3c;}
.navmain{ width:90%; margin:0 auto; height:auto;}
.fl{ float:left; width:18%; height:90px;}
.fl img{ width:220px; height:90px;}
.fr{ width:65%; float:right;}
.nav ul{ display:block;}
.nav ul li{float:left; width:14.2%; text-align:center; line-height:90px; color:#333; font-size:14px;}
.nav ul li a{ color:#ccc;}
.nav ul li a:hover, .nav ul li a:active, .nav ul li.active a{ color:#fff;}
.nav i{ display: none;}
.nav i img{width:30px; height: auto; margin-top:25px;}
/*banner*/
.flickerplate {	position:relative; width:100%; height:340px; background-color:#e6e6e6; overflow:hidden}
.flickerplate ul.flicks { width:10000%; height:100%; padding:0px; margin:0px; list-style:none}
.flickerplate ul.flicks>li { float:left; width:1%; height:100%; background-position:center;
background-size:cover; display:table;}
/*pro*/
.pro_box{ width:100%; background:#fbfbfb; height:auto; padding:30px 0px;}
.proh3{ width:100%; border-bottom:1px solid #ddd;}
.proh3 h3{ text-align:center; font-size:20px; color:#444; line-height:40px;}
.proh3 p{ text-align:center; font-size:18px; font-weight:500; padding-bottom:10px;}
.proh3 b{ font-weight:normal; border-bottom:3px solid #006ebd; padding-bottom:43px;}
.pro{ width:90%; margin:0 auto; height:auto;}
.prolist{ width:105%; height:auto; margin-top:20px;}
.post-slide{ width:22%; height:300px; overflow:hidden; float:left; margin-bottom:20px; margin-right:20px;}
.post-slide .post-img{ overflow:hidden;}
.post-slide .post-img img{width:100%; height:auto; transform:scale(1); transition:all 1s ease-in-out 0s;}
.post-slide:hover .post-img img{ transform:scale(1.08);}
.post-slide .post-content{ background:#fff; padding:7px 15px 15px; margin-top:0px;}
.post-content h1{ font-size:16px; font-weight:600; text-transform:capitalize; line-height:30px;}
.post-content h1 a{ display:inline-block; color:#555; transition:all 0.3s ease 0s;}
.post-content h1 a:hover{ color:#006ebd;}
.post-content p{ font-size:14px; color:#676767; line-height:28px; margin-bottom:5px; height:60px; overflow:hidden;}
.post-slide .read-more{ display:inline-block; padding:6px 8px; font-size:12px; color:#fff;
background:#FF9933; border-bottom-right-radius:10px; text-transform:capitalize; transition:all 0.30s linear;}
.post-slide .read-more:hover{ background:#333;}
/*ser*/
.ser_box{ width:100%; height:auto; padding:30px 0px; background:#2c3343;}
.serh3{ width:100%; border-bottom:1px solid #535760;}
.serh3 h3{ text-align:center; font-size:20px; color:#ececec; line-height:40px;}
.serh3 p{ text-align:center; font-size:18px; font-weight:500; padding-bottom:10px; color:#ececec;}
.serh3 b{ font-weight:normal; border-bottom:3px solid #006ebd; padding-bottom:43px;}
.ser{ width:90%; margin:0 auto; height:auto;}
.serlist{ width:105%; margin-top:30px;}
.ser-grids { width:21.5%; float:left; text-align:center; margin-right:25px; margin-bottom:25px;}
.ser-grids h4 { font-size:16px; color:#fff; line-height:30px; margin:15px 0px 5px;}
.ser-grids p{font-size:14px; color:#999; line-height:26px; height:50px; overflow:hidden;}
.ser-grids h6 { padding:1px; background:#1689c8; width:33%; margin:2em auto 0; -webkit-transition:.5s all;
	-moz-transition:.5s all; transition:.5s all;}
.ser-grids:hover h6 { width:55%;}
.ser-grids i{ font-size:28px; color:#444; background:#ddd; display:inline-block; border-radius:50%; 
text-decoration:none; z-index:1; padding:1em;}
.ser-grids i:after { pointer-events:none; position:absolute; -webkit-border-radius:50%;
 -moz-border-radius:50%; border-radius:50%; content:'';	-webkit-box-sizing:content-box;	-moz-box-sizing:content-box; box-sizing:content-box;}
.ser-grids:hover i{	background:#1689c8;	color:#fff !important;}
/*khxc*/
.khxc_box{ width:100%; height:auto; padding:30px 0px; background:#f4f4f6;}
.khxc{ width:90%; margin:0 auto; height:auto;}
.khxclist{ width:103%; height:auto; margin-top:20px;}
.khxclist ul{}
.khxclist ul li{ width:22.8%; float:left; margin-right:15px; height:210px; overflow:hidden;}
.khxclist ul li img{display:block; width:100%;border-radius:5px 5px 0px 0px;}
.khxclist ul li h3{ text-align:center; line-height:40px; font-size:15px; font-weight:bold;}
.khxclist ul li a{ background:#fff; display:block; border-radius:6px;}
.khxclist ul li a:hover{ background:#1689c8; color:#fff; display:block;}
/*new*/
.new_box{ background:#1d2b44; width:100%; height:auto; padding:30px 0px;}
.new{ width:90%; margin:0 auto; height:auto;}
.newlist{ width:105%; height:auto; margin-top:20px;}
.newmain{ float:left; margin-right:30px; width:46%;}
.newmain ul{}
.newmain ul li{ margin-bottom:20px;}
.newmain ul li p{ color:#555; font-size:14px; line-height:28px; background:#fff; border-top:1px dotted #ccc; padding:8px 15px;}
.newmain ul li p a{ color:#a90329; font-size:12px;}
.newmain ul li p a:hover{ text-decoration:underline;}
.newrtitle{ width:100%; height:35px; background:url(../images/newrbj.png) no-repeat; text-indent:45px; line-height:35px; font-size:14px; font-weight:bold;}
.newrtitle a{ color:#024b91;}
/*contact*/
.k1050{	width:90%; margin:0 auto; height:auto;}
.contactBox{ position:relative; background:#1f2636; overflow:hidden; margin:20px 0;}
.contactBox:hover #dituContent{ opacity:1;}
#dituContent{ -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear;
   -ms-transition:all 0.2s linear; transition:all 0.2s linear; opacity:0.2; height:550px;}
.mapBox{ position:relative; height:auto; overflow:hidden;}
.mapBox:before{	display:block; content:''; position:absolute; width:123px; height:240px;
	background:url(../images/mapicon.png) no-repeat;
	left:50%; top:0; margin-left:-61px; z-index:100;
	-webkit-transition:0.2s ease-in 0s;	-moz-transition:0.2s ease-in 0s;
	-ms-transition:0.1s ease-in 0s;	-o-transition:0.2s ease-in 0s;}
.contactBox:hover .mapBox:before{ margin-top:-248px;}
.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}
.contactFoot{ position:absolute; left:0; right:0; bottom:0; z-index:101; padding:20px 10px;	color:#fff;
-webkit-transition:0.2s ease-in 0s;	-moz-transition:0.2s ease-in 0s; -ms-transition:0.1s ease-in 0s; -o-transition:0.2s ease-in 0s;}
.contactBox:hover .contactFoot{background:rgba(0,0,0,0.5);}
.contactFoot dl{ width:33%; float:left; margin-right:20px;}
.contactFoot dt{ font-size:16px; padding-bottom:5px; font-weight:600;}
.contactFoot dd{ font-size:13px; line-height:30px; margin-left:0px;}
.contactFoot dd a{ color:#fff;}
.qqBtn{	display:inline-block; padding-top:5px;}
.qqBtn:before{ display:inline-block; width:26px; height:25px;
	content:'';	vertical-align:middle; margin-right:5px;
	background:url(../images/cicon.png) no-repeat; background-size:25px 50px;}
.footer{ width:100%; background:#202325; padding:25px 0; color:#999;margin-top:-20px;}
.footer p{ text-align:center; width:90%; margin:0 auto; font-size:13px; line-height:30px;}

.about_us{ margin:20px auto 40px ; width:100%; overflow:hidden; height:auto }
.contact_us{ margin:20px auto 40px ; width:100%; overflow:hidden; height:auto }

.about_us_l h2{ font-size:18px; font-weight:bold; font-family:"微软雅黑"; background:#1a86d8; /*background:#999;*/ color:#1852a2;  padding:15px 0 15px 15px ; color:#FFF }
.about_us_l h3{ font-size:16px; background:#e8e8e8; height:40px; line-height:
40px; padding-left:20px; width:100%; overflow:hidden}
.about_us_l h3 a{ color:#000}
.about_us_l  ul li { float:left; width:46%; border-bottom:1px dashed #CCC; margin:0 5px; height:40px; line-height:40px}
.about_us_l  ul li a{ color:#666; font-size:14px}
.about_us_l{ float:left; width:29%}
.about_us_r{ float:right;width:69%}


.about_us_r h2{ font-size:20px; font-weight:bold; color:#1a86d8 ; border-bottom:1px solid #ccc;padding:15px 0 15px 0px; margin-bottom:30px;font-family:"微软雅黑"; }
.about_us_r h2 span{ float:right; font-size:14px; font-weight:normal; padding-top:10px;font-family:"微软雅黑";}
.about_us_r h2 span a{font-family:"微软雅黑"; }
.about_us_r h1{ font-size:20px; text-align:center; font-weight:bold; margin-bottom:30px; font-family:"微软雅黑"}
.about_us_r p img{ width:80%; display:block; margin:0 auto 10px; height:auto}
.about_us_r img{ width:80%; display:block; margin:0 auto; height:auto}
.about_us_r p{ font-size:14px; line-height:35px; color:#7b7b7b;font-family:"微软雅黑";}

.contact_us_r{ float:right;width:69%}

.contact_us_r h2{ font-size:20px; font-weight:bold; /*background:#999;*/ color:#1a86d8 ; border-bottom:1px solid #ccc;padding:15px 0 15px 0px; margin-bottom:30px;font-family:"微软雅黑"; }
.contact_us_r h2 span{ float:right; font-size:14px; font-weight:normal; padding-top:10px;font-family:"微软雅黑";}
.contact_us_r h2 span a{font-family:"微软雅黑"; }
.contact_us_r h1{ font-size:20px; text-align:center; font-weight:bold; margin-bottom:30px; font-family:"微软雅黑"}
.contact_us_r p img{ width:100%; display:block; margin:0 auto 10px; height:auto}
.contact_us_r img{ width:100%; display:block; margin:0 auto; height:auto}
.contact_us_r p{ font-size:14px; line-height:35px; color:#7b7b7b;font-family:"微软雅黑";}
}

@media (min-width:1024px){
/*nav*/	
.nav-box{width:100%; height:90px; background:#262c3c;}
.navmain{ width:85%; margin:0 auto; height:auto;}
.fl{ float:left; width:20%; height:90px;}
.fl img{width:210px; height:90px;}
.fr{ width:65%; float:right;}
.nav ul{ display:block;}
.nav ul li{float:left;line-height:90px; text-align:center; font-size:13px; width:14.2%; text-align:center;}
.nav ul li a{ color:#ccc}
.nav ul li a:hover, .nav ul li a:active, .nav ul li.active a{ color:#fff;}
.nav i{ display: none;}
.nav i img{width:30px; height: auto; margin-top:25px;}
/*banner*/
.flickerplate {	position:relative; width:100%; height:400px; background-color:#e6e6e6; overflow:hidden}
.flickerplate ul.flicks { width:10000%; height:100%; padding:0px; margin:0px; list-style:none}
.flickerplate ul.flicks>li { float:left; width:1%; height:100%; background-position:center;
background-size:cover; display:table;}
/*pro*/
.pro_box{ width:100%; background:#fbfbfb; height:auto; padding:30px 0px;}
.proh3{ width:100%; border-bottom:1px solid #ddd;}
.proh3 h3{ text-align:center; font-size:20px; color:#444; line-height:40px;}
.proh3 p{ text-align:center; font-size:18px; font-weight:500; padding-bottom:10px;}
.proh3 b{ font-weight:normal; border-bottom:3px solid #006ebd; padding-bottom:43px;}
.pro{ width:85%; margin:0 auto; height:auto;}
.prolist{ width:105%; height:auto; margin-top:20px;}
.post-slide{ width:21.6%; height:300px; overflow:hidden; float:left; margin-bottom:20px; margin-right:20px;}
/*ser*/
.ser_box{ width:100%; height:auto; padding:30px 0px; background:#2c3343;}
.serh3{ width:100%; border-bottom:1px solid #535760;}
.serh3 h3{ text-align:center; font-size:20px; color:#ececec; line-height:40px;}
.serh3 p{ text-align:center; font-size:18px; font-weight:500; padding-bottom:10px; color:#ececec;}
.serh3 b{ font-weight:normal; border-bottom:3px solid #006ebd; padding-bottom:43px;}
.ser{ width:85%; margin:0 auto; height:auto;}
.serlist{ width:105%; margin-top:30px;}
.ser-grids { width:21%; float:left; text-align:center; margin-right:25px; margin-bottom:25px;}
.ser-grids h4 { font-size:16px; color:#fff; line-height:30px; margin:15px 0px 5px;}
.ser-grids p{font-size:14px; color:#999; line-height:26px; height:50px; overflow:hidden;}
.ser-grids h6 { padding:1px; background:#1689c8; width:33%; margin:2em auto 0; -webkit-transition:.5s all;
	-moz-transition:.5s all; transition:.5s all;}
/*khxc*/
.khxc_box{ width:100%; height:auto; padding:30px 0px; background:#f4f4f6;}
.khxc{ width:85%; margin:0 auto; height:auto;}
.khxclist{ width:103%; height:auto; margin-top:20px;}
.khxclist ul{}
.khxclist ul li{ width:22.8%; float:left; margin-right:15px; height:210px; overflow:hidden;}
.khxclist ul li img{display:block; width:100%;border-radius:5px 5px 0px 0px;}
.khxclist ul li h3{ text-align:center; line-height:40px; font-size:15px; font-weight:bold;}
.khxclist ul li a{ background:#fff; display:block; border-radius:6px;}
.khxclist ul li a:hover{ background:#1689c8; color:#fff; display:block;}
/*new*/
.new_box{ background:#1d2b44; width:100%; height:auto; padding:30px 0px;}
.new{ width:85%; margin:0 auto; height:auto;}
.newlist{ width:105%; height:auto; margin-top:20px;}
.newmain{ float:left; margin-right:30px; width:45.5%;}
.newmain ul{}
.newmain ul li{ margin-bottom:20px;}
.newmain ul li p{ color:#555; font-size:14px; line-height:28px; background:#fff; border-top:1px dotted #ccc; padding:8px 15px;}
.newmain ul li p a{ color:#a90329; font-size:12px;}
.newmain ul li p a:hover{ text-decoration:underline;}
.newrtitle{ width:100%; height:35px; background:url(../images/newrbj.png) no-repeat; text-indent:45px; line-height:35px; font-size:14px; font-weight:bold;}
.newrtitle a{ color:#024b91;}
/*contact*/
.k1050{	width:85%; margin:0 auto; height:auto;}
.contactBox{ position:relative; background:#1f2636; overflow:hidden; margin:20px 0;}
.contactBox:hover #dituContent{ opacity:1;}
#dituContent{ -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear;
   -ms-transition:all 0.2s linear; transition:all 0.2s linear; opacity:0.2; height:550px;}
.mapBox{ position:relative; height:auto; overflow:hidden;}
.mapBox:before{	display:block; content:''; position:absolute; width:123px; height:240px;
	background:url(../images/mapicon.png) no-repeat;
	left:50%; top:0; margin-left:-61px; z-index:100;
	-webkit-transition:0.2s ease-in 0s;	-moz-transition:0.2s ease-in 0s;
	-ms-transition:0.1s ease-in 0s;	-o-transition:0.2s ease-in 0s;}
.contactBox:hover .mapBox:before{ margin-top:-248px;}
.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}
.contactFoot{ position:absolute; left:0; right:0; bottom:0; z-index:101; padding:20px 10px;	color:#fff;
-webkit-transition:0.2s ease-in 0s;	-moz-transition:0.2s ease-in 0s; -ms-transition:0.1s ease-in 0s; -o-transition:0.2s ease-in 0s;}
.contactBox:hover .contactFoot{background:rgba(0,0,0,0.5);}
.contactFoot dl{ width:33%; float:left; margin-right:20px;}
.contactFoot dt{ font-size:16px; padding-bottom:5px; font-weight:600;}
.contactFoot dd{ font-size:13px; line-height:30px; margin-left:0px;}
.contactFoot dd a{ color:#fff;}
.qqBtn{	display:inline-block; padding-top:5px;}
.qqBtn:before{ display:inline-block; width:26px; height:25px;
	content:'';	vertical-align:middle; margin-right:5px;
	background:url(../images/cicon.png) no-repeat; background-size:25px 50px;}
.footer{ width:100%; background:#202325; padding:25px 0; color:#999;margin-top:-20px;}
.footer p{ text-align:center; width:85%; margin:0 auto; font-size:13px; line-height:0px;}

.about_us{ margin:20px auto 40px ; width:100%; overflow:hidden; height:auto }
.contact_us{ margin:20px auto 40px ; width:100%; overflow:hidden; height:auto }

.about_us_l h2{ font-size:18px; font-weight:bold; font-family:"微软雅黑"; background:#1a86d8; /*background:#999;*/ color:#1852a2;  padding:15px 0 15px 15px ; color:#FFF }
.about_us_l h3{ font-size:16px; background:#e8e8e8; height:40px; line-height:
40px; padding-left:20px; width:100%; overflow:hidden}
.about_us_l h3 a{ color:#000}
.about_us_l  ul li { float:left; width:46%; border-bottom:1px dashed #CCC; margin:0 5px; height:40px; line-height:40px}
.about_us_l  ul li a{ color:#666; font-size:14px}
.about_us_l{ float:left; width:29%}
.about_us_r{ float:right;width:69%}


.about_us_r h2{ font-size:20px; font-weight:bold; /*background:#999;*/ color:#1a86d8 ; border-bottom:1px solid #ccc;padding:15px 0 15px 0px; margin-bottom:30px;font-family:"微软雅黑"; }
.about_us_r h2 span{ float:right; font-size:14px; font-weight:normal; padding-top:10px;font-family:"微软雅黑";}
.about_us_r h2 span a{font-family:"微软雅黑"; }
.about_us_r h1{ font-size:20px; text-align:center; font-weight:bold; margin-bottom:30px; font-family:"微软雅黑"}
.about_us_r p img{ width:80%; display:block; margin:0 auto 10px; height:auto}
.about_us_r img{ width:80%; display:block; margin:0 auto; height:auto}
.about_us_r p{ font-size:14px; line-height:35px; color:#7b7b7b;font-family:"微软雅黑";}

.contact_us_r{ float:right;width:69%}

.contact_us_r h2{ font-size:20px; font-weight:bold; /*background:#999;*/ color:#1a86d8 ; border-bottom:1px solid #ccc;padding:15px 0 15px 0px; margin-bottom:30px;font-family:"微软雅黑"; }
.contact_us_r h2 span{ float:right; font-size:14px; font-weight:normal; padding-top:10px;font-family:"微软雅黑";}
.contact_us_r h2 span a{font-family:"微软雅黑"; }
.contact_us_r h1{ font-size:20px; text-align:center; font-weight:bold; margin-bottom:30px; font-family:"微软雅黑"}
.contact_us_r p img{ width:100%; display:block; margin:0 auto 10px; height:auto}
.contact_us_r img{ width:100%; display:block; margin:0 auto; height:auto}
.contact_us_r p{ font-size:14px; line-height:35px; color:#7b7b7b;font-family:"微软雅黑";}
}

@media (min-width:1280px){
/*nav*/	
.nav-box{width:100%; height:90px; background:#262c3c;}
.navmain{ width:80%; margin:0 auto; height:auto;}
.fl{ float:left; width:20%; height:90px;}
.fl img{width:240px; height:90px;}
.fr{ width:60%; float:right;}
.nav ul{ display:block;}
.nav ul li{float:left;line-height:90px; text-align:center; font-size:13px; width:14.2%; text-align:center;}
.nav ul li a{display:block;color:#ccc;}
.nav ul li a:hover, .nav ul li a:active, .nav ul li.active a{ color:#fff;}
.nav i{ display: none;}
.nav i img{width:30px; height:auto; margin-top:25px;}
/*banner*/
.flickerplate {	position:relative; width:100%; height:400px; background-color:#e6e6e6; overflow:hidden}
.flickerplate ul.flicks { width:10000%; height:100%; padding:0px; margin:0px; list-style:none}
.flickerplate ul.flicks>li { float:left; width:1%; height:100%; background-position:center;
background-size:cover; display:table;}
/*pro*/
.pro{ width:80%; margin:0 auto; height:auto;}
.prolist{ width:105%; height:auto; margin-top:20px;}
.post-slide{ width:22.2%; height:330px; overflow:hidden; float:left; margin-bottom:20px; margin-right:20px;}
/*ser*/
.ser_box{ width:100%; height:auto; padding:30px 0px; background:#2c3343;}
.serh3{ width:100%; border-bottom:1px solid #535760;}
.serh3 h3{ text-align:center; font-size:20px; color:#ececec; line-height:40px;}
.serh3 p{ text-align:center; font-size:18px; font-weight:500; padding-bottom:10px; color:#ececec;}
.serh3 b{ font-weight:normal; border-bottom:3px solid #006ebd; padding-bottom:43px;}
.ser{ width:80%; margin:0 auto; height:auto;}
.serlist{ width:105%; margin-top:30px;}
.ser-grids { width:22%; float:left; text-align:center; margin-right:25px; margin-bottom:25px;}
.ser-grids h4 { font-size:16px; color:#fff; line-height:30px; margin:15px 0px 5px;}
.ser-grids p{font-size:14px; color:#999; line-height:26px; height:50px; overflow:hidden;}
.ser-grids h6 { padding:1px; background:#1689c8; width:33%; margin:2em auto 0; -webkit-transition:.5s all;
	-moz-transition:.5s all; transition:.5s all;}
/*khxc*/
.khxc_box{ width:100%; height:auto; padding:30px 0px; background:#f4f4f6;}
.khxc{ width:80%; margin:0 auto; height:auto;}
.khxclist{ width:103%; height:auto; margin-top:20px;}
.khxclist ul{}
.khxclist ul li{ width:23%; float:left; margin-right:15px; height:230px; overflow:hidden;}
.khxclist ul li img{display:block; width:100%;border-radius:5px 5px 0px 0px;}
.khxclist ul li h3{ text-align:center; line-height:40px; font-size:15px; font-weight:bold;}
.khxclist ul li a{ background:#fff; display:block; border-radius:6px;}
.khxclist ul li a:hover{ background:#1689c8; color:#fff; display:block;}
/*new*/
.new_box{ background:#1d2b44; width:100%; height:auto; padding:30px 0px;}
.new{ width:80%; margin:0 auto; height:auto;}
.newlist{ width:105%; height:auto; margin-top:20px;}
.newmain{ float:left; margin-right:30px; width:45.5%;}
.newmain ul{}
.newmain ul li{ margin-bottom:20px;}
.newmain ul li p{ color:#555; font-size:14px; line-height:28px; background:#fff; border-top:1px dotted #ccc; padding:8px 15px;}
.newmain ul li p a{ color:#a90329; font-size:12px;}
.newmain ul li p a:hover{ text-decoration:underline;}
.newrtitle{ width:100%; height:35px; background:url(../images/newrbj.png) no-repeat; text-indent:45px; line-height:35px; font-size:14px; font-weight:bold;}
.newrtitle a{ color:#024b91;}
/*contact*/
.k1050{	width:80%; margin:0 auto; height:auto;}
.contactBox{ position:relative; background:#1f2636; overflow:hidden; margin:20px 0;}
.contactFoot dl{ width:33%; float:left; margin-right:20px;}
.contactFoot dt{ font-size:16px; padding-bottom:5px; font-weight:600;}
.contactFoot dd{ font-size:13px; line-height:30px; margin-left:0px;}
.contactFoot dd a{ color:#fff;}
.qqBtn{	display:inline-block; padding-top:5px;}
.qqBtn:before{ display:inline-block; width:26px; height:25px;
	content:'';	vertical-align:middle; margin-right:5px;
	background:url(../images/cicon.png) no-repeat; background-size:25px 50px;}
.footer{ width:100%; background:#202325; padding:25px 0; color:#999;margin-top:-20px;}
.footer p{ text-align:center; width:80%; margin:0 auto; font-size:13px; line-height:0px;}


.about_us{ margin:20px auto 40px ; width:100%; overflow:hidden; height:auto }
.contact_us{ margin:20px auto 40px ; width:100%; overflow:hidden; height:auto }

.about_us_l h2{ font-size:18px; font-weight:bold; font-family:"微软雅黑"; background:#1a86d8; /*background:#999;*/ color:#1852a2;  padding:15px 0 15px 15px ; color:#FFF }
.about_us_l h3{ font-size:16px; background:#e8e8e8; height:40px; line-height:
40px; padding-left:20px; width:100%; overflow:hidden}
.about_us_l h3 a{ color:#000}
.about_us_l  ul li { float:left; width:46%; border-bottom:1px dashed #CCC; margin:0 5px; height:40px; line-height:40px}
.about_us_l  ul li a{ color:#666; font-size:14px}
.about_us_l{ float:left; width:29%}
.about_us_r{ float:right;width:69%}


.about_us_r h2{ font-size:20px; font-weight:bold; /*background:#999;*/ color:#1a86d8 ; border-bottom:1px solid #ccc;padding:15px 0 15px 0px; margin-bottom:30px;font-family:"微软雅黑"; }
.about_us_r h2 span{ float:right; font-size:14px; font-weight:normal; padding-top:10px;font-family:"微软雅黑";}
.about_us_r h2 span a{font-family:"微软雅黑"; }
.about_us_r h1{ font-size:20px; text-align:center; font-weight:bold; margin-bottom:30px; font-family:"微软雅黑"}
.about_us_r p img{ width:80%; display:block; margin:0 auto 10px; height:auto}
.about_us_r img{ width:80%; display:block; margin:0 auto; height:auto}
.about_us_r p{ font-size:14px; line-height:35px; color:#7b7b7b;font-family:"微软雅黑";}

.contact_us_r{ float:right;width:69%}

.contact_us_r h2{ font-size:20px; font-weight:bold; /*background:#999;*/ color:#1a86d8 ; border-bottom:1px solid #ccc;padding:15px 0 15px 0px; margin-bottom:30px;font-family:"微软雅黑"; }
.contact_us_r h2 span{ float:right; font-size:14px; font-weight:normal; padding-top:10px;font-family:"微软雅黑";}
.contact_us_r h2 span a{font-family:"微软雅黑"; }
.contact_us_r h1{ font-size:20px; text-align:center; font-weight:bold; margin-bottom:30px; font-family:"微软雅黑"}
.contact_us_r p img{ width:100%; display:block; margin:0 auto 10px; height:auto}
.contact_us_r img{ width:100%; display:block; margin:0 auto; height:auto}
.contact_us_r p{ font-size:14px; line-height:35px; color:#7b7b7b;font-family:"微软雅黑";}
}

@media (min-width:1400px) {
/*nav*/	
.nav-box{width:100%; height:90px; background:#262c3c;}
.navmain{ width:1050px; margin:0 auto; height:auto;}
.fl{ float:left; width:20%;}
.fl img{ width:240px; height:90px;}
.fr{ width:60%; float:right;}
.nav ul{ display:block;}
.nav i{ float:left; margin-left:25px; display:none;}
.nav ul li{float:left; width:14.2%; text-align:center; line-height:90px; font-size:15px;}
.nav ul li a{ color:#ccc;}
.nav ul li a:hover, .nav ul li a:active, .nav ul li.active a{ color:#fff;}
/*banner*/
.flickerplate {	position:relative; width:100%; height:450px; background-color:#e6e6e6; overflow:hidden}
.flickerplate ul.flicks { width:10000%; height:100%; padding:0px; margin:0px; list-style:none}
.flickerplate ul.flicks>li { float:left; width:1%; height:100%; background-position:center;
background-size:cover; display:table;}
/*pro*/
.pro_box{ width:100%; background:#fbfbfb; height:auto; padding:30px 0px;}
.proh3{ width:100%; border-bottom:1px solid #ddd;}
.proh3 h3{ text-align:center; font-size:20px; color:#444; line-height:40px;}
.proh3 p{ text-align:center; font-size:18px; font-weight:500; padding-bottom:10px;}
.proh3 b{ font-weight:normal; border-bottom:3px solid #006ebd; padding-bottom:43px;}
.pro{ width:1050px; margin:0 auto; height:auto;}
.prolist{ width:103%; height:auto; margin-top:20px;}
.post-slide{ width:22.4%; height:330px; overflow:hidden; float:left; margin-bottom:20px; margin-right:20px;}
/*ser*/
.ser_box{ width:100%; height:auto; padding:30px 0px; background:#2c3343;}
.serh3{ width:100%; border-bottom:1px solid #535760;}
.serh3 h3{ text-align:center; font-size:20px; color:#ececec; line-height:40px;}
.serh3 p{ text-align:center; font-size:18px; font-weight:500; padding-bottom:10px; color:#ececec;}
.serh3 b{ font-weight:normal; border-bottom:3px solid #006ebd; padding-bottom:43px;}
.ser{ width:1050px; margin:0 auto; height:auto;}
.serlist{ width:100%; margin-top:30px;}
.ser-grids { width:22.6%; float:left; text-align:center; margin-right:25px;}
.ser-grids h4 { font-size:16px; color:#fff; line-height:30px; margin:15px 0px 5px;}
/*khxc*/
.khxc_box{ width:100%; height:auto; padding:30px 0px; background:#f4f4f6;}
.khxc{ width:1050px; margin:0 auto; height:auto;}
.khxclist{ width:100%; height:auto; margin-top:20px;}
.khxclist ul{}
.khxclist ul li{ width:23.5%; float:left; margin-right:15px;}
.khxclist ul li img{display:block; width:100%;border-radius:5px 5px 0px 0px;}
.khxclist ul li h3{ text-align:center; line-height:40px; font-size:15px; font-weight:bold;}
.khxclist ul li a{ background:#fff; display:block; border-radius:6px;}
.khxclist ul li a:hover{ background:#1689c8; color:#fff; display:block;}
/*new*/
.new_box{ background:#1d2b44; width:100%; height:auto; padding:30px 0px;}
.new_boxs{ background:#fff; width:100%; height:auto; padding:30px 0px;}

.new{ width:1050px; margin:0 auto; height:auto;}
.newlist{ width:100%; height:auto; margin-top:20px;}
.newmain{ float:left; margin-right:30px; width:47%;}
.newmain ul{}
.newmain ul li{ margin-bottom:20px;}
.newmain ul li p{ color:#555; font-size:14px; line-height:28px; background:#fff; border-top:1px dotted #ccc; padding:8px 15px;}
.newmain ul li p a{ color:#a90329; font-size:12px;}
.newmain ul li p a:hover{ text-decoration:underline;}
.newrtitle{ width:100%; height:35px; background:url(../images/newrbj.png) no-repeat; text-indent:45px; line-height:35px; font-size:14px; font-weight:bold;}
.newrtitle a{ color:#024b91;}
/*contact*/
.k1050{	width:1050px; margin:0 auto; height:auto;}
.contactBox{ position:relative; background:#1f2636; overflow:hidden; margin:20px 0;}
.contactBox:hover #dituContent{ opacity:1;}
.contactBox:hover .contactFoot{background:rgba(0,0,0,0.5);}
.contactFoot dl{ width:33%; float:left; }
.contactFoot dt{ font-size:16px; padding-bottom:5px; font-weight:600;}
.contactFoot dd{ font-size:13px; line-height:30px; margin-left:0px;}
.contactFoot dd a{ color:#fff;}
.qqBtn{	display:inline-block; padding-top:5px;}
.qqBtn:before,.telBtn:before{ display:inline-block; width:26px;	height:25px;
	content:'';	vertical-align:middle; margin-right:5px;
	background:url(../images/cicon.png) no-repeat; background-size:25px 50px;}
.footer{ width:100%; background:#202325; padding:25px 0; color:#999;margin-top:-20px;}
.footer p{ text-align:center; width:1050px; margin:0 auto; font-size:13px;}

.about_us{ margin:20px auto 40px ; width:1050px; overflow:hidden; height:auto }
.contact_us{ margin:20px auto 40px ; width:1050px; overflow:hidden; height:auto }

.about_us_l h2{ font-size:18px; font-weight:bold; font-family:"微软雅黑"; background:#1a86d8; /*background:#999;*/ color:#1852a2;  padding:15px 0 15px 15px ; color:#FFF }
.about_us_l h3{ font-size:16px; background:#e8e8e8; height:40px; line-height:
40px; padding-left:20px; width:100%; overflow:hidden}
.about_us_l h3 a{ color:#000}
.about_us_l  ul li { float:left; width:46%; border-bottom:1px dashed #CCC; margin:0 5px; height:40px; line-height:40px}
.about_us_l  ul li a{ color:#666; font-size:14px}
.about_us_l{ float:left; width:29%}
.about_us_r{ float:right;width:69%}


.about_us_r h2{ font-size:20px; font-weight:bold; /*background:#999;*/ color:#1a86d8 ; border-bottom:1px solid #ccc;padding:15px 0 15px 0px; margin-bottom:30px;font-family:"微软雅黑"; }
.about_us_r h2 span{ float:right; font-size:14px; font-weight:normal; padding-top:10px;font-family:"微软雅黑";}
.about_us_r h2 span a{font-family:"微软雅黑"; }
.about_us_r h1{ font-size:20px; text-align:center; font-weight:bold; margin-bottom:30px; font-family:"微软雅黑"}
.about_us_r p img{ width:80%; display:block; margin:0 auto 10px; height:auto}
.about_us_r img{ width:80%; display:block; margin:0 auto; height:auto}
.about_us_r p{ font-size:14px; line-height:35px; color:#7b7b7b;font-family:"微软雅黑";}

.contact_us_r{ float:right;width:69%}

.contact_us_r h2{ font-size:20px; font-weight:bold; /*background:#999;*/ color:#1a86d8 ; border-bottom:1px solid #ccc;padding:15px 0 15px 0px; margin-bottom:30px;font-family:"微软雅黑"; }
.contact_us_r h2 span{ float:right; font-size:14px; font-weight:normal; padding-top:10px;font-family:"微软雅黑";}
.contact_us_r h2 span a{font-family:"微软雅黑"; }
.contact_us_r h1{ font-size:20px; text-align:center; font-weight:bold; margin-bottom:30px; font-family:"微软雅黑"}
.contact_us_r p img{ width:100%; display:block; margin:0 auto 10px; height:auto}
.contact_us_r img{ width:100%; display:block; margin:0 auto; height:auto}
.contact_us_r p{ font-size:14px; line-height:35px; color:#7b7b7b;font-family:"微软雅黑";}

}

.top_banner.two {
    background: url(../images/1165.jpg) no-repeat 0px 0px;
    min-height:300px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}

.list_title{height: 30px; line-height: 30px;font-size: 16px; font-weight: bold;border-bottom: 1px dashed #dedede; padding-bottom: 10px; margin:0px auto; position: relative; text-align: left;}
.list_title span{border-left:4px solid #1a86d8;  padding-left: 10px;}
.clearfix::before,.clearfix::after{content: "";display: block; height: 0;clear:both; visibility: hidden;}
.clearfix{*zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/}
.pro_con_ul{ margin: 20px auto;}
.pro_con_ul li{width:18.4%; margin-right: 2%; float: left; margin-bottom: 20px;}
.pro_con_ul li a{display:block;}
.pro_con_ul li:nth-child(5n){margin-right:0;}
.pro_con_ul li img{display:block; width:100%;}
.pro_con_ul li .font{line-height:30px; font-size:14px; color:#666; max-height:30px; overflow: hidden; text-overflow: ellipsis; flex-wrap: nowrap; text-align: center; }
.pro_con_ul li .font.b{color:#f1edee;}
@media (max-width:768px){
	.pro_con_ul li{width:49%;}
.pro_con_ul li:nth-child(5n){margin-right:2%;}
.pro_con_ul li:nth-child(2n){margin-right:0;}
}
@media (max-width:480px){
	.pro_con_ul li{width:100%; margin-right: 0; float: none;}
}
.about_video{display: block; width: 100%; margin-bottom:20px;}
.mapBox{display: none;}
.contactFoot{position: relative;}
.contactBox:hover .contactFoo{background: rgba(0, 0, 0, 0); background: none;}
.contactFoot dl{margin-right:0;}
.contactFoot dl.b{width: 60%; float: right;}
.contactFoot dl.b img{width: 100%; height: 100%; object-fit: cover;}
@media (max-width: 768px){
.contactFoot dl.b{width: 100%;}
}