@import url("font-awesome.min.css");

@import url("common.css");

@import url("owl.carousel.min.css");

@import url("wap.css");

@import url("swiper-3.3.1.min.css");

@import url("form.css");

/* CSS Document */

body {

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	font-size:14px;

	color:#555;

	font-family:"Microsoft YaHei", "΢���ź�","Simsun","Arial Black","verdana";;

	background-color: #FFFFFF;

	line-height:1.8; overflow-x:hidden;

}

input,button,textarea,select{font-family:"Microsoft YaHei", "΢���ź�"; outline:none;}

UL,li {list-style-type:none;}

UL,p,li,form,h1,h2,h3,h4,h5,h6,dd,dl,dt,ol,td{

	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px

}

::selection {

color:#fff; background-color:#3A89C9;

}

::-moz-selection {

color:#fff; background-color:#3A89C9;

}

::-webkit-selection {

color:#fff; background-color:#3A89C9

}

::-webkit-scrollbar {

    width: 8px;

    height: 4px;

    background-color: #F5F5F5

}

::-webkit-scrollbar-track {

    border-radius: 10px;

    background-color: #E2E2E2

}



::-webkit-scrollbar-thumb {

    border-radius: 4px;

    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0, .6);

    background-color: #888;

}

img{ border:0px;}

.sdbj{padding-top:2.5%; padding-bottom:2.5%;}

.hs{ background-color:#F8F8F8;}

.ycc{ overflow:hidden;}

.fl{ float:left;}

.fr{ float:right;}

#dh{

	width:100%;

	float:left;background-color:#3A89C9; border-top:#0074DD solid 2px;

}

#dh.af1{box-shadow: 0px 1px 12px #888;-webkit-box-shadow: 0px 1px 12px #888;-moz-box-shadow: 0px 1px 12px #888; position:fixed; left:0px; top:0px; z-index:10000; float:none;}

#head{

	width:100%;

	float:left;

	position:relative;

	background-image: url(bgad.png);

	background-repeat: no-repeat;

	background-position: center center;	background-size:cover; 

}

#head.af1{box-shadow: 0px 1px 12px #888;-webkit-box-shadow: 0px 1px 12px #888;-moz-box-shadow: 0px 1px 12px #888; position:fixed; left:0px; top:0px; z-index:10000; float:none;}

#heada{width:100%; float:left; background-color:#3A89C9;background-image: linear-gradient(to left, #3A89C9, #0057A6,#3A89C9);   }

#heada .txx{ padding:0px 2%;width:96%; float:left; }

#heada .hyc{ width:70%; line-height:35px; color:#fff; overflow:hidden; float:left;}

#heada .right{

	width:25%;

	line-height:35px;

	float:right;

	text-align:right;

}

#heada .right  i{ margin-left:12px; margin-right:12px;}

#heada .right a{ color:#fff}

#heada .right a:hover{ color:#fff}

#heada .right A.fd{ position:relative; height:35px; cursor:pointer; z-index:200;}

#heada .right A.fd .pic{ position:absolute; right:0px; top:-35px; height:0px; overflow:hidden; filter: Alpha(Opacity=0);

-moz-opacity:0; 		opacity:0;transition:all 0.3s ease-in-out 0s;}

#heada .right A.fd .pic img{ width:100px; height:100px;}

#heada .right A:hover{color:#fff;}

#heada .right A.fd:hover .pic{ top:35px; filter: Alpha(Opacity=100);

-moz-opacity:1; 		opacity:1; height:auto;}

#nav{ float:left; width:100%; padding-top:12px; padding-bottom:12px; }

#flash{ 

	width:100%;float:left; 

}



.banner{

	width: 100%;

	background: #fff; overflow:hidden; position:relative;

}

.banner .swiper-slide{

	width:100%;

	display:block;

	height:300px;

	background-size:cover;

	background-repeat: no-repeat;

	background-position: center center;	/* height: 8.0rem; */

}

