/*****通用编码******/
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input{margin:0px;padding:0px;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
img{border:none;}
body {color:#666; font-family:"Microsoft Yahei";font-size:12px; width:100%; min-width:1200px; background-color:#fff;}
ul,ol,li,form, dl {list-style: none;}
p{margin:0px; padding:0px;}
a{text-decoration:none;color:#434343;}
a:hover {text-decoration:none;}
div{ margin:0 auto;}

/*模块编码*/
.fl {float: left;}
.fr {float: right;}
.pr{ position:relative;}
.clear {clear: both; overflow:hidden;}
.hidden{ display:none;}
.clearfix:after {clear: both;content:" ";display: block;height: 0;}
.wrap{ width:1200px;}

/*头部*/
#header{position:fixed; z-index:6; left: 0; top: 0; width: 100%}
.top{ height: 32px; line-height: 32px; color: #808080; background-color: #000; position: relative; z-index: 3}
.top .tel{ background: url(../images/tel_03.png) no-repeat 0 center; padding-left: 22px;}
.head{clear: both; background: rgba(255,255,255,1); height:70px; position: relative; z-index: 3}

/*logo*/
.logo{ width:170px; height:70px; background:url(../images/logo.png) no-repeat 0 center;}
.logo a{ display:block; width:100%; height:100%; text-indent:-9999px;}

/*导航*/
.nav{ height:70px;line-height:70px; margin-right: -12px;}
.nav ul{height:70px;}
.nav li{ width:100px; text-align:center; font-family:"microsoft yahei"; position:relative;background:url(../images/nav-bg.jpg) no-repeat 0 0;}
.nav li a{ display:block; width:100px; text-align:center; height:70px; color:#323232; font-size:1.25em;}
.nav li a:hover{color:#371a60; text-decoration: underline;}
.nav li dl{ display:none; width:100px; font-size: 12px; background: rgba(255,255,255,0.8); padding-bottom:5px; position:absolute; top:0; left:0; z-index:10;}
.nav li dd{ height:32px; line-height:32px;vertical-align:top;}
.nav li dd a{ font-size: 12px;}
.nav li.hover dl{ display:block; top:70px;}
.nav li dd a:hover{ text-decoration: none}

/*幻灯片*/
.swiper-container {width:100%; position: relative; top:32px;}
.swiper-slide {text-align: center;font-size: 18px;
     /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{ width:100%}

#main{ position: relative; z-index: 5;margin-top: 150px;}

.pro-items{ width: 1200px; position: relative; z-index: 5; margin-top:60px;}
.item-box{ margin-bottom:10px;}
.pro-items .w790{width: 790px; margin-top: -80px;}
.pro-items .w400{ width: 400px;}
.w-pic{ background-color: #fff; padding: 8px; text-align: center; overflow: hidden;}
.item1 .w-cont{ text-align: right; padding:0 10px; margin-bottom: 50px}
.item2 .w-cont{padding:0 10px;}
.w-cont h4 a{ color: #381b61;}
.w-cont h4 img{ vertical-align:5px; margin-right:10px;}
.w-cont h4 strong{ font-size: 26px;}
.w-cont p{ line-height: 2; margin-top: 10px;}
.item2 .w-cont h4 img{ margin-left:10px;}
.w400 .w-cont{padding:0;}
.w400 .w-pic{ padding:10px 0}

.swiper2-container {width:100%; position: relative; z-index:4; clear: both; top:-50px}

.products{ background-color: #fff; border: 1px solid #e5e5e5; position: relative; z-index: 5; top: -120px; padding: 15px; width:1170px}
.products .mt{ text-align: center; border-bottom:2px solid #e5e5e5; margin-top: 10px;}
.products .mt h4{ font-size: 32px; color: #2c2c2c; font-weight: 400;}
.products .mt p{ color: #d2d2d2; line-height: 2; margin-bottom: 5px;}
.products .pro-tab{ text-align: center; padding: 15px 0}
.pro-tab li{ padding:5px 15px; display: inline-block; font-size: 14px;}
.pro-tab li a{ color: #2c2c2c;}
.pro-tab li.current{ background-color: #5f4880; border-radius: 4px;}
.pro-tab li.current a{ color: #fff;}

.products .tabcon{ width: 1170px; overflow: hidden;}
.products .tabcon ul{ float: left;}
.products .tabcon li{ float: left; margin-right: 8px;}
.products .tabcon li img{ border:4px solid #d7d1df;}

.products .m-cont{ margin-top: 15px;}
.products .m-cont h4{ color:#2c2c2c; font-size: 18px; text-align: center; margin-bottom: 15px;}
.adv-list{ width:535px;}
.adv-list li{ background: url(../images/ico1_29.jpg) no-repeat 10px center; padding-left: 30px; border-bottom: 1px solid #e5e5e5; line-height: 36px;}
.adv-list li:last-child{ border-bottom: none;}
.proc-services{ width:600px;}
.proc-services p{ line-height:36px; padding-left:28px; border-left: 1px solid #c9c9c9;}

.l-ad{ margin-top: -100px;}

.mtit{ text-align: center; height:38px; border-bottom: 1px solid #d2d2d2; margin-bottom:52px; margin-top: 15px;}
.mtit h4{ display: inline-block; color: #2c2c2c; font-weight: 400; font-size: 32px; background-color: #fff; padding: 0 20px;}
.mtit h4 span{ color: #d5d5d5; font-size: 16px;}

.cus-style{ width: 1200px;}
.style-pic{ width: 1200px; height:269px; overflow: hidden;}
.style-pic ul{ float: left;}
.style-pic ul li{ float: left; margin-right:10px;}

.lc-box{width:1200px; padding-top:20px; margin-bottom:20px;}
.lc-box h2{ text-align:center; text-indent:-9999px; background:url(../images/lc-tit.jpg) no-repeat center center; height:88px;}
.lc-cont dd{ border:1px solid #ddd; border-left:none; width:142px; height:146px; padding:20px 21px 10px;font-family:"microsoft yahei"; font-size:14px;}
.lc-cont dd i{ background-color:#bbb; font-size:26px; color:#fff; display:block; width:46px; height:46px; text-align:center; line-height:46px; font-style:normal; border-radius:120px; margin:0 auto 10px;}
.lc-cont dd:hover i{ background-color:#f39317;}
.lc-cont dd p{ line-height:22px;}

/*次页*/
.content{ width:1200px; margin-top:50px; background-color: #fff}

.w-230{ width:230px;}
.w-970{ width:970px; background: url(../images/r-bg.jpg) repeat-y 0 0;}

 ul.part{ width:230px; overflow:hidden;font-family:"microsoft yahei";}
.part li{ width:230px;height:40px; line-height:40px;}
.part li a{color:#2c2c2c; display:block; width:100%; height:100%; text-align:center;font-size:14px;}
.part li a:hover,.part li a.on{ background:#5f4880; color:#fff;}

.path{ height:42px;line-height:42px; color:#000;font-family:"microsoft yahei"; border-bottom:1px solid #cdcdcd; margin-bottom:20px;}
.path div{ color:#8d8d8d; font-size:20px;}
.path .fl{ width:230px; text-align: center; color: #371a60;}

.r-tit{ margin:0 0 0 30px; height: 36px; line-height: 36px; border-bottom: 1px solid #cfc8d9; font-size: 16px; color: #44296b}

.cont{ margin-left: 30px;}

/*产品列表*/
.pro_list{ width: 955px; padding:15px 0 0 0;}
.pro_list li{ width:303px; margin-right:15px; margin-bottom:15px;}
.pro_list li .img img{border:2px solid #dedfdf; display: block;}
.pro_list li a.img:hover img{ border-color: #5f4880}
.pro_list li span{ display: block;height:32px; text-align:center; line-height:32px;}

/*新闻列表*/
.news_list{ width:940px; margin-top: 15px;}
.news_list li{ width:940px; margin-bottom:15px; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5;overflow:hidden;}
.news_list li .img{}
.news_list li dl{ width:675px;}
.news_list dt{ font-size:16px;margin-bottom:8px; line-height: 22px;}
.news_list dt a{ color:#5f4880;}
.news_list dt span{ font-size: 12px;}
.news_list dd{ clear: both;line-height:20px; color: #656565; text-align:justify; text-justify:inter-ideograph;}
.news_list dd a.more{ color:#fff; background-color: #5f4880; border: 1px solid #371a60; border-radius:5px; padding: 3px 8px; margin-top: 15px;}

/*在线留言*/
.msg-form{ margin-bottom:15px;}
.inpt{ border:1px solid #ddd; padding:2px; width:200px;}
.msg{ border:1px solid #ddd; width:300px; height:120px;}

.msg-box{font-family:"microsoft yahei";}
.msg-hd{ font-size:16px; font-weight:400; height:32px; line-height:32px; border-bottom:2px solid #ddd; margin-bottom:10px;}
.msg-list{ width:706px;}
.msg-list li{ width:706px; padding-bottom:10px; border-bottom:1px dotted #ddd; margin-bottom:10px;}
.msg-list .msg-name{ height:24px; line-height:24px;}
.msg-list .msg-name strong{ color:#f00; font-size:14px;}
.msg-list .msg-name i{ font-style:normal;}
.msg-cont{ line-height:24px;}
.msg-reply{ padding:0 0 0 22px;}
.msg-reply strong{ color:#f00;}

.txt{ padding:22px 0 22px 30px;}
.txt p{ line-height:2; margin-bottom:10px; font-size:14px; text-indent:2em; text-align:justify; text-justify:inter-ideograph;}
.txt h4.title{ text-align:center; font-size:20px; color:#000; margin:8px 0 10px;font-family:"microsoft yahei";}
.txt .info{ text-align:center; height:30px; line-height:30px; margin-bottom:10px;}

.pages{ text-align:center; height:30px; margin:10px 0 15px; line-height:30px;}
.prevnext{ line-height:22px; font-size:12px; margin-top:10px;}
.prevnext a{ color:#000; font-weight:bold;}


/*底部*/
#footer{font-family:"Verdana"; background-color: #313131}
.ft-nav{ text-align:center; color:#fff; font-size: 14px; height:42px; line-height:42px; padding: 10px 0}
.ft-nav a{ padding:0 50px; color:#fff;}
.bootom{ width: 1200px; color: #d6d6d6}
.f-logo{ width:80px; height:110px; background:url(../images/f-logo.png) no-repeat 0 center;}
.f-logo a{ text-indent:-9999px; display:block; width:100%; height:100%;}
.f-contact{ padding-top:35px; line-height: 2}
.ewm{ line-height:30px;}
.copy{ background-color: #000; height: 36px; line-height: 36px; color: #d6d6d6}
.copy p{}
#footer .copy a{ color: #d6d6d6}