.inbanner{ width: 100%; height: 373px; position: relative;}

.inbanner>img{ height: 373px; position: absolute; left:50%; top:0; z-index: 0; margin-left: -960px;}

.inbanner .lmname{ width: 100%; text-align: center; position: absolute; z-index: 1;

	top:50%; margin-top: -40px;}

.inbanner .lmname img{ max-width: 90%;}

.inbanner .lmname p{ font-size: 28px; font-weight: bold; color: #f2eded; line-height: 1em;}





.main{ width: 100%; background: #fff url('../images/mainbg.png') bottom;}

.zixunlist{ width: 1275px; padding: 65px 0 15px; overflow: hidden;}

.zixunlist li{ float: left; width: 350px; max-width: 96%; height: 435px; margin-right: 75px;}

.zixun-pic{ width: 100%; height: 200px; text-align: center; overflow: hidden; line-height: 200px; background-color: #f5f5f5}

.zixun-pic img {max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}

.zixunlist li:hover .zixun-pic{ background-color: #fcc;}



.zixun-txt{ width: 100%; margin-top: 16px; text-align: left;}

.zixun-txt p{ font-size: 16px; line-height: 28px; color: #666; margin-bottom: 6px; max-height: 84px; position: relative;overflow: hidden;

	padding-top: 20px; background: url('../images/tuo01.png') left top no-repeat;}

.zixun-txt p:nth-child(2) {padding-top: 10px;}

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

	.zixunlist{ width: 100%; text-align: center;}

	.zixunlist li{ float: none; width: 300px; display: inline-block; margin: 0 50px;}

}

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

	.zixun-txt p{ font-size: 20px; line-height: 30px;}

	.zixunlist li{ width: 290px; height: 460px; margin: 0 10px;}

}

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

	.zixunlist li{ display: block; margin: 0 auto;}

}







.fanout{ border: 3px solid #dcdcdc;}

.ptb50{ padding: 40px 0;}

.fanout h1{ font-size: 24px; color: #333; font-weight: bold; line-height: 36px;

	text-align: center; margin-top: 40px; }

.faninfo{ width: 960px; max-width: 90%; margin: 20px auto 50px;

	 font-size: 16px; color: #999; line-height: 28px; text-align: center;}



.fanlist{ padding: 0 30px; overflow: hidden;}

.fanlist li{ float: left; width: 50%; margin-bottom: 20px;}

.fanlist .fanwrap{ margin: 0 30px; padding-bottom: 30px;}

.fanlist li:hover .fanwrap{ box-shadow: 0 5px 24px 3px #eee; background-color: #fff;}

.fanlist .imgout{ width: 100%; height: 100px; padding-bottom: 33.3%; overflow: hidden; position: relative;}

.fanlist img{position: absolute; z-index: 1; left:0; top:0; width: 100%; height: 100%;}

 

.fanlist .fantxt1{ font-size: 24px; color: #f5a100; font-weight: bold; text-align: center; margin-top: 12px;}

.fanlist .fantxt2{ font-size: 18px; color: #666; font-weight: bold; text-align: center; line-height: 1em;}



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

	.fanlist{ padding: 0 10px;}

	.fanlist .fanwrap{ margin: 0 10px;}

}

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

	.fanlist{ padding: 0;}

}

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

	.fanlist li{ width: 100%;}

}





.lxout{ padding: 50px 0;}

#map{ width: 100%; height: 400px; /* background-color: #eeecdb; */}

.lx{ padding-top:50px; position: relative;}

.lx h3{ font-size: 18px; color: #333; font-weight: bold; line-height: 30px;}

.lx p{ padding: 5px 0 5px 42px; color: #666; font-size: 14px; font-family: '宋体'; line-height: 28px;}

.lx p.addr{ background: url('../images/lx01.png') left 10px no-repeat;}

.lx p.email{ background: url('../images/lx02.png') left no-repeat;}

.lx p.tel{ background: url('../images/lx03.png') left no-repeat;}



.lx .hline{ width: 550px; max-width: 100%; height: 2px; background-color: #bfbfbf; margin: 20px 0;}



.lx a.zhaoxian{ position: absolute; right: 10px; bottom:20px; z-index: 1; width: 130px; height: 130px;

	border: 3px solid #bfbfbf; text-align: center;

	 -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius:100%;}

.lx a.zhaoxian em{ font-size: 20px; font-weight: bold; color: #de181b; line-height: 24px;

	display: block; width: 40px; position: absolute; top:50%; margin-top: -24px; left:50%; margin-left: -20px;}

.lx a.zhaoxian:hover{ background-color: #de181b;}

.lx a.zhaoxian:hover em{ color: #fff;}



.ewm{ width: 150px;height: 150px;border: 1px solid red;

	position: absolute;right: 0;top: 80px;}

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

	.lxout{ padding: 50px 30px;}

}

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

	#map{ height: 300px;}

	.lx{ padding: 30px 10px;}

	.lx a.zhaoxian{ bottom: 0; width: 70px; height: 70px;}

	.lx a.zhaoxian em{ font-size: 16px; line-height: 20px; margin-top: -20px;}

	.ewm{ display: none;}

}



.main2{ width: 100%; background-color: #f8f6f6;}

.main3{ width: 100%; background-color: #f2f2f2;}



.perlist{ width: 1245px; padding: 100px 0; overflow: hidden;}

.perlist li{ float: left; width: 370px; max-width: 96%; margin: 20px 45px 20px 0;}



.perwrap{ padding-left: 120px; overflow: hidden; text-align: left;}

.perwrap h3{ font-size: 20px; color: #333; font-weight: bold; line-height: 1.5em; margin-top: 10px}

.perwrap .touxian{ font-size: 14px; color: #666; line-height: 20px; height: 40px; margin-top: 5px; margin-bottom: 30px;}

.perwrap .touxian em{ font-size: 16px; margin-right: 12px;}

.perwrap p{ padding-left: 30px; font-size: 14px; color: #999;}

.perwrap p.ptel{ background: url('../images/plx01.png') left 4px no-repeat;}

.perwrap p.pmob{ background: url('../images/plx02.png') left 4px no-repeat;}

.perwrap p.pemail{ background: url('../images/plx03.png') left 4px no-repeat;}



.perleft{ float: left; margin-left: -120px; width: 110px; height: 195px;

	background: url('../images/kuang.jpg') right top no-repeat;}

.perleft img{ position: relative; width: 101px; height: 181px; top:9px;}



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

	.perlist{ width: 100%; text-align: center;}

	.perlist li{ float: none; display: inline-block; margin: 40px 10px;}

}

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

	.perlist{ padding: 40px 0;}

}









.caselist{ overflow: hidden; display: none;}

.caselist.on{ display: block;}

.caselist li{ float: left; width: 50%;}

.caselist li h3{ width: 114px; height: 30px; text-align: center; font-size: 16px; color: #fff;

	line-height: 30px; background: url('../images/tuo02.png') center no-repeat;}

.casetxt{ margin: 22px 0; padding-right: 10px;}

.casetxt p{ padding-left: 20px; font-size: 16px; color: #666;

	background:  url('../images/tuo03.png') left 13px no-repeat;}



.qieh{ width: 100%; height: 184px; margin: 10px 0 30px; overflow: hidden; position: relative;}

.qieh .qieh01{ float: left; width: 49%; height: 100%; cursor: pointer;

	background: url('../images/lei01.jpg') center;}

.qieh .qieh02{ float: right; width: 49%; height: 100%; cursor: pointer;

	background: url('../images/lei02.jpg') center;}

.qieh01 a, .qieh02 a{ display: block; width: 100%; height: 100%;}

.qietxt{ width: 280px; padding-left: 110px; padding-right: 10px;

 max-width: 100%; margin: 52px auto; color: #fff;}

.qietxt .qienum{ float: left; margin-left: -105px; width: 100px; 

	font-size: 80px; font-weight: bold; line-height: 80px;}

.qietxt .qiename{ font-size: 20px; font-weight: bold; line-height: 30px;}

.qietxt .qieinfo{ font-size: 14px; line-height: 20px; color: #fff;}



.cloak{ position: absolute; top:0; left:0; z-index: -1; width: 100%; height: 100%;

	background: url('../images/opred60.png'); opacity: 0; filter:alpha(opacity=0);

	-moz-transition: 0.5s; -ms-transition: 0.5s;

	-webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}

li:hover .cloak{ opacity: 1; filter:alpha(opacity=100);}

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

	.caselist{ padding: 0 10px;}

}

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

	.qieh .qieh01,.qieh .qieh02{width: 50%;}

	.qietxt{ width: auto;}

}

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

	.caselist li{ float: none; display:block; width: 100%;}

	.qieh{ height: 120px;}

	.qietxt{ width: 80px; padding-left: 65px; padding-right: 0; margin: 30px auto;}

	.qietxt .qienum{ width: 65px; font-size: 50px; line-height: 60px; margin-left: -65px;}	

	.qietxt .qieinfo{ display: none;}

}

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

	.ptb50{ padding: 20px 0 30px;}

	.qietxt .qienum{ font-size: 44px;}

	.qietxt .qiename{ font-size: 18px;}

}







/* 关于我们 */

.jianjie{ margin: 90px 0; padding-left: 550px;}

.jjpic{ float: left; display: block; width: 480px; height: 240px; position: relative;

	 margin-left: -550px; margin-bottom: 20px; z-index: 1;}

.jjcon h3{ font-size: 18px; color: #333; font-weight: bold; line-height: 30px;

	padding-bottom: 4px; border-bottom: 3px solid #e30404; width: 220px;}



.propic-scroll{ position:relative; width: 100%; height: 100%;}

.propic-scroll .slides{ overflow: hidden; height: 100%;}

.propic-scroll .slides li{ display:none; height: 100%; -webkit-backface-visibility:hidden; position: relative;}

.propic-scroll .slides li a{ display: block; width: 100%; height: 100%; position: relative; overflow: hidden;}

.propic-scroll .slides a>img{ position: absolute; width: 100%; height: 100%;

	top:0; z-index: 1; left:0;}

.propic-scroll .slides li {background-color: #fff;}



.propic-scroll .flex-direction-nav a{ width:40px;height:64px;margin-top:-32px;display:block; font-size: 40px;

	position:absolute; top:50%; z-index: 4; font-weight: bold;

	font-family: 'simsun'; line-height: 64px; text-align: center; color: #fff;}

.propic-scroll .flex-direction-nav a.flex-prev{ left:0;}

.propic-scroll .flex-direction-nav a.flex-next{ right:0;}

.propic-scroll .flex-direction-nav a:hover{color: #de181b;}



.propic-scroll .flex-control-paging{ width: 100%; height: 10px; font-size: 0; text-align: center;

	position: absolute; bottom: 10px; left:0; z-index: 3;}

.propic-scroll .flex-control-paging li{display: inline-block; *display:inline; *zoom:1;

	overflow:hidden; width: 10px; height: 10px; margin: 0 5px;}

.propic-scroll .flex-control-paging li a{ width:10px; height:10px; display: block; cursor:pointer;

	background-color: #333;}

.propic-scroll .flex-control-paging li a.flex-active{ background-color: #de181b;}





.jjcontxt{ color: #161616; font-size: 16px; line-height: 24px; margin-top: 40px;}

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

	.jianjie{ padding-left: 520px; padding-right: 20px;}

	.jjpic{ margin-left: -500px;}

	.jjcontxt{ margin-top: 20px;}

}

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

	.jianjie{ padding-left: 400px; margin: 50px 0;}

	.jjpic{ margin-left: -390px; width: 380px;}

}

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

	.jianjie{ padding-left: 20px;}

	.jjpic{ float: none; margin-left: 0; width: 100%; height: 0; padding-bottom: 50%;}

	.propic-scroll{ position: absolute;}

}



.fbt{ padding-top: 75px; text-align: center; font-weight: bold;}

.fbtcn{ font-size: 18px; color: #000; line-height: 22px;}

.fbten{ font-size: 14px; color: #737373; line-height: 22px;

	padding-top: 2px; background: url('../images/line.png') top center no-repeat;}



.whlist{ width: 100%; padding: 65px 0 65px; overflow: hidden;}

.whlist li{ float: left; width: 300px; height: 325px; margin-bottom: 20px; overflow: hidden; position: relative;}

.whlist li img{ display: block; margin: 0 auto; width: 100%;}

.whlist p{width: 100%; font-weight: bold; font-size: 18px; color: #fff; text-align: center;}

.whlist p.whtxt1{ height: 109px; line-height: 109px; position: absolute; padding-left: 0;

	background: url('../images/sun2.png') center no-repeat; z-index: 1; top:85px; left:0;}

.whlist p.whtxt2{ line-height: 24px; position: absolute; z-index: 1; top:205px; left:0;}

.whlist li:hover p.whtxt1{ opacity: 0.7; top:120px; color: #fff;}

.whlist li:hover p.whtxt2{ top:150px;}



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

	.whlist{ text-align: center;}

	.whlist li{ float: none; display: inline-block; margin: 0 50px 20px;}

}

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

	.whlist li{ float: left; display: block; width: 50%; margin: 0 0 20px;}

}

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

	.whlist li{ float: none; width: 300px; margin: 0 auto 20px;}

}





.koulist{ width: 1200px; padding: 80px 0;}

.koulist li{ float: left; width: 300px; height: 240px; margin-left: 150px;}

.koulist li:first-child{ margin-left: 0;}

.koulist li h3{  width: 140px; height: 40px; text-align: center; line-height: 40px; font-size: 16px;

	background-color: #de181b; color: #fff; margin: 0 auto;

	-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius:20px;}

.koulist li h3:hover{ box-shadow: 0 0 20px 2px #555;}

.koulist li img{ display: block; width: 300px; height: 100px; margin-top: 20px;}

.koulist li img:hover{ box-shadow: 0 0 20px 2px #555;}

.koulist li h3,.koulist li img{-moz-transition: 0.5s; -ms-transition: 0.5s;

	-webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}

.koulist li p{ font-size: 16px; color: #666; line-height: 30px; height: 60px; overflow: hidden; margin-top: 10px;}



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

	.koulist{ width: 100%; text-align: center;}

	.koulist li{ float: none; display: inline-block; margin: 0 10px;}

}

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

	.koulist p{ font-size: 20px;}

}





.koulist2{ width: 1200px; padding: 60px 0; overflow: hidden; font-size: 0;}

.koulist2 li{ display: inline-block; width: 270px; height: 510px; margin: 0 15px 20px;}

.koulist2 li h3{  width: 140px; height: 40px; text-align: center; line-height: 40px; font-size: 16px;

	background-color: #f5a100; color: #fff; margin: 0 auto;

	-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius:20px;}

.koulist2 li h3:hover{ box-shadow: 0 0 20px 2px #555;}

.koulist2 li .pic{ width: 100%; height: 360px; margin-bottom: 20px;

	font-size: 0; line-height: 360px; text-align: center;}

.koulist2 li img{ max-width: 100%; max-height: 100%;}

.koulist2 li .pic:hover img{ box-shadow: 0 0 20px 2px #555;}

.koulist2 li h3,.koulist2 li img{-moz-transition: 0.5s; -ms-transition: 0.5s;

	-webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}

.koulist2 li p{ font-size: 16px; color: #666; line-height: 30px; height: 60px; margin-top: 10px;}



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

	.koulist2{ width: 100%; text-align: center;}

}

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

	.koulist2 p{ font-size: 20px;}

}





.jiagou01{ margin-top: 45px; text-align: center;}

.jiagou01 img{ max-width: 90%;}

.jiagou02{ margin-top: 25px; text-align: center;}

.jiagou02 img{ max-width: 90%;}





.goulist{ width: 1350px; padding-top: 20px; padding-bottom: 60px; overflow: hidden;}

.goulist li{ float: left; width: 300px; margin-right: 150px;}

.goulist li .goupic{ width: 300px; height: 210px; line-height: 210px; text-align: center;}

.goulist li img{ }

.goulist li a{ display: block; width: 170px; height: 36px; 

	-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius:20px; margin: 40px auto 40px;

 	font-size: 16px; color: #de181b; line-height: 36px; text-align: center;}

.goulist li a.jump:hover{ background-color: #de181b; color: #fff;}



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

	.goulist{ width: 100%; text-align: center;}

	.goulist li{ float: none; display: inline-block; margin: 0 30px;}

	.jiagou02 img{ width: 750px;}

}

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

	.jiagou02{ display: none;}

	.goulist li{ display: block; margin: 0 auto;}

}







/* 发展历程 */

.shamo{ width: 100%; height: 100%; position: relative;

	background: url('../images/shamo.jpg') top center;}



.bookout{ width: 861px; height: 535px; position: absolute; top: 50%; left: 50%;

	margin-left: -430px; margin-top: -300px; box-shadow: 0 20px 15px 0 rgba(82,43,14,0.4);

	background: url('../images/bookout.jpg') top center no-repeat;}

.yumao{ width: 133px; height: 354px; position: absolute; bottom: 0; right: -140px;

	background: url('../images/yumao.png') center no-repeat;}

.bookin{ width: 813px; height: 512px; position: absolute; top: 3px; left: 24px; z-index: 2;

	background: url('../images/bookinbg.png') top center no-repeat;}

.fazhan{ width: 224px; height: 80px; position: absolute; top: 40px; left: 100px;

	background: url('../images/fazhan.png') center no-repeat;}



.bookprev,.booknext{ width: 70px; height: 70px; position: absolute; z-index: 1; bottom: -30px;}

.bookprev{ background: url('../images/prev.png') center no-repeat; left:75px;}

.booknext{ background: url('../images/next.png') center no-repeat; right:75px;}



.leftpage{ width: 355px; float: left; padding-top: 160px; padding-left: 25px; padding-right: 25px;}

.rightpage{ width: 380px; float: left; padding-top: 160px;}



.bookin h3{ font-size: 50px; color: #e30404; font-family: 'arial'; font-weight: bold; text-align: center;}

.bookin p{ width: 300px; height: 200px; overflow: hidden; margin: 0 auto; font-size: 14px; color: #333;}



.dslist{ display: none; padding: 20px 10px 90px;}

.dslist li{ width: 100%; text-align: center; padding: 20px 0 40px; border-bottom: 2px solid #ccc;}

.dslist li div{ color: #e30404; font-size: 40px; font-family: 'arial'; font-weight: bold;}

.dslist li p{ font-size: 20px; color: #666; line-height: 30px; padding: 0 10px;}





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

	.all2{ height: auto;}

	.bookfoot{ position: static;}



	.shamo{ height: 370px; overflow: hidden;}

	.bookout{ width: 525px; height: 240px; overflow: hidden; top:130px;

		 margin-left: -262px; margin-top: 0; background-size: cover;}

	.bookin{ width: 98%; height: 100%; left:1%; background-size: cover;}

	.fazhan{ top: 90px; left:50%; margin-left: -112px;}



	.bookprev,.booknext,.yumao{ display: none;}

	.leftpage,.rightpage{ display: none;}

	

	.dslist{ display: block;}

}

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

	.bookout{ width: 100%; left: 0; margin-left: 0;}

}













/* 首页 */

.fbanner{ width: 100%; position: relative; height: 0; padding-bottom: 63.5%; overflow: hidden;

	background: url('../images/banner2.jpg') center no-repeat; background-size: cover;}

.fbanner .fbiglogo{ width: 100%; position: absolute; z-index: 3; left: 0;

	top:290px; text-align: center;}

.fbanner .fbiglogo img{ max-width: 100%;}

.fbanner .video{ display: none; width: 100%; position: relative; z-index: 1;}

.grad{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2;

  background: -webkit-linear-gradient(left bottom, rgba(35,11,1,0.5) , rgba(140,8,8,0.5)); 

  background: -o-linear-gradient(top right, rgba(35,11,1,0.5), rgba(140,8,8,0.5)); 

  background: -moz-linear-gradient(top right, rgba(35,11,1,0.5), rgba(140,8,8,0.5)); 

  background: linear-gradient(to top right, rgba(35,11,1,0.5) , rgba(140,8,8,0.5));

}

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

	.fbanner .fbiglogo{ top:50%; margin-top:-170px;}

}

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

	.fbanner .fbiglogo{ top:30%; margin-top: 0;}

	.fbanner .fbiglogo img{ width: 30%;}

}

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

	.grad{ display: none;}

}



.fchang{ height: 560px; background: url('../images/ffanganbg.jpg') center;}

.fchangintro{ float: left; width: 320px; margin-top: 105px; margin-left: 10px;}

.fchangintro h3{ font-size: 24px; font-weight: bold; color: #fff; line-height: 1em;}

.fchangintro h5{ font-size: 20px; color: #de181b; font-family: arial; line-height: 1em; margin-top: 10px;}

.fchangintro p{ font-size: 16px; color: #f9f6f6; line-height: 36px; margin-top: 60px;}



.solulist{ float: right; width: 810px; margin-top: 105px; overflow: hidden;}

.solulist li{ float: left; width: 150px; height: 93px; border: 2px solid #fff;

	padding-left: 95px; margin-bottom: 36px; margin-left: 20px;

	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;}

.solulist li.suojin{ margin-left: 170px;}

.solulist li img{ float: left; margin-left: -70px; margin-top: 22px;}

.solulist li img.solup1{ display: block;}

.solulist li img.solup2{ display: none;}

.solulist li div{ color: #de181b; font-size: 23px; line-height: 1em; padding-top: 22px;}

.solulist li p{ color: #fff; font-size: 18px; line-height: 1em; margin-top: 10px;}

 

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

	.fchang{ height: auto; background: #fff; padding: 0 10px;}

	.fchangintro{ float: none; width: 100%; margin-top: 70px; margin-left: 0;}

	.fchangintro h3{ text-align: center; color: #000;}

	.fchangintro h5{ text-align: center;}

	.fchangintro p{ color: #666; margin-top: 40px;}



	.solulist{ float: none; width: 100%; margin-top: 70px; margin-bottom: 70px;}

	.solulist li{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;

		width:48%; height:120px; background-color: #f1f1f1; border: 0px none; margin:0 1% 10px;}

	.solulist li.suojin{ margin:0 1% 10px;}

	.solulist li img{ margin-left: -80px; margin-top: 26px;}

	.solulist li img.solup1{ display: none;}

	.solulist li img.solup2{ display: block;}

	.solulist li div{ padding-top: 26px;}

	.solulist li p{ color: #999;}

}

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

	.solulist{  margin-top: 50px; margin-bottom: 50px;}

}

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

	.solulist li{ width: 100%; margin: 0 0 10px; padding-left: 160px;}

	.solulist li.suojin{ margin: 0 0 10px;}

	.solulist li img{ margin-left: -120px;}

}

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

	.solulist li{ padding-left: 110px;}

	.solulist li img{ margin-left: -90px;}

}







.fqieh{ width: 100%; height: 296px; margin: 20px 0; overflow: hidden;}

.fqieh .qieh01{ float: left; width: 49.5%; height: 100%;

	background: url('../images/flei01.jpg') center;}

.fqieh .qieh02{ float: right; width: 49.5%; height: 100%;

	background: url('../images/flei02.jpg') center;}



.fqietxt{ width: 325px; padding-left: 115px; margin: 110px auto 0; color: #fff;}

.fqietxt p{ -moz-transition: 0.5s; -ms-transition: 0.5s;

	-webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}

.fqietxt .qienum{ float: left; margin-left: -110px; width: 100px; 

	font-size: 80px; font-weight: bold; line-height: 80px;}

.fqietxt .qiename{ font-size: 20px; font-weight: bold; line-height: 30px;}

.fqietxt .qieinfo{ font-size: 16px; line-height: 20px; color: #fff; margin-top: 20px;}



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

	.fqietxt{ width: auto;}

}

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

	.fqieh{ padding: 0 10px; width: auto; height:auto;}

	.fqieh .qieh01{ float: none; width: 100%; height: 150px; margin-bottom: 20px;}

	.fqieh .qieh02{ float: none; width: 100%; height: 150px;}

	.fqietxt{ width: 100%; padding: 30px 0 0; margin: 0 auto;}

	.fqietxt .qienum{ display: none;}

	.fqietxt .qiename{ padding: 0 30px;}

	.fqietxt .qieinfo{ padding: 0 30px;}

}

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

	.fqietxt .qiename{ padding: 0 20px;}

	.fqietxt .qieinfo{ padding: 0 20px;}

}





/* 大事 */

.dashi{ width: 100%; height: 900px; background: url('../images/dashibg2.jpg') center;}

.dashiin{ position: relative; }



.dashibt{ position: absolute; left: 0; top:135px; z-index: 1;}

.dashibt h3{ font-size: 24px; color: #333; font-weight: bold; line-height: 50px;}

.dashibt h5{ font-size: 20px; color: #de181b; font-family: arial; line-height: 1em;}



.dsitem{ position: absolute; z-index: 2;}

.dsitem span{ font-size: 18px; color: #333; line-height: 40px; vertical-align: middle;}

.dsitem em{ margin: 0 25px; font-size: 40px; font-weight: bold; vertical-align: middle;

	 line-height: 40px; font-family: arial; color: #de181b;}

.item01{ top:135px; right:60px;}

.item02{ top:255px; right:340px;}

.item03{ top:390px; right:450px;}

.item04{ top:510px; left:340px;}

.item05{ top:630px; left:240px;}

.item06{ top:760px; left:50px;}



.dashi2{ padding: 40px 10px;  height: 350px; background-color: #eee; display: none;}

.dashibt2{ margin-bottom: 40px; text-align: center;}

.dashibt2 h3{ font-size: 24px; color: #000; font-weight: bold; line-height: 50px;}

.dashibt2 h5{ font-size: 20px; color: #de181b; font-family: arial; line-height: 1em;}



.picscroll{ position: relative;}

.fdslist{ }

.fdslist li{ float: left; width: 100%; text-align: center; padding-top: 60px;

	background: url('../images/dot05h.png') top center no-repeat;}

.fdslist li a{ display: block;}

.fdslist li div{ color: #de181b; font-size: 30px; font-family: 'arial'; font-weight: bold; margin-top: 20px;}

.fdslist li p{ font-size: 20px; color: #666; line-height: 30px; margin-top: 20px; padding: 0 30px;}



.picscroll .prev{ position: absolute; left:0; top:10px; z-index: 1; width: 75px; height: 105px;

	background: url('../images/xiaoyu02.png') center no-repeat; cursor: pointer;}

.picscroll .next{ position: absolute; right:0; top:10px; z-index: 1; width: 75px; height: 105px;

	background: url('../images/dayu02.png') center no-repeat; cursor: pointer;}

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

	.dashi{ display: none;}

	.dashi2{ display: block;}

}

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

	.picscroll .prev{ background-position: left center; background-size: 30%;}

	.picscroll .next{ background-position: right center; background-size: 30%;}

}





/* 首页联系我们 */

.fplx{ width: 100%; background-color: #f8f6f6; }



.fpbt{ width: 100%; padding: 60px 0 60px; background-color: #fff; text-align: center;}

.fpbt h3{ font-size: 24px; color: #333; font-weight: bold; line-height: 50px;}

.fpbt h5{ font-size: 20px; color: #de181b; font-family: arial; line-height: 1em;}



.fplist{ width: 1245px; padding: 80px 0;  overflow: hidden;}

.fplist li{ float: left; width: 50%; max-width: 96%; margin: 20px 0px 20px 0;}



.fpwrap{ padding-left: 120px; overflow: hidden; text-align: left;}

.fpwrap h3{ font-size: 20px; color: #333; font-weight: bold; line-height: 1.5em; margin-top: 10px}

.fpwrap .touxian{ font-size: 16px; color: #666; line-height: 20px; height: 40px; margin-top: 5px; margin-bottom: 20px;}

.fpwrap .touxian em{ margin-right: 12px;}

.fpwrap p{ padding-left: 30px; font-size: 14px; color: #999;}

.fpwrap p.ptel{ background: url('../images/plx01.png') left 4px no-repeat;}

.fpwrap p.pmob{ background: url('../images/plx02.png') left 4px no-repeat;}

.fpwrap p.pemail{ background: url('../images/plx03.png') left 4px no-repeat;}



.fpleft{ float: left; margin-left: -120px; width: 110px; height: 195px;

	background: url('../images/kuang.jpg') right top no-repeat;}

.fpleft img{ position: relative; width: 101px; height: 181px; top:9px;}



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

	.fplist{ width: 100%; text-align: center;}

	.fplist li{width: 48%; display: inline-block; margin: 40px 10px;}

}

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

	.fplist li{ float: none; width: 90%; }

	.fplist{ padding: 40px 0;}

}





/* 首页关于我们 */

.fabout{ padding: 120px 0 100px;}



.fabbt{ float: left; width: 270px; margin-left: 10px;}

.fabbt h3{ font-size: 24px; color: #333; font-weight: bold; line-height: 40px;}

.fabbt h5{ font-size: 20px; color: #de181b; font-family: arial; line-height: 1em;}

.fabbt a.fabmore,.fabright a.fabmore{ width: 175px; height: 45px; font-size: 14px;

	color: #fff; line-height: 45px; text-indent: 15px; font-family: 'arial';

	background: #de181b url('../images/rarrow.png') 120px center no-repeat;}

.fabbt a.fabmore:hover,.fabright a.fabmore:hover{ text-indent: 40px; background-position: 90px center;}

.fabbt a.fabmore{ display: block;  margin: 70px 0 45px;}

.fabright a.fabmore{ display: none; margin:50px auto 70px;}

.fabbt img{ margin-bottom: 20px;}



.fabright{ float: right; width: 765px; margin-right: 10px;}

.fabright h1{ font-size: 20px; font-weight: bold; color: #333; line-height: 30px; margin-bottom: 22px;}

.fabright h1 i{ color: #de181b; font-style: normal;}

.fabright p{ font-size: 18px; color: #060606; line-height: 30px;}

.fabright .fenge{ margin-top: 35px; margin-bottom: 10px; width: 100%; height: 10px;

	background: url('../images/line2.png') center no-repeat;}



.fabright .fabcon{ padding: 35px 0 35px 135px; height: 230px; position: relative;}

.fabright .fabcon .gsname{ position: absolute; left: 0; z-index: 1; top:110px;padding-top: 25px; width: 72px; 

	border-top: 6px solid #fa0003; font-size: 18px; font-weight: bold; color: #000;  line-height: 30px; }

.fabright .fabcon img{ margin-left: 18px;}



.fabright .fabcon2{ padding: 0; position: relative;}

.fabright .fabcon2 .gsname{ display: none; position: absolute; left: 0; z-index: 1; top:0; padding-top: 25px; width: 72px; 

	border-top: 6px solid #fa0003; font-size: 18px; font-weight: bold; color: #000; line-height: 30px; }



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

	.fabout{ padding: 60px 10px 60px;}

	.fabbt{ float: none; width: 100%; margin-left: 0;}

	.fabbt h3,.fabbt h5{ text-align: center;}

	.fabbt a.fabmore{ display: none;}

	.fabbt img{ display: none;}

	.fabright a.fabmore{ display: block;}



	.fabright{ float: none; width: 100%; margin-top: 30px; margin-right: 0}

	.fabright h1{ text-align: center; margin-bottom: 40px;}

	.fabright .fenge{ display: none;}

	.fabright .fabcon{ display: none;}

	.fabright .fabcon2{ padding: 0 0 0 135px; }

	.fabright .fabcon2 .gsname{ display: block;}

}

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

	.fabright .fabcon2{ padding: 0 0 0 100px;}

	.fabright h1 i{ display: block;}

	.fabright h1 em{ display: none;}

}





/* 首页悬浮按钮 */

.fjia{ position: fixed; right: 5%; z-index: 10; bottom: 30px; cursor: pointer; display: none;

	width: 60px; height: 60px; background: url('../images/fjia.png') center no-repeat; background-size: contain;}

.fjia.on{ -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg);

	 -o-transform: rotate(135deg); transform: rotate(135deg);}

.fjiacon{ position: fixed; right: 5%; bottom: 30px; z-index: 9; width: 60px; height: 60px; display: none;

	background: url('../images/opred.png'); font-size: 20px; color: #fff; line-height: 60px;  

	-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius:30px; overflow: hidden;}

.fjiacon a{ display: none; width: 40%; color: #fff; font-family:'Microsoft YaHei'; text-align: center;}

.fjiacon span{ display: none; text-align: center;}



.fjiacon.on{ width: 90%;}

.fjiacon.on a,.fjiacon.on span{ display: inline-block;}

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

	.fjia{ display: block;}

	.fjiacon{ display: block;}

}

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

	.fjia{ width: 40px; height: 40px;}

	.fjiacon{ width: 40px; height: 40px; line-height: 40px; font-size: 16px;}

}







.head .deguo img {display: none;}
.head .deguo img.front {display: block;}
.head.mini .deguo img.front {display: none;}
.head.mini .deguo img.behind {display: block;}
;
@media screen and (max-width: 750px) {
    .head .deguo img.front {display: none;}
    .head .deguo img.behind {display: block;} 
}