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

body {
	magin: 0px;
	position:relative;
}
@font-face {
  font-family:SourceHanSansCN;   /*字体名称*/
  src:url(../fonts/SourceHanSansCN-Regular.otf);       /*字体源文件*/
}	
* {
	font-family: Arial, "微软雅黑",SourceHanSansCN;
}
dd, dl, dt, ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
input {
	margin: 0;
	outline: none
}
a {
	text-decoration: none;
}
a:link {color:inherit;}/*未访问样式*/
a:hover{text-decoration:none;}
a:focus{text-decoration:none;}
h1{ margin:0px;}
i{ font-weight:normal;}
hr{ border:none; border-top:1px  solid #f0f0f0; margin:10px 0px;}
img{ max-width:100%;}
.vcenter-parent{display:table;}
.vcenter {display: table-cell;vertical-align: middle;}
.red{ color:#e50012;}
/*居中布局*/

::-webkit-scrollbar-track{background:#CCC;}
::-webkit-scrollbar{ width: 10px;}
::-webkit-scrollbar-thumb{background:#222;}
/*滚动条设置*/

.navbar-default{ background: #fff; border:none; box-shadow:0px 2px 4px -2px rgba(0,0,0,0.3);}
.navbar-brand img{ height:100%; width:auto; }


.top-nav li{ position:relative; z-index:1;}
.navbar-default .navbar-nav > li > a{ color:#333; transition-duration: .3s;}

.top-nav li:after{ content:""; position: absolute;  z-index:-1; width: 0%;height: 0%;top: 0px;left: 50%;background-color:#000;transition-duration: .3s;}
.top-nav li:hover:after{ content:""; position: absolute;  z-index:-1; width: 100%;height: 100%;top: 0px;left: 0%;background-color:#000;transition-duration: .3s;}
.top-nav li.on:after{ content:""; position: absolute;  z-index:-1; width: 100%;height: 100%;top: 0px;left: 0%;background-color:#000;transition-duration: .3s;}
.navbar-default .navbar-nav > li.on > a,.navbar-default .navbar-nav > li:hover > a,.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{ color:#fff; transition-duration: .3s;}
/*鼠标经过效果*/
/* 头部样式修改 */

.banner-2{ margin-top:35px; height:182px; background:url(../images/img-bannerbg.jpg) center no-repeat;}
.banner-2-hide{ display:none;}
.banner-2-text{ position:relative; z-index:1;}
.banner-2-text .vcenter-parent{ position:absolute; z-index:2; top:0px; right:0px; width:338px; height:182px; }
.banner-2-text .vcenter-parent .vcenter div{ padding-left:15px; color:#fff;}
.banner-2-text .vcenter-parent .vcenter img{ margin-top:4px;}
.banner-2-text p{ font-size:18px; margin:0px; font-weight:bold;}
.banner-2-text p span{ font-size:20px;}
.banner-2-text a{ display:inline-block; padding:0px 15px; margin-top:8px; font-size:12px; line-height:24px;  color:#e50012; border-radius:14px; background:#fff; box-shadow:3px 3px 5px rgba(0,0,0,0.5);transition-duration: .3s;}
.banner-2-text a:hover{ padding:0px 20px;transition-duration: .3s;}
/*首页广告banner*/

.index-title{ display:inline-block; font-size:0px; color:#333;}
.index-title2{ color:#fff;}
.index-title h4{ display:inline-block; position:relative; z-index:1;  font-size:30px; padding-top:20px; margin:10px 0px; }
.index-title h4:before{ content:""; position: absolute;  z-index:-1; width: 50px;height:4px;top: 0px;left: 50%; margin-left:-25px;background-color:#c80806;transition-duration: .3s;}
.index-title span{ display:inline-block; width:100%; font-size:10px; line-height:10px; margin:5px 0px; }

.index-flbox{ margin-left:1px; margin:40px auto;}
.index-fl{ position:relative; z-index:1; padding:0px; background:#eeeeee; text-align:center; margin-left:-1px;}
.index-fl:after{ content:""; position: absolute;  z-index:-1;width: 0%;height: 100%;bottom: 0px;left: 0%;background-color:#c80806;transition-duration: .3s;}
.index-fl:hover:after{ content:""; position: absolute;  z-index:-1;width: 100%;transition-duration: .3s;}

.index-fl-img{ position:relative; z-index:1; padding:0px; border:1px solid #eee; overflow:hidden;}
.index-fl-img img{ width:100%; height:auto;transform:scale(1);transition-duration: .4s;}
.index-fl:hover .index-fl-img img{ width:100%; height:auto;transform:scale(1.2);transition-duration: .4s;}
.index-fl-img span{ display:inline-block; position:absolute; z-index:2; bottom:0px; left:0px; width:100%; font-size:20px; line-height:36px; color:#fff; background:rgba(0,0,0,0.5)}
.index-fl-text{ padding:0px; height:237px; font-size:18px; color:#333; line-height:1.75em;}
.index-fl:hover .index-fl-text{ color:#fff; transition-duration: .3s;}
/* 产品分类 */


.index-aboutbox{ background:url(../images/aboutbg1.jpg) center no-repeat; background-size:cover; margin-top:60px; margin-bottom:40px;}
.index-about{ width:90%; padding:80px 0px; margin:auto; overflow:hidden;}
.index-about-text{ width:60%; padding:20px 70px; float:right; background:#121212;}
.index-about-t{ margin-top:20px; font-size:14px; color:#fff; line-height:1.75em;}
/* 关于我们 */

.margin{ height:30px; clear:both;}
.index-cp-list{}
.index-cp-img { border:1px solid #eee; padding:30px 0px;}
.index-cp-img img{ width:100%;}
.index-cp-list p{ width:100%; text-align:center; font-size:14px; margin:20px 0px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }
/* 产品 */

.index-banner{ text-align:center; background:url(../images/banner2.jpg) center no-repeat; padding:35px 0px; margin:30px 0px;}
.index-banner span{ display:inline-block; width:100%; font-size:24px; color:#fff;}
.index-banner b{ display:inline-block; width:100%; font-size:24px; color:#fff; margin-bottom:30px;}
.banner2-img img{ max-width:90%;}
/* 中间通栏图 */


.index-news-list ol{ position:relative; z-index:1; padding:0px; margin-bottom:20px;}
.index-news-list ol img{ width:100%;}
.index-news-list ol a{ position:absolute; z-index:2; top:50%; left:50%; margin-top:-22px; padding:0px 20px; transform:translate(-50%,0px); font-size:16px; line-height:44px; color:#fff; border-radius:6px; background:rgba(0,0,0,.3);transition-duration: .3s;}
.index-news-list ol a:hover{  background:rgba(180,8,9,.8);transition-duration: .3s;}
.index-news-list li{ font-size:0px; overflow:hidden;}
.index-news-list li p{ display:inline-block; width:70%; font-size:15px; line-height:18px;}
.index-news-list li span{ display:inline-block; width:30%; font-size:15px; line-height:18px;}
/* 新闻 */


.marqueeleft{width:100%;overflow:hidden; }
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;display:inline;overflow:hidden;}

.partner{ background:url(../images/img-partnerbg.jpg) no-repeat center; padding-bottom:20px; margin:40px auto 0px;}
.partner-box{ position:relative; z-index:1; padding:0px; width:190px; height:120px; margin-left:-1px; border:1px solid #e0e0e0; overflow:hidden;}
.partner-img{ position:absolute; z-index:1; width:100%; height:100%; max-height:100%; top:0px; left:0px; background:#fff; overflow:hidden; text-align:center;}
.partner-img .vcenter{ width:100%; height:100%; overflow:hidden;}
.partner-img img{ max-height:100%;}
.partner-text{ position:absolute; z-index:2; top:0px; left:0;width:100%; height:100%; padding:10px; background:rgba(229,22,0,0.9); opacity:0; text-align:center; overflow:hidden;transition-duration: .4s;}
.partner-box:hover .partner-text{ opacity:1; transition-duration: .4s;}
.partner-text:after{ content:""; position: absolute;  z-index:3;width: 44px;height:44px;bottom:-44px;right: -44px;background:rgba(38,38,38,0.8); transform:rotate(45deg); transition-duration: .5s;}
.partner-box:hover .partner-text:after{ content:""; position: absolute;  z-index:3;width: 44px;height:44px;bottom: -22px;right: -22px;background:rgba(38,38,38,0.8); transition-duration: .5s;}
.partner-text span{ font-size:14px; color:#fff;}
/* 合作伙伴 */


.index-link{ margin:30px 0px 10px; background:#f7f7f7; padding:20px 0px;}
.link-left{ float:left; padding-right:40px;}
.link-box{ overflow:hidden;}
.link-box a{ display:inline-block; float:left; margin-right:25px; font-size:13px; line-height:22px; color:#404040;}
.link-box a:hover{ color:#e50012;}
/* 友情链接 */

.foot{ background:url(../images/img-footbg.jpg) repeat;}
.foot-nav{ padding:80px 0px 100px;}
#inside-zd{ float:left; display:inline-block; width:100%;  margin:0px; overflow:hidden;}
#inside-zd .panel{ float:left; border:none; margin:0px 0px 0px 80px;  background:none; box-shadow:none;}
#inside-zd .panel:nth-child(1){ margin:0px 0px 0px 15px;  background:none;box-shadow:none;}
#inside-zd .panel:last-child{ float:right;}
#inside-zd .panel-heading{ border-radius:0px; overflow:hidden;padding:0px; background:none;}
#inside-zd .panel-heading a{ position:relative; z-index:1; display:inline-block;font-size:14px; padding:0px 0px 15px; margin-bottom:20px; font-weight:bold; color:#fff; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
#inside-zd .panel-heading a:before{ content:""; position: absolute;  z-index:-1;width: 20px;height:2px;bottom: 0px;left: 0%;background-color:#e50012;transition-duration: .3s;}
#inside-zd .panel-heading a:after{ content:""; position: absolute;  z-index:-2;width: 100%;height:1px;bottom: 0px;left: 0%;background-color:#808080;transition-duration: .3s;}

#inside-zd .panel-body{ border:none; padding:0px; margin:0px;}
#inside-zd .panel-body a{ display:inline-block; font-size:12px; line-height:26px; color:#ccc;}
#inside-zd .panel-body a:hover{color:#e50012;}
#inside-zd .panel-body p{ display:inline-block; font-size:12px; line-height:18px; color:#ccc; margin:4px 0px;}
#inside-zd .panel-body input{ display:inline-block; box-sizing:border-box; padding-left:10px; width:100%; min-width:260px; font-size:12px; line-height:38px; margin-bottom:15px; border:none; border-bottom:1px solid #333; background:none; }
#inside-zd .panel-body  textarea{ display:inline-block; box-sizing:border-box; padding:6px 10px; width:100%; height:110px; min-width:260px; font-size:12px; line-height:22px; color:#ccc; margin-bottom:10px; border:none; border:1px solid #333; background:none; }
#inside-zd .panel-body  textarea::-webkit-input-placeholder{ color:#ccc;}
#inside-zd .panel-body .submit{ position:relative; z-index:1; display:inline-block; box-sizing:border-box; padding:0px 35px; line-height:36px; border:1px solid #333333;background:#292929;transition-duration: .3s;}
#inside-zd .panel-body .submit:hover{color:#fff;transition-duration: .3s;}
#inside-zd .panel-body .submit:after{content:""; position: absolute;  z-index:-1;width: 0%;height: 100%;bottom: 0px;left: 0%;background-color:#e50012;transition-duration: .3s;}
#inside-zd .panel-body .submit:hover:after{content:""; position: absolute;  z-index:-1;width: 100%;transition-duration: .3s;}
/*折叠效果*/

.foot-bq{ padding:11px 15px; border-top:1px solid #333;}
.foot-bq a,.foot-bq span{ display:inline-block; font-size:12px; line-height:18px; color:#999;}


.cp-fx{ display:inline-block; margin:15px 0px 0px 10px; vertical-align:text-bottom;}
#foot-fx { display:inline-block; font-size:0px;vertical-align:top; margin:6px 0px; overflow:hidden;}
#foot-fx a{ display:inline-block; float:left; width:18px; height:18px; margin:0px; margin-right:4px; }
#foot-fx a:hover{ position:relative; z-index:1; }
#foot-fx a .jiathis_txt{ line-height:18px !important; height:18px !important; padding-left:18px !important;}
#foot-fx .jtico_tsina{ background:url(../images/icon-xl.jpg)  no-repeat center;}
#foot-fx .jtico_tqq{ background:url(../images/icon-tx.jpg)  no-repeat center;}

#foot-fx .jtico_tsina:hover{ background:url(../images/icon-xl.jpg)  no-repeat center;}
#foot-fx .jtico_tqq:hover{ background:url(../images/icon-tx.jpg)  no-repeat center;}
/* 首页end */

.inside-banner{ height:400px; background-position:center; background-repeat:no-repeat; background-size:cover; margin-bottom:30px;}

.inside-nav ul{ display:inline-block; width:90%; margin:50px 0px; text-align:center;overflow:hidden;}
.inside-nav li{ display:inline-block; width:auto; margin:0px 25px; overflow:hidden;}
.inside-nav li a{ display:inline-block; box-sizing:border-box; position:relative; z-index:1; padding:0px 30px; color:#333; line-height:40px; border:1px solid #e0e0e0; overflow:hidden;}
.inside-nav li.on a,.inside-nav li a:hover{ color:#fff;}
.inside-nav li a:after{ content:""; position: absolute;  z-index:-1; width: 0%;height: 100%;bottom: 0px;left: 0%;background-color:#c80806;transition-duration: .3s;}
.inside-nav li.on a:after,.inside-nav li a:hover:after{ content:""; position: absolute;  z-index:-1; width: 100%; transition-duration: .3s;}

.cp-list{}
.cp-img{ border:1px solid #eee; padding:30px 0px; overflow:hidden;}
.cp-list a:hover .cp-img{ border:1px solid #e50012;}
.cp-img img{ width:100%;transform:scale(1);transition-duration: .3s;}
.cp-list a:hover .cp-img img{ width:100%;transform:scale(1.2);transition-duration: .3s;}
.cp-list p{ width:100%; text-align:center; font-size:14px; color:#333; margin:20px 0px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }
.cp-list a:hover p{ color:#e50012;}

.showMorehandle{ text-align:center;}
.showMorehandle a{ display:inline-block; padding:0px 25px; margin:20px 0px; font-size:16px; line-height:30px; background:#cb120f; color:#fff; border-radius:6px; }
/* 产品列表 */
.cp-nav { margin-bottom:30px;}
.cp-nav ol{ padding:0px; border-bottom:2px solid #ebebeb; margin-bottom:10px;}
.cp-nav ol p{ display:inline-block; width:100%; font-size:22px; line-height:40px; color:#333; text-align:center;}
.cp-nav li{ margin-bottom:2px;}
.cp-nav li a{ display:inline-block; width:100%; font-size:16px; line-height:40px; color:#333; background:#f7f7f7;  text-align:center;}
.cp-nav li.on a{ color:#fff; background:#c80806;  }

.cp-xq{ }
.cp-name{ display:inline-block; font-size:16px; line-height:50px; width:100%; text-align:center; border-bottom:2px solid #ebebeb; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }
.cp-xq img{ max-width:100%;}
/* 产品详情页 */

.contact-text{ width:100%; border:1px dashed #c80806; height:200px; text-align:center; padding:30px 15px; margin:15px auto;}
.contact-text img{ margin-bottom:10px;}
.contact-text p{ font-size:16px;}
#map{height:350px;width:100%;border:1px solid #ebebeb; clear:both; margin-top:30px;}
#map label{ max-width:inherit;}
#map img{max-width:inherit;}

.about{ font-size:15px; line-height:1.75em; color:#333;}
.img-list{ padding:0px 5px;}
.img-list li{ padding:5px 10px;}
.img-list li p{ text-align:center; line-height:30px; margin-bottom:5px;}

.pagination>li>a{ color:#666;}
.pagination>li>a:hover{ color:#c80806; background:#f7f7f7;}
.pagination>li.on>a{ color:#fff; background:#c80806; border-color:#c80806;}
/*翻页按钮*/


.service-box{ text-align:center; padding:15px;}
.service{ display:inline-block; width:390px; max-width:100%; min-height:260px; border-radius:10px; border:2px solid #ccc; overflow:hidden;}
.service:hover{  border:2px solid #e50012;}
.service img{ width:100%; height:auto; margin-bottom:30px;}
.service p{ display:inline-block; width:86%; font-size:16px; color:#333; line-height:1.5em; text-align:left;}
.service:hover p{color:#e50012; }
/* 服务 */

.news-list li{ border-bottom:1px solid #f0f0f0; overflow:hidden; padding:20px 0px;}
.news-img img{ width:110px; margin-right:30px; float:left;}
.news-title{ display:inline-block; max-width:100%; font-size:18px; line-height:18px; color:#404040; font-weight:bold; margin:5px 0px 10px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }
.news-title:hover{ color:#e50012;}

.news-list p{ font-size:14px; line-height:20px; color:#666; max-height:40px; overflow:hidden;}
.news-list span{ display:block; width:auto;font-size:14px; line-height:20px; color:#666; height:40px; overflow:hidden;}

.news-top{ text-align:center; border-bottom:1px solid #ebebeb; padding-bottom:10px;}
.news-top h3{ font-size:}
.news-top span{ font-size:12px; color:#999;}
.news-body{ margin:30px 0px;}

.news-page{ overflow:hidden; }
.news-page p,.news-page a{ display:inline-block; box-sizing:border-box; float:left; padding:0px 10px; width:50%; color:#999; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }
.news-page p:nth-child(2),.news-page a:nth-child(2){ text-align:right;}
.news-page a:hover{ color:#e50012;}
.news-page span{color:#999;}


.cp-bigimg{ padding:30px 15px;}
.cp-bigimg a{ display:inline-block; }
.cp-text{ padding:30px 15px;}

#cp-tab { border-bottom:1px solid #f2f2f2;}
#cp-tab li{ display:inline-block;}
#cp-tab li a{ display:inline-block; font-size:14px; line-height:38px; padding:0px 30px;}
#cp-tab li.active a{ background:#c80806; color:#fff;}

#cp-tab-body{ padding:30px 0px;}
.cp-img-list{ padding:10px; text-align:center;}
.cp-img-list{ padding:10px;}
.cp-img-list .cp-imgbox{ margin-bottom:10px;overflow:hidden;}
.cp-img-list .cp-imgbox img{ max-width:100%; height:auto; transform:scale(1);transition: all 0.4s;}
.cp-img-list:hover .cp-imgbox img{transform:scale(1.2);}
.cp-img-list p{ display: block; font-size:14px; line-height:24px; height:24px; overflow: hidden;}
.cp-img-list:hover p{ color:#e50012;}