/*  
作者：新鲜人
地址：http://www.htmlit.com.cn
邮箱：htmlit@live.com
     htmlit@qq.com
QQ：117593323
*/
@charset "utf-8";

html {font-size:16px;}
@media only screen { html { font-size:16px;}}
@media only screen and (max-width: 1024px) { html { font-size:14px; } }
*{ padding:0; margin:0;}
table { border-collapse:collapse; border-spacing: 0}
a { text-decoration:none; color:#000;}
a:hover { color:#FF9930;}
input { outline:none}
textarea { resize:none}
li { list-style: none}
.clear { clear: both;}
img { border:none; vertical-align:bottom;}
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/*=======================================================*/

body { font-family: "微软雅黑","Microsoft YaHei","Helvetica Neue",Helvetica,STHeiTi,sans-serif; line-height:1.5; font-size:.87rem; color:#888; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; outline:0; background-color:white; width:100%;}
.container { width:1166px; margin:0 auto;}
.container:after {clear:both; display:table; content:"";}
/**/
.wrapper { width:1166px; padding:; margin:0 auto;}
.header { height:3rem; padding:3.75rem 0;}
.logo { float:left; height:3rem;}
.logo h1, .logo h2 { font-size:1.37rem; font-weight:normal; line-height:2.75rem;}
.logo a { display:inline-block; height:2.75rem; line-height:2.75rem; padding:0 1.25rem; border:.125rem solid #494949; border-radius:31.25rem; overflow:hidden;}

.btn-ani:after, .btn-ani:before { position: absolute; top: 0; left:0; width:100%; height:100%; content:''; transition: all .3s; border-radius:31.25rem;}
.btn-ani:before { z-index:-2;}
.btn-ani:after { z-index:-1; left:-100%; background-color:#FF9930;}
.btn-ani { line-height:2rem; padding: 0 .93rem .06rem .93rem; color:#494949; background-color: transparent !important; position:relative; transition: background-color .3s, border-color .3s, color .3s, opacity .3s;}
.btn-ani:hover { color:white;}
.btn-ani:hover:after {left:0;}
.btn-ani:hover:before {left:100%;}
/**/
.menu { float:right; height:2.75rem; line-height:2.75rem; font-size:1.12rem;}
.menu li { display:inline-block; margin-left:1.87rem;}
/**/
.about {}
.about h2 { display:block; height:1.87rem; font-size:1.37rem; font-weight:normal; line-height:1.87rem; margin-bottom:2.5rem;}
.about_con { color:#777; font-size:1rem;}
/**/
.case { padding:3.12rem 0 0 0;}
.case_nav { height:1.25rem; line-height:1.25rem; font-size:1rem; text-align:right;}
.case_nav ul { display:block;}
.case_nav ul li { display:inline-block; position:relative; padding-left:1rem; margin-left:1rem;}
.case_nav ul li:before { clear:both; display:block; content:""; height:1rem; width:.125rem; background-color:#FF9930; position:absolute; left:0; top:.12rem;}
.case_nav ul li:nth-child(1):before { display:none;} 

/**/
.case_list { padding:1.87rem 0 0 0;}
.case_list a { color:#000}
.case_list li { float:left; width:50%; margin-bottom:2.86rem;}
.case_list li:nth-child(2n+1) { padding-right:2%;}
.case_list li:nth-child(2n+2) { padding-left:2%;}

.case_pic { width:100%;}
.case_pic img { width:100%; height:auto; max-height:20rem;}

.case_text { padding:1.25rem; border:1px solid #BABABA;}
.case_text h2 { display:block; height:2.5rem; font-size:1.25rem; line-height:1.37rem; font-weight:normal; position:relative; margin-bottom:1rem; white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}
.case_text h2:before { clear:both; display:block; content:""; width:3.12rem; height:.187rem; background-color:#FF9930; position:absolute; left:0; bottom:0;}
.case_text p { display:block; width:100%; height:3.75rem; line-height:1.25rem; overflow:hidden;}

.case_list li:hover .case_text { background-color:#FABE00; border:1px solid #F2B800; color:#FFF;}
.case_list li:hover .case_text a { color:#FFF;}
.case_list li:hover .case_text h2:before { background-color:#FFF;}
/**/
.new_list { padding:1.87rem 0 0 0;}
.new_list a { color:#000}
.new_list li { float:left; width:31%; margin-bottom:3%; padding-right:3.5%;}
.new_list li:nth-child(3n+3) { padding-right:0;}

.new_pic { width:100%;}
.new_pic img { width:100%; height:auto; max-height:14rem;}

.new_text { padding:1.25rem 0 0 0;}
.new_text h2 { display:block; height:1.25rem; font-size:1.12rem; line-height:1.25rem; font-weight:normal; margin-bottom:.62rem; white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}
.new_text p { display:block; width:100%; height:3.75rem; line-height:1.25rem; overflow:hidden;}
/**/
.info { text-align:center;}
.info h3 { display:block; color:#666; font-size:1.37rem; height:1.87rem; padding:2.5rem; font-weight:normal;}
.info h4 { height:3.75rem; line-height:3.75rem; border:.187rem solid #FF9930; font-size:1.37rem; font-weight:normal; margin-bottom:1.87rem;}
.info h4 a { display:block; width:100%; height:3.75rem; color:#666;}
.info h4 a:hover { background-color:#FF9930; color:#FFF!important;}

/**/
.new { padding:3.12rem 0;}
.newtab { height:3.87rem;}
.newtab div { float:left; width:18.1rem; height:3.87rem; font-size:1.12rem; cursor:pointer; color:#000; position:relative;}
.newtab div h2 { display:block; height:1.87rem; line-height:1.87rem; font-size:1.12rem; font-weight:normal; margin-bottom:1.25rem;}

.newtab div:after { clear:both; display:block; height:1.25rem; content:"-"; left:0; bottom:0; position:relative;}
.newtab div.on { color:#FABE00;}

.newcon { height:11.25rem;}
.newcon .newcon_list { display:none;}
.newcon a { color:#666;}
.newcon a:hover { color:#FABE00;}
.newcon li { float:left; display:block; width:16.3rem; line-height:1.87rem; padding-right:1.87rem;white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}
/**/
.botinfo { color:#FFF; background-color:#FABE00; padding:3.87rem 0; text-align:center;}
.botinfo h2 { font-size:2rem; margin-bottom:1.87rem;}
.botinfo h3 { font-size:1.25rem; font-weight:normal; line-height:2.25rem;}
.botinfo h4 { display:block; font-size:1rem; padding-top:1.25rem; font-weight:normal;}
.qrcode { text-align:center; padding-top:3.75rem;}
.qrcode img { width:13.12rem; height:13.12rem; margin-bottom:.62rem;}
.qrcode p { color:#333;}
/**/
.single { margin-bottom:2.15rem; min-height:12.5rem;}
.single a { color:#666;}
.single_title { display:block; height:1.87rem; font-size:1.37rem; font-weight:normal; line-height:1.87rem; margin-bottom:3.12rem;}
.single_title h1 { font-size:1.37rem; font-weight:normal;}
.single_con, .single_about { font-size:1rem; line-height:2rem; color:#666;}
.single_con p, .single_about p { margin-bottom:.62rem;}
.single_con img { width:100%; height:auto;}
.single_about img { max-width:100%;}
.single_info { height:2.5rem; line-height:2.5rem; padding-bottom:2.15rem;}
.single_info p { float:left; margin-right:1.87rem;}
/**/
.single_page { width:100%; height:1.87rem; line-height:1.87rem; font-size:1rem; border-top:.06rem solid #8B8B8B; padding-top:2.15rem; position:relative; text-align:center;}
.single_page .l, .single_page .r { width:36%; height:1.87rem; top:2.15rem; position:absolute; white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}

.single_page .l { float:left; left:0; text-align:left;}
.single_page .r { float:right; right:0; text-align:right;}
/**/
.related { margin-bottom:2.5rem;}
.related li { float:left; width:31%; margin-right:3.5%;}
.related li:nth-child(3n+3) { margin-right:0;}
.related .new_pic img { width:100%; height:auto; max-height:13rem;}
/**/
.post { height:13.62rem; margin-bottom:2.8rem; position:relative;}
.post_pic { width:22.8rem; height:13.62rem; position:absolute; left:0; top:0;}
.post_pic img { display:block; width:22.8rem; height:13.62rem; background:url(images/pic240.png) no-repeat center top;}
.post_text { width:100%; height:13.62rem; padding-left:26rem; line-height:1.5rem;}
.post_text h2 { font-size:1.37rem; line-height:2.5rem; margin-bottom:.5rem; font-weight:normal; white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; }
.post_text h2 a { color:#000;}
.post_text h2 a:hover { color:#FF9900;}
.post_text p { display:block; max-height:6rem; line-height:1.5rem; margin-bottom:.5rem; overflow:hidden;}
.post_text h3 { display:block; height:1.87rem; line-height:1.87rem; font-size:.87rem; font-weight:normal; padding-top:.37rem;}
.post_text h3 a { padding-right:.62rem;}
.post_text h4 { display:block; height:1.87rem; line-height:1.87rem; font-size:.87rem; font-weight:normal; text-transform: uppercase;}
.post_text h4 a { color:#FF9900;}
/**/
.pagebar { height:3.87rem; line-height:3.87rem; margin-bottom:3.75rem; text-align:center;}
.pagebar a { display:inline-block; vertical-align:top; height:3.12rem; line-height:3.12rem; padding:0 1.12rem; min-width:.87rem; text-align:center; color:#666666;font-size:.87rem; border:.06rem solid #E5E5E5; margin:0 .06rem 0 0;}
.pagebar a:hover { background:#969696;color:#fff;}
.pagebar .page_now { display:inline-block; vertical-align:top; height:3.12rem; line-height:3.12rem; padding:0 1.12rem; min-width:.87rem; text-align:center; background:#FCAF11; color:#FFF;font-size:.87rem;border:.06rem solid #FCAF11; margin:0 .06rem 0 0;}
/**/
.footer { background-color:#323232; padding:3.75rem 0; color:#999; line-height:1.62rem;}
.footer a { color:#999;}
.footbox { margin-bottom:3.87rem;}
.footbox h2 { display:block; height:1.87rem; line-height:1.87rem; margin-bottom:1rem; font-weight:normal; font-size:1.12rem; color:#EEE;}
.footbox li { line-height:1.62rem;}
/**/
.footabout { float:left; width:25rem; margin-right:3.3rem;}
/**/
.nav { float:left; width:8.5rem;}
.nav p {}
/**/
.contact { float:left; width:18rem;}
/**/
.fzlink { margin-bottom:1.2rem; font-size:.65rem;}
.fzlink li { display:inline-block; margin-right:.62rem;}
/**/
.link { color:#666; font-size:.65rem;}
.link a { color:#666;}
.link li { display:inline-block; margin-right:.62rem;}
/**/
.container, .wrapper, .case_list li, .case_text, .post_text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.about:after, .case:after, .case_nav:after, .case_list:after, .case_pic:after, .case_text:after, .new_list:after, .related:after, .footbox:after, .single_con:after {clear:both; display:table; content:"";}
/**/
a:hover { color:#FF9930;}
@media screen and (max-width: 1024px) {
	.container { width:100%; padding:0 2%;}
	.wrapper { width:100%; padding:0 2%;}
	/**/
	.header { height:auto; padding:3.75rem 0 2rem 0;}
	.logo { float:none; display:block; height:3rem; text-align:center; margin-bottom:2rem}
	.menu { float:none; font-size:1.12rem; text-align:center;}
	.menu li { margin:0 1rem;}
	.about h2 { font-size:1.12rem; margin-bottom:1.25rem; text-align:center;}
	.case_text { padding:.93rem;}
	.case_text h2 { font-size:1.12rem;}
	.case_pic img { width:100%; height:auto; max-height:13rem;}
	/**/
	.new { display:none;}
	/**/
	.info h3 { font-size:1.37rem; height:1.87rem; padding:.5rem 2rem 2rem 2rem;}
	.info h4 { height:3.75rem; line-height:3.75rem; border:.125rem solid #FF9930; font-size:1.37rem; margin-bottom:2rem;}
	.info h4 a { height:3.75rem;}
	/**/
	.new_text { padding:1rem 0 0 0;}
	.new_text h2 { display:block; height:1.25rem; font-size:1rem; line-height:1.25rem; font-weight:normal; margin-bottom:.62rem; white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}
	.new_text p { display:block; width:100%; height:3.75rem; line-height:1.25rem; overflow:hidden; font-size:.75rem}
	
	.new_pic img { width:100%; height:auto; max-height:11rem;}
	.related .new_pic img { width:100%; height:auto; max-height:8.3rem;}
	/**/
	.single_title { display:block; height:auto; font-size:1.37rem; font-weight:normal; line-height:1.87rem; margin-bottom:1.87rem; text-align:center;}
	.single_title h1 { font-size:1.37rem; font-weight:normal;}
	/**/
	.post { height:9.73rem; margin-bottom:2rem;}
	.post_pic { width:15.62rem; height:9.73rem;}
	.post_pic img { width:15.62rem; height:9.73rem;}
	.post_text { height:9.73rem; padding-left:16.62rem; line-height:1.5rem;}
	.post_text h2 { font-size:1.25rem; line-height:2rem; margin-bottom:.2rem;}
	.post_text p { max-height:3.75rem; line-height:1.25rem; margin-bottom:.5rem;}
	.post_text h3 { height:1.65rem; line-height:1.25rem; font-size:.87rem; padding-top:0;}
	.post_text h3 a { padding-right:.62rem;}
	.post_text h4 { display:block; height:1.25rem; line-height:1.25rem; font-size:.75rem;}
	/**/
	.pagebar { height:2rem; line-height:2rem; margin-bottom:2rem;}
	.pagebar a { height:1.87rem; line-height:1.87rem; padding:0 .5rem; min-width:.87rem; font-size:.87rem; }
	.pagebar .page_now { height:1.87rem; line-height:1.87rem; padding:0 .5rem; min-width:.87rem; font-size:.87rem;}
	.footer { display:none;}
}

@media screen and (max-width: 728px) {
	.container { width:100%; padding:0 5%;}
	.wrapper { width:100%; padding:0 5%;}
	.logo h1, .logo h2 { font-size:1.12rem; font-weight:normal; line-height:2.75rem;}
	.menu { float:none; font-size:1rem; text-align:center;}
	.menu li { margin:0 .5rem;}
	.case_nav { text-align:center;}
	.case_nav ul li { display:inline-block; position:relative; padding:0 .5rem 0 .625rem; margin:0; font-size:.87rem;}
	/**/
	.case_list li { float:none; width:100%; margin-bottom:5%;}
	.case_list li:nth-child(2n+1) { padding-right:0;}
	.case_list li:nth-child(2n+2) { padding-left:0;}
	.case_text h2 { height:2rem; margin-bottom:.5rem;  font-size:1rem;}
	.case_text h2:before { height:.125rem;}
	.case_pic img { width:100%; height:auto; max-height:16rem;}
	.new { display:none;}
	/**/
	.info h3 { font-size:1.125rem; padding:1rem 2rem 2rem 2rem;}
	.info h4 { height:3.12rem; line-height:3.12rem; border:.125rem solid #FF9930; font-size:1.125rem; margin-bottom:2rem;}
	.info h4 a { height:3.75rem;}
	/**/
	.botinfo { color:#FFF; background-color:#FABE00; padding:10% 0; text-align:center;}
	.botinfo h2 { font-size:1.25rem; margin-bottom:1.25rem;}
	.botinfo h3 { font-size:1rem; font-weight:normal; line-height:1.25rem; margin-bottom:1rem;}
	.botinfo h4 { display:block; font-size:1rem; padding:0 0 0 0; font-weight:normal;}
	.qrcode { text-align:center; padding-top:2rem;}
	.qrcode img { width:40%; height:40%; margin-bottom:.62rem;}
	.qrcode p { color:#333;}
	/**/
	.new_list li { float:left; width:48%; margin:0 2% 4% 2%; padding-right:0;}
	.new_list li:nth-child(3n+3) { padding-right:0;}
	.new_list li:nth-child(2n+1) { margin-left:0;}
	.new_list li:nth-child(2n+2) { margin-right:0;}
	.new_text { padding:.5rem 0 0 0; color:#999;}
	.new_text h2 { margin-bottom:.5rem;}
	.new_pic img { width:100%; height:auto; max-height:9rem;}
	
	.related .new_pic img { width:100%; height:auto; max-height:13rem;}
	/**/
	.single { margin-bottom:1.25rem; min-height:12.5rem;}
	.single_title { display:block; height:auto; font-size:1.125rem; font-weight:normal; line-height:1.87rem; margin-bottom:1.87rem; text-align:center;}
	.single_title h1 { font-size:1.125rem; font-weight:normal;}
	.single_page { width:100%; height:1.87rem; line-height:1.87rem; font-size:.75rem; padding-top:1.25rem;}
	.single_page .l, .single_page .r { width:36%; height:1.87rem; top:1.25rem;}
	/**/
	.single_info { height:auto; line-height:1.62rem; padding-bottom:1.62rem;}
	.single_info p { display:block; float:none; margin-right:0;}
	/**/
	.post { height:5.2rem; margin-bottom:1rem;}
	.post_pic { width:8.75rem; height:5.2rem;}
	.post_pic img { width:8.75rem; height:5.2rem;}
	.post_text { height:5.2rem; padding-left:9.75rem; line-height:1.5rem;}
	.post_text a { color:#333;}
	.post_text h2 { font-size:1rem; line-height:1.25rem; margin-bottom:.2rem;}
	.post_text p { font-size:.62rem; max-height:3.375rem; line-height:1.125rem; margin-bottom:.5rem; color:#999;}
	.post_text h3, .post_text h4 { display:none;}
	/**/
	.pagebar { height:2rem; line-height:2rem; margin-bottom:2rem;}
	.pagebar a { height:1.87rem; line-height:1.87rem; padding:0 .5rem; min-width:.87rem; font-size:.87rem; }
	.pagebar .page_now { height:1.87rem; line-height:1.87rem; padding:0 .5rem; min-width:.87rem; font-size:.87rem;}
}
@media screen and (max-width: 728px) {
	.menu { float:none; font-size:1rem; text-align:center;}
	.menu li { margin:0 .3rem;}
}

@media screen and (max-width: 420px) {
	.related .new_pic img { width:100%; height:auto; max-height:4rem;}
}

@media screen and (max-width: 320px) {
	.related .new_pic img { width:100%; height:3.5rem;}
}