@charset "utf-8";
html{font-size:100px;}
.main-width{width:1400px;margin:0 auto;}
.m-Top{margin-top:100px;}
.other-banner img{width:100%;height:auto;}


.header{position:fixed;left:0;top:0;width:100%;height:100px;background-color:#333;z-index:9999;box-shadow:0 0 5px #999;transition:all .5s;}
.header .logo{float:left;}
.header .logo .pic{height:58px;margin-top:21px;transition:all .5s;}
.header .logo .pic img{width:auto;height:100%;}
.header .logo .phone-menu{display:none;float:right;width:28px;height:18px;margin-top:18px;background:url(../images/all-icon.png) no-repeat -290px -5px;cursor:pointer;}
.header .nav{float:right;}
.header .nav > ul > li{position:relative;float:left;line-height:100px;padding:0 25px;font-size:16px;font-family:"OpenSans-Semibold";transition:all .5s;  }
.header .nav > ul > li a{ color:#fff;}
.header .nav > ul > li > i{display:none;position:absolute;bottom:0;left:50%;margin-left:-5px;width:0;height:0;border:5px solid transparent;border-bottom-color:#d7171e;}
.header .nav > ul > li:hover > i{display:block;}
.header .nav li.search{width:40px;height:40px;padding:30px 0;margin:0 50px;}
.header .nav li.search .box{float:right;position:relative;width:0px;overflow:visible !important;}
.header .nav li.search .box .text{display:none;position:relative;width:100%;height:40px;line-height:38px;border:1px solid #999;padding:0 40px 0 10px;float:right;z-index:8;border-radius:20px;box-shadow:0px 0px 8px #ccc;box-sizing:border-box; }
.header .nav li.search .box .btn,.header .nav li.search .box .sub{position:absolute;top:0;right:5px;width:34px;height:39px;background:url(../images/search-icon.png) no-repeat center;padding:1px 0;cursor:pointer;z-index:9;}
.header .nav li.search .box .sub{display:none;}
.header .nav li .drop-down{display:none;position:absolute;left:0;top:100px;min-width:260px;background-color:#333;border-top:3px solid #d7171e;box-sizing:border-box;box-shadow:0 0 3px #999;}
.header .nav li .drop-down li{position:relative;line-height:30px;font-family:"OpenSans-Regular";}
.header .nav li .drop-down li a{display:block;padding:5px 25px;}

.header .nav li .drop-down li .three{display:none;position:absolute;left:100%;top:0;width:250px;background-color:#fff;box-shadow:0 0 3px #999;}
.header .nav li .drop-down li:hover a{background-color:#d7171e;color:#fff;}
.header .nav li .drop-down li:hover .three{display:block;}
.header .nav li .drop-down li:hover .three a{background-color:#fff;color:#333;}
.header .nav li .drop-down li:hover .three a:hover{background-color:#d7171e;color:#fff;}
.header .nav li .drop-down li:hover .three:after{content:">";position:absolute;top:0;left:-30px;width:30px;height:40px;line-height:45px;text-align:center;color:#fff;font-family:"OpenSans-Bold";}
.header.flow{height:60px;}
.header.flow .logo .pic{height:48px;margin-top:7px;}
.header.flow .nav > ul > li{line-height:60px;}
.header.flow .nav li.search{padding:10px 0;}
.header.flow .nav li .drop-down{top:60px;}
.header.active .logo .phone-menu{background-position:-318px -5px;}

.header-lang{position:relative;float:right;z-index:2000;margin-top: 35px; margin-left: 10px; z-index:1;    transition: all .5s;}
.header-lang .box{height:36px;width:88px;cursor:pointer;box-sizing:border-box;border:1px solid #EBEBEB; }
.header-lang .box img{float:left;margin:8px 0 0 8px;}
.header-lang .box em{float:left;margin:8px 5px 0 8px;line-height:18px;font-size:12px;color:#fff;}
.header-lang .box i{float:left;margin:10px 0 0 0;width:12px;height:12px;text-align:center;color:#333; background: url(../images/san.png) no-repeat;}
.header-lang ul{display:none;overflow:hidden;width:88px;padding:0 8px;position:absolute;left:0;top:36px;z-index:200;background:#fff;border:1px solid #EBEBEB;border-top:none;box-sizing:border-box;}
.header-lang ul li{line-height:32px;border-bottom:1px solid rgba(51,51,51,.2);}
.header-lang ul li:last-child{border:none;}
.header-lang ul li a{color:#333 !important;font-size:12px;}
.header-lang ul li a:hover{color:#d7171e;}
.header-lang ul li img{vertical-align:middle;margin-right:8px;}
.header-lang:hover ul{display:block;}
.header.flow .header-lang{ margin-top:12px;     transition: all .5s;}


.index-main .slidebox{width:100%;position:relative;z-index:99;overflow:hidden;}
.index-main .slidebox .slideshow{width:100%;margin:0 auto;overflow:hidden;position:relative;}
.index-main .slidebox .slideshow ul{position:relative;width:4000px;overflow:hidden;}
.index-main .slidebox .slideshow ul li{float:left;}
.index-main .slidebox .slideshow ul li img{width:100%;height:auto;}
.index-main .slidebox .slidelist{position:absolute;left:0;bottom:3%;width:100%;height:14px;text-align:center;}
.index-main .slidebox .slidelist ul{display:inline-block;*display:inline;*zoom:1;}
.index-main .slidebox .slidelist ul li{float:left;width:14px;height:14px;margin:0 6px;background-color:#ccc;border-radius:50%;}
.index-main .slidebox .slidelist ul li.active{background-color:#d7171e;}
.index-main .slidebox .item-btn{position:absolute;width:50px;height:50px;top:50%;margin-top:-25px;background:url(../images/all-icon.png) no-repeat;cursor:pointer;transition:left .5s,right .5s;}
.index-main .slidebox .prev{left:-50px;background-position:-5px -5px;}
.index-main .slidebox .next{right:-50px;background-position:-55px -5px;}
.index-main .slidebox .prev:hover{background-position:-105px -5px;}
.index-main .slidebox .next:hover{background-position:-155px -5px;}
.index-main .slidebox:hover .prev{left:50px;}
.index-main .slidebox:hover .next{right:50px;}


.index-title{text-align:center;margin-bottom:40px;}
.index-title h2{line-height:50px;font-size:40px;}
.index-title h2 span{color:#d7171e;}
.index-title p{font-size:16px;font-family:"OpenSans-Light";color:#999;}
.index-title .btn{position:relative;display:block;width:230px;height:40px;line-height:40px;margin:15px auto 0;border-radius:25px;text-align:center;font-size:18px;font-family:"OpenSans-Bold";background-color:#f7f7f7;z-index:2;transition:all .5s;}
.index-title .btn:hover {background-color:#d7171e;color:#fff;box-shadow:0 2px 2px #333;}

.index-markets{padding:90px 0;}
.index-markets .slide-market{position:relative;}
.index-markets .slide-pic{overflow:hidden;}
.index-markets .slide-pic ul{padding-bottom:5px !important;}
.index-markets .slide-pic li{float:left;width:350px;}
.index-markets .slide-pic li .pic{overflow:hidden;}
.index-markets .slide-pic li .pic img{width:100%;height:auto;transition:all .5s;}
.index-markets .slide-pic li .btn{position:relative;display:block;width:230px;height:50px;line-height:50px;margin:-25px auto 0;border-radius:25px;text-align:center;font-size:18px;font-family:"OpenSans-Bold";background-color:#f7f7f7;z-index:2;transition:all .5s;}
.index-markets .slide-pic li:hover .btn{background-color:#d7171e;color:#fff;box-shadow:0 2px 2px #333;}
.index-markets .slide-pic li:hover .pic img{-webkit-filter:grayscale(0);filter:grayscale(0);}
.index-markets .item-btn{position:absolute;width:50px;height:50px;top:50%;margin-top:-25px;background:url(../images/all-icon.png) no-repeat;cursor:pointer;}
.index-markets .prev{left:-60px;background-position:-5px -5px;}
.index-markets .next{right:-60px;background-position:-55px -5px;}
.index-markets .prev:hover{background-position:-105px -5px;}
.index-markets .next:hover{background-position:-155px -5px;}


.index-about{padding:70px 0;background:url(../images/index-about-bg.jpg) no-repeat center;}
.index-about .cont{overflow:hidden;}
.index-about .cont .text{float:left;width:540px;}
.index-about .cont .text h3{line-height:30px;margin-bottom:15px;font-size:24px;font-family:"OpenSans-Bold";color:#000;}
.index-about .cont .text p{line-height:35px;font-size:16px;text-shadow: 0 8px 9px #fff, 2px 2px 1px #fff;font-weight: bold;}
.index-about .cont .pic{float:right;width:830px; position:relative;}
.index-about .cont .pic em{ width:60px; height:60px; background:url(../pic/vide.gif) no-repeat; position:absolute; top:50%; margin-left:-30px; margin-top:-30px; left:50%; z-index:20;transition: all 0.8s ease 0s;-webkit-transform: all 0.8s ease 0s;}
.index-about .cont .pic:hover em{transform: scale(1.05);
transition: all 0.8s ease 0s;
-webkit-transform: scale(1.05);
-webkit-transform: all 0.8s ease 0s;}
.index-about .cont .pic img{width:100%;height:auto;}
.index-about .more{display:block;width:168px;height:48px;line-height:48px;margin:70px auto 0;text-align:center;border:1px solid #b3b3b3;font-size:18px;font-family:"OpenSans-Bold";text-transform:uppercase;border-radius:25px;transition:all .5s;}
.index-about .more:hover{background-color:#d7171e;border-color:#d7171e;color:#fff;}

.video{ width:120px;   margin-left:-60px;}
.videolist { width:120px; height:auto; }
.videolist:hover{ cursor: pointer; }
.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; }
.videos{ display:none;position:fixed; margin:auto;left:0;right:0;top:20%;bottom:0;z-index:100; width:80%; height:auto; max-width:1000px; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
.videos img{ max-width:100% !important; width:auto !important;}

.index-adv{padding:130px 0;background:url(../images/gongsi.jpg) no-repeat center bottom;overflow:hidden;}
.index-adv .title{float:right;width:185px;height:248px;padding-top:35px;margin-top:125px;background:url(../images/index-adv-title.png) no-repeat;box-sizing:border-box;}
.index-adv .title h2{color:#333;line-height:45px;font-size:40px;font-family:"OpenSans-Extrabold";text-transform:uppercase;}
.index-adv .cont{float:left;width:1000px;box-sizing:border-box;}
.index-adv .cont li{position:relative;float:left;width:28.5%;height:90px;padding-left:65px;margin:0 4.83% 50px 0;box-sizing:border-box;}
.index-adv .cont li img{position:absolute;left:0;top:0;}
.index-adv .cont li h3{line-height:20px;font-size:18px;margin-bottom:5px;font-family:"OpenSans-Extrabold";color:#333;text-transform:uppercase;}
.index-adv .cont li p{line-height:20px;font-family:"OpenSans-Light";}
.index-adv .cont > p{line-height:30px;font-size:20px;font-family:"OpenSans-Light";font-style:italic;clear:both;}


.index-products{padding:0 0 60px;}
.index-products .cont ul{width:100.7142857%;}
.index-products .cont li{float:left;width:19.29078%;margin:0 0.70922% 20px 0;}
.index-products .cont li .pic{overflow:hidden;border:1px solid #ececec;margin-bottom:5px;transition:all .5s;}
.index-products .cont li .pic img{width:100%;height:auto;transition: all 1s ease 0s;-webkit-transform: all 1s ease 0s;}
.index-products .cont li:hover .pic img{transform: scale(1.1);transition: all 1s ease 0s;-webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;
}
.index-products .cont li > a{display:block;line-height:30px;text-align:center;font-family:"OpenSans-Semibold";font-size:16px;text-transform:uppercase;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:all .5s;}
.index-products .cont li:hover .pic{border-color:#fff;box-shadow:0 0 20px #ccc;}
.index-products .cont li:hover > a{color:#d7171e;}
.index-products .cont .more{padding-top:40px;clear:both;}
.index-products .cont .more a{display:block;width:168px;height:48px;line-height:48px;margin:0 auto;text-align:center;border:1px solid #b3b3b3;font-size:18px;font-family:"OpenSans-Bold";text-transform:uppercase;border-radius:25px;}
.index-products .cont .more a:hover{background-color:#d7171e;border-color:#d7171e;color:#fff;}


.index-news{padding:50px 0;}
.index-news .cont{overflow:hidden;}
.index-news .cont ul{width:103.92857%;}
.index-news .cont li{float:left;width:29.5532%;margin-right:3.7801%;}
.index-news .cont li .pic{overflow:hidden;margin-bottom:20px;}
.index-news .cont li .pic img{width:100%;height:auto;}
.index-news .cont li .text{padding-bottom:20px;border-bottom:1px solid #fff;transition:all .5s;}
.index-news .cont li .text h3{line-height:25px;margin-bottom:10px;font-size:18px;font-family:"OpenSans-Bold";text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.index-news .cont li .text p{height:50px;margin-bottom:10px;font-family:"OpenSans-Light";overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.index-news .cont li .text .more{display:inline-block;width:30px;height:30px;margin-right:10px;vertical-align:top;background:url(../images/all-icon.png) no-repeat -220px -5px;}
.index-news .cont li .text span{display:inline-block;line-height:30px;vertical-align:top;font-style:italic;}
.index-news .cont li:hover .text{border-color:#ccc;}
.index-news .cont li:hover .text .more{background-position:-250px -5px;}


.global-message{padding:40px 0;}
.global-message .cont{padding:50px 0 60px;background-color:#ededed;text-align:center;font-size:0;}
.global-message .cont h2{line-height:50px;margin-bottom:40px;font-size:30px;}
.global-message .cont input,.global-message .cont textarea{width:350px;height:50px;line-height:50px;margin-right:20px;padding:0 10px;box-sizing:border-box;background-color:#fff;vertical-align:top;box-shadow:inset 2px 2px 5px #ccc;font-size:16px;}
.global-message .cont input.yan{ width: 150px;}
.global-message .cont img{ height: 50px;}
.global-message .cont input[type="submit"]{width:140px;margin-right:0;background-color:#d7171e;color:#fff;cursor:pointer;font-size:16px;}


.page{text-align:center;clear:both;}
.page ul{font-size:0;}
.page ul li{display:inline-block;margin:0 5px 10px;font-size:14px;}
.page ul li a{display:block;line-height:36px;padding:0 14px;background-color:#ccc;}
.page ul li.thisclass a{background-color:#d7171e;color:#fff;}
.page ul li a:hover{background-color:#d7171e;color:#fff;}


.footer{padding:80px 0 60px;background-color:#333;overflow:hidden;}
.footer h3{line-height:25px;font-size:18px;margin-bottom:20px;font-family:"OpenSans-Bold";text-transform:uppercase;color:#fff;}
.footer li{line-height:30px;font-size:14px;color:#fff;box-sizing:border-box;}
.footer a{color:#fff;}
.footer a:hover{color:#eee;}
.footer .func-box{float:left;box-sizing:border-box;overflow:hidden;}
.footer .product{width:25.5%;padding-right:1%;overflow:hidden;}
.footer .product li{float:left;width:50%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.footer .service{width:20%;}
.footer .news{width:15%;}
.footer .contact{width:38%;line-height:30px;color:#fff;}
.footer .contact li{position:relative;}
.footer .contact li span{position:absolute;line-height:30px;left:0;top:0;}
.footer .contact .mail{color:#fff;font-family:"OpenSans-Semibold";text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.footer .contact .mail label{margin-right:10px;}
.footer .contact .mail a{color:#fff;}
.footer .contact .mail a:hover{color:#d7171e;}
.footer .sns{width:13.5%;}
.footer .sns .box{overflow:hidden;}
.footer .sns .box a{float:left;display:block;width:40px;height:45px;margin:0 10px 10px 0;background:url(../images/all-icon.png) no-repeat;}
.footer .sns .box .facebook{background-position:-5px -65px;}
.footer .sns .box .google{background-position:-45px -65px;}
.footer .sns .box .skype{background-position:-85px -65px;}
.footer .sns .box .linkin{background-position:-125px -65px;}
.footer .sns .box .twitter{background-position:-165px -65px;}
.footer .sns .box .pinter{background-position:-205px -65px;}

.copy-right{line-height:30px;padding:10px 0;text-align:center;color:#999;background-color:#000;}

.clear{ clear: both;}

.list-products{padding:50px 0;overflow:hidden;}
.list-products .classify{float:left;width:330px;}
.list-products .classify > i{position:absolute;right:28px;top:18px;width:30px;height:24px;background:url(../images/all-icon.png) no-repeat -450px -5px;cursor:pointer;z-index:99999;}
.list-products .classify h2{position:relative;line-height:40px;padding:10px 0;margin-bottom:35px;border-bottom:1px solid #bfbfbf;font-size:29px;font-family:"OpenSans-Bold";color:#666;text-transform:uppercase;}
.list-products .classify h2:after{content:"";position:absolute;left:0;bottom:-4px;width:8px;height:8px;border-radius:50%;background-color:#d7171e;}
.list-products .classify .one{background-color:#ededed;}
.list-products .classify .one > li{position:relative;;border-bottom:1px solid #e5e5e5;}
.list-products .classify .one > li > a{display:block;line-height:40px;padding:10px 60px;font-size:16px;font-family:"OpenSans-Semibold";text-transform:uppercase;}
.list-products .classify .one > li > em{display:none;position:absolute;right:20px;top:6px;width:40px;height:40px;background:url(../images/all-icon.png) no-repeat -300px -35px;}
.list-products .classify .one > li > em.on{background-position:-340px -35px;}
.list-products .classify .one > li.active > a{background-color:#d7171e;color:#fff;}
.list-products .classify .one > li.active > em{background-position:-380px -35px;}
.list-products .classify .one > li.active > em.on{background-position:-420px -35px;}
.list-products .classify .one > li.active:after{content:"";position:absolute;width:0;height:0;border:7px solid transparent;border-left-color:#d7171e;right:-14px;top:23px;}
.list-products .classify .one > li.active .two{display:block;}
.list-products .classify .two{display:none;padding:10px 0 10px 60px;}
.list-products .classify .two li{line-height:30px;font-size:14px;padding-right:10px;font-family:"OpenSans-Light";}
.list-products .cont{position:relative;width:100%;margin-top:10px;padding-top:15px;}
.list-products .cont .tbox{position:relative;margin-bottom:30px;}
.list-products .cont .tbox img{width:100%;height:auto;}
.list-products .cont .tbox .title{position:absolute;left:50%;top:50%;max-width:600px;transform:translate(-50%,-50%);padding:40px 60px;background:url(../images/title-bg.png);box-sizing:border-box;}
.list-products .cont .tbox .title h1{font-size:30px;font-family:"OpenSans-Extrabold";color:#fff;text-transform:uppercase;text-align:center;}
.list-products .cont .list{overflow:hidden;margin-bottom:30px;}
.list-products .cont .list ul{width:102%;}
.list-products .cont .list li{float:left;width:23%;margin:0 1% 30px 0;}
.list-products .cont .list li .pic{overflow:hidden;border:1px solid #e5e5e5;margin-bottom:10px;}
.list-products .cont .list li .pic img{width:100%;height:auto;transition: all 1s ease 0s;-webkit-transform: all 1s ease 0s;}
.list-products .cont .list li > a{display:block;line-height:30px;text-align:center;font-family:"OpenSans-Semibold";font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.list-products .cont .list li:hover .pic{border-color:#d7171e;}
.list-products .cont .list li:hover > a{color:#d7171e;}
.list-products .cont .list li:hover .pic img{transform: scale(1.1);transition: all 1s ease 0s;-webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;
}
#pages {
	text-align: center;
	margin: 20px 0 30px
}
#pages a {
	font-family: Arial;
	font-size: 14px;
	display: inline-block;
	width: auto;
	padding:0 10px;
	height: 33px;
	line-height: 33px;
	border: 1px solid #e6e6e6;
	background: #fff;
	color: #646464;
	margin-right: 8px;
	text-align: center
}
#pages span:first-child{ margin-right:5px;}
#pages a:hover{ color:#d7171e;}
#pages a.page-num-current {
	color:#d7171e;
}
#pages a.a1 {
	display: none;
	width: 108px;
	font-size: 12px;
	float: left;
	text-align: left;
	border: none;
	background: 0 0;
	color: #646464
}
#pages a.a1 font {
	color: #fead0f;
	padding: 0 3px
}



.main-products h3{font-size:20px;line-height:30px;font-family:"OpenSans-Bold";color:#333;margin-bottom:20px;}
.main-products ul li{position:relative;font-size:16px;line-height:25px;padding:7px 0 7px 20px;}
.main-products ul li:after{content:"";position:absolute;left:0;top:15.5px;width:8px;height:8px;background-color:#d7171e;border-radius:50%;}
.main-products .overview{padding:60px 0 50px;background-color:#f7f7f7;overflow:hidden;}
.main-products .overview .slide-pro{float:left;width:700px;}
.main-products .overview .slide-pic{width:700px;height:700px;margin-bottom:10px;border:1px solid #dcdcdc;overflow:hidden;box-sizing:border-box;background-color:#fff;}
.main-products .overview .slide-pic li{padding:0;}
.main-products .overview .slide-pic li:after{display:none;}
.main-products .overview .slide-pic li img{width:100%;height:auto;}
.main-products .overview .slide-dot{position:relative;width:570px;margin:0 auto;}
.main-products .overview .slide-dot .pos{width:510px;height:120px;margin:0 auto;overflow:hidden;}
.main-products .overview .slide-dot .pos ul{width:1000px;}
.main-products .overview .slide-dot .pos li{float:left;width:120px;height:120px;padding:0;margin-right:10px;border:1px solid #dcdcdc;box-sizing:border-box;cursor:pointer;}
.main-products .overview .slide-dot .pos li img{width:100%;height:auto;}
.main-products .overview .slide-dot .pos li.active{border-color:#d7171e;}
.main-products .overview .slide-dot .pos li:after{display:none;}
.main-products .overview .slide-dot .item-btn{position:absolute;width:22px;height:22px;top:50%;margin-top:-11px;background:url(../images/all-icon.png) no-repeat;cursor:pointer;}
.main-products .overview .slide-dot .prev{left:0;background-position:-350px -5px;}
.main-products .overview .slide-dot .next{right:0;background-position:-372px -5px;}
.main-products .overview .slide-dot .prev:hover{background-position:-394px -5px;}
.main-products .overview .slide-dot .next:hover{background-position:-416px -5px;}
.main-products .overview .text{float:right;width:650px;}
.main-products .overview .text h1{line-height:40px;margin-bottom:30px;font-size:36px;font-family:"OpenSans-Extrabold";text-transform:uppercase;color:#000;}
.main-products .overview .text .info{line-height:26px;font-size:14px;margin-bottom:20px;}
.probg{ background:url(../images/bg.jpg) center repeat;}
.procont{ max-width:1000px; border:1px solid #ddd; padding:30px;box-shadow:0 0 10px #ccc;background:#fff;}
.main-products .overview .text .time{line-height:30px;font-size:16px;margin-bottom:30px;}
.main-products .overview .text .inq{display:block;width:240px;height:65px;line-height:65px;background-color:#d7171e;color:#fff;font-size:24px;font-family:"OpenSans-Bold";text-transform:uppercase;text-align:center;cursor:pointer;}
.main-products .detail{padding:60px 0;overflow:hidden;}
.main-products .detail ul li{font-size:14px;}
.main-products .detail .par-table{float:left;width:50%;margin-bottom:60px;line-height:30px;font-size:16px;}
.main-products .detail .par-table table{width:100%;font-size:14px;}
.main-products .detail .par-table th,.main-products .detail .par-table td{line-height:25px;border:1px solid #e5e5e5;padding:10px 1% 10px 3.5%;}
.main-products .detail .par-table th{text-align:left;width:28.5%;background-color:#f7f7f7;}
.main-products .detail .half-info{float:right;width:46.5%;margin-bottom:60px;line-height:30px;font-size:16px;}
.main-products .detail .more-box{clear:both;line-height:30px;font-size:16px;}
.main-products .related{padding:60px 0;background:#f7f7f7 ;}
.main-products .related h2{line-height:30px;margin-bottom:45px;font-size:30px;font-family:"OpenSans-Bold";color:#d7171e;text-transform:uppercase;text-align:center;}
.main-products .related ul{width:100.7142857%;}
.main-products .related li{float:left;width:19.29078%;margin:0 0.70922% 20px 0;padding:0;}
.main-products .related li .pic{overflow:hidden;border:1px solid #ececec;margin-bottom:5px;}
.main-products .related li .pic img{width:100%;height:auto;}
.main-products .related li > a{display:block;line-height:30px;text-align:center;font-family:"OpenSans-Semibold";font-size:16px;text-transform:uppercase;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.main-products .related li:hover .pic{border-color:#fff;box-shadow:0 0 20px #ccc;}
.main-products .related li:hover > a{color:#d7171e;}
.main-products .related li:after{display:none;}
.flow-inquiry{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);transition:all .4s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;z-index:-1;}
.flow-inquiry .box{position:absolute;top:70%;left:50%;width:500px;height:500px;padding:30px;transform:translate(-50%,-50%);background-color:#fff;box-shadow:0 0 20px #333;box-sizing:border-box;text-align:center;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .4s;}
.flow-inquiry .box img{ height: 40px;}
.flow-inquiry .box span{display:block;line-height:35px;margin-bottom:30px;font-size:28px;font-family:"OpenSans-Bold";color:#d7171e;text-align:center;text-transform:uppercase;}
.flow-inquiry .box input,.flow-inquiry .box textarea{width:100%;height:40px;line-height:38px;padding:0 10px;margin-bottom:10px;background-color:#ecedee;border:1px solid #e1e3e5;box-sizing:border-box;}
.flow-inquiry .box textarea{height:120px;line-height:25px;padding:5px 10px;font-family:"OpenSans-Regular";}
.flow-inquiry .box .sub{width:170px;height:40px;line-height:40px;text-align:center;background-color:#d7171e;color:#fff;cursor:pointer;}
.flow-inquiry.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;z-index:99999;}
.flow-inquiry.on .box{top:50%;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.flow-inquiry.footi{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;z-index:-1;}
.flow-inquiry.footi.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;z-index:99999;}
.flow-inquiry.footi.on .box{top:50%;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}


.nclassify{height:90px;background-color:#f7f7f7;}
.nclassify li{float:left;height:90px;padding:0 15px;margin-right:60px;font-size:18px;font-family:"OpenSans-Semibold";}
.nclassify li a{display:block;line-height:87px;border-bottom:3px solid #f7f7f7;}
.nclassify li.active a{border-color:#d7171e;color:#d7171e;}


.list-news{padding:30px 0 20px;}
.list-news h1{line-height:55px;font-size:36px;font-family:"OpenSans-Bold";margin-bottom:30px;color:#000;}
.list-news .cont{margin-top:36px;border-top:1px solid #e9e9e9;margin-bottom:30px;}
.list-news .cont li{position:relative;padding:15px 0 15px 346px;height:224px;border-bottom:1px solid #e9e9e9;box-sizing:border-box;}
.list-news .cont li .pic{position:absolute;top:15px;left:0;width:302px;}
.list-news .cont li .pic img{width:100%;height:auto;}
.list-news .cont li h3{position:relative;margin-top:20px;padding-right:110px;height:30px;font-size:18px;;font-family:"OpenSans-Bold";line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.list-news .cont li h3 a{color:#333333;}
.list-news .cont li h3 a:hover{color:#d7171e;}
.list-news .cont li h3 .time{position:absolute;top:0;right:0;width:104px;height:30px;font-size:14px;color:#999999;font-family:"OpenSans-Regular";line-height:30px;text-align:right;}
.list-news .cont li p{margin-top:15px;height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.list-news .cont li .more{display:block;margin-top:24px;width:150px;height:38px;font-size:14px;color:#fff;font-family:"OpenSans-Semibold";text-align:center;line-height:38px;background-color:#d7171e;border-radius:18px;}


.main-news{padding:40px 0;}
.main-news .main-width{overflow:hidden;}
.main-news .cont{float:left;width:1000px;}
.main-news .cont .title{border-bottom:1px solid #ccc;padding-bottom:15px;margin-bottom:30px;overflow:hidden;}
.main-news .cont .title h1{font-size:22px;padding-bottom:15px;color:#333;}
.main-news .cont .title label{font-style:italic;}
.main-news .cont .news-content{margin-bottom:30px;padding-bottom:30px;font-size:15px;border-bottom:1px solid #ccc;}
.main-news .cont .news-content h3{font-size:16px;font-weight:bold;color:#d7171e;margin-bottom:10px;}
.main-news .cont .news-content p{font-size:15px;margin-bottom:15px;}
.main-news .cont .news-content p strong{color:#d7171e;}
.main-news .cont .news-content ul{padding-left:20px;margin-bottom:20px;}
.main-news .cont .news-content ul li{list-style:disc;line-height:30px;font-size:15px;}
.main-news .cont .news-content ul li span{font-weight:bold;color:#d7171e;}
.main-news .cont .news-content ol{padding-left:20px;margin-bottom:20px;}
.main-news .cont .news-content ol li{list-style:decimal;line-height:30px;font-size:15px;}
.main-news .cont .news-content .img{text-align:center;}
.main-news .cont .news-content img{max-width:100%;height:auto;}
.main-news .cont .subpage li{font-weight:bold;color:#333;margin-bottom:5px;}
.re-list{float:right;width:300px;padding-bottom:20px;box-sizing:border-box;border:1px solid #ccc;overflow:hidden;}
.re-list h2{line-height:35px;background-color:#e1e1e1;font-size:16px;padding-left:12px;font-weight:500;}
.re-list ul{padding:20px 0;}
.re-list li a{display:block;line-height:24px;border-bottom:1px dashed #ccc;padding:10px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;}
.re-list li a:hover{color:#d7171e;}
.re-list .more{display:block;width:100px;height:30px;background-color:#999;text-align:center;float:right;margin:5px 15px 0 0;line-height:30px;font-size:13px;color:#fff;border-radius:4px;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out;}
.re-list .more:hover{background-color:#d7171e;}

.maphtml{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0;}
.main-contact{padding:120px 0;background-size:100% auto;overflow:hidden;transition:all 5s; }
.main-contact.on{background-size:120% auto;}
.main-contact .cbox{float:left;width:400px;height:500px;padding:15px 20px;background-color:#fff;border-radius:10px;box-sizing:border-box;box-shadow:2px 2px 5px #aaa;z-index: 2; position: relative;}
.main-contact .cbox h2{line-height:30px;font-size:16px;margin-bottom:20px;text-align:left;}
.main-contact .way{margin:0 100px 0 200px;}
.main-contact .way li{position:relative;padding:2px 0 2px 40px;margin-bottom:10px;}
.main-contact .way li p{line-height:26px;}
.main-contact .way li p span{margin:0 10px;}
.main-contact .way li i{position:absolute;top:0;left:0;width:30px;height:30px;background:url(../images/all-icon.png) no-repeat;}
.main-contact .way li.tel i{background-position:-5px -120px;}
.main-contact .way li.add i{background-position:-35px -120px;}
.main-contact .way li.add p{line-height:25px;padding:2px 0;}
.main-contact .way li.mail i{background-position:-65px -120px;}
.main-contact .way li.mail p{}
.main-contact .way li.phone i{background-position:-95px -120px;}
.main-contact .way li.fax i{background-position:-125px -120px;}
.main-contact .message{margin:0 200px 0 100px;text-align:center;}
.main-contact .message input{width:100%;height:35px;line-height:35px;margin-bottom:15px;padding:0 10px;background-color:#f5f5f5;box-shadow:inset 1px 1px 2px #ccc;box-sizing:border-box;}
.main-contact .message textarea{width:100%;height:80px;line-height:25px;margin-bottom:10px;padding:5px 10px;background-color:#f5f5f5;box-shadow:inset 1px 1px 2px #ccc;box-sizing:border-box;}
.main-contact .message input[type="submit"]{width:120px;box-shadow:none;background-color:#d7171e;color:#fff;cursor:pointer;}
.main-contact .message img{ height: 35px;}

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px; z-index: 9999999;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 5px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

.sclassify{padding:50px 0 40px;background-color:#f7f7f7;overflow:hidden;}
.sclassify ul{width:100.92857%;}
.sclassify li{float:left;width:14.57997%;height:50px;line-height:48px;margin:0 0.92003% 15px 0;text-align:center;background-color:#fff;border:1px solid #dbdbd9;border-radius:5px;box-sizing:border-box;overflow:hidden;}
.sclassify li a{display:block;}
.sclassify li a:hover,.sclassify li.active a{background-color:#d7171e;color:#fff;}
.sclassify .son{padding-top:15px;border-top:1px solid #ccc;clear:both;overflow:hidden;}

.w30{ width: 20%; float: left;}
.w70{ width: 75%; float: right;}
.sclassify2{padding:50px 10px 40px 10px;background-color:#f7f7f7;overflow:hidden;    box-shadow: 0 0 10px #ccc; }
.sclassify2 h2{ width: 100%; text-indent: 20px; height: 80px; line-height: 80px;border-bottom:2px solid #ddd;}
.sclassify2 ul{width:100.92857%;float:left; height:auto; border-bottom:2px solid #ddd;line-height:48px;}
.sclassify2 h3{ padding-left: 20px; padding-right:10px; font-size:16px; font-weight:bold;line-height:48px; display:block;}
.sclassify2 h3 a{ display:block;}
.sclassify2 li{  height:auto;box-sizing:border-box;overflow:hidden;padding:10px  0; border-bottom:1px dashed #ddd;}
.sclassify2 li:last-child{ border-bottom: none;}
.sclassify2 li a{display:block;border-radius:5px; margin-left:15px; text-indent: 20px; height: 40px; line-height: 40px; }
.sclassify2 li a:hover,.sclassify2 li.active a{background-color:#d7171e;color:#fff;}
.sclassify2 h3.active a.jia{ color:#d7171e;}
.sclassify2 .erji{ max-height: 0; min-height: 0; overflow: hidden; transition: max-height ease-out 0.2s; }
.sclassify2 h3.on .erji{ max-height: 500px; transition: max-height ease-in 0.5s;}
.sclassify2 h3 a.jia{ background:url(../images/jia.png) no-repeat right;}
.sclassify2 h3.on a.jia{background:url(../images/jian.png) no-repeat right !important;}


.main-service{padding:50px 0 10px;}
.main-service .title{margin-bottom:40px;}
.main-service .title h1{font-size:30px;line-height:40px;margin-bottom:15px;font-family:"OpenSans-Bold";color:#000;text-align:center;}
.main-service .title i{position:relative;display:block;width:100%;height:20px;background:url(../images/title-line.png) no-repeat;background-size:100% 100%;}
.main-service .title i:before{content:"";position:absolute;left:0;bottom:-4px;width:8px;height:8px;border-radius:50%;background-color:#d7171e;}
.main-service .title i:after{content:"";position:absolute;right:0;bottom:-4px;width:8px;height:8px;border-radius:50%;background-color:#d7171e;}
.main-service .cont{overflow:hidden;}
.main-service .cont h2{font-size:22px;line-height:30px;margin-bottom:15px;font-family:"OpenSans-Semibold";color:#d7171e;}
.main-service .cont p{position:relative;padding-left:18px;margin-bottom:15px;font-family:"OpenSans-Light";}
.main-service .cont p:after{content:"";position:absolute;width:8px;height:8px;left:0;top:8px;background-color:#d7171e;border-radius:50%;}
.main-service .cont .img{padding:0;text-align:center;}
.main-service .cont .img img{max-width:100%;height:auto;}
.main-service .cont .img:after{display:none;}
.main-service .cont .pic{overflow:hidden;margin:40px 0;}
.main-service .cont .pic ul{width:102.857%;}
.main-service .cont .pic li{float:left;width:30.556%;margin:0 2.777% 30px 0;text-align:center;}
.main-service .cont .pic li img{width:100%;height:auto;margin-bottom:10px;}
.main-service .cont .four{display:flex;justify-content:space-between;}
.main-service .cont .four .box{min-width:18%;}
.main-service .cont .box h3{font-size:20px;line-height:30px;font-family:"OpenSans-Semibold";}
.main-service .cont .box hr{border:1px solid #d7171e;width:30px;margin:10px 0 20px;}
.main-service .cont .box li{line-height:30px;}
.main-service .cont .two{overflow:hidden;}
.main-service .cont .two .box{float:left;width:50%;padding-right:5%;box-sizing:border-box;}


.aclassify{height:90px;background-color:#f7f7f7; overflow: hidden;}
.aclassify li{float:left;height:90px;padding:0 15px;margin-right:60px;font-size:18px;font-family:"OpenSans-Semibold";}
.aclassify li a{display:block;line-height:87px;border-bottom:3px solid #f7f7f7;}
.aclassify li.active a{border-color:#d7171e;color:#d7171e;}


.main-about .profile .info{padding:80px 0;}
.main-about .profile .info .box{overflow:hidden;margin-bottom:50px;}
.main-about .profile .info .box .left{float:left;}
.main-about .profile .info .box .right{float:right;}
.main-about .profile .info .box .text{width:650px;}
.main-about .profile .info .box .text h1{position:relative;display:inline-block;line-height:40px;padding-bottom:10px;margin-bottom:30px;border-bottom:1px solid #b3b3b3;font-size:30px;font-family:"OpenSans-Bold";color:#d7171e;text-transform:uppercase;}
.main-about .profile .info .box .text h1:before{content:"";position:absolute;left:0;bottom:-4px;width:8px;height:8px;border-radius:50%;background-color:#d7171e;}
.main-about .profile .info .box .text h1:after{content:"";position:absolute;right:0;bottom:-4px;width:8px;height:8px;border-radius:50%;background-color:#d7171e;}
.main-about .profile .info .box .text h2{position:relative;display:inline-block;line-height:40px;margin-bottom:20px;font-size:24px;font-family:"OpenSans-Bold";color:#d7171e;text-transform:uppercase;}
.main-about .profile .info .box .text p{line-height:35px;font-size:16px;font-family:"OpenSans-Light";margin-bottom:20px;}
.main-about .profile .info .box .text.right{padding-top:100px;}
.main-about .profile .info .box .pic{width:650px;}
.main-about .profile .info .box .pic img{width:100%;height:auto;}
.main-about .profile .info .box ul{width:102.857%;}
.main-about .profile .info .box li{float:left;width:30.555%;margin-right:2.778%;}
.main-about .profile .info .box li img{width:100%;height:auto;}
.main-about .profile .adv{padding:60px 0 20px;background:url(../images/adv-bg.jpg) no-repeat center;}
.main-about .profile .adv h2{line-height:40px;margin-bottom:80px;font-size:30px;font-family:"OpenSans-Bold";text-align:center;text-transform:uppercase;color:#fff;}
.main-about .profile .adv .cont{padding:0 100px;overflow:hidden;}
.main-about .profile .adv .cont ul{width:110%;}
.main-about .profile .adv .cont li{position:relative;float:left;width:24.24%;min-height:60px;padding-left:70px;margin:0 9.09% 60px 0;box-sizing:border-box;}
.main-about .profile .adv .cont li img{position:absolute;left:0;top:0;}
.main-about .profile .adv .cont li h3{line-height:22px;margin-bottom:10px;font-size:18px;font-family:"OpenSans-Bold";text-transform:uppercase;color:#fff;}
.main-about .profile .adv .cont li p{line-height:20px;font-family:"OpenSans-Light";color:#fff;}
.main-about .profile .service{padding:70px 0 20px;overflow:hidden;}
.main-about .profile .service .box{width:47%;}
.main-about .profile .service .box h2{line-height:40px;margin-bottom:30px;font-size:30px;font-family:"OpenSans-Bold";text-transform:uppercase;color:#d7171e;}
.main-about .profile .service .box li{position:relative;padding-left:30px;margin-bottom:20px;font-size:16px;line-height:25px;font-family:"OpenSans-Light";}
.main-about .profile .service .box li i{position:absolute;width:20px;height:20px;line-height:20px;top:2.5px;left:0;background-color:#d7171e;border-radius:50%;text-align:center;color:#fff;font-size:14px;}
.main-about .profile .service .left{float:left;}
.main-about .profile .service .right{float:right;}

.main-about .factory{padding:10px 0 20px;}
.main-about .factory h1{position:relative;display:inline-block;line-height:40px;padding-bottom:10px;margin-bottom:40px;border-bottom:1px solid #b3b3b3;font-size:30px;font-family:"OpenSans-Bold";color:#d7171e;text-transform:uppercase;}
.main-about .factory h1:before{content:"";position:absolute;left:0;bottom:-4px;width:8px;height:8px;border-radius:50%;background-color:#d7171e;}
.main-about .factory h1:after{content:"";position:absolute;right:0;bottom:-4px;width:8px;height:8px;border-radius:50%;background-color:#d7171e;}
.main-about .factory p{font-size:16px;font-family:"OpenSans-Light";margin-bottom:20px;}
.main-about .factory ul{width:101.9%;overflow:hidden;margin-top:50px;}
.main-about .factory li{float:left;width:23.13%;margin:0 1.87% 1.87% 0;}
.main-about .factory li img{width:100%;height:auto;}


.search-results{padding:40px 0 20px;}
.search-results h1{margin-bottom:30px;}
.search-results .cont{margin-bottom:30px;}
.search-results .cont ul{width:100.7142857%;}
.search-results .cont li{float:left;width:19.29078%;margin:0 0.70922% 20px 0;}
.search-results .cont li .pic{overflow:hidden;border:1px solid #ececec;margin-bottom:5px;}
.search-results .cont li .pic img{width:100%;height:auto;}
.search-results .cont li > a{display:block;line-height:30px;text-align:center;font-family:"OpenSans-Semibold";font-size:16px;text-transform:uppercase;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.search-results .cont li:hover .pic{border-color:#fff;box-shadow:0 0 20px #ccc;}
.search-results .cont li:hover > a{color:#d7171e;}
.search-results .sear-page{text-align:center;font-size:0;overflow:hidden;}
.search-results .sear-page span,.search-results .sear-page strong,.search-results .sear-page a{float:left;display:block;font-size:14px;padding:0 13px;line-height:34px;margin:0 5px 5px;border:1px solid #ccc;border-radius:5px;color:#999;}
.search-results .sear-page span,.search-results .sear-page strong{cursor:default;}
.search-results .sear-page strong{background-color:#d7171e;color:#fff;}
.search-results .sear-page a:hover{background-color:#d7171e;color:#fff;}


#a-pro{position:relative;display:block;height:0;top:-60px;}
.probg img{ width:100% !important; height:auto !important;}