.banner .swiper-slide img{



}

.banner .swiper-pagination-bullets{ bottom:0px; margin-bottom:10px; display:none;}

.banner .swiper-pagination-bullet{

	width: 8px;

	height:8px;

 border:#fff solid 2px; background:none;

	opacity: 1;

}

.banner .swiper-pagination-bullet-active{

	background:#fff; border:#fff solid 2px;

}

.banner .swiper-button-prev,.banner .swiper-button-next{ filter: Alpha(Opacity=0);

-moz-opacity:0; 		opacity:0;transition:all 0.3s ease-in-out 0s;width:60px; height:60px;}

.banner:hover .swiper-button-prev,.banner:hover .swiper-button-next{ filter: Alpha(Opacity=80);

-moz-opacity:0.8; 		opacity:0.8;background-color:#000; width:60px; height:60px;border-radius:60px; display:block;}

#nbanner{ width:100%; float:left; position:relative; display:block; z-index:1; }

#nbanner img{ width:100%; display:block;}



#nyweb{

	width:100%;

	float:left;

	padding-top:30px;

	padding-bottom:30px;

	background-image: url(bg2.jpg);

	background-repeat: no-repeat;

	background-position: center bottom;

	background-color:#f1f1f1;

	background-attachment: fixed;

}





#search{

	width:98%;

	float:right;

	border:0px; border:rgba(255,255,255,0.3) solid 1px;border-radius:40px; overflow:hidden;

}

#search .input{

	width:80%;

	padding-left:40px;

	padding-right:10px;

	height:40px;

	font-size:14px;

	float:left;

	font-family:"Microsoft YaHei", "΢���ź�", "����";

	border:0px;

	border-right:0px;

	outline:none; background-image: url(so.png);

	background-repeat: no-repeat;



	background-position:5px center;box-sizing:content-box; box-sizing:border-box; background-color:rgba(255,255,255,0.8); color:#3A89C9;

}

 #search .input::-webkit-input-placeholder{

     color:rgba(0,0,0,0.5);

  }

#search .buttom{

	width:20%;

	height:40px;

	cursor:pointer;

	border:0px; font-size:14px;

	margin:0px;

	padding:0px;

	float:right; text-align:center;

 background-color:#0057A6 ; color:#fff;outline:none;

}

#search .buttom:hover{ background-color:#FFA200}

#dibua{

	width:100%;

	float:left;

	background-color:#3A89C9;

	padding-top:2%;

	padding-bottom:2%;

	background-image: url(fbg.jpg);

	background-repeat: no-repeat;

	background-position: center center;background-size:cover;



}

#dibub{

	width:100%;

	float:left;

	overflow:hidden;

	padding-top:1.5%;

	padding-bottom:1.5%;

	background-color:#3A89C9; 

	

}

#body,#body_1{margin-left:auto;margin-right:auto; min-width:320px;max-width:1380px;}

#piaofu{width:100%;height:62px;position:fixed;bottom:0px;left:0px; z-index:300;}

#main{ width:100%;  float:left;}

#top{

	width:100%;

	float:left; padding:30px 0px; display:block; position:relative; z-index:150;

}

#top .topa{ width:100%; float:left;}

#top .logo{ float:left; text-align:left;  width:65%;}

#top .logo img{ height:80px; max-width:100%; display:block;}

#tel{ float:right; line-height:25px; font-size:14px;  color:#666; text-align:right; background-image: url(tel.png);

	background-repeat: no-repeat;

	background-position: left center; padding-left:55px; margin-top:15px;}

#tel .name{ text-align:left; margin-right:18px; line-height:20px; color:#fff; font-size:14px}

#tel .f22{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 26px; font-weight:bold;

	color:#fff;

	line-height:30px; text-align:left;

}

#top .soa{width:30%; float:right; margin-top:18px; }

#menu {Z-INDEX: 105; POSITION: relative; float:left; display:block;  width:100%; text-align:left;}

#menu UL {LIST-STYLE-TYPE: none;}

