﻿@charset "utf-8";
body{margin:0px; padding:0px; margin:0px auto; font-size:12px; line-height:24px; font-family:"微软雅黑"; color:#333; width:100%; background:#fff;}
ul,li,form, dl,dt,dd,div,ul,li,h1,h2,h3,h4,h5,h6,p,em,i{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6,p{ padding:0px; margin:0px;}
select,input,textarea{ font-size:12px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"微软雅黑";}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0;  vertical-align:top;}
a{ color:#666; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#957350;}
.fl{ float:left;}.fr{ float:right;}
.yh{font-family:"微软雅黑";}
.hidetxt{ display:none;}
.clear{clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.w1300{width:1300px; margin:0px auto;}

/*公用样式*/
.effect-img {overflow: hidden;text-align: center;cursor: pointer; zoom:1; overflow:  hidden;}
.effect-img img {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s;}
.effect-img:hover img {opacity: 1;-webkit-transform: scale3d(1.2,1.2,1);transform:  scale3d(1.2,1.2,1); top:0px; left:0px;}

.Ban img{display:block; width:100%;}
.Container{padding:50px 0px 100px;}
.Meun{text-align:center;}
.Meun a{display:inline-block; width:180px; height:50px; line-height:50px; font-size:18px; color:#666666; background:#f0f0f0; border-radius:5px; margin:0px 5px;}
.Meun a.on{background:#5a4e87; color:#fff;}


/*pages*/
.Pages{width:100%; text-align:center; color:#666666; font-size:14px; line-height:36px; font-family:Arial;}
.Pages b{font-weight:normal; color:#e60012;}
.Pages a{display:inline-block; width:36px; text-align:center; height:36px; line-height:36px; border:1px solid #e6e6e6; color:#666666; font-size:16px; margin:0px 8px;}
.Pages .p_page{padding-left:10px;}
.Pages .i_text{width:42px; padding:0px 10px; height:36px; line-height:36px; border:1px solid #e6e6e6; margin:0px 7px;}
.Pages .i_button,.Pages .p_count{margin-left:10px; padding:0px 10px; border:1px solid #e6e6e6; height:36px;}
.Pages .p_count{display:inline-block; padding:0px 18px; border:1px solid #e6e6e6;}
.Pages a:hover,.Pages a.a_cur{background:#5a4e87; color:#fff;}


/*top*/
.Logo{width:406px; float:left; padding:24px 0px;}
.Logo img{display:block; width:100%;}

/*nav*/
.Nav{width:716px; float:right;}
.Nav li{ z-index:999;float:left; margin-left:54px; position:relative; padding:31px 0px;}
.Nav li a.am{display:block; line-height:38px; font-size:16px; color:#333333;}
.Nav li.onnav a.am,.Nav li:hover a.am{font-weight:bold; color:#5a4e87; background:url(../images/navon.png) no-repeat center bottom;}
.SubNav{position:absolute; width:180px; left:50%; margin-left:-90px; top:100%; text-align:center; background:#fff; box-shadow:0px 0px 20px #e5e5e5; display:none;}
.SubNav dd a{display:block; height:40px; line-height:40px; font-size:14px; color:#333; border-bottom:1px solid #e5e5e5;}
.SubNav dd:hover a{background:#5a4e87; color:#fff;}


/*banner*/
.Banner{position:relative; overflow:hidden;}
.Banner .item img{display:block; width:100%;}
.Banner .owl-dots{position:absolute; text-align:center; height:5px; bottom:38px; left:0; width:100%;}
.Banner .owl-dots .owl-dot{width:30px; height:5px; display:inline-block; margin:0 4px; text-indent:9999; line-height:9999; overflow:hidden; background:#fff;}
.Banner .owl-dots .owl-dot.active{background:#493c7a;}


/*bottom*/
.Bottom{padding:30px 0px 23px; background:#222222;}
.Bottom .bleft{font-size:14px; line-height:25px; color:#898989; width:718px; float:left; padding:15px 0px 0px;}
.Bottom .bleft a{color:#898989;}
.Bottom .bleft i{padding:0px 9px;}
.Bottom .weixin{width:75px; float:right; text-align:center;}
.Bottom .weixin img{display:inline-block;}
.Bottom .weixin em{display:block; font-size:14px; line-height:34px; color:#a9a9a9;}


/*index*/
.HomeAbout{padding:26px 0px 45px;}
.HomeTit h3{font-size:24px; line-height:52px; color:#333333; text-align:center;}
.HomeTit i{display:block; width:20px; height:2px; background:#493c7a; margin:0 auto;}
.HomeAbout .box{padding:38px 0px 0px;}
.HomeAbout .box .txt{width:590px; float:left; padding:13px 0px 0px;}
.HomeAbout .box .txt .info{font-size:14px; line-height:25px; color:#666666;}
.HomeAbout .box .txt .more{display:block; margin:40px 0px 0px; width:118px; height:33px; text-align:center; line-height:33px; border:1px solid #493c7a; color:#493c7a; font-size:14px;}
.HomeAbout .box .pic{width:618px; height:310px; float:right; position:relative;}
.HomeAbout .box .pic .img{display:block; width:500px; height:280px; margin-left:80px;}
.HomeAbout .box .pic .line{width:100px; height:1px; background:#777777; position:absolute; left:0px; top:20px; z-index:2;}
.HomeAbout .box .pic .mask{width:226px; height:280px; position:absolute; right:0px; bottom:0px; background:#f1f1f1; z-index:-1;}

.HomeProduct{padding:26px 0px 50px; background:#f7f7f7;}
.SlideTxt{padding:40px 0px 0px;}
.SlideTxt .hd{width:250px; height:370px; float:left; background:#493c7a;}
.SlideTxt .hd li{height:50px; line-height:50px;}
.SlideTxt .hd li a{display:block; font-size:16px; color:#fff; padding-left:34px;}
.SlideTxt .hd li .icon{display:inline-block; padding:9px 7px 0px 0px;}
.SlideTxt .hd li.on a{background:#42366e;}

.SlideTxt .bd{padding:30px 20px 0px; width:1000px; height:340px; background:#fff; overflow:hidden; float:right;} 
.Product li{width:320px; float:left; margin-right:20px;}
.Product li:nth-child(3n){margin-right:0px;}
.Product li .effect-img{border:1px solid #e4e4e4;}
.Product li .effect-img img{display:block; width:100%; height:258px;}
.Product li .name{display:block; margin:20px 0px 0px; text-align:center; font-size:16px; color:#333333; line-height:30px;}

.HomeNews{padding:26px 0px 48px;}
.HomeNews .box{padding:34px 0px 0px;}
.focusBox{float:left; position: relative; width:550px; height:350px; overflow: hidden;}
.focusBox .pic img{width:550px; height:350px; display: block;}
.focusBox .txt-bg{position: absolute; bottom:1px; left:1px; z-index:1; height:40px; width:100%;  background:#000; filter:alpha(opacity=60); opacity:0.6; overflow: hidden;}
.focusBox .txt{position:absolute; bottom:0; z-index:2; height:40px; width:100%; overflow: hidden;}
.focusBox .txt li{height:40px; line-height:40px; position:absolute; bottom:-40px;}
.focusBox .txt li a{display: block; color:#fffefe; padding: 0 0 0 25px; text-decoration: none; font-size:16px;}
.focusBox .num {position: absolute; z-index: 3; bottom:15px; right:8px; height:7px; overflow:hidden; color:#999999;}
.focusBox .num li{float: left; text-align:center; position: relative; width:7px; height:7px; line-height:99999px; margin:0px 2px; cursor: pointer; background:url(../images/dotpic.png) no-repeat left top;}
.focusBox .num li.on{background:url(../images/dotpic.png) no-repeat left bottom;}
.Nlist{width:718px; float:right;}
.Nlist li{font-size:14px; line-height:35px; height:35px; overflow:hidden; background:url(../images/arr1.png) no-repeat left center; padding-left:11px;}
.Nlist li a{color:#333333;}
.Nlist li span{float:right; color:#bbbbbb;}

/*关于我们*/
.About{margin:80px 0px 0px; position:relative; min-height:500px; height:auto !important; height:500px;}
.About .txt{width:560px; padding:83px 100px 74px 40px; background:#f6f6f6;}
.About .txt h3{font-size:20px; line-height:32px; color:#000000; margin-bottom:27px;}
.About .txt .info{font-size:16px; line-height:28px; color:#666666;}
.About .pic{position:absolute; top:50px; right:0px; z-index:5; width:650px;}
.About .pic img{display:block; width:100%;}

/*发展历程*/
.History{padding:32px 50px 0px;}
.History ul{background:url(../images/line.png) repeat-y 250px top;} 
.History li{margin-top:50px;}
.History li .Date{width:200px; float:left; padding:26px 0px 59px; border-bottom:1px solid #eaeaea;}
.History li .Date span{padding-left:25px; display:block; font-size:30px; color:#5a4e87; line-height:54px; font-weight:bold;}
.History li .box{width:880px; float:right; padding-left:80px; background:url(../images/his.png) no-repeat left center;}
.History li .box .txt{height:40px; font-size:16px; line-height:40px; padding:50px 32px; background:#f6f6f6; color:#666; position:relative;}
.History li .box .txt .arrow{position:absolute; background:url(../images/arr2.png) no-repeat; width:9px; height:14px; left:-9px; top:50%; margin-top:-7px;}

/*产品中心*/
.ProductList ul{padding:52px 0px 30px;}
.ProductList li{width:300px; margin:0px 33px 38px 0px; float:left;}
.ProductList li:nth-child(4n){margin-right:0px;}
.ProductList li .effect-img{border:1px solid #e4e4e4;}
.ProductList li .effect-img img{display:block; width:100%; height:238px;}
.ProductList li .name{display:block; margin:2px 0px 0px; text-align:center; font-size:16px; color:#333333; line-height:50px; height:50px; overflow:hidden; background:#f5f5f5;}
.ProductList li:hover .effect-img img{opacity: 1;-webkit-transform: scale3d(1.2,1.2,1);transform:  scale3d(1.2,1.2,1); top:0px; left:0px;}
.ProductList li:hover .name{background:#5a4e87; color:#fff;}

/*产品详情*/
.ProductBox .pic{width:638px; float:left; border:1px solid #e4e4e4;}
.ProductBox .pic img{display:block; width:100%;}
.ProductBox .box{width:640px; float:right; min-height:450px; height:auto !important; height:450px; background:#f7f7f7;}
.ProductBox .box .txt{padding:46px 52px;}
.ProductBox .box .txt h3{font-size:20px; color:#000000; line-height:30px;}
.ProductBox .box .txt .info{line-height:30px; font-size:14px; color:#666666; margin:26px 0px 42px;}
.ProductBox .box .txt .info h4{font-size:14px; color:#333333;}
.ProductBox .box .txt .ask{display:block; width:180px; height:50px; line-height:50px; text-align:center; background:#5a4e87; font-size:16px; color:#fff;}
.Prodetail{margin:40px 0px 0px;}
.Prodetail .tit{height:50px; line-height:50px; background:#f7f7f7;}
.Prodetail .tit .name{display:inline-block; background:#5a4e87; color:#fff; font-size:18px; width:180px; text-align:center;}
.Prodetail .info{padding:38px 0px 0px; font-size:14px; line-height:30px; color:#666666;}

/*新闻中心*/
.NewsList ul{padding:50px 0px 17px; border-bottom:1px solid #f3f3f3; margin-bottom:58px;}
.NewsList li{height:42px; line-height:42px; overflow:hidden; background:url(../images/arr3.png) no-repeat left center; padding-left:24px;}
.NewsList li a{color:#666666; font-size:16px;}
.NewsList li .time{font-size:16px; color:#999999; float:right;}
.NewsList li.first{padding-left:0; height:auto; background:#f5f5f5; margin-bottom:35px;}
.NewsList li.first .pic{width:360px; float:left;}
.NewsList li.first .pic img{display:block; width:100%;}
.NewsList li.first .txt{width:880px; float:left; padding:38px 0px 0px 34px; line-height:24px; font-size:14px;}
.NewsList li.first .txt .tit{display:block; line-height:26px; height:26px; overflow:hidden; color:#333333; font-size:16px; font-weight:bold;}
.NewsList li.first .txt .info{height:72px; overflow:hidden; color:#666666; margin:14px 0px 20px;}
.NewsList li.first .txt .date{color:#999999; display:block;}

/*新闻详情*/
.Atit{text-align:center; line-height:28px; position:relative;}
.Atit h2{font-size:28px; color:#333333; line-height:50px;}
.Atit em{display:block; font-size:14px; color:#999999; padding:0px 0px 30px; border-bottom:1px dashed #d6d6d6;}
.Atit em i{padding:0px 10px;}
.bdsharebuttonbox{display:inline-block; vertical-align:middle;}
.ContentAbout{padding:26px 0px 87px 0px;}
.PrevNextBox dl{font-size:16px; line-height:50px; text-align:center; background:#f7f7f7; width:640px;}
.PrevNextBox dl b{color:#000; font-weight:normal;}
.PrevNextBox dl a{color:#666666;}
.PrevNextBox dl:hover{background:#5a4e87;}
.PrevNextBox dl:hover b,.PrevNextBox dl:hover a{color:#fff;}

/*下载中心*/
.DownCenter ul{padding-bottom:12px;}
.DownCenter li{width:300px; height:200px; margin:0px 33px 40px 0px; float:left; background:#f7f7f7;}
.DownCenter li:nth-child(4n){margin-right:0;}
.DownCenter li .date{display:block; width:120px; height:40px; line-height:40px; text-align:center; background:#5a4e87; color:#fff; font-size:14px;}
.DownCenter li .box{padding:36px 30px 0px; line-height:28px;}
.DownCenter li .box .name{display:block; font-size:16px; height:28px; overflow:hidden; color:#444444; margin-bottom:35px;}
.DownCenter li .box .down{display:block; font-size:14px; padding-left:20px; color:#5a4e87; font-weight:bold; background:url(../images/down.png) no-repeat left center;}

/*联系我们*/
.Contact .map img{display:block; width:100%;}
.Contact .txt{border:1px solid #eeeeee; padding:56px 38px 47px; margin:30px 0px 0px;}
.Contact .txt h2{font-size:24px; line-height:36px; color:#5a4e87; margin-bottom:18px;} 
.Contact .txt .info{font-size:16px; line-height:30px; color:#444444;}