/* CSS Document */
ul,li{ list-style:none; margin:0; padding:0}a:hover{ color:#7db303; text-decoration:none}
.header_t{ position:absolute; width:100%; color:#fff; left:0; top:0; z-index:555; line-height:40px}
.header{ background:#fff; top:40px; height:80px; position:absolute; width:100% ; z-index:555;} a{ color:#000;}
.header_t a{ color:#fff}
.clearfix{ clear:both}
.about{ }
body{ line-height:24px}
.a1{background:#005ace; color:#fff;}
.pa{ height:430px}
.a1 .pull-right{ margin-right:40px; width:680px}
.lj{ color:#fff; text-decoration:underline}
.nav{
	float: right;
}.nav>div:nth-child(3) .dropmenudiv_b{ width:180px}

.tlogo{ padding-top:30px}
.ppdisplay div img{ height:430px !important; top:0!important; left:0!important; width:100%!important}
.nav_in{
	float: left;
	position: relative;
	z-index: 70;
}
.nav_in .par{
	display: block;
	height: 80px;
	line-height: 80px;
	padding:0 36px;
	font-size:16px;
	color:#000;
}
.nav_in:hover .par,.now_hover .par{
	color:#fff;
	background:#005aced1;
}
.nav_in ul{
	position: absolute;
	left: 0;
	top: 80px;
	z-index: 70;
	background:url("../images/htbg.png");
	width: 120px;
	display: none;
}
.nav_in:hover ul{
	display: block;
}
.nav_in li{
	height: 40px;
	line-height: 40px;
	font-size:16px;
	vertical-align:top;
}
.nav_in li a{
	display: block;
	padding-left:10px;
	width: 110px;
	color:#fff;
}
.nav_in li a:hover{
	background:#4a4ca5;
}
.nav_search{
	float: right;
	cursor: pointer;
	height: 90px;
	position: relative;
	z-index: 90;
}
.nav_search .handle{
	width: 46px;
	height: 80px;
	background:url("../images/home_03.jpg") no-repeat right center;
}
.search_bar{
	width: 300px;
	height: 50px;
	background:#fff;
	position: absolute;
	z-index: 70;
	right: 0;
	top: 80px;
	display: none;
}
.nav_search:hover .search_bar{
	display: block;
}
.search_bar .text{
	width: 240px;
	height: 50px;
	float: left;
	padding-left:10px;
	border:0;
	font-size:16px;
}
.search_bar .sub{
	display: block; border:none;
	width: 50px;
	height: 50px;
	background:url("../images/home_03.jpg") no-repeat center center;
}
.dropmenudiv_b {
    display: none\9;
    width: 104px;
    overflow: hidden;
    background: #005acebf;
    position: absolute;
    top:80px;
    left: 0px;
    box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
    opacity: 1;
    z-index: 999999;
    -webkit-transition: all 300ms cubic-bezier(0.7,0,0.185,1) 0s;
    transition: all 300ms cubic-bezier(0.7,0,0.185,1) 0s;
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: perspective(1200px) rotateX(-90deg);
    transform: perspective(1200px) rotateX(-90deg);
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}.ani {
    display: block\9;
    transform: perspective(1200px) rotateX(0deg);
    -webkit-transform: perspective(1200px) rotateX(0deg);
    -moz-transform: perspective(1200px) rotateX(0deg);
    -ms-transform: perspective(1200px) rotateX(0deg);
    -o-transform: perspective(1200px) rotateX(0deg);
}.dropmenudiv_b a:hover {
    color: #F90;
   
}
.nav a:hover, .nav a.hover {
    
}
.dropmenudiv_b a {
    display: block;
    float: left;
    font-size: 12px;
    padding-left: 0;
    margin: 0;
    text-align: left;
    width: 100%;
    padding-left: 24px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    background: url(jt2.gif) left center no-repeat;
}
.logo{ margin-top:10px; float:left}
.atit{ padding:50px 0; position:relative; margin-bottom:40px; padding-bottom:0}
.atit img{ position:absolute; top:65px}.atit span{ display:block; margin:0px 0 0 80px}.atit p{ font-size:18px}
.anav li{ padding:8px 35px; display:inline-block; border:rgba(255,255,255,0) solid 1px;}.anav li.hover{ border:#d8e8b3 solid 1px;}
.anav li a{ font-weight:bold; font-size:16px; color:#d3e5ac }.anav{ position:relative; z-index:5}.anav li.hover a{ }
.a1 .anav li a{ color:#dceafb;}.a1 .anav li.hover a{ color:#fff}
.a2{ background:#fff; padding:0; color:#333;}
.a1 .con a:hover{ color:#FFCC00}
.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 0px;
    background: #869791;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
}
.a2 .anav li a{ color:#666;}.a2 .anav li.hover{ border:#005ace solid 1px; background:#005ace}.a2 .anav li.hover a{ color:#fff}
.a2 .atit,.a2 .anav{ margin-left:9% }.a2 {}
.news_item{ margin:0 30px}
.index_news  .scroll-outer .owl-buttons{ position:absolute;  top:50%; margin-top:-45px; width:116%; left:-8% }
.news_item h4{ font-size:16px; padding-top:10px;}
.tab li.hover a{ color:#7db303} 
.owl-theme .owl-controls .owl-buttons div.owl-prev{ background:url(../images/home_25.png) no-repeat ; width:67px; height:42px; position:absolute; left:0;}
.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../images/home_28.png) no-repeat ; width:67px; height:42px; position:absolute; right:0}
.owl-pagination{ display:none}
.imgover img{    transition: all 0.4s;}.imgover img:hover{transform: scale(1.1);}.imgover { overflow:hidden}
.news_item p{ color:#999}
.index_news{ max-width:1230px; margin:0 auto}
.font1{ font-size:30px}
.green{ color:#005ace}
.btit{ position:relative; border-bottom:#ddd solid 1px; padding:80px 0 34px 0; margin-bottom:80px; font-size:16px}.btit b{ text-transform : uppercase;display:block}
.btit p{ position:absolute; left:50%; margin-left:-100px;display:inline-block; font-size:18px; background:#fff; border:#ddd solid 1px; padding:10px 0px; width:200px; bottom:-33px}
.carousel-indicators li{ width:14px; height:14px; margin:0  5px}.carousel-indicators .active{ width:14px; height:14px;margin:0  5px}
.glyphicon-chevron-left{background:url(../images/home_10.png) no-repeat center top; width:51px!important ; height:116px !important }
.glyphicon-chevron-right{background:url(../images/home_07.png) no-repeat center top;  width:51px!important ; height:116px !important}.glyphicon-chevron-left:before,.glyphicon-chevron-right:before{ display:none}
.fw{background:url(../images/home_09.jpg) no-repeat center top; margin-top:70px; height:384px; text-align:center; color:#fff}
.bgmap{ background:url(../images/home_07.jpg) no-repeat center top}

.xwlist ul li{ position:relative; height:120px; margin:27px 0}
.xwlist ul li b{ position:absolute; left:0;}
.xwlist ul li span{ margin-right:15px; display:block; margin-left:160px}
.xwlist ul li p{ color:#999; font-size:12px;}
.xwlist ul li em{ border-bottom:#ddd solid 1px; padding:5px 0; margin-bottom:10px; color:#999; font-style:normal; font-size:12px; background:url(../images/home_43.png) left center no-repeat; line-height:24px; padding-left:20px; display:block}
.xwlist ul li  span a{ display:block; height:24px; overflow:hidden; font-size:16px;}
.pa{ padding-top:50px ; line-height:26px}
#owl-demo .owl-buttons{z-index:55; width:100%; position:absolute; top:50%; height:116px}
#owl-demo .owl-controls{ height:auto  !important; }
.tab{ font-size:18px; position:relative; top:-20px; text-align:center;}
.tab li{ display:inline-block; padding:10px 30px}
.tab1{ font-size:18px; position:relative; top:-20px; text-align:center;}
.tab1 li{ display:inline-block; padding:10px 30px}
#owl-demo,#owl-demo .owl-wrapper-outer,#owl-demo .owl-item,#owl-demo .item,#owl-demo .owl-wrapper{ height:100%}
#owl-demo{ height:780px}#owl-demo .item{ font-weight:bold; color:#fff; text-align:center; height:100%; background-position: center center}
#owl-demo .item h4{  margin:0; padding-top:280px;font-weight:bold;  font-size:36px;}
#owl-demo .item h3{  margin:0; padding-top:30px;font-weight:bold;  font-size:48px;}
.owl-theme .owl-controls .owl-page span{ border:#fff solid 2px; background:none}
#owl-demo .owl-controls{ width:100%;}
#owl-demo .owl-controls .owl-buttons div.owl-next{ height:100%;background:url(../images/home_07.png) no-repeat; right:7%}
#owl-demo .owl-controls .owl-buttons div.owl-prev{ height:100%; background:url(../images/home_10.png) no-repeat; left:7%}
#owl-demo .owl-pagination{ bottom:20px; text-align:center; width:100%; left:0; display:block; position:absolute}
.footer_nav{

	line-height: 115px; border-top:#005ace solid 18px;
	background:#fff; margin-top:60px;
	position: relative; font-size:18px;
	z-index: 10;
}
#H01 .footer_nav{
	margin-top:0px;
}
.footer_nav p a{
	float: left; width:33.333%;
	color:#666;
}
.footer_nav a:hover{

}
.footer_nav .ct{
	margin-right:320px;
}
.footer_nav .end{
	margin-right:0;
}
#ttb span{ width:100%; float:left; height:125px; background:url(../images/footlogo.jpg) no-repeat center center #005ace; background-size:100% auto; display:inline-block}
#ttb{
	display: block; cursor:pointer;
	
	
	position: absolute; width:119px;
	top:0;
	left: 50%;
	margin-left:-60px;
	z-index: 10;
}
#ttb img{ float:left}
.fn_top2{
	display: block; cursor:pointer;
	width: 84px;
	
	position: absolute;opacity: 0.9;
	top:85px;
	left: 50%;
	margin-left:-42px;
	z-index: 10;
}
.footer{
	background:#222;
	padding:35px 0 10px 0;
}
.ft_tel{
	text-align: center;
	height: 76px;
	line-height: 76px;
	color:#d4d4d4;
	font-size:20px;
	font-weight: bold;
}
.ft_nav{ margin-top:30px;margin-bottom:60px

}
.ft_nav2{
	
}
.ft_nav li{
	height: 36px;
	line-height: 36px;
	vertical-align:top;
}
.ft_nav li a{
	color:#bbb;
}
.ft_nav li a:hover{
	color:#fff;
	text-decoration:underline;
}
.ft_code{
	float: right;
	width: 115px;
	margin-left:50px;
	text-align: center;	
}
.ft_code img{
	display: block;
	width: 115px;
	height: 115px;
}
.ft_code dd{
	height: 66px;
	line-height: 66px;
	color:#f1f1f1;
}
.ft_links{
	border-top:1px solid #646464;border-bottom:1px solid #646464; color:#777; padding:10px 0
}
.ft_links .handle{
	
	line-height: 47px;
	border-bottom:1px solid #646464;
}
.ft_links .btn{

	
	text-align: center;
	margin-right:1px;
	background:#505050;
	color:#777;
	cursor: pointer;
}
.ft_links .hover{
	color:#fff;
}
.ft_links .con{
	padding:15px 0;
	display: none;
}
.ft_links .show{
	display: block;
}
.ft_links a{
	line-height: 30px; color:#777; display:inline-block;

	margin-right:15px;
}
.ft_links a:hover{
	color:#fff;
}
.ft_copy{
	height: 62px; color:#b8b8b8;
	line-height: 62px;
}
img{ max-width:100%}
.container{ position:relative}
.con{ display:none}
.main-menu-toggle-content,.main-menu-toggle-content:before,.main-menu-toggle-content:after{width: 20px;height: 2px;display: block;
    margin: auto;
    position: relative;
    width: 25px;
    height:3px;
    transition: all .2s ease-in-out; margin:10px 5px 0 0;
    background: #818181;}
	.hid{ margin:0px 0px 0 0; position:absolute; z-index:99999; right:0; top:50%; margin-top:-8px; display:inline-block; width:30px; height:24px;}
.main-menu-toggle-content:before { content:'';
    top: -7px;
}
.main-menu-toggle-content:after { content:'';
    top: -5px;
}
.toggle-menu-on .main-menu-toggle-content:after, .toggle-menu-on .main-menu-toggle-content:before {
    content: "";
    position: absolute;
    display: block;
    background: #fff;
    width: 25px;
    height: 2.5px;
    left: 0;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.toggle-menu-on .main-menu-toggle-content{ background:transparent !important;}
.toggle-menu-on .main-menu-toggle-content,.toggle-menu-on .main-menu-toggle-content:before,.toggle-menu-on .main-menu-toggle-content:after{ background:#fff}
.toggle-menu-on .main-menu-toggle-content:before {
    -webkit-transform: translateY(6px) rotate(-45deg);
    -ms-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg); top:-17px;
}

.toggle-menu-on .main-menu-toggle-content:after {
       -webkit-transform: translateY(-6px) rotate(45deg);
    -ms-transform: translateY(-6px) rotate(45deg);
    transform: translateY(-6px) rotate(45deg);



}
.a1 .line{ border-bottom:#a4ca4f solid 1px; margin-top:-1px; position:absolute; left:0; width:100%}
.a2 .line{ border-bottom:#ddd solid 1px;  margin-top:-1px;position:absolute; right:0; width:100%}
.shottit{ margin-right:140px}
.anniu{ background:#abd34f; font-size:16px; position:absolute; right:0; top:0px; border-radius:10px; font-weight:bold; color:#fff; padding:10px 20px;}
.anniu:hover{ background:#7db303; color:#fff}
.contact_banner {
    width: 100%;
    height:500px;
    background: url(../images/about_01.jpg) no-repeat top center; background-size:auto 100%;
    position: relative;
}


.cb_tip {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
   
    line-height: 90px;
    color: #fff;
    background: #005aced1;
    -moz-box-shadow: 0px 12px 22px #ddd;
    -webkit-box-shadow: 0px 12px 22px #ddd;
    box-shadow: 0px 12px 22px #ddd;
}
.now_pos {
    height: 90px;
    line-height: 90px;
    border-bottom: 1px solid #d9d9d9;
}

.now_pos .pos {
    float: left;
    font-size: 16px;
    color: #6e6d6d;
    padding-left: 30px;
    background: url(../images/icoh.jpg) no-repeat left center;
}
.cb_tip{ position:relative;}.cb_tip{ margin-top:-90px}
.content{ margin:30px auto}
.now_pos .backa {
    display: block;
    width: 105px;
    height: 42px;
    border: 1px solid #dedede;
    border-radius: 8px;
    line-height: 42px;
    text-align: center;
    float: right;
    margin: 25px 0 0 0;
    color: #6e6d6d;
}
.rnav{ font-size:18px; font-weight:bold}.rnav a{  
    display: inline-block;
    padding: 0 20px; color:#fff}


.cb_tip a:hover {
    background: rgba(0,0,0,0.12);
}


.map{ width:100%; height:540px;}.contactus{ margin-top:20px}
.contactus li{ position:relative; height:80px; line-height:24px; margin:20px 0}
.contactus li img{ position:absolute; left:0; top:0; margin-top:-9px;}
.contactus li span{ margin-left:100px; display:inline-block}

.contactus li strong{ font-size:18px}
.contact_banner{ text-align:center; color:#fff;}
.contact_banner h2 {
    padding-top: 210px; font-size:36px; margin:0;
    font-weight: bold;
}.contact_banner  h3{ font-weight:bold;}
.font0{ font-size:48px}

#map img{ max-width:none}

.fr_bar{
	position: fixed;
	width:62px;
	overflow:hidden; height:356px; border-radius:62px;
	right: 10px;
	bottom:5%;
	right:2%;
	z-index: 999;
}

.end{
	display: inline-block;
	margin:0px 5px;
	width: 62px; position:absolute; bottom:0;
	height: 62px; 
}
.fr_bara a{ display:inline-block; margin:2px 0}
.fr_bara { display:inline-block; position:absolute; top:0px;  transition: all 0.2s; z-index:99}
.hovera1 {top:100%; }
.hovera {display: none !important}
.fhj {z-index:999;}
.end {float: right;  z-index:999; margin:0px !important}
.fr_bar img{
	display: block;
	width: 62px;
	height: 62px;
}
.face { text-align:center; clear:both; padding:40px 0}
.face a.active,.face a:hover{ color:#449534; border:#449534 solid 1px; border-radius:30px}
.face a{ color:#609f00; margin:0 5px; padding:2px 6px; text-align:center; border:#fff solid 1px}
.face span{ color:#449534; margin:0 5px; padding:2px 6px; text-align:center; border:#449534 solid 1px; border-radius:30px}
.face a.a111{ color:#555;}
.face a span{ color:#555;}
.inpro{ padding-bottom:30px}
.inpro .news_item{ margin:0; margin-top:30px; margin-bottom:10px;}
.inpro .news_item  .imgover a{ width:100%; display:block; overflow:hidden; height: 11.5vw;}
.inpro .news_item  .imgover a img{ object-fit:cover; height: 100%;}
.inpro .news_item .imgover,.inpro .news_item  .txt{ overflow:hidden; padding:0 15px}
.news_item p{ height:46px; overflow:hidden}

.bt h1{ font-size:18px; color:#000; line-height:30px}
.bt{ position:relative}
.msg div{ margin-top:10px; padding-right:10px; padding-left:10px;}

.col{ background:#eee; padding:20px; border:none; width:100%}
.cpbar{ line-height:60px; background:#9ed134; margin-top:40px;}
.cpbar a{ padding:0; font-size:16px; font-weight:bold; color:#fff;}.cpbar a.hover{ background:#7db303}
.msg{ margin-top:30px; margin-left:-10px; margin-right:-10px}
.cb_tip .tit{ height:90px}
.xwinfo{ margin-top:30px}

.bt p{ margin-top:20px; color:#999; margin-bottom:20px;}
.gyf{ color:#999; font-size:16px; padding:20px; height:250px; background:#eee; margin-bottom:25px;}.gyf p{ color:#000;}
input,textarea{ outline:none}
.sx p{ line-height:40px;}.sx span{ display:inline-block; padding:0 15px; margin-right:15px; border:#ccc solid 1px; border-radius:10px;}
.tj{ background:#7db303; color:#fff; padding:15px 40px; border:none; border-radius:10px; font-size:16px;}
.tj:hover{ background:#449534}
.gallery-thumbs{ margin-top:5px}

.cpxx{ height:440px; margin-top:50px}

@media (max-width:1500px) {
.a1 .pull-right{ width:100%; margin-right:0}
}

@media (min-width:768px) {
.fw p{ font-size:18px; padding-top:10px}
.fw ul{ margin-top:100px}.eow{ margin-left:-30px; margin-right:-30px}
.col-sm-6{width:50%}
}
@media (max-width:1420px) {
.anav li{ padding-left:10px; padding-right:10px}
.index_news{ max-width:1000px}
.news_item a{ font-size:14px} .atit p{ font-size:12px}
.news_item p{ font-size:12px;}
}
@media (max-width:1130px) {
.index_news{ max-width:828px}
}
@media (max-width:1300px)

{
.rnav a{ font-size:16px}
.xwlist ul li b{ width:100px; height:70px}.xwlist ul li b img{ height:70px}.xwlist ul li span{ margin-left:110px}
}
@media (max-width:768px) {
	.inpro .news_item  .imgover a {
		height:auto;
	}
.sx{ font-size:12px;}
.xwinfo>div{ padding-left:0; padding-right:0}.xwinfo .xwimg{ width:100%}
.footer{ font-size:12px;}
.swiper-pagination-bullet-active{ background:#66CC66}
.projekktor{ height:230px!important}.xwlist ul li b{ left:10px}
.con{ font-size:12px;}
.atit{ margin-bottom:10px; padding:20px 0}.anav li a{ font-size:12px!important;}
.atit img{ width:40px; top:40px}.atit span{ margin-left:60px}.pa{ height:auto; padding-bottom:20px; padding-top:20px}
.atit span h3{ font-size:22px}
.font1{ font-size:24px;}
.tab li{ padding:10px 20px;}
.row{ margin-left:0; margin-right:0}
.a2{ clear:both}
.logo{ width:140px}.header{ height:56px}.banner{ margin-top:95px}.header_t{ background:#005aced1}
.container{ margin-left:10px; margin-right:10px}.xwlist ul li span{ margin-right:0}
#ttb span{ height:49px;}#ttb { margin-left:-25px}
#ttb{ width:50px}.footer_nav{ line-height:30px; border-top-width:10px; font-size:14px;}.footer_nav  p a{ font-size:14px; margin-top:8px;}
.footer .text-right{ text-align:left}
.ft_links,.ft_copy{ margin-right:4%;margin-left:4%;}
.fw h3{ font-size:18px;}.fw{ padding:20px 0; height:540px; background-size:auto 100%}.fw p{ font-size:12px}
.owl-carousel{ width:80%; margin: auto}
.search_bar{ display:block; position:relative; margin:10px auto}
.ppdisplay div img{ height:230px !important;}.index_news .scroll-outer .owl-buttons{ width:140%; left:-20%;}.owl-theme .owl-controls .owl-buttons div.owl-prev,.owl-theme .owl-controls .owl-buttons div.owl-next{ background-size:70%; background-position:center}
.bgmap{ background:#fff}
}
@media (min-width:991px)

{
.rr{ padding-left:40px}
.navwap{ display:none}
}

@media (max-width:991px)

{
.cpxx,.gyf{ height:auto}
.contact_banner h2{ font-size:18px; padding-top:140px}
.contact_banner h3{ font-size:24px}
.cb_tip{ margin-top:-60px}
.now_pos .pos,.now_pos .backa{ font-size:12px;}.now_pos .backa{ height:35px; line-height:35px; width:70px}
.contact_banner{ height:300px}
.cb_tip{ line-height:60px; padding-bottom:15px}
.rnav a{ width:100%; font-size:16px; border-bottom:rgba(255,255,255,0.3) solid 1px; line-height:30px; padding:0; text-align:left; padding-left:0px}
.rnav{ width:100%; line-height:30px }
.toggle-menu-on {
    position: fixed;
    right: 10px;
    top: 60px;
}
.on{ display:block !important }
.navwap{ position:fixed; height:100%; z-index:9999; display:none; background:#005aced1; left:0; top:0; width:100%}
.a2 .atit,.a2 .anav{ margin-left:15px}
.navwap ul{ padding-top:50px; text-align:center;}
.navwap li a{ display:block; padding:10px 0; font-size:18px; color:#fff}
}
col-lg-6{ !important}