#menu UL LI {

	POSITION: relative; float:left;

	 width:9.09%;z-index:50;

}

#menu UL LI:after{ width:1px; height:100%; content:""; background-color:rgba(0,0,0,0.1);  border-right:rgba(255,255,255,0.3) solid 1px; position:absolute; right:0px; top:0px; right:0px;}

#menu UL LI:last-child:after{ display:none;}

#menu UL LI A { 

	TEXT-ALIGN: center;

	DISPLAY: block;

	line-height:60px;

	color:#fff; font-size:17px; overflow:hidden;

	

}



#menu UL LI .change {

	TEXT-DECORATION: none;

	color:#fff; background-color:#0057A6;}



#menu UL LI A:hover {

	TEXT-DECORATION: none;

color:#fff;  background-color:#0057A6;

}

#menu UL LI a.sec {

	TEXT-DECORATION: none;

	color:#fff; background-color:#0057A6;



}

#menu UL LI OL {

	POSITION: absolute;

	WIDTH:100%;

	DISPLAY: none;

	COLOR: #fff;

	MARGIN-LEFT: 0px;

	left:0px;

background-color:#0057A6; overflow:hidden;border-radius:0px 0px 2px 2px;

}

#menu UL LI OL LI {

	DISPLAY: block; FLOAT: none; background-image:none; font-weight:normal; padding:0px; padding:0px; 

	margin:0px; text-align:left;WIDTH:100%;

}

#menu UL LI OL LI:after{ display:none;}

#menu UL LI OL LI A { text-align:center;font-size:13px; font-weight:normal;

	WIDTH: auto;

	DISPLAY: block;

	overflow:hidden;

		COLOR:#fff; padding:6px;

	LINE-HEIGHT: 22px; border-bottom:rgba(0,0,0,0.1) solid 1px; background-image:none;

	margin:0px;

}

#menu UL LI OL LI:last-child A{ border-bottom:0px;}

#menu UL LI OL LI A:hover {

	color:#fff;

	background-image:none; background-color:#3A89C9; 



}

.clear{ clear:both;}


#bottom{

	WIDTH:100%;

	float:left;

	line-height:22px; padding:1.5% 0px;



}

#bottom .ewm{ width:100%; float:left; text-align:right; }

#bottom .ewm dd{ width:18%; cursor:pointer; text-align:center;display: inline-block;  margin-right:1.5%; position:relative;}

#bottom .ewm dd .tp{ position:absolute; left:-22%; bottom:90%;filter: Alpha(Opacity=0);

-moz-opacity:0; 		opacity:0; z-index:2;transition:all 0.3s ease-in-out 0s; z-index:-1;}

#bottom .ewm dd .tp .tpq{ width:100px;background-color:#fff; float:left; padding:8px;border-radius:8px}

#bottom .ewm dd .tp .tpq img{ width:100%; display:block;}

#bottom .ewm dd .tp .jt{

	width:100%;

height:; 	background-image: url(jt2.png);

	background-repeat: no-repeat;

	background-position: center top; float:left; margin-top:-1px; height:20px;

}

#bottom .ewm dd:hover .tp{ bottom:80%;filter: Alpha(Opacity=100);

-moz-opacity:1; 		opacity:1; z-index:2;}

#bottom .ewm dd span{ width:55px; height:55px; overflow:hidden;display: inline-block;border-radius:100%; background-color:rgba(255,255,255,0.1)}

#bottom .ewm dd span img{ width:100%; display:block;}

#bottom .ewm dd p{ text-align:center; font-size:14px; margin-top:8px; color:rgba(255,255,255,0.7)}

#bottom .ewm dd:hover p{ text-align:center;  color:#fff;}

#bottom .ewm dd:hover span{background-color:rgba(0,0,0,0.2)}

#wzdh{ padding-bottom:1.5%; width:100%; float:left; margin-bottom:2%; border-bottom:rgba(255,255,255,0.2) solid 1px; text-align:center;}

