@charset "utf-8";
/* CSS Document */
header{    background-color: #0095db; font-size: 14px; color: #fff; line-height: 44px; border-bottom-color: rgba(255,255,255,0);}
header a{ color: #fff; text-decoration: none; }
header a:hover{ color: #fff;  }
header span{ padding:0 10px; }
header .container-fluid{overflow:hidden}
header .hfl{float:left; }
header .hfr{float:right}
ul,li{ list-style: none; }
a:hover{ text-decoration:none; }
.container-fluid{ width: 94%; }
.w{ width: 1180px; margin:0 auto; }
@media (min-width:1200px){
.navbar-default {  background-color: #fff;  border: none;}
.navbar-default .navbar-nav>li>a { font-size: 30px; line-height: 83px; font-weight: 400; padding-top:0; padding-bottom: 0; text-align: left;}
.navbar .nav > li .dropdown-menu { margin: 0; } 
.navbar .nav > li  a:hover{ color: #0095db }
.navbar .nav > li:hover .dropdown-menu {  display: block; } 

.navbar-nav>li>.dropdown-menu{background-color: #ffffff;  border-top: 3px solid #0095db;
    font-weight: 0;
    box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06); font-size: 18px; color: #515b69;  padding-top: 0; padding-bottom:0;
}
.navbar-nav>li>.dropdown-menu > li{ padding-top: 0; padding-bottom:0; }
.navbar-nav>li>.dropdown-menu > li > a{line-height: 60px; color: #515b69; }
.navbar-nav>li>.dropdown-menu > li > a:hover{ background-color: #dbe2ea; color: #515b69;  }
.caret{ display: none }
}
.swiper-container { width: 100%;  height:490px; margin-left: auto;   margin-right: auto;}
.s1{ background:url(../images/banner.jpg); background-size: cover; background-position: center center; width: 100%; height: 100%;  }
.s2{ background:url(../images/banner2.jpg); background-size: cover; background-position: center center; width: 100%; height: 100%;  }
.s3{ background:url(../images/banner3.jpg); background-size: cover; background-position: center center; width: 100%; height: 100%;  }
.s1{ overflow: hidden; }
.s1 ul{ width: 1180px; margin:0 auto; }
.s1 ul li{ width: 25%; float: left; padding-top: 70px; text-align: center; }
.s1 ul li img{ width: 90%;  }
.s1 ul li span{ display: block; font-size: 24px; color: #fff; text-align: center; padding-top: 20px; }

.jt{ background:url(../images/jt.jpg) center center no-repeat; height: 50px; margin-bottom: 5em  }
.tit{margin-bottom: .35em; margin-left: auto; margin-right: auto }
.tit h3{font-size: 50px; color: #94c11c; display: block; text-align: center; line-height: 1.16; font-weight: bold;}
.tit span{ display: block; text-align: center; font-size: 22px; color: #7f8795; padding-top: 1em }

.protj li{text-align: center; padding-top: 5em; list-style: none }
.protj li img{ width: 100%; max-width: 420px; }
.protj li a span{ display: block; line-height: 1.29; font-size:28px; color: #515b69; margin-top: 2em; font-weight: bold;}

.bg1{ background-color: #f4f6f8; padding:80px 0; border-top: 3px solid #eaeaea; margin-top: 5em; overflow: hidden; }

.aboutus{ padding:80px 0;}
.aboutus h3{font-size: 50px; color: #94c11c; margin-bottom:1.2em; text-align: left; line-height: 1.16; font-weight: bold;}
.aboutus dl{ overflow: hidden; }
.aboutus dt{ width: 70%; float: left;  }
.aboutus dt p{font-size: 22px; color: #7f8795;  line-height: 150%; font-weight:normal;}
.aboutus dd{ width: 25%; float: right;}
.aboutus dd img{width: 100%; max-width: 300px; }
.aboutus dt a{ display: block; color: #0095db; font-size: 22px; margin-top: 2em }

.prolist li{ text-align: center; }
.prolist li a img{ width: 90%; }
.prolist li a span{ display: block; line-height: 1.29; font-size:22px; color: #747474;; margin-bottom: 2em; font-weight: normal; margin-top: 1em}

.prolist a img{transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.prolist a:hover img{transform:scale(1.1,1.1);}

#owl-demo {margin-left: auto; margin-right: auto; margin-top: 3em}
#owl-demo .item{ display: block; text-align: center;   height: 320px; padding: 5px; }
#owl-demo .item img{ width: 100%; height: 320px; }
#owl-demo .item:hover{ background-color: #f5f6f8; color: #fff }

#owl-demo .owl-buttons{ position: relative; height: 130px; }
#owl-demo .owl-buttons div{ width: 30px; height: 130px; background-color: #eee; line-height: 130px; text-align: center;}
#owl-demo .owl-buttons .owl-prev{ position: absolute; left: 5px; top:0px; margin-top: -225px; color: #fff;  background-color: rgba(65,91,134,0.8);}
#owl-demo .owl-buttons .owl-prev:hover{ background-color: rgba(65,91,134,0.6);}
#owl-demo .owl-buttons .owl-next{ position: absolute; right: 5px; top:0px; margin-top: -225px; color: #fff;  background-color: rgba(65,91,134,0.8);}
#owl-demo .owl-buttons .owl-next:hover{ background-color: rgba(65,91,134,0.6);}
.more{ text-align: center; margin-top: 0px; }
.more a{
	display: block; width: 100px; line-height: 35px; margin:0 auto;
	    background: #D1E990;
    background-image: linear-gradient(to top,#AAD75D,#D1E990);
    border: 1px solid #9dba60;
    color: #54770f
}

.contact{ border:1px solid #fff; }
.contact li{ border-right: 1px solid #fff; text-align: center; padding-bottom: 50px;}
.contact li:last-child{ border: 0 }
.contact li .img{  width: 116px; height: 116px;  border-radius: 50%; background-color: #fff; text-align: center; line-height: 116px; margin:30px auto; font-size: 16px; }
.contact li:hover .img{ background-color: #d3efff }
.contact li h3{ font-size: 35px; }
.contact li p{ line-height: 27px; font-size: 16px; color: #7f8795;}

.footer{ background-color: #ecf0f5; text-align: center; padding:50px 0; color: #7f8795; font-size: 16px; }

.local{ line-height: 70px; background-color: #f4f6f8; text-align: center; color: #7f8795; }
.local a{color: #7f8795; }

.case_list_con{ overflow: hidden; padding:80px; }
.case_list_con dl dt{ width: 30%; float: left; }
.case_list_con dl dt img{ width: 100%; max-width: 330px; }
.case_list_con dl dt img{transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.case_list_con dl dt:hover img{transform:scale(1.1,1.1);}
.case_list_con dl dd{ float: right; width: 60% }
.case_list_con dl dd h3{ display: block; font-size: 30px; }
.case_list_con dl dd h4{ display: block; font-size:22px; margin:20px 0;    color: #7f8795; }
.case_list_con dl dd p{    color: #7f8795; font-size: 22px; display: block; }

.p_list_con{ overflow: hidden; padding:80px; }
.p_list_con dl dt{ width: 20%; float: left; }
.p_list_con dl dt span{ display: block; font-size: 24px; text-align: center; color: #666; font-weight: normal; }
.p_list_con dl dt img{ width: 100%; max-width: 280px; }
.p_list_con dl dt img{transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.p_list_con dl dt:hover img{transform:scale(1.1,1.1);}
.p_list_con dl dd{ float: right; width: 70% }
.p_list_con dl dd h3{ display: block; font-size: 30px; }
.p_list_con dl dd h4{ display: block; font-size:22px; margin:20px 0;     color: #7f8795;}
.p_list_con dl dd p{     color: #7f8795; font-size: 22px; display: block; }

.c_list_con{ overflow: hidden; padding:80px; }
.c_list_con dl dt{ width: 500px; float: right; overflow: hidden; }
.c_list_con dl dt span{ display: block; font-size: 24px; text-align: center; color: #666; font-weight: normal; }
.c_list_con dl dt img{ width: 100%; max-width: 500px; }
.c_list_con dl dt img{transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.c_list_con dl dt:hover img{transform:scale(1.1,1.1);}
.c_list_con dl dd{ float: left; width: 50% }
.c_list_con dl dd h3{ display: block; font-size: 30px; }
.c_list_con dl dd h4{ display: block; font-size:22px; margin:20px 0;     color: #7f8795;}
.c_list_con dl dd p{     color: #7f8795; font-size: 22px; display: block; }

.more1{ font-size: 24px; margin-top: 20px; }

.contact{ padding: 80px 0; }
.contact .fl{ width: 50%; float: left;}
.contact .fr{ width: 40%; float: right; font-size: 24px; }

.case h3,.case h2{font-size: 50px; color: #94c11c; display: block; text-align: center; line-height: 1.16; font-weight: bold;}
.case h4{color: #515b69; font-size: 22px; font-weight: bold;}
.case p{ display: block; font-size: 22px; color: #7f8795; padding-top: 1em }

.casecon{ margin-bottom:50px; }
.casecon h4{ font-size: 32px; font-weight: bold; }
.casecon .fl{ width: 50%; float: left; }
.casecon li{display: list-item;  list-style-type: disc; color: #7f8795; font-size: 22px; line-height: 40px;}

.acon img{ float: right; margin-left: 20px; }

@media (max-width: 768px){
.w{ width: 100% }

.navbar-default{  background-color: #fff;  border: 0;}
.navbar-header{ height: 90px; }
.navbar-collapse{ background-color: #37507a }

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color: transparent;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
}
.navbar-toggle {border:0; margin-top: 28px;}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #35baf2;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #35baf2;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
}
.caret{ float: right; font-size: 26px; line-height: 20px; }
.s1 ul{ width: 100%; margin:0 auto; }
.s1 ul li{ padding-top: 120px;  }
.s1 ul li span{  font-size: 18px; }
.aboutus{ padding:20px;  }
.aboutus h3{ text-align: center;}
.aboutus dt{ width: 100%; float: none; padding: 0 20px;  }
.aboutus dt p{font-size: 22px; }
.aboutus dd{ width: 100%; float: none; text-align: center; margin-bottom:10px;}

.acon img{ float: none; margin-left: 0px; margin-bottom:20px; }


.case_list_con{ overflow: hidden; padding:20px; }
.case_list_con dl dt{ width: 100%; float: none; text-align: center; }
.case_list_con dl dd{ float: none; width: 100% }

.p_list_con{ overflow: hidden; padding:20px; }
.p_list_con dl dt{ width: 100%; float: none; text-align: center; }
.p_list_con dl dd{ float: none; width: 100% }


.c_list_con{ overflow: hidden; padding:20px; }
.c_list_con dl dt{ width: 100%; float: none; overflow: hidden; }
.c_list_con dl dd{ float: none; width: 100% }

.contact{ padding:0 20px; }
.contact .fl{ width: 100%; float: none;}
.contact .fr{ width: 100%; float: none; font-size: 24px; margin-top: 20px; }

}