@charset "utf-8";
/* CSS Document */

*{padding:0;margin:0;}
body{ font-family:Arial, '微软雅黑', Helvetica, sans-serif}
a{ text-decoration:none;color:#333;}
em,i,span,smap{ font-style:normal; font-family:Arial, '微软雅黑', Helvetica, sans-serif;}
ul,li,dd,dl{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
/*top*/
.top{max-width:1920px;margin:auto;width:100%;height:105px;position:relative;box-sizing:border-box;padding:0 5%;}
.toplogo{width:33%;float:left;margin-top: 7px;background:url(../images/lo.png) right center no-repeat;}
.toplogo img{display:inline-block; vertical-align:middle;    margin-top: 8px;}
.toplogo p{display:inline-block; vertical-align:middle;font-size:26px;color:#333; font-weight:600;    display:none;}
.toplogo p i{font-size:14px;display:block;font-weight:normal; font-style:normal;margin-top:6px;color:#666;font-weight: bold;}
.toplogo b{display:none;}

.topdh{width:calc(60% - 100px);float:right;font-size:0;text-align:right;}
.topdh li{display:inline-block;padding:0 20px;position:relative}
.topdh li p{line-height:105px;font-size:16px;text-align: center;}
.topdh dl{position:absolute;top:100%;left:0;width:100%;z-index:100;font-size:0px;box-sizing:border-box;background:#caeeff;display:none;}
.topdh dd{box-sizing:border-box;width:100%;display:inline-block;font-size:14px;text-align:center;padding:10px 0;}
.topdh dd a{display:inline-block;color:#333;}
.topdh li:hover p a{color:#e24e50;}
.topdh dd:hover{background:#e24e50}
.topdh dd:hover a{color:#fff;}

#banner .owl-stage .item{position:relative;overflow:hidden;}/*active*/
#banner .owl-stage .item .xu{height:100%; }
#banner .owl-stage .active .xu{animation:ss 20s infinite;}
#banner .owl-stage .item .jux{position:absolute;top:50%;width:100%;text-align:center;font-size:60px;color:#fff;z-index:1; transform:translateY(-50%); text-shadow:0 0 30px #0c0183; font-family:'Conv_TBWR';}
@keyframes ss{
	0%{-webkit-transform: scale(1,1);}
	50%{-webkit-transform: scale(1.2,1.2);}
	100%{-webkit-transform: scale(1,1);}
}
@-webkit-keyframes ss{
	0%{-webkit-transform: scale(1,1);}
	50%{-webkit-transform: scale(1.2,1.2);}
	100%{-webkit-transform: scale(1,1);}
}

@font-face {
	font-family: 'Conv_TBWR';
	src: url('../fonts/TBWR.eot');
	src: local('☺'), url('../fonts/TBWR.woff') format('woff'), url('../fonts/TBWR.ttf') format('truetype'), url('../fonts/TBWR.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.topdh .topi:after{ content:url(../images/x.png);display:inline-block;margin-left:5px; vertical-align:middle;}
.topyu{width:100px;float:right;position:relative;margin-top:42px; cursor:pointer;}
.topyu samp{display:inline-block; font-weight:normal; font-style:normal;font-size:16px}
.topyu>p {padding-bottom:10px;}
.topyu>p img{margin-left:10px;}
.topyu ul{position:absolute;top:100%;left:0;z-index:100; box-shadow:0 0 5px #ccc; border-radius:5px;box-sizing:border-box;padding:0 7px;line-height:28px;background:#fff;width:100%;display:none;}
.topyu ul p{display:inline-block; vertical-align:middle;font-size:14px;}
.topyu img{display:inline-block; vertical-align:middle;margin-right:5px;}
.topyu li{box-sizing:border-box; transition:all 0.3s;}
.topyu p i:after{ content:url(../images/x.png);display:inline-block; vertical-align:middle;}
.topyu li:HOver{ padding-left:0px;}
.topyu li:HOver p{color:#e24e50;}

.zhz{width:50px;height:50px;overflow:hidden;position:absolute;top:0;right:0;display:none;margin-top: 13px;}
.zhz samp{position:absolute;left:26%;background:#333;height:2px;width:26px; transition:all 0.5s;}
.zhz .samp1{top:18px}
.zhz .samp2{top:25px;}
.zhz .samp3{top:32px;}

.active .samp2{left:-100%;}
.active .samp1{transform:rotate(225deg);top:25px}
.active .samp3{transform:rotate(-225deg);top:25px;}

/*关于我们*/
.about{max-width:1200px;margin:50px auto;width:94%;overflow:hidden}
.about .imgxx2{display:none;}
.fz{float:left}
.fy{float:right;}
.abouta{width:42%;}
.aboutb{width:55%;}
.aboutb img{max-width:100%;}
.abouta h3{font-size:24px;color:#333;margin:0px auto 20px}
.abouta div{font-size:14px;line-height:24px;color:#666;}
.abouta p{text-indent:2em;}
.abouta a{display:inline-block;padding:10px 34px;border:1px solid #666;color:#333; border-radius:5px;font-size:14px;margin-top:30px;}
.abouta a:hover{background:#e14f50;color:#fff;border:1px solid #e14f50;}


/*产品分类*/
#pro{text-align:center;font-size:40px;margin-bottom:30px;position:relative;padding-bottom:15px;font-weight:bold;}
#pro:after{ content:'';width:100px;height:2px;background:#0c0183;position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);}
.produ{width:94%;margin:0 auto 50px;max-width:1200px;overflow:hidden;}
.produ li{width:32%;float:left;margin-right:2%;margin-bottom:20px;}
.produ li:nth-child(3n){margin-right:0;}
.produ li img{width:100%;}
.produ li p{line-height:50px;text-align:center;font-size:16px;background:#caeeff;color:#333;}
.produ li .pro{background:#f5f5f5;box-sizing:border-box;padding:20px;}
.produ li .pro div{overflow:hidden;}
.produ li .pro div img{ transition:all 0.3s;}
.produ li:hover{background:#eee;}
.produ li:hover a{color:#e24e50}
.produ li:hover img{ transform:scale(1.2);}
.produ li:hover .pro{background:#caeeff}
.produ li:nth-child(2):hover .pro{background:#caeeff}

/*底部*/
#bott{border-top: 10px solid #e9eaee;}
.bott{max-width:1200px;margin:auto;padding:30px 0;font-size:0;text-align:center;border-bottom:1px solid #eee;display:none;}
.bott li{width:90%;display:inline-block;font-size:14px;line-height:28px;color:#333; vertical-align:top;text-align:left;}
.bottom{text-align:center;font-size:14px;padding:20px 0;color:#666;}
.bott li p{width:48%;display:inline-block;}

.fdong{position:fixed;top:40%;right:0;z-index:9999;transition:all 0.3s;}
.fd-a{float:left;}
.fd-b{float:right;border:2px solid #e24d51;background:#fff;padding:10px;}
.fd-b li{margin:10px 0;}
.fd-b li p{display:inline-block;font-size:14px; vertical-align:middle;color:#e24d51;}
.fd-b li img{display:inline-block; vertical-align:middle;margin-right:5px;}


/*内页*/
.i-ban{width:100%;height:250px;}
.i-ban img{width:100%;display:none;}

.i-hen{border-bottom:1px solid #eee;overflow:hidden;}
.i-hn{max-width:1200px;margin:auto;width:96%;}

.i-da{width:90%;max-width:1200px;margin:auto;padding-top:80px;}
.i-he{font-size:14px;color:#666;width:40%;float:right;line-height:50px;text-align:right;}
.i-he h4{font-size:30px;color:#333;margin-bottom:10px;font-weight:bold;border-bottom:2px solid #817f90;display:inline-block;padding-bottom:5px;}
.i-he a{display:inline-block;padding-right:10px; color:#666;font-size:14px;}
.i-he a:after{ content:'>';margin-left:10px;}

/*上下页*/
.sxy{margin:auto;text-align:center;}
.sxy a{display:inline-block;color:#000;margin:0 2px;line-height:32px;font-size:12px;border:1px solid #CCC;padding:0 13px;}
.sxy a:hover{background:#15579c;color:#fff;}
.sxybottom{padding-bottom:40px;}

.trr{margin:20px auto 30px;overflow:hidden;border-top:1px solid #E8E8E8;line-height:30px;font-size:15px;padding-top:30px;max-width:1200px;width:96%;}
.trr a{margin-left:10px;color:#666}
.trr a:hover{color:#FF5151}

/*二级栏目*/
.i-dao{width:60%;float:left;font-size:0;}
.i-dao li{display:inline-block;font-size:16px;line-height:50px;}
.i-dao li a{display:inline-block;padding:0 20px !important;}
.i-dao li.i-do{background:#e34f4f;}
.i-dao li.i-do a{color:#fff;}
.i-dao li:hover{background:#e34f4f;}
.i-dao li:hover a{color:#fff;}

/*手机栏目*/
.i-lan{margin:30px auto 0;text-align:center;display:none;}
.i-lan p{font-size:18px;display:inline-block;border:1px solid #333;padding:8px 0px; vertical-align:middle;}
.i-lan p:after{ content:'';width:80px;height:1px;background:#333;display:inline-block;transform: translateX(50px); vertical-align:middle;}
.i-lan p:before{ content:'';width:80px;height:1px;background:#333;display:inline-block;transform: translateX(-50px); vertical-align:middle;}

/*i-关于我们*/
.iabout{width:94%;margin:30px auto;max-width:1200px;font-size:14px;line-height:26px;color:#666;overflow:hidden;}
.iabout h4{font-size:16px;color:#333;}
.iabout p{text-indent:2em;}
.iabout img{width:500px;margin-left:30px; float:right;max-width:100%;height:auto;}
.yiny{max-width:1200px;width:94%;margin:0 auto 30px;font-size:14px;text-align:center;}

.i-test{max-width:1200px;width:96%;margin:20px auto;overflow:hidden;}
.i-test li{width:24%;margin-right:1.3333%;float:left;text-align:center;margin-bottom:20px;font-size:14px;background: #f5f5f5;;}
.i-test li img{    background: #f5f5f5; padding: 20px 20px 0px 20px;box-sizing:border-box}
.i-test p{line-height: 50px;text-align: center;font-size: 16px;background: #caeeff;color: #333;margin-top:20px;}
.i-test li:hover{background:#caeeff;}
.i-test li:hover img{background-color:#caeeff;}

.i-test li:nth-child(4n){margin-right:0;}
.i-test img{width:100%;}

.i-video{max-width:1200px;width:96%;margin:30px auto;overflow:hidden;}
.i-video li{width:48%;margin-right:4%;float:left;margin-bottom:30px;text-align:center;}
.i-video li:nth-child(2n){margin-right:0;}
.i-video li p{margin-top:10px;}
.i-video iframe{height:324px;}

.i-videoxx li{width:32% !important;margin-right:2% }
.i-videoxx li:nth-child(2){margin-right:2% !important;}
.i-videoxx li:nth-child(4){margin-right:2% !important;}
.i-videoxx li:nth-child(3n){margin-right:0;}
.i-videoxx iframe{height:273px;}

.i-fact{max-width:1200px;width:96%;margin: auto;overflow:hidden;}
.i-fact li{width:32%;float:left;margin-right:2%;text-align:center;font-size:14px;margin-bottom:20px;background: #caeeff;;}
.i-fact li:nth-child(3n){margin-right:0;}
.i-fact img{widtH:100%;box-sizing:border-box;padding:20px;background: #f5f5f5;}
.i-fact p{line-height:50px;}


/*产品*/
.i-produ{max-width:1200px;width:96%;margin:30px auto;overflow:hidden;}
.i-produ li{width:32%;float:left;box-sizing:border-box;border:1px solid #eee;text-align:center;margin-bottom:20px;margin-right:2%;}
.i-produ li:nth-child(3n){margin-right:0;}
.i-produ li p{line-height:30px;font-size:14px;}
.i-produ li img{width:100%;}
.i-produ li:hover{border:1px solid #e34f4f;}
.i-produ li:hover p{color:#e34f4f}

/*详情*/
.i-product{max-width:1200px;width:96%;margin:30px auto;overflow:hidden;}
.i-producta{width:60%;float:left;text-align:center;box-sizing:border-box;padding-right:40px;}
.i-producta img{width:100%;}
.i-productb{width:40%;float:right;padding-top:50px;}
.i-productb h4{font-size:24px;padding-bottom:10px;border-bottom:1px solid #ccc;margin-bottom:15px;}
.i-productb p{font-size:14px;line-height:28px;color:#666;}
.i-productc{max-width:1200px;width:96%;margin:0 auto 30px;font-size:14px;line-height:23px; overflow:auto;color:#444;}
.i-productc table{max-width:100%;}
.i-productc-a{font-size:20px;border-bottom:1px solid #ccc;color:#333;padding:15px 0;margin-bottom:20px;}

.i-productc table{}
.i-productc tbody tr{}
.i-productc tbody tr td{border-bottom:solid windowtext 0pt !important;border-right:solid windowtext 0pt !important;border-top:solid windowtext 1.0pt !important;border-left:solid windowtext 1.0pt !important;}
.i-productc tbody tr td:last-child{border-right:solid windowtext 1.0pt !important;}
.i-productc tbody tr:last-child td{border-bottom:solid windowtext 1.0pt !important;}

/*应用*/
.i-appl{max-width:1200px;width:96%;margin:30px auto 0;overflow:hidden;}
.i-appl li{width:23.5%;float:left;margin-right:2%;box-sizing:border-box;border:1px solid #ccc;margin-bottom:30px;}
.i-appl li img{width:100%;}
.i-appl li:nth-child(4n){margin-right:0;}
.i-appa{overflow:hidden;}
.i-appb{box-sizing:border-box;padding:15px 10px 10px 10px;}
.i-appb h5{font-size:16px;margin-bottom:15px;}
.i-appb p{font-size:14px;color:#666;line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.i-appl li:hover{border:1px solid #e34f4f;}
.i-appl li:hover h5{color:#e34f4f;}
.i-appl li:hover p{color:#e34f4f;}

.i-apct{max-width:1200px;width:96%;margin:30px auto 20px;border-bottom:1px solid #eee;text-align:center;padding-bottom:20px;}
.i-apct h6{font-size:22px;margin-bottom:10px;}
.i-apct p{color:#666;font-size:14px;}
.i-apct-a{max-width:1200px;width:96%;margin:auto;color:#555;line-height:28px;}

/*支持*/
.i-stan{max-width:1200px;width:96%;margin:30px auto;font-size:14px;line-height:30px;color:#555;}
.i-stan h4{font-size:16px;font-weight:600;}
.i-stan img{max-width:100%;}

.i-stan-a{max-width:1200px;width:96%;margin:0 auto 30px;}
.i-stan-a h6{font-size:18px;margin-bottom:10px;}
.i-stan-a ul{border-top:1px solid #ccc;border-left:1px solid #ccc;}
.i-stan-a li{border-bottom:1px solid #ccc;border-right:1px solid #ccc;line-height:40px;box-sizing:border-box;padding-left:10px;color:#333;font-size:0px;}
.i-stan-a li p{width:calc(100% - 50px);display:inline-block; vertical-align:middle;font-size:14px;}
.i-stan-a li a{display:inline-block;width:40px;height:40px;background:url(../images/xz.png) center no-repeat; vertical-align:middle;}
.i-stan-a li a:Hover{background:url(../images/xz-1.png) center no-repeat;}
.i-stan-a li:hover p{color:#e34f4f;}

/*联系我们*/
.i-contact{max-width:1000px;width:96%;margin:30px auto;}
.i-contact h4{text-align:center;font-size:20px;font-weight:bold;}
.i-contact h4:after{ content:'';}
.i-contact ul{overflow:hidden;margin:50px 0 0}
.i-contact li{width:30%;float:left;font-size:14px;color:#333;margin-right:5%;line-height:28px;margin-bottom:20px;}
.i-contact li p{font-size:16px;color:#555;font-weight:bold;}
.i-contact li:nth-child(3n){margin-right:0;}
.i-contact li div{margin-bottom:10px;}
.i-conta{max-width:1200px;width:96%;margin:0 auto 30px;}

/*留言*/
.i-lev{max-width:1000px;margin:30px auto;border:1px solid #eee;background:#f5f5f5;box-sizing:border-box;font-size:14px;line-height:26px;color:#999;padding:10px;text-align:center;}

.i-lave{max-width:1000px;box-sizing:border-box;width:96%;margin:30px auto 30px;}
.input_d{overflow:hidden;}
.text_aread{display:-webkit-box;display:-moz-box;display:-o-box;margin-bottom:40px;}
.input_d p{display:block;width:48%;float:left;}
.input_d p:nth-child(2){float:right;}
.input_d span{display:-webkit-box;display:-moz-box;display:-o-box;margin-bottom:20px;}

.input_d span em,.text_aread em{display:block;width:50px;font-size:14px;color:#888;line-height:41px;}
.input_d span .text,.text_aread .text_area{font-family:'微软雅黑';display:block;font-size:14px;color:#555;padding:10px;border:1px solid #dedede; -webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;transition:0.4s ease;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;-o-transition:0.4s ease;}
.input_d span i,.text_aread i{display:block;width:20px;text-align:center;line-height:36px;color:#f00;}
.input_d span .text:hover,.text_aread .text_area:hover{border:1px solid #fd8077;box-shadow:inset 0 0 6px 1px rgba(218,36,24,0.2);-webkit-box-shadow: inset 0 0 6px 1px rgba(218,36,24,0.2);-moz-box-shadow: inset 0 0 6px 1px rgba(218,36,24,0.2);-o-box-shadow: inset 0 0 6px 1px rgba(218,36,24,0.2);}
.text_aread .text_area{height:230px;}
.btn_d{text-align:center;padding-bottom:60px;font-size:0;margin-top:30px;}
.btn_d .btn_c{padding:5px 0px;font-size:16px;color:#fff;min-width:140px;margin:0 20px;background:#da2418;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;transition:0.4s ease;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;-o-transition:0.4s ease;}
.btn_d .btn_c:hover{opacity:0.8;filter:alpha(opacity=80);}
.btn_d .btn_c:last-child{background:#aaa;}