*{margin: 0;padding: 0;box-sizing: border-box;}
.clear{clear: both;content: "";}
body{font-family: "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";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}

input::-webkit-input-placeholder { /* WebKit browsers */ 
color: #999; 
} 
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #999; 
} 
input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #999; 
} 
input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #999; 
} 

.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 14px; color: #474747;font-size: 16px; 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: #f7a623;}
.aonuo-nav .dropdown .dropdown-menu{border: none;padding: 0px;margin: 0px;background-color:#fff;border-top:3px solid  #f7a623 ;}
.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: #f7a623;color: #fff;}
.nav> li:hover .dropdown-menu {display: block;}
.aonuo-bignav #form {line-height: 80px;padding-left: 20px;position: relative;position: relative;}
.aonuo-bignav #form #ser_ipt{outline:none; border: 1px solid #ddd;border-radius: 10px;font-size: 12px;color: #ccc;text-align: left;height: 24px;vertical-align: middle;padding: 0px 30px 0px 10px;} 
.aonuo-bignav #form #head_searchbut{outline:none; border: 1px solid #ddd;border-radius: 10px;font-size: 12px;color: #999;text-align: center;height: 18px;vertical-align: middle;padding: 0px 5px 0px 5px;position: absolute;
    right: 1px;
    top: 40%;

    display: inline-block;
    overflow: hidden;} 
.aonuo-bignav #form #yt_nav_seach{position: absolute;right: -8px;top:50%;margin-top: -16px; vertical-align: middle; display: inline-block;height: 30px;width: 45px;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{}
.aonuo-nav .navbar-default ul li a:hover{color: #fff;background-color: #f7a623;}
.aonuo-nav .navbar-default ul li .a1 a {color: #fff;background-color: #f7a623;}
.aonuo-nav .navbar-default ul li  .a1{color: #fff;background-color: #f7a623;}


.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:#f7a623;}
.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-index .title-t a ,.about-i-box .title-t a{text-decoration: none;color: #333;}
.products-index .title-t a:hover ,.about-i-box .title-t a:hover{color: #333;}
.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;color: #333;text-align: center;text-decoration: none;}
.products-box .col-md-4{padding: 10px;}
.pro-i-c a{color: #333;}

.honor1{overflow: hidden;}
.honor1 ul li{width: 25%;float: left;}
.honor1 ul li img{width: 100%;display: block;}

.bg1{/*background: url(../img/bg.png) no-repeat center;*/background: #f3f3f3;padding: 20px 0 50px 0;}
.about-i-box{padding: 10px 0 30px 0;overflow: hidden;}
.about-i-c{}
.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;}
.about-i-c2-box h2{font-size: 37px;color:#fe8600;font-family: 隶书;margin: 0;}


.i-field {padding: 30px 0 10px 0;overflow:hidden;/*background: url(../img/bg3.jpg) repeat-x top*/background: #f9f9f9;}
.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: #0980bc;*/
}
.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;
	font-weight: bold;
	/*border-top: 1px solid #eee;
	background: #ffff;*/
}
.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;
	border: 1px solid #eee;
}

.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{background: #f9f9f9; 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: #222222;padding: 30px 0;overflow: hidden;overflow: hidden;}
.footer-c {overflow: hidden; text-align: center;}
.footer-c h4{color: #999;}
.footer-c a{display: block;line-height: 25px;color: #666;font-size: 13px;}
.footer-c  .col-md-2{padding: 0;}
.footer-c-r{}
.footer-c-r p{padding: 5px 0; color: #999;}
.footer-c-r img{width: 75%;display: block;margin: 0 auto;}
.footer2{border-top:1px solid #2d2828;background: #222;}
.footer2 a{line-height: 30px; padding: 5px 0;}

.banner-about{background: url(../img/about/banner-about.jpg) no-repeat center; width: 100%; height: 300px;margin-top: 80px;}
.aboutbg2{background:url(../img/bg2.jpg) no-repeat top;padding-bottom: 25px;}
.aboutbg2 .title-t{color: #fff;}
.aboutbg2 .title-t p{color: #999;}
.aboutbg2 .about-i-c2-box{padding:50px 0;background:#f7a623;border: 3px solid #fff;border-radius:100%;}
.aboutbg2 .about-i-c2-box h2{margin: 0;color: #fff;font-size: 35px;}
.aboutbg2 .about-i-c2{color: #fff;}
.aboutbg2 .about-i-c2-box2{padding: 50px 0;background: #f7a623;border-radius: 100%;}
.aboutbg2 .about-i-c2-box2 h2{margin: 0;color: #fff;font-size: 35px;font-family: 隶书;}
.photo-c ul li{float: left; width: 33.3%;}
.photo-c ul li a {
    display: block;
    width: 96%;
    border: 5px solid #fff;
    margin-bottom: 15px;
}
.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: 22%;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: left;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{}
.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 16px;}
.online textarea{padding: 10px 15px;}
#ser_ipt
    {
        outline: none;
    border: 1px solid #ddd;
    border-radius: 10px;
    font-size: 12px;
    color: #999;
    text-align: center;
    height: 24px;
    }
    
.onlinbox {

    width: 48px;
    height: 152px;
    border: 1px solid #ccc;
    /* margin-left: 30%; */
    margin-top: 15%;
    position: absolute;
    right: 0;
    z-index: 9999;
}

.onlinbox ul li {

	width: 48px;

	display: block;

	height: 50px;

	padding: 2px;

	overflow: hidden

}

.weixin {

	background: url(../img/elevator.png) no-repeat;

	background-position: 0 86.7%;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

}

.weixin:hover {

	background-position: 0 93%

}

.weixin:hover .weixin-logo {

	width: 170px;

	height: 204px;

}

.idea {

	background: url(../img/elevator.png) no-repeat;

	background-position: 0 43%;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

}

.idea:hover {

	background-position: 0 49%;

}

.app {

	background: url(../img/elevator.png) no-repeat;

	background-position: 0 55%;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

}

.app:hover {

	background-position: 0 61%;

}

.app:hover .app-logo {

	width: 170px;

	height: 185px;
/*
	-webkit-transform: rotate(360deg);

	-moz-transform: rotate(360deg);

	-ms-transform: rotate(360deg);

	-o-transform: rotate(360deg);*/

}

.weixin-logo {

	background: url(../img/elevator.png) no-repeat;

	background-position: 0 0;

	width: 0px;

	height: 0px;

	overflow: hidden;

	position: absolute;

	top: -154px;

	left: -171px;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

}

.app-logo {

	background: url(../img/elevator.png) no-repeat;

	background-position: 0 26%;

	width: 0px;

	height: 0px;

	overflow: hidden;

	position: absolute;

	top: -18px;

	left: -171px;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;

}    
    

@media only screen and (max-width:1200px) {
	.aonuo-nav .aonuo-right .aonuo-bignav a{padding: 0 10px;}
}
/*@media only screen and (max-width:992px) {
	.aonuo-nav .container{width: 1150px;}
}*/
@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-box2{padding: 30px 0;width: 115px;height: 115px;}
.aboutbg2 .about-i-c2-box2 h2{font-size: 22px;}
.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;}
#ser_ipt
    {
        outline: none;
    border: 1px solid #ddd;
    border-radius: 10px;
    font-size: 12px;
    color: #999;
    text-align: center;
    height: 24px;
    }
.aboutbg2 .about-i-c2-box h2{font-size: 14px;}    
.nav> li:hover .dropdown-menu {display:none;}
}