#wzdh b{ color:#FFFFFF; }

#wzdh a{color: #fff; margin-left:12px; margin-right:12px;}

#ddfb{ width:100%; float:left;}

#ddfb ul li.logo{ width:30%; float:left; }

#ddfb ul li.dhlj{ width:35%; float:right; }

#ddfb ul li.lxwm{ width:30%; float:left; margin-left:2.5%;}

#ddfb ul li.logo img{ max-width:100%;  display:block; border:0px;}

#ddfb ul li.lxwm p { line-height:1.8; color:rgba(255,255,255,0.8);}



#ddfb ul li.lxwm p a{color:#fff;}



#bottom  .copyright { width:100%; float:left;  text-align:center;

	LINE-HEIGHT: 20px;

color: #fff; border-top:rgba(255,255,255,0.2) solid 1px; margin-top:2%; padding-top:2%;



}

#bottom  .copyright A{ color:#fff;}



a:link {

	text-decoration: none;

	color:#5a5a5a;

}

a:visited {

	text-decoration: none;

	color:#5a5a5a;

}

a:hover {

	color:#3A89C9;

}



.hg2{ margin-top:30px;}

.hg{ margin-top:15px;}

.hg1{ margin-top:20px;}



.izl-rmenu {

	position: fixed;

	right:1%;

	bottom: 30%;

	z-index: 999;width: 50px; background-color:#3A89C9;border-radius:2px;  padding:10px;

}

.izl-rmenu .gb{}

.izl-rmenu .btn {

	width: 50px;

	height:50px;

	cursor: pointer;

	position: relative;  text-align:center;color:#fff; line-height:50px; border-bottom:#fff solid 1px;

}

