* {
	margin: 0;
	padding: 0;
}
body {
	font-family: "microsoft yahei",'Microsoft JhengHei',arial;
	font-size: 16px;
	color: #333;
}
ul, li, dl, dd, dt {
	list-style: none;
}
fieldset, img {
	border: 0
}
em, i {
	font-style: normal;
}
/* font */
.fB {
	font-weight: bold
}
.txtLft {
	text-align: left
}
.txtCtr {
	text-align: center
}
.txtRgt {
	text-align: right
}
/* margin */
.lf {
	float: left;
	display: inline
}
.fr {
	float: right;
	display: inline
}
.pr{ position:relative;}
.pa{position:absolute;}
.clear {
	clear: both;
	display: block
}
/* link & action */
a:link, a:visited, a:active {
	color: #666;
	text-decoration: none
}
a:hover {
	color: #c9181e;
}
/* Clear Fix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.clearfix {
	display: inline-block;
*height:0;
	_overflow: hidden
}
.hidden{ overflow:hidden;}
h2,h3{font-family: 'Bebas Neue',Helvetica,'Helvetica Neue',Arial,sans-serif;font-weight:lighter;}
.container {
	width: 1200px;
	margin: 0 auto;
}
.container-fluid {
	width: 93%;
	margin: 0 auto;
}
/*头部*/
.header { position: absolute; left:0; top:0; width: 100%;z-index: 99;background: rgba(255, 255, 255, 0.7);box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06); }
.header .logo{float:left; height:50px; margin:20px 0; }
.header .logo img{float: left; height:50px; }
.header .logo .text{ float:left; margin:5px 0 0 10px; line-height:24px;}
.header .logo .text b{ display:block; font-size:26px; color:#333;}
.header .logo .text span{ font-size:12px; color:#999;}

.header .nav{ float:right; margin-right: 40px; }
.header .nav li { float:left; line-height:90px;text-align:center; margin-left:40px;position:relative;}
.header .nav li a { display: block; color:#333; font-size:16px; }
.header .nav li:last-child a { background:none;}
.header .nav li a:hover, .header .nav .active a{ color:#c9181e; }
.header .nav .active { color:#c9181e; font-weight: bold;}
.subnav {position: absolute;width:200px; padding:20px 0; background:#fff;box-shadow:0 0 10px 3px rgba(0,0,0,0.05);height: auto;z-index:199;top:80px;left:-70px;overflow: hidden;opacity: 0;visibility: hidden;transition: all .36s ease;}
.header .nav li .subnav a { display:block; width:100%;font-weight:500;color:#232230; margin:0;padding:10px 0;line-height:22px; transition: all .2s ease-in-out;font-size: 14px;}
.header .nav li:hover .subnav{opacity:1;visibility: visible; }
.header .nav li .subnav  a:hover{ color:#c9181e; background:none;}

.header .tel{ padding-left: 40px; font-size: 22px; font-weight: bold;}
.header .tel:before { background: rgba(0, 0, 0, 0.20);position: absolute;top: 30px;left: 0;height: 30px;width: 1px;content: "";}
.header .tel i { width: 30px; height: 30px; line-height: 30px; border: 1px solid #707070; color: #707070; border-radius: 100%; font-weight: normal;}

.lange{ float:right; margin-top: 25px; width: 140px; height: 40px;border-radius: 30px; background: linear-gradient(to left, #c9181e, #e97004); position: relative;display: flex;align-items: center; cursor: pointer;}
.lange .l_lang{ width: 100%; line-height: 40px; text-align: center; color: #fff;}
.lange .l_lang img{  height: 22px;vertical-align:middle;}
.lange .l_dw{ display: none;position:absolute;top: 40px;left:0; width: 140px; padding: 10px 0; background: #fff; text-align: center; overflow: hidden;}
.lange .l_dw a{ display: block; padding: 5px 0;}
.lange:hover .l_dw{ display: block; }



/*焦点图*/
.fullSlide {position: relative;width:100%;height: 710px; overflow:hidden;}
.fullSlide .bd {position: relative;z-index: 0; height: 710px;}
.fullSlide .bd li {width: 100%; height: 710px; }
.fullSlide .bd li img{width: 100%;}
.fullSlide .hd{ position:absolute; bottom:30px;left:0; width: 100%; display: flex; justify-content: center; z-index:99;}
.fullSlide .hd li{ display: inherit;float:left;width:15px;height:15px;margin:0 5px;border-radius: 50%; border: 1px solid #fff;}
.fullSlide .hd li.on {background:#fff; border: 1px solid #fff;}
.fullSlide .prev, .fullSlide .next {position: absolute;top: 46%;z-index: 99;width: 51px;height: 115px}
.fullSlide .prev {left: 2%;background: url(../images/left.png) no-repeat;}
.fullSlide .next {right: 2%;background: url(../images/right.png) no-repeat;}

/**/

.main-container{ width:100%; overflow:hidden;}
section{padding-top:5.5em; padding-bottom:0em;}

.index_title{ width:100%; overflow:hidden; text-align: center; position:relative;}
.index_title h2{ font-size:46px; font-weight: bold; color:#333; line-height:50px;text-transform: uppercase;}
.index_title p{ font-size:20px; color:#606060; line-height:35px;}


.index_about{ width:100%; overflow:hidden;}
.index_about .aboutBox{ margin-top: 40px;}
.index_about .pic{ float: left; width: 50%; height: 460px; overflow: hidden;}
.index_about .pic img {width:100%;height:100%;object-fit:cover; transition: all 0.6s;}
.index_about .pic:hover img{ transform: scale(1.1);}
.index_about .text{ float: left; width: 50%; height: 460px; padding-right: 40px; overflow: hidden; box-sizing: border-box; position: relative;}
.index_about .text:before {content: ""; background: rgba(0, 0, 0, 0.10);position: absolute;bottom: 0;left: 0;height: 1px;width:560px;}
.index_about .text h2{ margin-top: 20px; font-size: 32px; font-weight: 400;}
.index_about .text h2 span{ display: block; color: #c9181e; font-weight: bold;}
.index_about .text p{ margin: 40px 0; line-height: 30px;}
.index_more{width: 180px; height: 50px; line-height: 50px; border-radius: 30px; background: linear-gradient(to left, #c9181e, #e97004);text-align: center; transition: all 0.6s;}
.index_more a{ display: block; color: #fff;}
.index_more:hover{ background: #000;}


.digital{ margin-top: 60px; background: #f7f7f7; overflow: hidden;}
.ibrand-num{ padding: 30px 0; overflow: hidden;}
.ibrand-num li{float:left;width: 300px;height:100px;text-align: center;color:#333;font-size:20px;position: relative;}
.ibrand-num li:before{content: "";width: 1px;height: 82px;position: absolute;top: 5px;left: 0;background: #e1e1e1;}
.ibrand-num li b{font-size:62px;line-height: 50px; font-family:"DINOT";padding-right: 5px;}
.ibrand-num li span{display:block; padding:10px 0 0;}
.ibrand-num li i{display: inline-block;font-size: 18px;color: #fff;font-weight: bold;width: 35px;text-align: center;height: 35px;line-height: 35px;background: #c9181e;overflow: hidden;border-radius: 50%;}
.ibrand-num li:first-child:before{background: none;}

.index_product{ width:100%; padding-top: 110px; overflow:hidden;}
.ys_con{ margin-top: 68px; background: #fff;}
.ys_bd dl{width: 1200px;position: relative;border-right:30px solid #fff;float: left;}
.ys_bd dt{display: block;width: 1200px;height: 579px;position: relative;}
.ys_bd dt img{display: block;width: 1200px;height: 579px;}
.ys_bd dt .m_zz{ display: none; }
.ys_bd dl.cur dt .m_zz{ position: absolute;left:0; bottom:0;width:1000px; padding:40px; background-image: linear-gradient(transparent, black);display: block; box-sizing: border-box;}
.ys_bd dl.cur dt .m_zz h2{ margin-bottom: 10px; font-weight: bold;color: #fff;}
.ys_bd dl.cur dt .m_zz p{ margin-bottom: 30px; color: #fff; line-height: 25px;}

.ys_con{position: relative;}
.ys_t{ position: absolute;right: 0;top:0;width: 200px; }
.ys_t li{ margin-bottom: 1px; padding: 0 20px; width: 200px; height: 193px;text-align: center;background: #c9181e;position: relative;display: flex;align-items: center; box-sizing: border-box;}
.ys_t li.on{ background: linear-gradient(to left, #c9181e, #e97004);}
.ys_t li.on:after{  width: 0;height: 0;border-style: solid;border-width: 11px 14px 11px 0;border-color: transparent #e97004 transparent transparent;position: absolute;left:-14px;top:50%;margin-top: -11px;content: "";}
.ys_t li a{display: block; text-align: center; font-size: 24px;color: #fff;}

.ys_bd{margin-left: -1230px !important;}
.ys_con .tempWrap{overflow: visible !important;}

.picScroll-gd { width:100%; padding: 40px 0; background: #f7f7f7; position: relative;}
.picScroll-gd .hd2 { font-size:42px;}
.picScroll-gd .hd2 .next {position: absolute;top:35%;right:-50px;overflow: hidden;cursor: pointer;}
.picScroll-gd .hd2 .prev {position: absolute;top:35%;left:-50px;overflow: hidden;cursor: pointer;}
.picScroll-gd .bd2 { margin:0;}
.picScroll-gd .tempWrap{ margin: 0 auto; width:1160px !important;}
.picScroll-gd .bd2 ul { width:100%;overflow: hidden;zoom: 1;}
.picScroll-gd .bd2 ul li {float: left;_display: inline; width:224px; margin-right:20px;text-align: center;overflow: hidden;}
.picScroll-gd .bd2 ul li .pic {text-align: center; width:100%;height:190px; overflow:hidden;}
.picScroll-gd .bd2 ul li .pic img {width:100%;height:100%;object-fit:cover; transition: all 0.6s;}
.picScroll-gd .bd2 ul li:hover img{ transform: scale(1.1);}
.picScroll-gd .bd2 ul li p{ margin-top:20px; font-size:16px; color:#333; }

.index_youshi{ padding: 110px 0;}
.youshi_list{ width: 100%; margin-top: 40px; overflow: hidden;}
.youshi_list li{ float: left; width: 300px; padding: 30px; text-align: center; box-sizing: border-box; position: relative;transition: .5s;}
.youshi_list li:after{ position: absolute;left:0;top:0;content: ""; width: 1px;height: 300px; background: rgba(0, 0, 0, 0.10);}
.youshi_list li .pic{ margin: 0 auto; width:50px; height:50px; transition: .5s;}
.youshi_list li .pic img{ width: 50px;}

.youshi_list li h2{ margin-top: 20px; font-weight: bold;}
.youshi_list li span{ display: inline-block; width: 20px; height: 4px; border-radius: 4px; background:#c9181e;}
.youshi_list li p{ margin-top: 20px; line-height: 30px; color: #555;}

.youshi_list li:hover{ background:#c9181e; color: #fff;}
.youshi_list li:hover p{ color: #fff;}
.youshi_list li:hover span{ background: #fff;}

.index_case{ padding: 0; width: 100%; height: 400px; overflow: hidden; position: relative;}
.index_case:after{ position: absolute;left:0;top:0;content: ""; width: 100%;height:100%; background: rgba(0, 0, 0, 0.4); }
.index_case .case_list{ position: relative; width: 100%; height: 400px; overflow: hidden; position: relative;}
.index_case .case_list li{ float: left; width: 16.6666%; height: 400px;}
.index_case .case_list li img{ width:100%;height:100%;object-fit:cover; }
.index_case .case_text{ position: absolute; top:0; left:0; width: 100%; height: 400px; color: #fff; text-align: center; display: flex;align-items: center; z-index: 999;}
.index_case .case_text .white{ color: #fff;}
.case_more{ margin: 30px auto auto; width: 180px; height: 50px; line-height: 50px; border-radius: 30px; text-align: center; border: 1px solid #fff; transition: all 0.6s;}
.case_more a{ color: #fff;}
.case_more:hover{ background: linear-gradient(to left, #c9181e, #e97004); border:1px solid #c9181e;}
.case_more:hover a{ color: #fff;}


.index_news{ overflow:hidden;}
.newsBox{ width:100%; margin:50px 0; overflow:hidden;}
.newsBox .pic{ float: left; width: 550px; overflow: hidden;}
.newsBox .pic img {width:100%;height:100%;object-fit:cover; transition: all 0.6s;}
.newsBox .pic:hover img{ transform: scale(1.1);}
.newsBox ul{ float: right; width: 600px; overflow: hidden;}
.newsBox ul li{ width:100%; border-bottom: 1px solid #f5f5f5;}
.newsBox ul li a{width: 100%;display: block;padding: 20px 0 20px;}
.newsBox ul li:first-child a {padding-top: 0px;}
.newsBox ul li span{ line-height: 1.4; color: #999; }
.newsBox ul li a h2{ margin-top: 6px; font-size: 22px; font-weight: 400; color: #333;transition: all 0.6s;}
.newsBox ul li a:hover h2{ color: #c9181e;}
.index_news .index_more{ margin: 0 auto;}


/*页脚*/
.footer { margin-top: 110px; width:100%; line-height:30px; background: #222; overflow: hidden; }
.footer a{ color:rgba(255, 255, 255, 0.7);}
.footer a:hover{ color:#c9181e;}
.footer .footer_bottom{ padding:50px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1);overflow:hidden; position:relative;}
.footer .footer_bottom dl{ float:left; width:260px;}
.footer .footer_bottom dl:nth-child(2){ width: 300px;}
.footer .footer_bottom dl:nth-child(3){ width: 420px;}
.footer .footer_bottom dl:nth-child(4){ width: 220px;}
.footer .footer_bottom dl dt{margin-bottom: 10px;font-size:18px; color:rgba(255, 255, 255, 1); font-weight: 400; }
.footer .footer_bottom dl dd{ font-size:14px; color:rgba(255, 255, 255, 0.7); margin-bottom: 5px;}
.footer .footer_bottom dl.er dd{ float: left; margin-right: 10px;}
.footer .footer_bottom dl dd img{ width: 100px; height:100px;}
.copy{ width:100%; padding:20px 0; font-size:14px; color:rgba(255, 255, 255, 0.7); overflow:hidden;}
.copy a{ color:rgba(255, 255, 255, 0.7);}
.copy a:hover{ color:#c9181e;}

.banner{ width: 100%; height: 300px; overflow: hidden;}
.banner img{ width: 100%;}


.mt90{ margin-top: 90px;}
.home{ width: 100%; height: 50px; line-height: 50px; font-size: 15px; border-bottom: 1px solid #f5f5f5; }
.home a{ color:#333;}

.main{ width:100%; margin:0 0 80px 0; overflow:hidden;}
.about_info{ margin: 50px 0; overflow: hidden;}
.about_title{ margin-bottom: 30px;}
.about_text p{ line-height: 35px;}
.about_info .pic{ width: 100%; margin: 50px 0; overflow: hidden;}
.about_info .pic img{ max-width: 100%;}
.about_list{ width:100%; overflow:hidden;}
.about_list li{ float: left; width: 285px; margin: 0 20px 30px 0; overflow: hidden;}
.about_list li:nth-child(4n) {margin-right: 0;}
.about_list li .img { width:100%; height: 200px; overflow: hidden;}
.about_list li .img img {width:100%;height:100%;object-fit:cover; transition: all 0.6s;}
.about_list li:hover .img img{ transform: scale(1.1);}
.about_list li p{ padding-top: 10px; height: 40px;}


/*内页新闻*/
.newslist{ width:100%; margin: 50px 0; overflow:hidden;}
.newslist li{ width:100%; padding-bottom: 50px; margin: 50px 0;border-bottom:1px solid #ddd; overflow:hidden;}
.newslist li .time{ float: left; width: 12%; font-size: 18px; }
.newslist li .time span{ display: block; font-size: 52px; }
.newslist li .text{ float:left; width: 60%; overflow:hidden;}
.newslist li .text h3 a{ color: #333; font-weight:600;}
.newslist li:hover .text h3 a{ color: #c9181e;}
.newslist li .text p{ margin: 20px 0; line-height: 30px;}
.newslist li .text .news_more{ color: #c9181e;}
.newslist li .text .news_more:hover{ text-decoration: underline;}
.newslist li .pic { float: right; width:25%; height: 200px; overflow: hidden;}
.newslist li .pic img {width:100%;height:100%;object-fit:cover; transition: all 0.6s;}
.newslist li:hover .pic img{ transform: scale(1.1);}

.news_info{ width: 100%; margin: 100px 0 50px 0; overflow:hidden;}
.news_info .news_title{ margin-bottom: 50px; text-align: center; overflow: hidden;}
.news_info .news_title h2{ margin-bottom:20px; line-height: 38px; font-size: 32px; font-weight: 400; color:#333;}
.news_info .news_title p{ font-size: 18px; color:#999;}
.news_pic{ width: 100%; margin-bottom: 30px; text-align: center; overflow: hidden;}
.news_pic img{ max-width: 100%;}

.page{margin-top:50px;border-top:1px solid #ddd; padding-top:25px;display:flex;justify-content:space-between;align-items:center;}

/*内页产品*/
.productlist{ width:100%; margin: 50px 0; overflow:hidden;}
.productlist li{ float: left; width: 285px; margin: 0 20px 30px 0; border-radius: 10px; overflow: hidden;}
.productlist li:nth-child(4n) {margin-right: 0;}
.productlist li .pic { width:100%; height: 220px; overflow: hidden;}
.productlist li .pic img {width:100%;height:100%;object-fit:cover; transition: all 0.6s;}
.productlist li:hover .pic img{ transform: scale(1.1);}
.productlist li .text{ height: 90px; padding: 30px 30px; background: #f7f7f7; box-sizing: border-box;}
.productlist li .text h2{ font-size: 20px; color: #333; font-weight: 500;}
.productlist li:hover .text h2{ color: #c9181e; }

.product_nav{ float: left; width: 250px; background: #f5f5f5; overflow: hidden;}
.product_nav h3{ margin-bottom: 5px; width: 100%; height: 50px; line-height: 50px; background: #c9181e;}
.product_nav h3 a{ display: block; padding-left: 20px; font-weight: bold; color: #fff;}
.product_nav ul{ padding: 10px 0 30px 0;}
.product_nav ul li{ line-height: 50px; border-bottom: 1px solid #fff;}
.product_nav ul li a{ padding-left: 20px; color: #666; font-size: 15px;}
.product_nav ul li a.active,.product_nav ul li a:hover{ color: #c9181e;}
.productBox{ float: right; width: 920px; overflow: hidden;}
.product_pic{ width: 100%; overflow: hidden;}
.product_pic .pic{ float: left; width: 400px; overflow: hidden;}
.product_pic .pic img{ max-width: 100%;}
.product_pic .text{ float: right; width: 480px; overflow: hidden; box-sizing: border-box;}
.product_pic .text h2{ padding-bottom: 20px; font-size: 32px; font-weight: bold; color: #333; border-bottom: 1px solid #ddd;}
.product_pic .text p{ margin:20px 0 30px 0; color: #666; font-size: 14px;}
.product_pic .text a{ display: inline-block; width: 200px; height: 50px; line-height: 50px; background:#c9181e; color: #fff; text-align: center;}
.product_pic .text a.a1{ background: #333;}
.product_text{ width: 100%; margin-top: 30px; overflow: hidden; }
.product_text p{ line-height: 30px;}
.product_text img{ max-width: 100%;}
.product_info{ width: 100%; padding-top: 50px; overflow: hidden;}
.product_xxjs{ margin-top: 30px; padding: 10px; background: #f7f7f7; border-left: 5px solid #c9181e;}
.product_xxjs h2{ font-size: 20px; font-weight: bold;}

/*内页案例*/
.caselist{ width:100%; margin: 50px 0; overflow:hidden;}
.caselist li{ float: left; width: 380px; margin: 0 30px 30px 0; border-radius: 10px; overflow: hidden;}
.caselist li:nth-child(3n) {margin-right: 0;}
.caselist li .pic { width:100%; height: 220px; overflow: hidden;}
.caselist li .pic img {width:100%;height:100%;object-fit:cover; transition: all 0.6s;}
.caselist li:hover .pic img{ transform: scale(1.1);}
.caselist li .text{ height: 100px; padding: 30px 40px; background: #f7f7f7; box-sizing: border-box;}
.caselist li .text h2{ font-size: 22px; color: #333; font-weight: 500;}
.caselist li:hover .text h2{ color: #c9181e; }



.contact{width: 100%; margin-top: 50px; display: flex;}
.contact .item {width:290px;margin-right:30px;height: 400px;display: flex;flex-direction: column;border: 1px solid #dddddd;}
.contact .item:last-child { margin-right:0;}
.contact .img{margin: 0 auto;margin-top:50px; width:100px; height:100px; background:#f3f3f3; border-radius:100px;align-items: center;justify-content: center;display: flex;}
.contact .img i{color: #c9181e; font-size:48px;}
.contact h2{margin: 20px 0;text-align: center;font-size:24px; color:#333;}
.contact p{ padding:5px 10px; text-align:center; color: #616161; font-size:18px;}
.map{ margin-top:50px;}



/* 通用分页样式 */
.pages {height: 26px;padding: 5px 0;margin-top: 30px;clear: both;text-align: center;}
.pages:after {content: '.';clear: both;height: 0;line-height: 0;display: block;visibility: hidden;}
.pages b{background:#e61420; color:#fff;padding: 5px 10px;}
.pages a {padding: 5px 10px;border: 1px solid #e1e1e1;height: 24px;line-height: 24px;color: #666;}
.pages a:hover {border: 1px solid #3a97ef;background: #3a97ef;color: #fff;text-decoration: none;}

.d_page{ width:100%; margin-top:40px; color:#999; overflow:hidden;}
.d_page p a{ color:#999;text-decoration:underline;}
.d_page p a:hover{ color:#333;}




/*右侧浮动*/
.sidebar{ display: none;position: fixed;top: 50%;padding: 20px 0 25px;right: 10px;width: 80px;z-index: 905;-webkit-transform: translateY(-50%);transform: translateY(-50%);border-radius: 40px;background: #fff;box-shadow: 0 0 10px rgba(152, 164, 211, .2);}
.sidebar li{ margin-bottom: 20px;position: relative;}
.sidebar li:last-child{ margin-bottom: 0;}
.sidebar a{ display: block;text-align: center;color: #fff;transition: .5s;}
.sidebar .sidebar_ico{ display: flex;align-items: center;justify-content: center;margin: 0 auto 5px;width: 50px;height: 50px;border-radius: 50%;box-shadow: 0 0 10px rgba(152, 164, 211, .2);transition: .5s;}
.sidebar .sidebar_ico img { height: 20px;}
.sidebar .sidebar_ico img:nth-child(2){ display: none;}
.sidebar a:hover .sidebar_ico{ background: #c7000b;}
.sidebar a:hover .sidebar_ico img:nth-child(1){ display: none;}
.sidebar a:hover .sidebar_ico  img:nth-child(2){ display: inline-block;}
.sidebar .sidebar_txt{ font-size: 14px;line-height: 24px;color: #666;}
.sidebar .sidebar_wx{ position: absolute;top: 0;right: 90px;margin-top: 0;display: flex;text-align: center;padding: 0 20px;align-items: center;justify-content: center;width: 80px;height: 80px;color: #fff;background: #ffffff;box-shadow: 0 0 10px rgba(152, 164, 211, .2);white-space: nowrap;font-weight: bold;font-size: 20px;visibility: hidden;opacity: 0;transition: .5s;}
.sidebar a:hover .sidebar_wx{ visibility: visible;opacity: 1;}
.sidebar .sidebar_wx img{ width: 70px;}
.sidebar .sidebar_phone{ position: absolute;top: 0;right: 90px;margin-top: 0;display: flex;padding: 0 20px;align-items: center;justify-content: center;width: 200px;height: 50px;color: #fff;border-radius: 26px;background: #c7000b;box-shadow: 0 0 10px rgba(152, 164, 211, .2);white-space: nowrap;font-weight: bold;font-size: 20px;visibility: hidden;opacity: 0;transition: .5s;}
.sidebar a:hover .sidebar_phone{ visibility: visible;opacity: 1;}