*{margin: 0;padding: 0;box-sizing: border-box;}
.clear{clear: both;content: "";}
body{font-family: "宋体";font-size: 14px;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
ul,li,dl,dd,dt,p,ol,h1,h2,h3,h4,h5{padding: 0;margin: 0;list-style-type:none}

.aonuo-nav{width: 100%;position: fixed;top: 0px;left: 0px;z-index: 99999;background-color:rgba(255,255,255,0.95);box-shadow: 0px 0px 10px rgba(0,0,0,.1);}
.aonuo-nav .navbar{margin-bottom: 0px;}
.navbar .aonuo-logo{display: block;width: 170px;padding: 5px;}
.navbar .aonuo-logo img{width: 170px;display: block;margin-top: 10px;}
.aonuo-right{float: right;width: 100%;text-align: center;}
.aonuo-nav .aonuo-right .aonuo-bignav a{padding: 0px 15px; color: #474747;font-size: 15px; transition: all ease 0.2s;height: 80px;line-height: 80px;}
.aonuo-nav .navbar-default{background-color:rgba(255,255,255,0.5);transition: all ease 0.6s;}

.aonuo-nav .dropdown:hover .dropdown-toggle{color: #fff;background-color: #15c705;}
.aonuo-nav .dropdown .dropdown-menu{border: none;padding: 0px;margin: 0px;background-color:#fff;border-top:3px solid  #15c705 ;}
.aonuo-nav .dropdown .dropdown-menu a{display: block; height: 45px;line-height: 45px;border-bottom: 1px solid #f6f6f6;font-size: 13px;}
.aonuo-nav .dropdown .dropdown-menu a:hover{background-color: #15c705;color: #fff;}

.aonuo-bignav form {line-height: 80px;padding-left: 20px;position: relative;position: relative;}
.aonuo-bignav form input{outline:none; border: 1px solid #ddd;border-radius: 10px;font-size: 12px;color: #999;text-align: center;height: 24px;vertical-align: middle;padding: 0px 30px 0px 10px;} 
.aonuo-bignav form #yt_nav_seach{position: absolute;right: 0px;top:50%;margin-top: -15px; vertical-align: middle; display: inline-block;height: 30px;width: 35px;overflow: hidden;}
.aonuo-bignav form #yt_nav_seach:hover{background: none;}
.aonuo-bignav form #yt_nav_seach img{display: block;width: 100%;margin-top: 10px;}

.aonuo-nav .navbar{border: 0;}
.aonuo-nav .navbar-default .aonuo-bignav > .active > a{color: #fff;background-color: #019B49;}

.aonuo-nav .navbar-default ul li a:hover{color: #fff;background-color: #15c705;}
.aonuo-nav .navbar-default ul li .a1 a {color: #fff;background-color: #15c705;}
.aonuo-nav .navbar-default ul li  .a1{color: #fff;background-color: #15c705;}

.products-index{padding: 20px 0;}
.title-t {padding: 15px 0;text-align: center;}
.title-t h2{font-size:30px;font-weight: bold;text-align: center;}
.title-t P{text-align: center;color: #555;}
.title-t b{color:#15c705;}
.title-t span img{width: 35px;padding-bottom: 5px; padding-right: 10px;}
.products-index .pro-i-img{    cursor: pointer;transition: all 0.6s;display: block;width: 100%;overflow: hidden;}
.products-box .pro-i-img{overflow: hidden;}
.products-box .pro-i-img img{width: 100%;display: block;transition: all 0.6s;}
.products-box .pro-i-img img:hover{-webkit-transform: scale(1.2);transform: scale(1.1);}
.products-box .pro-i-c h3{font-size: 16px;margin: 0; padding: 0;line-height: 35px;}
.products-box .col-md-4{padding: 0px;}
.pro-i-c a{color: #333;}


.bg1{background: url(../img/bg.png) no-repeat center;}
.about-i-box{padding: 10px 0 30px 0;overflow: hidden;}

.about-i-c p{font-size: 16px;text-align: center; line-height: 30px;}
.about-i-c2 p{font-size: 16px;text-align: left; line-height: 30px;text-indent: 2em;}
.about-c{text-align: left;text-indent: 2EM;}
.about-i-c img , .about-i-c2 img{width: 100%; display: block;}
.about-i-c2{text-align: center;padding: 20px 0;}


.i-field {padding: 30px 0 10px 0;overflow:hidden;background: url(../img/bg3.jpg) repeat-x top;}
.i-field .case-ibox{max-width:1200px;width: 100%;margin: 0 auto;}
.case-ibox-c{padding: 30px 0;}
.list-i1 .item{
	float: left;
	margin: 0 5px;
	position: relative;
}
.list-i1 .item .front{
	background-color: #e6f2fe;
}
.list-i1 .back{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(54,111,180,.9);
	zoom: 1;
	opacity: 0;
	-webkit-transition:.5s;
	transition:.5s;
}
.ie8 .list-i1 .back{
	-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#cc366FB4,endColorstr=#cc366FB4)'; /*Filter for IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#cc366FB4, endColorstr=#cc366FB4);
	display: none;
}
.list-i1 .back.on{
	opacity: 1;
}
.ie8 .list-i1 .back{
	display: none;
}
.ie8 .list-i1 .back.on{
	display: block;
}
.list-i1 .back .ico{
	position: absolute;
	top: 50%;
	transform: translateY(-90%);
	-webkit-transform: translateY(-90%);
	width: 100%;
	left: 0;
	text-align: center;
	margin-top:-15px;
}
.list-i1 .back .ico img{
	display: inline-block;
}
.list-i1 .back h4{
	color: #fff;
	font-weight: bold;
	font-size: 18px;
}
.list-i1 .back a{
	position: absolute;
	bottom: 0;
	width: 50%;
	height: 50px;
	line-height: 50px;
	color: #fff;
	text-align: center;
	border-top: 1px solid #fff;
	-webkit-transition:.3s;
	transition:.3s;
}
.list-i1 .back a:hover{
	background-color: #fff;
	color: #336db3;
}
.list-i1 .back .s1{
	left: 0;
	border-right: 1px solid #fff;
}
.list-i1 .back .s2{
	right: 0;
}
.list-i1 .item em{
	display: block;
	text-align: center;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	font-style: normal;
}
.list-i1 .img{
	display: block;
	padding-top: 40%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.list-i1 .slick-arrow,.show_imgtone .slick-arrow{
    position: absolute;
    width: 48px;
    height: 48px;
    top: 50%;
    margin-top: -30px;
    border: none;
    font-size: 0;
    cursor: pointer;
    z-index: 50;
    border-radius: 50%;
    border: 1px solid #d0cfd3;
    background: none;
}
.list-i1 .slick-prev,.show_imgtone .slick-prev{
    left: -60px;
    background: url(../img/ar_l.png) no-repeat 50% 14px;
}
.show_imgtone .slick-prev{
	left: -80px;
}
.list-i1 .slick-next,.show_imgtone .slick-next{
    right: -60px;
    background: url(../img/ar_r.png) no-repeat 50% 14px;
}
.show_imgtone .slick-next{
	right: -80px;
}

.list-i1 .slick-arrow:hover,.show_imgtone .slick-arrow:hover{
	background-color: #336cb3;
	border-color: #336cb3;
	background-position: 50% -28px;
}

.title2{}
.title2 a{font-size: 16px;border-bottom: none;float: right;color: #555;font-weight: normal;}
.title2 h2{font-size: 20px;font-weight: bold;}
.title2 hr{width: 30px;border: 1px solid #555;text-align: left;padding: 0;margin: 0;}
.new-box-index{border-top:1px solid #eee;padding-bottom: 30px;}
.new-box-index .new-box-ic {margin: 5px 10px;border-bottom: 1px solid #eee;}
.news-box-l{border-right: 1px solid #eee;}
.news-box-lc ul{overflow: hidden;margin-top: 5px;}
.news-box-lc ul li{float: left;width: 50%;margin: 5px 0;}
.new-box-index .new-box-ic{padding: 10px 0;}
.new-box-index .new-box-ic a{display: block;font-size: 16px;color: #333;text-decoration: none;font-weight:500;}
.new-box-index .new-box-ic a:hover{color:rgba(27, 83, 131, 1);}
.new-box-index .new-box-ic span{color: #999;}
.new-box-index .download-i-r{margin: 15px 0;overflow: hidden;}
.new-box-index .download-i-r ul{}
.new-box-index .download-i-r ul li{line-height:25px;border-bottom: 1px dashed #eee;}
.new-box-index .download-i-rc{margin:10px 0;overflow: hidden;}
.new-box-index .download-i-rc a{color: #333;text-decoration: none;font-weight:500;font-size: 16px;}
.new-box-index .download-i-rc a:hover{color:rgba(27, 83, 131, 1);}
.new-box-index .download-i-rc span{float: right;color: #666;}

.footer{background: #0d8a14;padding: 30px 0;overflow: hidden;overflow: hidden;}
.footer-c {overflow: hidden; text-align: center;}
.footer-c h4{color: #ffffff;}
.footer-c a{display: block;line-height: 25px;color: #ffffff;}
.footer-c  .col-md-2{padding: 0;}
.footer-c-r{}
.footer-c-r p{padding: 5px 0; color: #f3f3f3;}
.footer-c-r img{width: 75%;display: block;margin: 0 auto;}
.footer2{border-top:1px solid #2d2828;background:hsl(115, 95%, 40%);}
.footer2 a{line-height: 30px; padding: 5px 0;}

.banner-about{background: url(../img/bg2.png) no-repeat center; width: 100%; height: 500px;margin-top: 80px;}
.aboutbg2{background:url(../img/bg2.jpg) no-repeat top;padding-bottom: 25px;height: 500px;}
.aboutbg2 .title-t{color: #fff;}
.aboutbg2 .title-t p{color: #999;}
.aboutbg2 .about-i-c2-box{padding:  50px 0;border: 3px solid #fff;border-radius:10%;}

.aboutbg2 .about-i-c2-box h2{margin: 0;}
.aboutbg2 .about-i-c2{color: #fff;}
.photo-c ul li{float: left; width: 33.3%;}
.photo-c ul li a{display: block; width: 96%;border: 5px solid #fff;}
.photo-c ul li img{display: block; width: 100%;}

.banner-news{background: url(../img/news/banner-news.png) no-repeat center; width: 100%; height: 300px;margin-top: 80px;}
.news-nbox{padding: 30px 0; overflow: hidden;}
.news-nbox-l{width: 18%; float: left; background: #eee;}
.news-nbox-l h3{margin: 0; line-height:120px; line-height:120px;color: #fff; background: #122B40;text-align: center;}
.news-nbox-l a{color: #333; font-size:15px; display: block; line-height:55px;padding: 0 18px;border-left:3px solid #eee;border-bottom: 1px solid #999;margin-bottom: 2px;}
.news-nbox-l a:hover{border-left:3px solid #122B40;}
.news-nbox-l .nactive{border-left:3px solid #122B40;font-weight: bold;}
.news-nbox-r{width: 80%; float: right;}
.ntitle{border-bottom: 1px solid #eee;}
.ntitle h2{font-size: 18px;width: 18%;border-bottom:3px solid #122B40;margin: 0;line-height: 40px;padding-left: 15px;}
.news-nc-img{width: 35%; float: left;}
.news-nc-img img{width: 100%;display: block;}
.news-nc-c{width: 65%; float: right;padding: 0 12px;}
.news-nc-c h2{font-size: 20px;}
.news-nc-c span{color: #999;}
.news-nc-c p{font-size: 15px;padding:10px 0;color: #555;line-height: 25px;}

.news-nbox-r-c ul li{overflow: hidden;border-bottom: 1px solid #eee;padding: 10px 0;}
.news-nbox-r-c h2{font-size: 18px;}
.news-nbox-r-c a{display: block; color: #333;}
.news-nbox-r-c a:hover{color: #1B6D85;}
.news-nbox-r-c span{color: #666;}
.news-nbox-r-c p{line-height: 25px;color: #666;font-size: 15px;}
.banner-ninfo{background: url(../img/news/ninfo.jpg) no-repeat center;width: 100%; height:200px;margin-top: 80px;}
.banner-ninfo h1{font-size: 22px; color: #fff;text-align: center;padding-top: 50px;line-height: 50px;}
.banner-ninfo p{width: 50%;text-align: center;margin: 0 auto;}
.banner-ninfo span{color: #fff;padding: 0 2px;text-align: center;display: block;width: 33.3%;box-sizing: border-box;float: left;}
.ninfo-nbox ,.ninfo-c{padding: 20px 0;}
.ninfo-c a{border: 1px solid #eee;width: 20%;display: block; margin: 20px auto;text-align: center;line-height: 50px;}
.newsmore{overflow: hidden;}
.newsmore a{display: block;width: 100%;color: #555;line-height: 30px;}
.newsmore span{float: right;}

.banner-pro{background:url(../img/products/banner-pro.jpg) no-repeat center; width: 100%; height: 300px;margin-top: 80px;}
.pro-nbox-r-c .nproducts{margin: 0; padding: 0;}
.cinfo-c{padding: 30px 0;overflow: hidden;}
.cinfo-l{width: 40%; float: left;}
.cinfo-l img{width: 100%; display: block;}
.cinfo-r{width: 60%;float: right;padding: 0 20px;}
.cinfo-r h2{font-size: 22px;padding: 10px 0;}
.cinfo-r b{font-size: 16px;padding: 10px 0;}
.cinfo-r p{font-size: 15px;text-indent: 2em;line-height: 25px;}
.pro-detail{padding-bottom: 50px;}
.detail-box{background: #F8F8F8;padding-bottom: 15px;}
.pro-detail h3{line-height: 50px;background: #eee;padding: 0 15px;font-size: 20px; margin: 0;}
.detail01{padding:20px;}
.detail01 h4{font-size: 20px; font-weight: bold;}
.detail01 img{margin:  0 auto;text-align: center;display: block;}
.cinfo-nbox{padding:10px 0 50px 0;}
.pro-back{width: 15%;text-align: center;border: 1px solid #eee;line-height: 50px;margin: 0 auto;}

.banner-cases{background: url(../img/cases/banner-cases.jpg) no-repeat center;width: 100%; height: 300px;margin-top: 80px;}
.cases-nbox-img{}
.cases-nbox-img img{display: block;width: 100%;}
.cases-nbox-r-c .col-md-12{padding: 0;}
.cases-nbox-r-c .col-md-6{margin: 10px 0;}
.cases-nbox-c h3{font-size: 18px;color: #333;}
.cases-nbox-c a{color: #333;}
.cases-nbox-c a:hover{color: #1B6D85;}

.partner01{margin-bottom: 20px;overflow: hidden;}
.partner01 h2{font-size: 18px;padding: 10px 0;text-align: center;}
.partner01 ul li{width: 25%; float:left;border: 1px solid #eee;}
.partner01 ul li img{width: 100%; display: block;}
.download-c{overflow: hidden;}
.download-c ul{margin: 10px 0;}
.download-c ul li{padding: 10px;}
.download-c ul li a{color: #333;}
.download-c ul li a:hover{color: #122B40;}
.download-c ul li span{float: right;color: #555;}

.banner-service{background: url(../img/banner-service.jpg) no-repeat center; width: 100%; height: 300px;margin-top: 80px;}

.banner-hr{background:url(../img/news/banner-hr.jpg) no-repeat center; width: 100%; height: 300px;margin-top: 80px;}
.jobs-nbox-detail{}
.jobs-nbox-detail ul li {overflow: hidden;}
.jobs-nbox-detail ul li h2{font-size: 18px;font-weight: bold;background: #eee;line-height: 35px;padding: 0 12px;}
.jobs-nbox-detail ul li span{width: 25%;float: left;padding: 0 10px;display: block;line-height: 35px;}
.jobs-detail{ border:1px dashed #eee;padding: 10px;}
.idea-nbox-r-c{}
.idea-nbox-r-c h2{font-size: 18px; color:#122B40; font-weight: bold;}
.idea-nbox-r-c p{line-height: 25px;}
.idea-nbox-r-c img{width: 100%; display: block;margin: 10px 0;}


.banner-contact{background: url(../img/contact/banner-contact.jpg) no-repeat center; width: 100%; height: 300px;margin-top: 80px; }
.contact-nbox form{padding: 20px 0;}
.contact-l{width: 100%; float: left;}
.contact-r{width: 40%; float: right;}
.contact-r ul li{float: left;width: 50%;text-align: center;}
.contact-r ul li img{width: 60%; display: block;margin: 0 auto;}
.contact-r img{}
.online{padding: 0 50px;}
.online textarea{padding: 10px 15px;}



@media only screen and (max-width:640px) {
.dropdown-menu a{text-align: center;}
.about-i-c2-box h2{font-size: 18px; margin: 0;}
.news-nbox-l {width: 100%;}
.news-nbox-r{width: 100%;margin-top: 15px;}
.ntitle h2 {width: 35%;}
.bg1{background: url(../img/bg.png) no-repeat top;background-size:cover;}
.about-i-c2-box{margin-bottom: 10px;}
.about-i-c img{padding-bottom: 10px;}
.partner01 ul li{width: 50%;}
.photo-c ul li{width: 100%;margin-bottom: 15px;}
.photo-c ul li a{width: 100%;display: block;}
.cinfo-l , .cinfo-r{width: 100%;}
.detail01 img{width: 100%; display: block;}
.pro-back{width: 30%;}
.news-nc-img{width: 100%;}
.news-nc-c{width: 100%;}
.contact-nbox img{width: 100%; display: block;}
.about-i-c2 .col-xs-4{margin: 0 auto;padding: 3px;}
.aboutbg2 .about-i-c2-box{padding: 30px 0;width: 130px;height: 130px;}
.jobs-nbox-detail ul li span{width: 50%;}
.footer{padding: 30px 0 10px 0;}
.footer-c-r{margin-top: 25px;}
.footer-c-r img{width: 100%;}
.sjclear{clear: both;}
.list-i1 .slick-prev,.show_imgtone .slick-prev{left: 0;}
.list-i1 .slick-next,.show_imgtone .slick-next{right:0;}
.aonuo-nav .aonuo-right .aonuo-bignav a{padding: 0px 25px;height: 45px;line-height: 45px;}
.dropdown-menu a{line-height: 45px;}
.contact-l h2{font-size: 22px;}
}

  .kk{
	width: 100%;
	height:480px;

  }
  .out {
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0 auto;
	top: 2px;
  }
  .out .inner {
	width: 100%;
	height: 100%;
  }
  .out .inner .img {
	margin-left: 20%;
	margin-top: 4%;
	margin-bottom: 20%;
	width: 25%;
	height: 350px;
	position: absolute;
	transition: 0.5s;
  }
  .out .inner .img img {
	width: 100%;
	height: 100%;
  }
  .out .arrow {
	font-size: 32px;
  }
  .out .arrow i {
	position: absolute;
	z-index: 9999;
	cursor: pointer;
	top: 84px;
  }

  .out #last {
	transform: translateX(0);
	z-index: 9;
	opacity: 1;
  }
  .out #first {
	transform: translateX(200px) scale(1.3);
	z-index: 99;
	opacity: 1;
  }
  .out #second {
	transform: translateX(400px);
	z-index: 9;
	opacity: 1;
  }
  .out #left {
	transform: translateX(-100px);
	z-index: 1;
	opacity: 0;
  }
  .out #right {
	transform: translateX(500px);
	z-index: 1;
	opacity: 0;
  }