﻿html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
body{ color:#333;}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;color: #8c0080;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0; font-family:'微软雅黑';} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/} em,i{ font-style:normal;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */ 
.strong{ font-weight:normal;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}
.tal{ text-align:left} .tar{ text-align:right;}
/*文字两侧对齐*/
.justify {text-align:justify;text-justify:distribute-all-lines;/*ie6-8*/text-align-last:justify;/* ie9*/-moz-text-align-last:justify;
/*ff*/-webkit-text-align-last:justify;/*chrome 20+*/}
.thumb{ overflow:hidden;}
.thumb img{webkit-transform:translateZ(0);-webkit-transition:.7s;-moz-transform:translateZ(0);-moz-transition:.7s;-ms-transform:translateZ(0);-ms-transition:.7s;-webkit-transform-style:preserve-3d;}
.thumb img:hover{text-decoration:none;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2)}
.toe{/*超出省略号*/word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
img {max-width: 100%;height:auto;}
strong{ font-weight:normal;}
/*select{
 -webkit-appearance:none;-moz-appearance:none;appearanearance: none;}*/
/**
 +------------------------------------------------------------------------------
 * 网站整布局命名规范
 +------------------------------------------------------------------------------
 * @codex   id和class命名采用该版块的英文单词或组合命名 如:newRelease
 +------------------------------------------------------------------------------
 */
a{ color:#333; -webkit-transition: color .2s ease-in-out;-moz-transition: color .2s ease-in-out;-ms-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out; text-decoration: none;}
a:hover{ color:#8c0080; text-decoration:none;}
a:hover {text-decoration: none; color:#8c0080;}
body{font-family:'微软雅黑'; line-height:1.5; font-size:14px; color:#333;}
 .lft,.fl{ float:left;}
 .rgt,.fr{ float:right;}
.wrapper{
	width:1600px; margin:0 auto;
}
/*indes*/

/*切换图样式*/
.fullSlide{ position:relative;margin:0 auto; overflow:hidden;}
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li { position:relative; overflow:hidden;}
.fullSlide .bd li img{width:100%;display: block;} 
.fullSlide .bd li  a{ display:block; }
.fullSlide .hd { width:100%;position: absolute; height:24px; padding-top:8px; bottom:12px; text-align: center; font-size:0; z-index:1;}
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd li{margin: 0 8px; background:url(../img/dian1.png) no-repeat center center;border-radius:60px ; height: 15px;overflow: hidden; width: 15px; cursor: pointer;display:inline-block; *display:inline; zoom:1; }
.fullSlide .hd .on{ background:url(../img/dian2.png) no-repeat center center;  }
.fullSlide .prev,
.fullSlide .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../img/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.fullSlide .prev { left: 50%; margin-left:-500px; }
.fullSlide .next { background-position: 0 -90px; right: 50%; margin-right:-500px;}
.fullSlide .prev:hover,
.fullSlide .next:hover { filter:alpha(opacity=80) !important;opacity:0.8 !important;  }

/*header*/
.header{width: 1600px;margin: 0 auto;position: relative;z-index: 8;background: #fff;}
.header .logo{position: relative;z-index:9;}
.header .logo img{width: 370px;height: auto;padding-top: 50px;}
.header .nav-box{background: #fff;}
.header .nav-box .tel{line-height: 45px;color: #910781;font-size: 15px;font-weight: 600;padding-bottom: 27px;text-align: right;}
.header .nav-box .box .inp-box{display: inline-block;*display: inline-block;zoom: 1;}
.header .nav-box .box .nav{display: inline-block;*display: inline-block;zoom: 1;}
.header .nav-box .box .nav ul{position: relative!important;z-index: ;}
.header .nav-box .box .nav ul li{margin-right:67px;display: inline-block;*display: inline-block;zoom: 1;line-height: 45px;height: 53px;}
.header .nav-box .box .nav ul li a{font-weight:600;color: #6e6d6d;font-size: 16px;}
.header .nav-box .box .nav ul li dl{ position: absolute;top:-1000px;left: 0px;z-index:-88;text-align: center;
transition: top 0.6s;
-moz-transition: top 0.6s; /* Firefox 4 */
-webkit-transition: top 0.6s; /* Safari 和 Chrome */
-o-transition: top 0.6s; padding: 15px 0 30px;background: #f7f7f7;display: block;width: 97%;}
.header .nav-box .box .nav ul li dl dd{width:115px;font-size: 14px;text-align: left;display: inline-block;*display: inline-block;zoom: 1;vertical-align: top;}
.header .nav-box .box .nav ul li dl dd h4{line-height: 35px;border-bottom: 1px solid #e1e1e1;color: #910781;margin-bottom: 7px;font-size: 16px;font-weight: 600;}
.header .nav-box .box .nav ul li dl dd p{line-height: 25px;color: #6c6b6c;}
.header .nav-box .box .nav ul li dl dd p a{color: #6c6b6c;font-size: 14px;font-weight: 400;}
.header .nav-box .box .nav ul li.on{background: url(../img/xian.png) no-repeat center 38px;background-size:67px 6px;}
.header .nav-box .box .nav ul li:hover{background: url(../img/xian.png) no-repeat center 38px;background-size:67px 6px;}
.header .nav-box .box .nav ul li:hover dl{top: 48px;}
.header .nav-box .box .nav ul li dl dd p:hover a{color: #910781;}
.header .nav-box .box .nav ul li dl dd.a{margin: 0 9%;width: 120px;}


.header .nav-box .box .inp-box{margin-left: -35px;}
.header .nav-box .box .inp-box label{display: block;position: relative;}
.header .nav-box .box .inp-box input{width: 340px;height: 45px;border: 1px solid #f0f0f0;font-size: 14px;padding: 0 72px 0 10px;box-sizing: border-box;}
.header .nav-box .box .inp-box button{position: absolute;top: 0;right: 0;width: 70px;height: 45px;background: url(../img/ss.png) no-repeat center #f0f0f0;border: none;cursor: pointer;}
/*header end*/

.list ul{padding:35px 0 5px;}
.list ul li{overflow: hidden;position: relative;width: 23.6%;margin: 0 0.7%;float: left;}
.list ul li img{width: 100%;height: auto;display: block;}
.list ul li .mask {padding-left: 20px;box-sizing: border-box;width: 100%;position: absolute;top: 0;left: 0;width: 100%;background: url(../img/back.png) no-repeat;background-size:100% 100%;height: 100%;}
.list ul li .mask img{width: 76px;height: 72px;margin-top: 46%;
transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari 和 Chrome */
-o-transition: all 0.5s;}
.list ul li .mask img{width: 76px;height: auto;}
.list ul li .mask h4{line-height: 55px;color: #fff;font-size: 26px;padding-bottom: 15px;}
.list ul li .mask a{display: none;width: 100px;height: 35px;line-height: 35px;text-align: center;color: #fff;background: #910680;font-size: 14px;border-radius:5px ;}
.list ul li:hover .mask a{display: block;background: #5a1a52;}
.list ul li:hover .mask img{margin-top: 29%;}
.list ul li:hover .mask {background: none;}

.text-box{padding: 45px 10px 40px;background: #edf1f3;text-align: center;}
.text-box .new {width: 1050px;display: inline-block;*display: inline-block;zoom: 1;}
.text-box .new .fl{width: 450px;height: 310px;}
.text-box .new .fl img{width: 100%;height: 100%;display: block;}
.text-box .new .right{width: 560px;text-align: left;}
.text-box .new ul li a:hover p{color: #a04495;}
.text-box h3{color: #111111;font-size: 24px;line-height: 17px;padding: 0 10px 15px 5px ;border-bottom: 2px solid #cecfd0;}
.text-box h3 a{font-size: 12px;color: #910680;}
.text-box .new .right a:hover{color: #910680;}
.text-box .new .right p{line-height: 35px;padding: 10px 0 0 30px;background: url(../img/dain.png) no-repeat 10px 25px;background-size:8px 6px ;border-bottom: 1px solid #cecfd0;font-size: 16px;color: #656767;}
.text-box .new .right p span{font-size: 14px;}
.text-box .info{width: 770px;display: inline-block;*display: inline-block;zoom: 1;vertical-align: top;text-align: left;}
.text-box .info h3{border: none;}
.text-box .info .fl{width: 380px;height: 277px;}
.text-box .info img{display: block;width: 100%;height: 100%;}
.text-box .info .fr p{color: #727373;font-size: 14px;line-height: 28px;text-indent: 40px;width: 360px;}

.footer{width: 100%;background: #3e3e3e;height: 285px;}
.footer h4{font-size: 20px;color: #fff;line-height: 65px;}
.footer .link{padding-right: 230px;}
.footer .link a{display: block;margin-bottom: 25px;}
.footer .link a img{width: 160px;height: auto;}

.footer .product{padding-right: 150px;}
.footer ul{margin-top: -15px;}
.footer ul li{display: inline-block;*display: inline-block;zoom: 1;color: #838383;vertical-align: top;padding-right: 60px;}
.footer ul li h5{font-size: 16px;line-height: 35px;color: #8a8a8a;}
.footer ul li h5 a{color: #8a8a8a;}
.footer ul li p{font-size: 12px;line-height: 28px;}
.footer .tel img{width: 86px;height: 84px;padding-right: 17px;}
.footer .tel .text{display: inline-block;*display: inline-block;zoom: 1;color: #fff;vertical-align: top;}
.footer .tel .text h6{font-size: 17px;line-height: 13px;}
.footer .tel .text h3 img{width: 247px;height: auto;display: block;padding: 15px 0;}
.footer .tel .text p{font-size: 12px;line-height: 12px;}
.footer .tel .p{line-height: 25px;color: #fff;padding-left: 18px;}

.bottommost{color: #878787;line-height: 55px;text-align: center;background: #1d1d1d;font-size: 12px;}
/*indes  end*/


/*产品中心*/
.cut{color: #737373;font-size: 14px;line-height: 65px;background: #f5f4f4;margin-bottom: 25px;}
.cut h6{padding-left: 40px;background:url(../img/home.png) no-repeat left center ;background-size:18px 17px;}
.cut a{color: #737373;}

.left-box{width: 270px;}
.title{height: 116px;background:url(../img/hr.png) no-repeat #f8f8f8;padding-top: 26px;background-size:100% 6px;box-sizing: border-box;text-align: center;}
.title h3{font-size: 25px;color: #920781;line-height: 45px;font-weight: 600;}
.title h6{color: #d2d2d2;font-size: 14px;font-weight: 600;}

.left-box ul{border:1px solid #f3f3f3 ;border-top:none;padding-bottom: 15px;}
.left-box ul li h3{font-size: 16px;line-height: 50px;text-indent: 85px;color: #5b5b5b;border-bottom:1px solid #f3f3f3 ;}
.left-box ul li.on h3{background: #8c0080;color: #fff;font-weight: 600;border-bottom:1px solid #8c0080 ;}
.left-box ul li h3:hover{background: #8c0080;color: #fff;border-bottom:1px solid #8c0080 ;}
.left-box ul li dl{display: none;}
.left-box ul li dl dd{color: #b0afb0;}
.left-box ul li dl dd h4{color: #b0afb0;font-size:14px ;text-indent: 97px;padding-top: 10px;border-bottom:1px solid #f3f3f3 ;line-height: 40px;}
.left-box ul li dl dd.on h4{color: #8c0080;background: #f6c0f1;}
.left-box ul li.on dl{display: block;}
.left-box ul li dl dd:hover h4{color: #8c0080;background: #f3dbf1;}
.left-box ul li dir{display: none;background: #fafafa;}
.left-box ul li dir  li{text-indent: 120px;color: #b0afb0;font-size:14px ;line-height: 40px;padding-bottom: 10px;border-bottom:1px solid #f3f3f3 ;}
.left-box ul li dir li a{color: #b0afb0;}
dir{    -webkit-padding-start: 0px;    -webkit-margin-before: 0;-webkit-margin-after: 0;}
.left-box ul li dl dd.on dir{display: block;}
.left-box ul li dir li:hover{color: #8c0080;background: #e6e4e6;}

.title2 h3{font-size: ;color: #151515;font-size: 18px;line-height: 16px;padding-left: 30px;background:url(../img/icons.png) no-repeat left top;background-size:14px 14px;font-weight: 600;}

.right-box{width: 1280px;}
.lists p{font-size: 16px;color: #636363;line-height: 30px;padding: 25px 0 30px;}
.lists ul{margin-left: -5%;}
.lists ul li{color: #1e1e1e;width: 28.3333333333%;margin-left: 5%;line-height: 70px;font-size: 24px;margin-bottom: 30px;text-align: center;float: left;}
.lists ul li img{width: 100%;height: auto;display: block;}


.pages { padding-bottom:80px; text-align:center; width:100%;}
.pages ul{border:1px solid #cbcccc;border-radius:5px ;overflow: hidden;display: inline-block;*display: inline-block;zoom: 1; height:50px; }
.pages ul li{ text-align:center; border-right:1px solid #cbcccc; line-height:50px; height:50px; background:#fff; margin:0 0; width: 50px;vertical-align: top;margin:  0;float: left; font-size:16px;}
.pages ul li a{text-align:center; display:block; padding:0;color: #828282;height:50px}
.pages ul li:hover a{color:#fff;background:#8c0080;}
.pages ul li.cur span{color:#fff; background:#005fa2;}
.pages ul li.cur{border:1px solid #8c0080;}
.pages ul li.next{border: none;}
.pages ul li.cur a,.pages ul li.cur{ color:#fff; background:#8c0080; }


/*info*/
.infos{padding-top: 25px;min-height: 600px;}
.infos p{line-height: 33px;color: #737373;font-size: 17px;text-indent: 30px;}

/*new*/
.news{padding-top: 25px;}
.news ul{padding-left: 30px;}
.news ul li{padding:27px 0;border-bottom:1px solid #dfdede ;}
.news ul li .thumb{width: 250px;height: 150px;}
.news ul li .thumb img{display: block;width: 100%;height: 100%;}

.news ul li .text{color: #737373;width: 970px;}
.news ul li .text h3{font-size: 18px;line-height: 35px;font-weight: 600;padding-bottom: 10px;}
.news ul li .text h3 span{font-size: 14px;font-weight: 400;}
.news ul li .text h3:hover span{color: #737373;}
.news ul li .text p{line-height: 25px;font-size: 16px;min-height: 77px;}
.news ul li .text .btn{width: 80px;height: 25px;border: 1px solid #8c0080;text-align: center;line-height: 25px;color: #8c0080;font-size: 14px;display: block;border-radius:5px ;}
.news ul li .text .btn:hover{background: #8c0080;color: #fff;}

.pages2{padding: 60px 0 90px 0;}

/*news*/
.new-box{padding: 30px 0 0 30px;}
.new-box .head {text-align: center;padding-bottom: 35px;}
.new-box .head h3{color: #202020;line-height: 60px;font-size: 20px;font-weight: 600;}
.new-box .head h6{background: #f6f6f6;color: #aeaeae;line-height: 35px;font-size: 14px;}
.new-box .head h6 span{padding-right: 42px;}

.new-box .body{min-height: 540px;}
.new-box .body p{font-size: 16px;line-height: 35px;color: #6b6a6a;text-indent: 30px;}
.new-box .fx{background: url(../img/fx.png) no-repeat;width: 203px;height: 30px;padding: 5px 0 10px 12px;}
.new-box .fx a{display: inline-block;*display: inline-block;zoom: 1;width: 17px;height: 17px;}
.new-box .fx .icon{padding-right: 18px;display: inline-block;*display: inline-block;}
.new-box .fx .icon a{margin-left: 4px;vertical-align: top;}

.foot{font-size: 14px;color: #999999;line-height: 50px;padding-bottom: 45px;border-top: 1px dashed #c1c1c1;}
