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

html {height: 100%;}
body {
	font-family:'Open Sans', sans-serif;
	font-size: 13px;
	line-height: 1.5;
	color: #333;
	background-color: #fff;
	overflow-x: hidden;
}

div, p, span,dt,dl,dd,em{margin:0;padding:0; font-size:100%; font-family:inherit; list-style:none; font-weight: normal; font-style: normal;}
h1,h2,h3,h4,h5,ul,li{list-style-type:none; margin: 0; padding: 0; font-weight: normal;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#555555;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}


a {color: #333;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
a:hover {color: #d7000f; text-decoration: none;}
a:active,a:focus {outline: 0;color: #d7000f; text-decoration: none;}
img {border:0; vertical-align: middle;}


.clearfix::after{
    content:"";
　　height:0;
　　line-height:0;
　　display:block;
　　visibility:hidden;
　　clear:both;
}
.clearfix{clear: both;}
.ellipsis {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.t-center {display: -webkit-flex;display: flex;flex-direction: column;justify-content: center;}
.fl{ float:left;}
.fr{ float: right;}
.bg{overflow: hidden; background: #f3f8fb; padding: 10px 0 50px 0;}


header{z-index: 999;width: 100%; transition:background 0.5s; }

.logo{width: 200px; padding: 17px 0;}
.logo img{max-width: 100%;}

.navbar-right{}
.lg{ float: right; margin-top: 10px; margin-right: 20px;}
.lg li{float: left; font-size: 15px; margin-right: 15px;}
.lg li i{}
.lg li i img{ width: 24px; margin-right: 6px;}


/*下拉菜单样式*/
.dropdown-menu>li>a{ color:#666;font-size: 14px; height:46px; line-height:46px; border-bottom:1px solid #f5f5f5;padding-top: 0; padding-bottom: 0;}
.dropdown-menu>li>a:hover{ background:#e00d2f; color:#FFF;}

.home-bt{overflow: hidden;  text-align: center;padding: 40px 0; }
.home-bt span{color: #1d1d1f; font-size: 32px; line-height: 70px; text-transform: uppercase; position: relative; display: inline-block; background: url(../images/fg.jpg) no-repeat center bottom;}
.home-bt small{display: block;font-size: 17px; line-height: 28px; color: #333;font-style: normal; text-transform: uppercase; margin-top: 10px;}



.home-pro{overflow: hidden;}
.home-pro ul{}
.home-pro ul li{ float:left; margin-bottom: 10px;}
.home-pro ul li img{max-width: 100%;/*transition: all 0.6s;*/}
/*.home-pro ul li img:hover{transform:scale(1.2);}*/
.home-pro ul li h2{font-size: 15px; line-height: 50px; text-align: center; border-bottom: 1px solid #E7E7E7;margin-bottom: 10px;}
.home-pro ul li h2:hover{font-weight: bold;}
.home-pro .more{background: #e00d2f; color: #FFF;border-radius: 30px; text-align:center; margin: 0 auto; width: 180px; height: 50px; line-height: 50px; font-size: 16px;}
.home-pro .more a{ color: #FFF;}

.youshi{overflow: hidden;}
.youshi ul{}
.youshi ul li{margin-bottom: 40px;}
.youshi ul li .text{overflow: hidden; background: url(../images/ysbg01.jpg) no-repeat; color: #333; padding: 20px 0; min-height: 130px; cursor: pointer;}
.youshi ul li .text span{font-size: 22px;}
.youshi ul li .text p{font-size: 16px; line-height: 28px;}
.youshi ul li .text img{
	max-width: 100%; 
	transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.youshi ul li:hover .text img{
	transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}


/*首页公司简介*/
.home-aboutbg{ overflow: hidden; background: url(../images/aboutbg.png) no-repeat center center; background-size: cover; margin-top: 60px; padding-bottom: 60px; }
.home-about{overflow: hidden; background: #FFF; padding: 30px;}
.home-about-l{overflow: hidden; padding: 0;}
.home-about-l img{max-width: 100%;}
.home-about-r{overflow: hidden; padding: 0; padding-left: 30px;} 
.home-about-r span{display: block;color: #222; font-size: 22px; line-height: 50px;}
.home-about-r p{line-height: 25px; font-size: 15px; color: #666; text-indent: 2em; text-align: justify; }

.home-abouticon{overflow: hidden; margin-top: 30px;}
.home-abouticon li{float: left; text-align: center; border-right: 1px solid #E7E7E7;}
.home-abouticon li:last-child{border-right:0;}
.home-abouticon li span{font-size: 16px; color: #555555;}

.home-liucheng {overflow: hidden;padding: 20px;}
.home-liucheng ul{}
.home-liucheng ul li { float: left; margin-bottom: 30px;}
.home-liucheng ul li .text{background: #f6f6f6; text-align: center;transition: all .3s;-webkit-transition: all .3s; padding: 50px 0; cursor: pointer; min-height: 300px;}
.home-liucheng ul li .text span{ display: block; font-size: 22px;padding: 10px 0;}
.home-liucheng ul li .text p{display: block; line-height: 26px; font-size: 16px; padding: 0 20px;}
.home-liucheng ul li .text:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.35); overflow: hidden;}



.home-newslist{overflow: hidden; margin-bottom: 30px;}
.home-newslist ul{}
.home-newslist ul li{ margin-bottom: 20px;}
.home-newslist ul li .left{width: 85px;height: 90px;float: left;background: #f5f5f5;z-index: 100;overflow: hidden; text-align: center;}
.home-newslist ul li .left span{width: 85px;color: #979797;font-size: 35px;}
.home-newslist ul li .left small{display: block; font-size: 13px;color: #979797;}
.home-newslist ul li .right{height: 90px;padding:10px;position: relative;background: #f5f5f5;z-index: -1;transition: all .5s; cursor: pointer;}
.home-newslist ul li .right h2{ font-size: 15px; line-height: 26px;}
.home-newslist ul li .right h2 i{display: none;}
.home-newslist ul li .right p{ font-size: 13px; line-height: 22px; color: #666;}
.home-newslist ul li:hover .right{background: #31708f24;transform: translate(15px, 0);}




.subnavbg{overflow: hidden; background: #e00d2f; padding: 30px 0;}
.subnav {overflow: hidden; float: right;}
.subnav ul {}
.subnav ul li{float: left; height: 58px; line-height: 58px; font-size: 15px;}
.subnav ul li a{display: block;color: #222;background:#FFF;padding: 0 30px;}
.subnav ul li a:hover{display: block;color: #FFF;background:#222;}
.subnav .leftmenu_h{background:#222;color: #FFF;}

.home-profl{overflow: hidden;}
.home-profl ul{}
.home-profl ul li{float: left; font-size: 15px; margin-bottom: 20px; padding: 0 6px;}
.home-profl ul li a{ padding:8px 0;display: block;line-height: 26px; background: #f5f5f5; color: #333; border-radius: 30px; text-align: center;}
.home-profl ul li a:hover{background: #e00d2f; color: #FFF;}
.home-profl ul li .leftmenu_h{background: #e00d2f; color: #FFF;}

.about{overflow: hidden;}
.about-l{overflow: hidden; padding: 0;}
.about-l img{max-width: 100%;}
.about-r{line-height: 28px;text-align: justify;} 

.item{}
.item span{ text-align: center; display: block;line-height: 30px; font-size: 16px;}

.here{float: left;color: #FFF; background: url(../images/icon_home.png) no-repeat left; padding-left: 20px; height: 58px; line-height: 58px;font-size: 15px;}
.here a{ color: #FFF;}
.here a:hover{ color: #d7000f;}


.product{overflow: hidden;}
.product ul{margin: 0;overflow: hidden;}
.product ul li{ float:left;}
.product ul li .list-img{ position: relative;height: 264px; overflow: hidden; background: #FFF; border: 1px solid #E7E7E7;}
.product ul li .list-img img{position: absolute;margin: auto;max-width: 100%;max-height: 100%;top: 0;right: 0;bottom: 0;left: 0; transition: all 0.6s;}
.product ul li .list-img img:hover{transform:scale(1.2);border:1px solid #e00d2f;}
.product ul li h2{ text-align:center; overflow:hidden; clear:both; font-size: 15px; font-weight: normal; height: 48px; line-height: 48px;}


.web-Left{overflow: hidden; margin-top: 50px;}
.web-Left span{display: block; width: 100%; background: #e00d2f; color: #FFF; font-size: 22px;padding:20px 15px; line-height: 28px;}
.leftnav{overflow: hidden; }
.leftnav ul{overflow: hidden;}
.leftnav ul li{ }
.leftnav ul li h2{display: block; height: 46px; line-height: 46px;background: #F5F5F5;color: #333; font-size: 14px; padding-left: 15px;}
.leftnav ul li h3{display: block; height: 46px; line-height: 46px;background: #FFF;color: #333; font-size: 14px; padding-left: 15px;}


/*内页新闻*/
.news{ overflow: hidden;}
.news ul{ margin: 0;}
.news ul li{overflow: hidden; border-bottom: 1px solid #E7E7E7; background: #FFF; margin-bottom: 30px; padding:40px 60px;}
.news ul li h2{color: #333; font-size: 24px;}
.news ul li time{display: block; padding: 6px 0; color: #999;}
.news ul li p{ color: #666;line-height: 26px; margin: 10px 0;}
.news ul li .news-img img{max-width: 100%;}
.news ul li .more{display: block;}
.news ul li .date{text-align: center;}
.news ul li .date span{display: block; font-size: 60px; color: #e00d2f; font-weight: bold;}
.news ul li .date small{font-size: 18px; line-height: 12px;}


/*详情相关新闻*/
.show_news{overflow: hidden; background: #f7f7f7; padding: 30px; padding-top: 10px;}
.show_news h3{ border-bottom: 2px solid #e00d2f; font-size: 18px; height: 55px; line-height: 55px; margin-bottom: 10px; font-weight: bold;}
.show_news ul{}
.show_news ul li{ border-bottom:1px dashed #ccc; line-height:42px;text-overflow: ellipsis; white-space: nowrap; padding: 0;}
.show_news ul li:nth-of-type(2n+0) a{padding-left: 20px;}
.show_news ul li span{ float:right;}


.contact-l{overflow: hidden; background: #FFF; }
.contact-l h3{font-size: 33px;padding: 30px 0 30px 50px;}
.contact-l h3 em{display: block; font-size: 16px; text-transform: uppercase; margin: 15px 0;}
.contact-l h4 {background: #e00d2f; color: #FFF; font-size: 22px; padding: 20px 50px;}
.contact-l ul{margin: 0;}
.contact-l ul li{padding: 20px 30px;overflow: hidden; }
.contact-l ul li span{float: left;margin-left: 70px;font-size: 16px;line-height: 25px;}
.contact-l ul li:nth-of-type(2n+0){ background: #f6f6f6;}
.contact-l ul li i{float: left; position: absolute; width: 50px;height: 50px;background: #444;padding: 5px; line-height: 0;-moz-border-radius: 50%;-webkit-border-radius: 50%;-khtml-border-radius: 50%;border-radius: 50%;}
.contact-l ul li i img{max-width: 100%;}

.contact-r{overflow: hidden; background: #FFF; text-align: center;  padding: 12.2% 0;}
.contact-r span{display: block; font-size: 22px; margin: 30px 0;}
.contact-r img{max-width: 100%;}
.contact-r p{text-align: left; padding:20px 20px 0 20px;}

/*详情页*/
.Details{overflow: hidden;}
.Details h1{ text-align: center; line-height: 38px; padding: 30px 0; font-size: 28px;}
.Details dt{ text-align: center; display: block; line-height: 60px; font-size: 15px; color: #666; border-top: 1px solid #E7E7E7;border-bottom: 1px solid #E7E7E7;}
.Details dt small{padding: 0 10px; font-weight: bold;}

.Details-conent{ line-height: 26px;padding: 30px 0; font-size: 15px;}
.Details-conent img{max-width: 100%;}
.Details-conent video{margin: 0 auto; display: block;}


/*详情多图*/
/*主容器*/
.proshowbg{overflow: hidden; background: #f5f5f5; padding: 50px 0;}
.con-FangDa{height: auto;}
/*正常容器*/
.con-fangDaIMg{position: relative;}
.con-fangDaIMg > img{max-height: 100%;max-width:100%; }
/*滑块*/
.magnifyingBegin{z-index: 999; width: 150px;height: 150px;left: 0;top: 0;background-color: #454545;opacity: 0.5;filter:alpha(opacity=50);position: absolute;cursor: move;display: none;}
/*放大镜显示区域*/
.magnifyingShow{z-index: 999; width: 300px;height: 300px;display: none;position: absolute;right: -330px;top: 0;text-align: center; margin: auto;overflow: hidden;border: 1px solid #E7E7E7;background: #FFF;}
/*设置选择图片容器*/
.con-FangDa-ImgList{margin-top:10px; overflow: hidden;}
.con-FangDa-ImgList > li{float: left;cursor: pointer;border: 1px solid #ccc;text-align:center; margin-bottom: 8px;margin-right:2%;}
.con-FangDa-ImgList > li:last-child{margin-right:0;}
.con-FangDa-ImgList > li > img{vertical-align:top;display:inline;width:80px;height:60px;}
.con-FangDa-ImgList > .active{border-color:#d70813;}
.pro-right{font-size: 16px;}
.pro-right h1{color: #e00d2f; font-size: 28px; border-bottom: 1px solid #ccc; line-height: 38px; padding-bottom: 10px;}
.pro-right .gk{line-height: 26px;padding: 10px 0; font-size: 16px;}


.link{overflow: hidden;padding: 30px 0;}
.link span{color: #c80323; font-size: 24px; }
.link ul{margin: 0;}
.link ul li{float: left; color: #666; line-height: 30px;}
.link ul li a{color: #666;}
.link ul li a:hover{color: #c80323;}
.link ul li i{padding: 0 3px; font-style: normal;}

footer{ background: #222222; overflow: hidden; padding: 50px 0;}

.copy{color:#FFF;line-height: 24px;}
.copy span{display: block; width: 220px; padding: 20px 0;}
.copy span img{max-width: 100%;}
.copy a{color:#FFF;}
.copy a:hover{color:#d7000f;}

.bot-lx{margin-top: 20px;}
.bot-lx ul{}
.bot-lx ul li{color: #FFF;line-height: 24px; }
.bot-lx ul li i{font-size: 16px; margin-right: 10px; width: 20px; text-align: center;}
.bot-lx a{color:#FFF;}
.bot-lx a:hover{color:#d7000f;}

.bot-menu{overflow: hidden;}
.bot-menu span{display: block; padding: 20px 0; font-size: 28px; color: #FFF; font-weight: bold;}
.bot-menu p{line-height: 30px; float: left; width: 50%;}
.bot-menu p a{color: #FFF;}
.bot-menu p a:hover{color: #c80323;}


.bot-wx{overflow: hidden;text-align: center;}
.bot-wx img{max-width: 80%; padding: 20px 0; }
.bot-wx span{display: block; color: #FFF;}



.Mobile-fluid{position:fixed; left:0; bottom:0; /*background-color: rgba(0,0,0,0.6);*/ background: #222; width:100%; border-top:3px solid #d7000f; z-index: 99999;}
.Mobile-fluid ul {width:100%; overflow:hidden; padding:5px 0; margin: 0; }
.Mobile-fluid ul li{ float:left; width:33.333333%; text-align:center; margin:0 auto;}
.Mobile-fluid ul li a{color: #FFF; font-size: 26px;}
.Mobile-fluid ul li span{color: #FFF; font-size: 18px; padding-left: 10px;}

.return_top{width:50px;height:50px;background:url('../images/top.png') no-repeat center #FF8D16;position:fixed;right:10px;bottom:210px;display:none;cursor:pointer;z-index: 99;}


/* 超小设备（手机，小于 768px） */
@media only screen and (max-width: 768px) {
 
 .container-fluid{padding-left: 15px; padding-right: 15px;}
/*Mobile端导航*/
.navbar-header{ border-bottom: 1px solid #E7E7E7;}
.nav > li {width: 100%; border-bottom: 1px solid #E7E7E7;}
.nav > li > a {padding: 10px 0; padding-left: 20px;}
.nav > li > a i{display: inline-block; float: right; margin-right: 15px; color: #FFF;}
.dropdown-menu>li>a{ color:#333; padding-left: 70px;}
.logo{float: left; padding: 10px;}

.home-bt span{line-height: 40px; padding-bottom: 15px;}
.home-about-r{padding-left: 0;}
.youshi ul li .text span{font-size: 16px; font-weight: bold; text-align: center; display: block;}
.home-liucheng{padding: 0;}
.home-liucheng ul li .text{min-height: auto;padding: 30px 0;}
.home-liucheng ul li .text span{font-size: 18px;}

.home-newslist ul li{ margin-bottom: 0; height: 40px; line-height: 40px; border-bottom: 1px dashed #E7E7E7;}
.home-newslist ul li .right{padding: 0; background: none; height: auto;}
.home-newslist ul li .right h2{font-size: 13px;line-height: 40px;}
.home-newslist ul li .right h2 i{color: #d7000f; display: inline-block;}

footer{padding: 30px 0 70px 0;}


}