@charset "utf-8";

@import url('/html/skin/default/css/font/iconfont.css');
@import url('/html/skin/default/css/animate.min.css');

@keyframes ad_width {
    from {
        width: 0
    }

    to {
        width: 100px
    }
}

a.seemore {  color:#F90; padding-left:20px;}
a.seemore em { font-size:10px; font-family:Arial, Helvetica, sans-serif;}

.swiper-pagination-bullet { background:#000}
.swiper-pagination-bullet-active { background:#FC0}
.swiper-containerx .swiper-pagination-bullet { width:20px; height:20px;}
.swiper-button-prev { background:url(/html/skin/default/images/prev.png) no-repeat; background-size:100% 100%; width:50px; height:50px; left:0px;}
.swiper-button-next { background:url(/html/skin/default/images/next.png) no-repeat; background-size:100% 100%; width:50px; height:50px; right:0px;}

* { box-sizing:border-box; margin:0; padding:0;  font-family:microsoft yahei;}
body { font-size:14px; color:#333;}
ul,li,dl,dt,dd {list-style-type:none; margin:0; padding:0;}
a { color:#333; text-decoration:none;}
a:hover { color:#F09105;}
img.resp { width:100%; height:auto;}
img.respxx { max-width:100%; height:auto;}
.w1200 { width:1200px; margin:0 auto;}
.overflow {  overflow:hidden;}
.blank10 { clear:both; height:10px;}
.blank20 { clear:both; height:20px;}
.blank30 { clear:both; height:30px;}
.blank50 { clear:both; height:50px;}
.clear { clear:both;}
input::placeholder {font-size:16px; color:#aaa;}
textarea::placeholder {font-size:16px; color:#aaa;}
.bg-gray { background:#f5f5f5;}
.relative { position:relative;}
.overhidden { overflow:hidden;}

body a.see-more:hover { background:#020B2A; color:#fff; border:1px solid #020B2A;}
.mask { color:#fff; position:fixed; z-index:8000; padding:20px; left:0; top:0; width:100%; height:100%; background:url(/html/skin/default/images/diandian.png);display:none;}
.mask i { font-size:50px;}

header { height:95px; position:relative;}
.logo { width:230px; float:left;}
.logo2 { width:300px; float:left; padding-top:20px; padding-left:10px;} 
.logo2 h2 { width:280px;}
.logo2 p { font-size:12px; color:#ccc;}
.logo2 p a { padding:0 12px;}
.logo2 p a:first-child { padding-left:3px;}

.menu { width:600px; float:left; padding-left:60px; }
.menu li { float:left;  font-size:18px; text-align:center;  position:relative; margin:0 10px;}
.menu li a{line-height:95px; padding:0 12px;}
.menu li:hover{background:#8CC320;  color:#fff; }
.menu li:hover a {color:#fff; }
.nav_submenu-item { position:absolute; left:0; top:75px; min-width: 96px;
  background-color: #8CC320; z-index:999999; line-height:45px; display:none; padding-bottom:15px; text-align:left;}
.menu li .nav_submenu-item a { line-height:45px; display:block; font-size:16px;}
.menu li:hover .nav_submenu-item{ display:block; white-space:nowrap}
.menu li .nav_submenu-item a:hover { background:#F90;}
.qkmenu { display:none;}

.search { float:right; margin-top:30px; position:relative;}
.search i.x { border:1px solid #8CC320; font-size:25px; padding:6px; color:#8CC320; border-radius:50%;}
.search .sobox { position:absolute; display:none;  background-color: #8CC320; width:465px; padding:10px; z-index:99999; left:-380px; top:40px;}
.search .sobox input { width:350px; float:left; height:36px; border:none; background:#fff; border-radius:3px 0 0 3px;}
.search .sobox button { width:80px; text-align:center; float:left;  height:38px; background:#F90; color:#fff; border:0; border-radius:0 3px 3px 0;}
.so-close { position:absolute; right:-12px; top:-12px;}
.so-close i { font-size:32px; background:#8CC320; color:#fff; border-radius:50%;}

footer { clear:both; color:#fff;}
footer a{ color:#fff;}
.foot1 { background:#fff; line-height:60px; color:#8CC320; font-weight:bold; clear:both;}
.foot1 a,.foot1 span { padding-right:35px;}
.foot1 a {color:#666; font-size:14px; font-weight:normal;}
.foot2 { clear:both;  overflow:hidden; background:#7F7F7F;}
.ft-left { float:left; width:450px; padding:50px 0 30px 50px; min-height:250px;  background:url(/html/skin/default/images/line.png) right 0 repeat-y;}
.ft-left h2 { font-size:16px; height:35px;}
.ft-left p { line-height:30px; font-size:12px;}
.ft-right { float:right; width:130px; text-align:right; padding-top:54px; }
.ft-right img {width:130px; height:130px;}
.ft-logo { width:360px; float:left; padding:38px 0;min-height:250px; text-align:center; padding-right:50px; background:url(/html/skin/default/images/line.png) right 0 repeat-y;}
.ft-logo p { font-size:16px;}
.ft-menu { width:200px; float:left; padding:50px 0 0 50px;min-height:250px;  background:url(/html/skin/default/images/line.png) right 0 repeat-y;}
.ft-menu a { height:35px; display:block;}
.copyright { text-align:center; font-size:12px; color:#999; background:#333333; line-height:60px; }
.copyright a { color:#999;}

.row { clear:both;}

dl.newsli { clear:both; padding:20px 0; overflow:hidden; border-bottom:1px dotted #ccc;}
dl.newsli:hover dt img {animation: bounceIn 2s linear forwards;}
dl.newsli dt { width:220px; float:left;}
dl.newsli dt .img_box { width:220px; height:170px; overflow:hidden; border:1px solid #cdcdcd;}
dl.newsli dt .img_box img { width:100%; height:100%;}
dl.newsli dd { margin-left:240px;}
dl.newsli dd h2 { font-size:22px;}
dl.newsli dd p { padding-top:5px; color:#999; line-height:24px;}
dl.newsli dd p.time { margin-top:10px;}

.aprev { clear:both; padding-top:35px; border-top:1px dotted #ccc; margin-top:35px;  padding:0 25px;}
.aprev a { line-height:45px; color:#F09105;}

/*main css*/
.izl-rmenu{position:fixed; right:0; margin-right:20px; bottom:20px; padding-bottom:20px; background:url(/html/skin/default/images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(/html/skin/default/images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(/html/skin/default/images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(/html/skin/default/images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(/html/skin/default/images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(/html/skin/default/images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

.mtitle { line-height:50px; border-bottom:1px solid #efefef;}
.mtitle a { float:right; font-size:14px;}
.mtitle span { float:left; font-size:23px; border-bottom:2px solid #8CC320;}
.mtitle span em { font-style:normal; color:#333;}
.mtitle span em.yu { width:24px; height:28px; display:inline-block; vertical-align:middle; background:url(/html/skin/default/images/yu.png) no-repeat center center;}
.mtitle u { font-size:16px; color:#999; margin-left:5px; text-decoration:none;}
.mtitle u.x2 { font-size:18px; color:#8CC320; font-weight:normal;}

.xrev {position:relative;}

.newsbox { margin:20px 0;  border:1px solid #efefef;}
.newsbox2 { margin:20px 0;  border:1px solid #efefef; overflow-y:auto}
.news-01 { padding:10px;border-left:1px solid #efefef; width:33.33%; float:left;}
.news-01:first-child {border-left:none;}
h3.newt { line-height:30px; background:#f1f1f1; padding:5px 10px; color:#8CC320; font-size:16px;}
h3.newt i { font-size:18px; margin-right:5px;}
h3.newt a { float:right; font-size:12px;}
h3.newt span { width:60%; float:right;}
h3.newt span img { height:32px; width:auto; float:right; opacity:0.8;}

.newtop { position:relative;  overflow:hidden;}
.newtop img { height:255px; width:100%;}
.newtop p { position:absolute; bottom:0; line-height:35px; opacity:0.8; background:#000; width:100%; color:#fff; text-align:center;}

ul.newli li { line-height:38px; border-bottom:1px dotted #ccc;}
ul.newli li i { font-size:12px;}

dl.datenews { clear:both; margin:14px 0 5px 0; overflow:hidden; height:60px;}
dl.datenews dt { width:60px; height:60px; background:#f1f1f1; border-radius:5px; float:left; text-align:center;}
dl.datenews dt p { font-size:10px;}
dl.datenews dt em { margin-top:10px; display:block; font-style:normal; font-size:20px;}
dl.datenews dd { padding-left:70px; font-size:16px; height:60px;}
dl.datenews dd p { font-size:12px; color:#999;}


.i_message .m_form{ }
.i_message .m_form select{ width: 100%; background: #ebebeb; color:#999; border: none; height: 40px; font-size: 14px; outline: 0; padding: 0 10px;}
.i_message .m_form input{ width: 100%; background: #ebebeb; border: none; color:#999; height: 40px; font-size: 14px; outline: 0; margin-top: 10px; padding: 0 10px 0 15px;}
.i_message .m_form button{ width: 100%; background: #85B826; color: #fff; border: none; height: 40px; font-size: 14px; outline: 0; margin-top: 10px;}
.i_message .m_form .msg_area select { width:33.333%; float:left;}
.i_message .m_form .msg_area2 input { width:50%; float:left;}

.i_message .m_form button.gray-btn { background:url(/html/skin/default/images/btn1.png) repeat-x; border-radius:5px; color:#fff; font-size:16px; font-weight:bold;}

.aboutbox { padding:20px 0 30px 0; overflow:hidden;}
ul.index-about { width:1250px;}
ul.index-about li { width:310px; padding-right:30px; float:left;}
ul.index-about li .imgbox { width:280px; height:190px; overflow:hidden;}
ul.index-about li p { text-align:center; line-height:40px; font-size:16px;}

img.anm {transition: all .6s;
-moz-transition: all .6s; /* Firefox 4 */
-webkit-transition: all .6s; /* Safari 和 Chrome */
-o-transition: all .6s; /* Opera */}
img.anm:hover {
transform:scale(1.2);
-moz-transform:scale(1.2); 	/* Firefox */
-webkit-transform:scale(1.2); /* Safari 和 Chrome */
-o-transform:scale(1.2); 
}

.index01 {border-left:1px solid #efefef; width:33.333%; float:left; padding:20px; height:370px; overflow:hidden;}
.index01 .imgbox { height:240px; overflow:hidden;}
.index01:first-child {border-left:none;}
.index01 h3 { padding:5px 0 20px 0; font-weight:bold;}
.index01 p { color:#666;}

.subbanner { height:300px;}
.position { line-height:45px; color:#666; border-bottom:1px solid #f1f1f1;}
.subleft { width:230px; float:left;}
.subright { width:940px; float:right; padding:20px; border:1px solid #f1f1f1;}

.subtilte { background:#8CC320; color:#fff; line-height:50px; font-size:18px; text-align:center;}
.sub_menu a { line-height:45px; display:block; text-align:center; margin-bottom:1px; background:#f1f1f1;}
.subnm { background:#f1f1f1;}
ul.noticle li { line-height:42px; border-bottom:1px dotted #ccc; padding:0 0 0 15px;}
ul.noticle li i { font-size:10px;}

.pages { text-align:center; padding:30px 0 50px 0;}
.pages a, .pages span { border:1px solid #ccc; padding:6px 13px; border-radius:5px; margin:0 2px;}
.pages span.c { background:#8CC320; color:#fff;border:1px solid #8CC320;}

.pos a { padding:0 6px;}

.aright h1 { text-align:center; padding-bottom:20px; border-bottom:1px solid #f1f1f1;}
.ar_img { padding:10px; text-align: center;}
.ar_img img { max-width:100%; height:auto; margin:0 auto;}
.ar-box { line-height:32px;}
.a_wz { line-height:35px; border-bottom:1px dotted #ccc; text-align:center; color:#999;}

.sub-intro { line-height:35px;}
.contact-left { width:400px; float:left;}
.contact-left li { font-size:18px; line-height:50px; clear:both;}
.contact-left li i { font-size:35px; float:left; margin-right:10px; color:#8CC320;}
.contact-right { width:800px; float:right;}
.contact-right li { width:33.333%; float:left; text-align:center;}
.contact-right li p { line-height:22px;}
.map { width:100%; height:400px; margin-top:50px;}

ul.form-btn li { width:50%; float:left; padding:0px 0; margin:5px 0; line-height:50px; background:#f1f1f1; font-size:14px;}
ul.form-btn li.index { width:100%;}
ul.form-btn li.btn { width:100%; padding:0; background:none; }
ul.form-btn li span { width:100px; display:block; height:50px; float:left; text-align:right; padding-right:15px; background:#dedede}
ul.form-btn li span em { color:#F00;}
ul.form-btn button {width: 100%; background: #85B826; background:#81DF42 url(/html/skin/default/images/btn1.png) repeat-x; border-radius:5px; color:#fff; color: #fff; border: none; height: 50px; font-size: 14px; outline: 0;}
ul.form-btn select{border: none; height: 50px; font-size: 14px; outline: 0; float:left; background:#f1f1f1; color:#7F7F7F;}
ul.form-btn input{ border: none; height: 50px; font-size: 14px; outline: 0;padding: 0 5px; float:left; background:#f1f1f1;}
ul.form-btn input.w { width:80%;}

.ax_menu a { line-height:38px; padding:0 10px; margin:0 10px 10px 0; display:inline-block; background:#f1f1f1;}
.ax_menu a:hover,.ax_menu a.hover { background:#F90; color:#fff;}

.sitemap { border-top:1px solid #efefef; margin-top:20px;}
.sitemap dl { padding:15px 0; width:33.33%; float:left;}
.sitemap dt { font-size:18px; font-weight:bold; line-height:40px;}
.sitemap dd h2{ line-height:35px; font-size:16px;}
.sitemap dd h2 a { color:#8CC320;}
.sitemap dd p { padding:5px 0; font-size:12px; color:#666; padding-left:5px;}

.yqlj { padding:0 10px 20px 10px; line-height:22px;}
.yqlj a,.yqlj span { padding-right:10px;}

.closeqq { display:block; text-align:right;}
.closeqq i { font-size:20px;}

@media screen and (max-width: 640px) {
	#top{ display:none;}
	header { height:auto; padding-bottom:10px;}
	 .w1200 { width:100%;}
    .logo { width:180px; float:none; float:left; margin-left:20px;}
	.logo2 { width:100%; text-align:center; margin:0 auto; float:none; padding-top:0;}
	.logo2 h2 { width:230px; margin:0 auto;}
	 span.qkmenu { display:block;}
	 span.qkmenu i { font-size:35px; font-weight:bold; color:#8CC320;}
	.menu { width:60px; position:absolute; right:120px; top:18px; }
	.menu ul { position:fixed; overflow-y:auto; display:none; width:230px; height:100%; top:0; right:0; z-index:999999; background:#fff;}
	.menu li { float:none; line-height:40px; background:#8CC320; margin-top:10px;}
	.menu ul li a { line-height:50px; color:#fff; padding:0;}
	.nav_submenu-item { position:relative; display:block; z-index:0; top:0; left:0; background:#fff; padding-bottom:0px;}
	.menu li .nav_submenu-item a { line-height:35px; font-size:14px; text-align:center; color:#666;}
	
	.search { position:absolute; right:10px; top:22px; margin-top:0;}
	.search .sobox { width:100%; position:fixed; left:0; top:60px;}
	.search .sobox input { width:70%;}
	.so-close { right:0;}
	
	.ft-logo { width:100%; text-align:center; padding:0; min-height:100px;}
	.ft-menu { width:40%; padding:10px; background:none; min-height:100px;}
	.ft-left { width:60%; padding:10px; min-height:100px;}
	.ft-left h2 { font-size:14px ;}
	.ft-right { clear:both; width:100%; float:none; padding-top:10px; padding-bottom:15px; text-align:center;}
	.copyright { line-height:20px; padding:10px;}
	
	h2.mtitle { text-align:center; font-size:18px;}
	h2.mtitle u.x2 { font-size:14px;}
	h2.mtitle span { float:none; font-size:20px;}
	h2.mtitle a { display:none;}
	.news-01 { width:100%; border:0;}
	.index01 { width:100%; height:auto; padding:10px;}
	
	.index01 .imgbox { height:auto;}
	
	ul.index-about { width:100%;}
	ul.index-about li { width:50%; padding:10px;}
	
	.subbanner { height:120px; background-size:auto 120px; background-position:center 0;}
	.subleft,.subright { float:none; width:100%; padding:10px;}
	.sub-intro img { max-width:100%;}
	.pos { padding:0 5px; font-size:12px;}
	
	dl.newsli { padding:10px 0;}
	dl.newsli dt { width:100%; float:none;}
	dl.newsli dd { margin-left:0px;}
	dl.newsli dt .img_box{ width:100%; border:none;}
	dl.newsli dt .img_box img { width:100%; height:auto;}
	
	.ax_menu { padding:0 10px;}
	.ax_menu a { display:block; text-align:center; margin:0; margin-bottom:5px;}
	
	.mobile01 { width:100%; height:auto; padding:10px;}
	.mobile01 h3 { padding-bottom:10px;}
	.mobile01 .imgbox { height:auto;}
	.blank50,.blank20 { display:none;}
	
	.contact-left,.contact-right { width:100%; padding:10px;}
	.contact-right li { padding:5px; font-size:12px;}
	.map { padding:10px;}
	ul.form-btn li { width:100%; float:none; overflow:hidden;}
	
	ul.form-btn input.w { width:auto;}
	dl.newsli dd h2 { font-size:18px;}
	dl.newsli p a { color:#999;}
	dl.newsli p a.seemore { color:#F90;}
	ul.form-btn .city { width:50%; border-bottom:1px solid #fff;}
	
	.aprev span { display:block;}
}