body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0; }
body{ font:12px/1.6 "\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB'; color:#666; background: #fff; }
img{vertical-align: middle; border:none; max-width:100%;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;font-family:"\5FAE\8F6F\96C5\9ED1";}
a{ color:#000; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:hover{ text-decoration:none; color:#f8b500;}
:focus {outline: 0 none!important;}
h1,h2,h3,h4{ font-size:100%; font-weight:normal;}
html,body{ width:100%; height:100%;}
.wrap{ width:1080px; margin:auto;}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
em{ font-style:normal;}

.cl i,.searchbox .abtn,.unslider-arrow,.am-direction-nav a,.link-shade i,.i-pro-box .more,.er a,.mnav{ background: url(../images/icon2.png) no-repeat;}
.head-h{ height: 100px; width: 100%;}
.header{ background: #fff; height: 100px; position: fixed; left: 0; top: 0; width: 100%; box-shadow: 2px 2px 2px #ada8ae; z-index: 9999;}
.header h1{ font-size: 0; float:left; padding-top:25px;}
.h-nav{ float:left; padding-left: 45px;}
.h-nav li{ height: 100px; width: 90px; text-align:center; line-height: 114px; float: left; overflow: hidden;}
.h-nav li a{ display: block; font-size: 14px; border-top:2px solid #fff;}
.h-nav li a:hover{ background: #ecebeb; border-color:#f8b500; color: #f8b500;}
.h-right{ float: right; padding-top: 12px;}
.language{ }
.cl{ padding:1px 0 1px 0; overflow: hidden; width: 80px;  border: 1px solid #d3d3d3; border-radius: 7px;}
.cl span{ float: left; width: 58px; text-align: center; border-right: 1px solid #d3d3d3; font-size: 10px;}
.cl i{ background-position: -17px 0; width: 7px; height: 4px; float: left; margin: 6px 0 0 5px;}
.mlan{ position: absolute; top: 21px; right: 50px;}
.mlan a{ margin:0 5px; color: #666; font-size: 14px;}
.searchbox{ width: 158px; height: 22px;border: 1px solid #d3d3d3; border-radius: 7px; overflow: hidden; *float: right;}
.searchbox .text{ width: 124px; height: 20px; line-height: 20px;  border: none; border: 0; float: left; margin-left: 8px;}
.searchbox .abtn{ background-color: #f8b500; background-position: 5px 4px; width: 26px; height: 22px; float: left; border: none; cursor:pointer;}
.mnav{ background-position: -181px -130px; width: 26px; height: 24px; position: absolute; right: 10px; top: 19px;}
.mnav-list{ background: rgba(0,0,0,0.5); position: absolute; width: 100%; left: 0; top: 60px; z-index: 99; padding: 10px 0; display: none;}
.mnav-list li{ text-align: center;}
.mnav-list li a{ padding: 6px 0; color: #fff; font-size: 16px; display: block;}
.lan{ position: absolute; width: 80px; right: 0; top:19px; font-weight: 100; border: 1px solid #d3d3d3; background: #fff;}
.lan li a{ padding:2px 0 2px 7px; color: #666;}
.lan li a:hover{color:#f8b500;}
.am-slider2{  margin:auto;overflow:hidden; position:relative; overflow:hidden;}
.ie8 .am-slider2{ height:528px; overflow:hidden;}
.am-control-nav{ position:absolute; width:100%; bottom:10px; left:0; text-align:center;}
.am-control-nav li{ display:inline-block; text-align:center; margin:0 5px;}
.am-control-nav li a{ display:block; font-size:0; text-indent:-9999px; width:12px; height:12px; border-radius:12px; background: #fff;}
.am-control-nav li .am-active{ background:#F7B800;}
.am-slides2 li img{ width:100%; height:100%;}
.am-slider2 .am-direction-nav a{ position: absolute;top: 0; width: 35px; height: 72px; display: block; font-size: 0; text-indent: -9999px; top: 50%; margin-top: -36px;}
.am-slider2 .am-direction-nav .am-prev{ background-position: 0 -17px; left: 17%; }
.am-slider2 .am-direction-nav .am-next{ background-position: -35px -17px; right: 17%;}

.am-slider2 .am-direction-nav{ display: none;}

.i-pro-box { background: #f4f4f4; padding:40px 0 100px; border-bottom: 2px solid #ebab00; position: relative;}
.it{ text-align: center; font-size: 18px; color: #333; position: relative;}
.it span{ display: block; font-size: 12px;}
.it:after{ content: ''; display: block; width: 30px; height: 3px; background: #333333; position: absolute; left: 50%; margin-left: -15px; bottom: -10px;}
.tags{ text-align: center; padding-top: 40px; margin-bottom: 40px;}
.tags a{ width: 100px; height: 32px; line-height: 32px; text-align: center; padding: 0; margin:0; border: 1px solid #333333; font-size: 14px; border-radius: 16px; display: inline-block; margin: 0 10px;}
.tags .on{ background: #ebab00!important; border-color: #ebab00!important; color: #fff!important;}

.am-slider{ position: relative; height: 283px;}
.am-slider .am-slides h3{ height: 40px; line-height: 40px; text-align: center; border-bottom: 3px solid #dbdbdb; overflow: hidden; font-size: 14px;}
.am-slider .am-slides li{ float: left; margin-right: 30px; position: relative;}
.ie8 .am-slider .am-slides li{ width: 340px;}
.am-slider .am-direction-nav a{ width: 60px; height: 60px; position: absolute;top: 98px; display: block; font-size: 0; text-indent: -9999px;}
.am-slider .am-direction-nav .am-prev{ background-position: -94px 0; left: -120px; }
.am-slider .am-direction-nav .am-next{ background-position: -154px 0; right: -120px;}
.am-slider .am-direction-nav .am-prev:hover{background-position: -94px -60px; }
.am-slider .am-direction-nav .am-next:hover{ background-position: -154px -60px; }
.am-slider .am-slides li a{ display: block; position: relative;; overflow: hidden;}
.tagcon{ height: 283px; overflow: hidden; position: relative;}
.i-pro-list{ height: 283px;}
.link-shade{ background: rgba(235,171,0,0.7); width: 340px; height: 240px; position: absolute; left: 0; top: 0; text-align: center; line-height: 280px; display: none;}
.link-shade i{ background-position: 0 -94px; width: 60px; height: 60px; display: inline-block;}
.am-slider .am-slides li a:hover .link-shade{ display: block;}
.am-slider .am-slides li a:hover h3{ border-color: #ebab00 ;}
.i-pro-box .more{ background-position: -67px -124px; width: 90px; height: 30px; text-align: center; line-height: 36px; color: #fff; position: absolute; left:50%; margin-left: -45px; bottom: 0; overflow: hidden;}
.about-article{ line-height: 24px; padding-top: 40px;}
.about-img{ padding-top: 20px;}
.about-img li{ float: left; width: 50%;}
.about-img li:nth-child(2n){ text-align: right;}
.ie8 .i-pro-list .am-slides{ width: 1120px;}
.link-shade i{ *position: relative; *top: 90px;}
.i-pro-list .am-direction-nav { display: none;}
.i-pro-list .am-direction-nav li:nth-child(1){}

.inews{ background: url(../images/bg1.jpg) no-repeat center top; padding-bottom: 0; border-bottom: none; height: 460px;}
.inews .it{ color: #fff;}
.inews .it:after{ background: #fff;}
.i-news-list{ padding-top: 90px;}
.i-news-list li{ float: left; width: 33.3%; color: #fff; position: relative;}
.i-news-list li h3{ font-size: 16px; height: 20px; position: relative; margin-bottom: 12px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.i-news-list li h3 a{ color: #fff;}
.i-news-list li h3 a:hover{ text-decoration:underline;}
.i-news-list li .intro{ line-height: 24px; height: 120px; overflow: hidden; margin-bottom: 32px;}
.tim{ display: block; margin-bottom: 10px;}
.rj{ width: 290px;}
.i-news-list li .imore{ width: 100px; height: 32px; line-height: 32px; text-align: center; display: block;  color: #fff; font-size: 14px; border-radius: 15px; border:1px solid #fff;}
.i-news-list li .imore:hover{ background: #ebab00; border-color: #ebab00;}
.i-news-list li:before{ content: ''; display: block; position: absolute; width: 20px; height: 2px; background: #fff; left: 0; top: -12px;}
.i-link-box{ padding:35px 0 0 0; margin-bottom: 30px;}

.links{ margin-left: -14px; margin-right: -14px; padding-top: 50px;}
.links li{ float: left; padding:0 14px; margin-bottom: 20px; width: 20%; box-sizing:border-box;}
.links li img{ border: 1px solid #dbdbdb;}
.links li:hover img{ border-color: #ebab00}
.bot-tel{ background: url(../images/bg2.png) no-repeat center top; height: 10px; margin-bottom: 32px; text-align: center; font-size: 14px; color: #333; }
.bot-tel span{ color: #ebab00; font-size: 24px;}
.bot-tel p{ position: relative; top: -15px;}

.footer{ background: url(../images/bg3.png) repeat; width: 100%; min-height: 320px; text-align: center;}
.er{ text-align: center; padding-top: 40px; margin-bottom: 35px;}
.er a{ display: inline-block; width: 40px; height: 40px; margin: 0 10px;}
.er div{ margin-bottom: 30px;}
.er .tx{ background-position: 0 -161px;}
.er .sina{ background-position: -60px -161px;}
.er .wechat{ background-position: -120px -161px;}
.er .tx:hover{ background-position: 0 -201px;}
.er .sina:hover{ background-position: -60px -201px;}
.er .wechat:hover{ background-position: -120px -201px;}
.copy{ margin-bottom: 5px;}
.copy,.binfo,.copy a{ color: #bfbfbf;}
.am-slider3{ display: none;}

.menus-list li i,.download li span{ background: url(../images/icon5.png) no-repeat;}
.banner{ height: 200px; margin-bottom: 20px;}
.content{ padding-bottom: 40px;}
.rside{ float: right; width:250px;}
.menus{ background: #f9f9f9;}
.menus-box{ background: url(../images/icon4.png) no-repeat bottom center; padding-bottom: 42px; margin-bottom: 10px;}
.r-cloumn{ background: url(../images/icon3.jpg) no-repeat; width: 250px; height: 69px;}
.r-cloumn span{ font-size: 18px; color: #fff; float: left; margin: 16px 0 0 48px;}
.menus-list{ padding: 5px 0;}
.menus-list >li{ }
.menus-list >li >a{ font-size: 14px; color: #333; padding-left: 48px; display: block; position: relative; height: 34px; line-height: 34px;}
.menus-list li i{ background-position: 0 -31px; width: 9px; height: 9px; position: absolute; left: 30px; top: 14px;}
.menus-list li .hover{ color:#f8b500; font-size: 18px;}
.menus-list li .hover i{ background-position: 0 0;}
.menus-list li a:hover{ color:#f8b500; font-size: 12px;}
.r-cloumg{ height: 36px; line-height: 36px; border-bottom: 1px solid #d7d7d9; margin-bottom: 20px;}
.r-cloumg span{ float: left; color: #f8b500; font-size: 16px; border-bottom: 2px solid #f8b500; padding-right: 5px;}
.r-cloumg .more{ float: right;}
.way-article{ line-height: 22px; color: #333;}
.main{ margin-right: 300px;}
.bread{ float: right; background:url(../images/icon6.png) no-repeat left; padding-left: 20px;}
.bread strong{ font-weight: 100; color:#333;}
.box{ width: 100%; overflow: hidden;}
.article{ line-height: 24px; min-height: 400px; padding-top: 20px;}
.main .r-cloumg{ padding-top: 20px; margin-bottom: 0;}
.news-list{ margin-bottom: 40px;}
.news-list li{ padding:20px 0; border-bottom: 1px dashed #e2e2e2;}
.news-list li h3{ height: 20px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; margin-bottom: 6px;}
.news-list li .ntime{ margin-bottom: 3px;}
.news-list li .intro{ line-height: 24px;}
.pages a{ display: inline-block; padding:1px 7px; margin:0 2px;}
.pages .cur{ background: #f0c144; color: #fff;}

.atitle{ text-align: center; padding-top: 20px;}
.atitle h1{ font-size: 14px; color: #333; margin-bottom: 20px;}
.date{ height: 38px; line-height: 38px; border-top:1px dashed #e2e2e2; border-bottom:1px dashed #e2e2e2;}
.date span{ margin:0 10px; color: #5e5e5e;}
.goback{ text-align: right; padding-top: 20px;}
.goback a{ color: #666;}

.sub-menus{ display: none;}
.sub-menus li{ height: 26px; line-height: 26px;}
.sub-menus li a{ display: block; padding-left: 70px; color: #666; position: relative;}
.sub-menus li a b{ background: url(../images/icon7.png)  no-repeat 0 -26px; width: 6px; height: 6px; position: absolute; left: 55px; top: 11px;}

.menus-list li .hover2,.menus-list li .sub-menus .on{ color:#f8b500;}
.menus-list li .hover2 i,.menus-list li .sub-menus .on b{ background-position: 0 0;}
.menus-list li .sub-menus .on{ font-size: 12px;}
.pro-list{ margin:0 -15px 40px -15px;}
.pro-list li{ float: left; padding: 30px 15px 0; width: 33.3%; box-sizing:border-box;}
.pro-list li a{ display: block; border: 1px solid #d7d7d9;}
.pro-list li h3{ height: 20px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; text-align: center; padding: 14px 6px;}
.pro-list li a:hover{ border-color:#f8b500;}
.pro-list li span{ display: block; overflow: hidden; }
.pro-list li span:hover img{ -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.pro-list li img{-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;
	width: 237px; height:167px;
}
.am-slider .am-slides li img{ width: 340px; height: 240px; }
.big{ text-align: center; padding-top: 20px;}
.pro-title{ color: #333; font-size: 14px; margin-bottom: 20px;}
.ptag{ overflow: hidden; border-bottom: 1px solid #d7d7d9;}
.ptag a{ display: inline-block; float: left; padding:5px 20px; font-size:14px;}
.ptag .on{ background: #f8b500; color: #fff;}
.pro-article{ display: none; padding:10px;}

.case-list{ margin:0 -15px 30px -15px; *margin-left: -10px;}
.case-list li{ float: left; width: 25%; text-align: center; padding: 0 10px; box-sizing:border-box; margin-top: 20px; *width: 180px;}
.case-list li img{ border:1px solid #d7d7d9;}
.case-list li h3{ height: 20px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; padding-top:6px;}
.case-list li a{ display: inline-block;}

.download{ margin: 10px 0 30px;}
.download li{ height: 36px; line-height: 36px; overflow: hidden; vertical-align: bottom; border-bottom:1px dotted #bfbfbf;}
.download li a{ color: #333;}
.download li span{ float: left; background-position: 0 -16px; padding-left: 18px; margin-left: 5px; white-space: nowrap; text-overflow:ellipsis;}
.download li em{ float: right; background:url(../images/icon8.png) no-repeat 0 11px; padding-left: 22px;}
.download li a:hover{ color: #f8b500;}
.download li a:hover span{ background-position: 0 14px;}
.download li a:hover em{ background-position: 0 -27px;}
.gotop{background: url("../images/toTop.png") no-repeat;
    bottom: 50px;
    display: none;
    height: 50px;
    position: fixed;
    right: 40px;
    width: 50px;}
.gotop:hover{ background-position: -50px 0;}
.tipb{ background: url(../images/icon9.jpg) no-repeat left; padding-left: 90px; height: 75px; padding-top: 26px; padding-bottom: 10px; border-bottom: 1px dotted #cfcfcf; width: 580px; margin: auto; margin-top: 10px;}
.tipb span{ color: #f8b500; font-size: 18px;}
.tipb p{ font-size: 16px;}
.item{ margin-bottom: 10px;}
.item span{ float: left; width: 160px; text-align: right; margin-top: 3px;}
.txtdiv{ float: left;}
.txtdiv .text,.txtdiv textarea{ width: 300px; height: 28px; line-height: 28px; padding:0 5px; border:1px solid #d5dee5;}
.txtdiv textarea{ width: 450px; height: 80px; resize:none;}
.code{ margin-left: 10px;}
.item .btn{ background: url(../images/btn.jpg) no-repeat; width: 100px; height: 28px; border: none; cursor:pointer;}
#check{ margin-top: 30px;}
.item em{ position: relative; top: 2px; left: 8px; color: #f8b500;}

.language a {
    color: #6e6e6e;
    margin: 0 15px;
    display: inline-block;
}
.language .cn i, .language .en i {
    background-position: -27px 0;
    width: 31px;
    height: 14px;
    margin-right: 5px;
}
.language a i, .product-app li i, .menus > li i {
    background: url(../images/icon1.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.language {
    position: absolute;
    top: 10px;
    right: -15px;
    color: #6e6e6e;
}
.searchbox{ margin-top: 36px; }
.language .en i {
    background-position: -64px 0;
}
.jiub{position:absolute; right:194px; top:12px;}
@media only screen and (max-width: 1080px){
	.wrap{ width: 100%;}
	
	.i-pro-box{ padding-left: 10px; padding-right: 10px;}
	.rj{ width: 100%;}
	.i-link-box{ margin-left: 10px; margin-right: 10px;}
	.case-list{ margin:0 0 30px 0;}
	.case-list li a{ display: block;}
	.tipb{ display: none;}
	.item{ padding-left: 20px;}
	.item span{ display: block; float: none; text-align: left;}
	.jiub{ top:13px;}
	.h-nav li{ width: 85px; }
	.i-news-list{ margin: 0 -5px; }
	.i-news-list li{ padding:0 5px; box-sizing: border-box;}
}
@media only screen and (max-width: 999px){
	.header{ position: static;}
	.head-h,.header{ height: 60px;}
	.header h1{ padding: 11px 0 0 10px;}
	.header h1 img{ width: 150px;}
	.h-right form,.h-nav,.mlan{ display: none;}
	.mnav-list{ display: none;}
	.jiub{ top: 22px; }
	.language{ top: 20px; right: 30px; }
	.jiub{ right: 242px; }
}
@media only screen and (max-width: 768px){
	.links li{ padding:0 5px;}
	.banner,.r-cloumn,.rway{ display: none;}
	.rside{ width: 100%; float: none;}
	.menus-box{ background: none; padding-bottom: 0;}
	.main{ margin:0; width: 100%; }
	.main .r-cloumg,.box{ margin:0 10px; width: auto; overflow: hidden;padding:0;}
	.article{ min-height: 200px;}
	.item{ padding-left: 0;}
	.txtdiv{ width:100%; float: none;}
	.txtdiv .text, .txtdiv textarea{ width: 100%; box-sizing:border-box;}
}
@media only screen and (max-width: 500px){
	.i-pro-box{ padding-top:10px; padding-bottom: 50px;}
	.tags{ padding-top: 29px; margin-bottom: 20px;}
	.about-article{ padding-top: 30px;}
	.i-news-list{ padding-top: 35px;}
	.i-news-list li{ width: 100%; margin-bottom: 20px; text-align: center;}
	.rj{ height: 114px; overflow: hidden;}
	.i-news-list li .imore,.i-news-list li::before{ display: none;}
	.links li{ width: 50%; text-align: center;}
	.footer{ padding: 15px 0; height: auto;}
	.er,.er div{ margin-bottom: 10px; padding:0;}
	.copy a{ display: block;}
	.tags a{ width: 80px; height: 26px; line-height: 26px; margin: 0 5px;}
	.am-slider3{ position: relative; overflow: hidden;}
	.am-slider3,.am-slider3 .am-control-nav{ display: block;}
	.am-slider2,.am-slider3 .am-direction-nav{ display: none;}
	.am-slider3 .am-control-nav{ bottom: 7px;}
	.am-slider3 .am-control-nav li a{ width: 10px; height: 10px; background:#fff; border-radius: 10px; border: none;}
	.am-slider3 .am-control-nav li .am-active{ background-color: #f8b500;}
	.i-link-box{ padding:0;}
	.links{ margin:0; padding:34px 0 0 0;}
	.er,.date{ display: none;}
	.news-list li .intro{ height: 48px; overflow: hidden;}
	.atitle h1{ margin:0; font-size: 16px;}
	.pro-list li{ width: 50%; padding:20px 5px 0;}
	.pro-list li a{ box-sizing:border-box;}
	.pro-list{ margin:0 -5px 30px -5px;}
	.case-list li{ width: 33.3%; padding:0 5px;}
	.download li span{ width: 60%; overflow: hidden;}
	.news-list li h3{ font-size: 16px; height: 22px;}
	.pro-title{ font-size: 16px;}
	.gotop{ display: none!important;}
	.h-right{ display: none; }
	.mlan{ display: block; }
	.jiub{ right: 160px; }
}
@media only screen and (max-width: 400px){
	.r-cloumg{ display: none;}
}
.tagcon .am-control-paging{ display: none;}