.izl-rmenu .btn:hover{ color:#F0FAFF; border-bottom:#F0FAFF solid 1px;}

.izl-rmenu .btn i{ font-size:24px; line-height:50px;}

.izl-rmenu .btn-wx:hover {}

.izl-rmenu .btn-wx .pic { background-color:#3A89C9; padding:10px;border-radius:6px;

	position: absolute;

	left: -140px;

	top: -100px;

	display: none;

	width: 120px;



}

.izl-rmenu .btn-wx .pic img{ width:120px; display:block;}

.izl-rmenu .btn-phone {



}

.izl-rmenu .btn-phone:hover {



}

.izl-rmenu .btn-phone .phone { background-color:#3A89C9;border-radius:6px;

	position: absolute;

	width: 150px;

	left: -150px;

	top: -1px;

	line-height: 51px;

	color:#fff;

	font-size: 18px;

	text-align: center;

	display: none;

}

.izl-rmenu .btn-qq .qq {background-color:#3A89C9;	border-radius:6px;

	position: absolute;

	width: 120px;

	left: -120px;

	top: -1px;

	line-height: 50px;

color:#fff;

	font-size: 16px;

	text-align: center;

	display: none;

}

.izl-rmenu .btn-qq .qq a{ color:#fff;}

.izl-rmenu .btn-top { border-bottom:0px;

	display: none;

}

.izl-rmenu .btn-top:hover {border-bottom:0px;



}

#dkgf{ width:100%; height:62px; float:left;background-color:#000;}

#dbdh{ width:220px; position:absolute; left:0px; bottom:62px; background-color:rgba(0,0,0,0.5);border-radius:6px; padding:10px; display:none; z-index:10000;}

#cdh{width:220px;float:left;max-height:200px; overflow-y:auto;overflow-x:hidden; background-color:#3A89C9  }

#cdh p{width:220px;float:left;margin:0px;line-height:32px; padding-top:0px;text-align:center;border-bottom:rgba(255,255,255,0.1) solid 1px;}

#cdh p A{ color:#fff; display:block;line-height:32px; font-size:14px; background-color:#3A89C9; height:32px; font-weight:bold; overflow:hidden; padding-top:0px;}

#cdh p A:hover{ background-color:rgba(255,255,255,0.3)}

#cdh p A i{ margin-right:12px; color:#FFCD7C; font-size:18px;}

#wp_nav{width:100%;float:left;HEIGHT:62px; background-color:rgba(0,97,182,0.8);}#wp_nav .footera{HEIGHT:62px}#wp_nav .footera UL{TEXT-ALIGN:left}#wp_nav .footera UL LI{width:24%;text-align:center;height:62px;float:left; padding-top:}#wp_nav .footera UL LI A{width:100%;overflow:hidden;display:block;cursor:pointer;text-align:center;line-height:30px;color:#fff; padding-top:30px; font-size:13px;}#wp_nav .footera UL LI.home{background-image:url(home.png);background-repeat:no-repeat;background-position:center 4px}#wp_nav .footera UL LI.tel{background-image:url(dx.png);background-repeat:no-repeat;background-position:center 4px}#wp_nav .footera UL LI.dx{background-image:url(fx.png);background-repeat:no-repeat;background-position:center 4px}#wp_nav .footera UL LI.fx{background-image:url(fl.png);background-repeat:no-repeat;background-position:center 4px; position:relative; height:32px; padding-top:30px; cursor:pointer;}#wp_nav .footera UL LI.fx A{ padding:0px;}#wp_nav .footera UL LI.d05{background-image:url(dh.png);background-repeat:no-repeat;background-position:center 4px}#wp_nav .footera UL LI.kg{width:1%;height:62px;float:left;background-image:url(dl_bg.png);background-repeat:repeat-y;background-position:center top}



#wxnr{ width:100%;position:fixed; top:10%; z-index:1000; display:none;}

#wxnr .nrdf{ width:50%; padding:5%; float:left; margin-left:20%; text-align:center; background-color:#fff;box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius:10px;}

#wxnr  .imga{ width:120px;}

#wxnr  p{ font-size:14px; line-height:30px; text-align:center; }

#wxnr  p i{ font-size:16px;}

#wxnr  span{ display:inline-block; padding-left:10px; padding-right:10px; line-height:30px; background-color:#3A89C9; color:#fff;border-radius:4px; margin-left:12px; cursor:pointer;}

#guesta{ width:96%; float:left;  overflow:hidden; padding:2%; margin-top:4%; }

#guesta p{ margin-top:5px; margin-bottom:5px; width:100%; float:left; text-align:center; color:#fff; position:relative;}

#guesta p .checkimg{ position:absolute; right:8%; top:38%;}

#guesta p span{ float:left; font-size:16px; font-weight:bold; line-height:36px;}

#guesta input,#guesta textarea{float:left; display:inline-block; outline:none;box-shadow:0px 1px 6px #B5C9DD;-webkit-box-shadow:0px 1px 6px #B5C9DD;-moz-box-shadow:0px 1px 6px #B5C9DD; border:#D8DEEE solid 1px; font-size:14px; outline:none;  padding:1% 4%;  width:89%;border-radius:4px;}

#guesta .input1{ height:35px; color:#666; background-color:rgba(255,255,255,0.8); }

#guesta .input1::-webkit-input-placeholder{ color:#666;}

#guesta .input2{  line-height:20px; color:#666; background-color:#fff; height:80px;}

#guesta .input2::-webkit-input-placeholder{ color:#666;}

#guesta .button2{  height:40px;  width:98%;

	color:#fff;

	border:#3A89C9  solid 1px;

	text-align:center;

	cursor:pointer;

	font-size:16px;

	transition:all 0.3s ease-in-out 0s;

	background-color: #3A89C9;

	background-image: url(bt.png);

	background-repeat: no-repeat;

	background-position: center center; margin-top:6PX;

}

#guesta .button2:hover{ background-color:#3A89C9;}

#sinngel{font-size:16px; line-height:28px; margin-top:2.5%; overflow:hidden; width:100%; float:left; color:#333;}

#sinngel  img{ max-width:96%;}

#sinngel h2{ font-size:14px; font-weight:bold; line-height:30px;color:#3A89C9; font-weight:bold;}

#sinngel hr{ background-color:#3A89C9; height:1px; overflow:hidden; border:0px; margin-top:10px; margin-bottom:10px;}

#sinngel  table{width:100%; }#sinngel  table td{word-wrap:break-word;word-break:break-all;}

#sinngel iframe{ moverflow:hidden;}

#sinngel  embed,#sinngel VIDEO{max-width:100%;overflow:hidden;}

.z24{ font-size:20px;font-weight:bold;}

.z16{ font-size:16px;}

.z14{ font-size:14px;}

.kga{ margin-top:35px;}

.kgb{ margin-top:20px;}

#linf{ text-align:left;}

#linf a{ margin-left:5px; margin-right:5px;color:rgba(255,255,255,0.8);}

@media only screen and (max-width: 1300px){#top{ width:97%; padding:30px 1.5%;}#bottom,#main{ width:97%;padding:0px 1.5%}}

@media only screen and (max-width: 1200px){.z16{ font-size:14px;}.z14{ font-size:13px;}.z24{ font-size:18px; }.kga{ margin-top:20px;}#nyweb{ width:97%; padding-left:1.5%; padding-right:1.5%;  padding-top:15px; padding-bottom:15px;}.kgb{ margin-top:15px;}}

@media only screen and (max-width: 1000px){#web_so .key,#heada .hyc{ font-size:12px;}#bottom,#foot1 .js{font-size:14px;}#ddfb ul li dd{ font-size:14px;}#ddfb ul li p{ font-size:12px;}#ddfb ul li.logo{ width:48%; float:left; }

#ddfb ul li.dhlj{ width:100%; float:left; margin-top:2.5%; }

#ddfb ul li.lxwm{ width:48%; float:left; margin-left:2%;}#bottom .ewm{ text-align:center;}#bottom .ewm dd p{ font-size:12px; margin-top:0px;}}

@media only screen and (max-width: 800px){

#search .input{ width:76%;height:30px;}#search .buttom{ width:24%; height:30px;}#wxnr .nrdf{ width:70%; padding:5%; float:left; margin-left:10%;}#sinngel{ font-size:14px;}

#sinngel iframe,#sinngel  embed,#sinngel VIDEO{ height:280px;}#dh.af1{ position:relative;}.hg{ margin-top:10px;}.z16{ font-size:12px;}.z14{ font-size:12px;}.z24{ font-size:16px;}#bottom .footer{ display:none;}#ddfb ul li.dlwz{ width:40%;}#ddfb ul li.lxwm{ width:50%;}#ddfb ul li.lxwm dd,#bottom .footer  dd,#ddfb ul li.dlwz dd{ font-size:13px; font-weight:bold; line-height:20px;}#bottom .footer UL LI,#ddfb ul li.dlwz .ewm p,#ddfb ul li.lxwm p { line-height:20px; font-size:12px;}.kga{ margin-top:15px;}#head{ border-top:#3A89C9 solid 5px}#nyweb{ padding-top:10px; padding-bottom:10px;}.kgb{ margin-top:12px;}#heada .right{ width:60%;}#dibua{ padding-top:15px; padding-bottom:15px;}}

@media only screen and (max-width: 600px){#ddfb ul li.lxwm{ width:100%; margin-top:2.5%; margin-left:0px; }#ddfb ul li.logo{ width:100%; }#bottom .ewm dd span{ width:45px; height:45px; }#bottom .ewm dd .tp .tpq{ width:80px;}}

@media only screen and (max-width: 500px){}

@media only screen and (max-width: 450px){#sinngel iframe,#sinngel  embed,#sinngel VIDEO{ height:220px;}.z24{ font-size:14px;}#bottom .ewm dd .tp .tpq{ width:70px;padding:4px}#bottom .ewm dd span{ width:35px; height:35px; }#ddfb ul li.logo img{ max-height:60px;}}