@charset "utf-8";
/* CSS Document */
body,ul,p,h1,h2,h3,h4,dl,dd,form,input,textarea,select { padding:0; margin:0; font-weight:normal;}
div{ display:block; padding:0; margin:0;}
html{height:100%;}
body{ font-family:"微软雅黑"; position:relative; z-index:1; height:100%;}
input{ font-family:"微软雅黑"; outline:none;}
a:hover, a:focus{ text-decoration:none;}
li { list-style:none; }
img { border:none; padding:0; margin:0; vertical-align:bottom;}
a { text-decoration:none; }
.fl{ float:left;}
.fr{ float:right;}
a:hover { text-decoration:none; }
.clear { zoom:1; clear:both; }
.clear:after { content:''; display:block; clear:both; }
.clear2{ display:none;}
.myclear { zoom:1; clear:both; display:none; }
table{ border-collapse:collapse;}
.content{ overflow:auto;}
/**禁止ios和android用户选中文字**/
.css{-webkit-user-select:none;}
* {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.center{ width:100%; margin:0 auto; max-width:1200px;}
.transform_time{ -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.transform_img{ transform: scale(1.1); -webkit-transform: scale(1.1);  -o-transform: scale(1.1);  -moz-transform: scale(1.1);}
.font{ overflow:hidden; white-space:nowrap;  text-overflow: ellipsis;}
.font{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

/**导航**/
.header{ background:#fff; width:100%; height:84px; position:fixed; top:0; left:0; z-index:99999;}
.mobile{ width: 100%; max-width:1200px; margin:0 auto; height:84px; position:relative; z-index:9999; padding-right:130px;}
.logo{ display:block; width:162px; height:84px; overflow:hidden; float:left;}
.logo img{ height:84px;}
.mobile-inner-nav{ max-width:636px; float:right; text-align:center;}
.mobile-inner-nav a{ display:inline-block; height:84px; padding:0 21px 0 20px; line-height:84px; font-size:14px; color:#898989; position:relative; z-index:1;}
.mobile-inner-nav a::before{ content:''; display:block; width:1px; height:10px; position:absolute; border-right:1px dotted #898989; top:50%; margin-top:-5px; right:0; z-index:9;}
.mobile-inner-nav a:last-child::before{ display:none;}
.mobile-inner-nav a:hover,.mobile-inner-nav a.cur{ color:#de2934;}
.mobile_right{ width:130px; height:84px; border-left:1px solid #F5F5F5; position:absolute; top:0; right:0; z-index:9;}
.mobile_right span{ display:block; height:84px; cursor:pointer; float:left; position:relative; z-index:1;}
.mobile_right span.search{  width:52px; background:url(../images/Sprite.png) 0 -50px no-repeat;}
.search_box{position:absolute; top:84px; z-index:9; display:none; background:#fff; height:40px; width:250px; right:0;}
.search_text{ position:absolute; top:0; left:0; z-index:88; width:100%; height:40px; line-height:20px; padding:10px 40px 10px 10px; font-size:14px; color:#aaa; border:none; outline:none;}
.search_submit{ display:block; border:none; background:url(../images/Sprite.png) -156px 0px no-repeat; width:40px; height:40px; position:absolute; top:0; right:0; z-index:99;  outline:none; cursor:pointer;}


.mobile_right span.lan{ width:76px; font-size:14px; text-align:center; line-height:84px; color:#898989;}
.mobile_right span .lan_box{position:absolute; top:84px; z-index:9; display:none; background:#fff; height:40px; width:180px; right:0; padding:0 6px;}
.mobile_right span .lan_box a{ display:block; width:82px; text-align:center; height:40px; line-height:40px; font-size:14px; color:#aaaaaa; float:left;}
.mobile_right span .lan_box b{ display:block; width:4px; height:40px; float:left; line-height:40px; color:#aaaaaa; font-weight:normal;}
.mobile_right span:hover{ color:#de2934;}
.mobile_right span .lan_box a:hover{ color:#de2934;}
/**banner**/
.i_banner{ width:100%; height:584px; padding-top:84px;}
#owl-demo{ display:none; width:100%; height:500px;}
#owl-demo .item { display:block; width:100%; height:500px; overflow:hidden; }
#owl-demo li a{ display:block; width:100%; height:100%;}
#owl-demo li a img{ width:100%; display:none;}
#owl-demo .owl-controls { height:0; padding:0; margin:0 auto;}
#owl-demo .owl-wrapper-outer{ z-index:1040;}
#owl-demo .owl-controls .owl-pagination { padding-bottom:6px;width: 100%; max-width:100% !important;  margin: 0 auto; text-align:center; position:absolute; bottom:0; z-index:1040;}
#owl-demo .owl-controls .owl-page span {display: block;width: 10px;height:26px; margin:4px; text-align:center; text-indent:0; line-height:20px; padding-top:6px; font-size:12px; padding:0; color:#fff; background:none; font-weight:normal; position:relative; z-index:1; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; top:0;}
#owl-demo .owl-controls .owl-page span::before{ content:''; display:block; width:5px; height:5px; background:#fff; position:absolute; bottom:0; left:50%; margin-left:-3px; z-index:9; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -webkit-border-radius:50%; -moz-border-radius: 50%; border-radius: 50%;}
#owl-demo .owl-controls .owl-page span::after{ content:''; display:block; width:1px; height:0px; background:#de2934; position:absolute; top:26px; left:50%; margin-left:-1px; z-index:9; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
#owl-demo .owl-controls .owl-page.active span, #owl-demo .owl-controls.clickable .owl-page:hover span { padding-top:0; top:-6px; color:#de2934;}

#owl-demo .owl-controls .owl-page.active span::before, #owl-demo .owl-controls.clickable .owl-page:hover span::before{ background:#de2934;}
#owl-demo .owl-controls .owl-page.active span::after, #owl-demo .owl-controls.clickable .owl-page:hover span::after{ height:6px;}

#owl-demo .owl-controls { height:0; padding:0; margin:0;}
#owl-demo .owl-controls .owl-buttons div{ position:absolute; top:50%; margin-top:-25px; display: inline-block;zoom: 1;*display: inline; width:50px;height:50px;text-indent:5000px;float:left; z-index:1040; overflow:hidden;}
#owl-demo .owl-wrapper-outer{ z-index:1040;}
#owl-demo .owl-controls .owl-buttons .owl-prev{ background:url(../images/Sprite.png) 0 0 no-repeat; left:30px;}
#owl-demo .owl-controls .owl-buttons .owl-next{ background:url(../images/Sprite.png) -50px 0px no-repeat; right:30px; }

/**首页信息**/
.i_box{ width:100%; height:340px; background:url(../images/i_box_bg.jpg) center top no-repeat;}
.i_box_center{ max-width:1200px; width:100%; margin:0 auto;}
.i_pro_cate{ width:840px; height:180px; float:left; position:relative; z-index:1; padding-left:140px;}
.i_pro_cate_title{ width:140px; height:180px; position:absolute; top:0; left:0; z-index:9; padding-top:34px;}
.i_pro_cate_title dt{ font-size:18px; color:#333333; line-height:30px;}
.i_pro_cate_title dd{ color:#aaaaaa; font-size:16px; line-height:22px;}
.i_pro_cate_list{ width:100%; height:180px;}
.i_pro_cate_list dl{ width:100%; height:180px; text-align:center;}
.i_pro_cate_list dl a{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; display:block; width:100%; height:100%; padding:22px 22px 0;}
.i_pro_cate_list dl dd{transform-style: preserve-3d; transition: 1s transform; width:100%; padding-bottom:100%; margin:0 auto;}
.i_pro_cate_list dl dd.cate_icon01{ background:url(../images/i_proicon01.png) center no-repeat;}
.i_pro_cate_list dl dd.cate_icon02{ background:url(../images/i_proicon02.png) center no-repeat;}
.i_pro_cate_list dl dd.cate_icon03{ background:url(../images/i_proicon03.png) center no-repeat;}
.i_pro_cate_list dl dd.cate_icon04{ background:url(../images/i_proicon04.png) center no-repeat;}
.i_pro_cate_list dl dd.cate_icon05{ background:url(../images/i_proicon05.png) center no-repeat;}
.i_pro_cate_list dl dt{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; height:30px; line-height:30px; color:#999999; font-size:14px;}
.i_pro_cate_list dl a:hover{ background:#f5f5f5;}
.i_pro_cate_list dl a:hover dt{ color:#aa151e;}

.i_pro_cate_list dl a:hover dd.cate_icon01{ background:url(../images/i_proicon01_h.png) center no-repeat;}
.i_pro_cate_list dl a:hover dd.cate_icon02{ background:url(../images/i_proicon02_h.png) center no-repeat;}
.i_pro_cate_list dl a:hover dd.cate_icon03{ background:url(../images/i_proicon03_h.png) center no-repeat;}
.i_pro_cate_list dl a:hover dd.cate_icon04{ background:url(../images/i_proicon04_h.png) center no-repeat;}
.i_pro_cate_list dl a:hover dd.cate_icon05{ background:url(../images/i_proicon05_h.png) center no-repeat;}
.i_pro_cate_list dl a:hover dd{transform: rotateY(.5turn);}

.i_pro_cate_list .owl-controls { height:0; padding:0; margin:0;}
.i_pro_cate_list .owl-controls .owl-buttons div{ position:absolute; top:50%; margin-top:-25px; display: inline-block;zoom: 1;*display: inline; width:50px;height:50px;text-indent:5000px;float:left; z-index:1040; overflow:hidden;}
.i_pro_cate_list .owl-wrapper-outer{ z-index:1040;}
.i_pro_cate_list .owl-controls .owl-buttons .owl-prev{ background:url(../images/Sprite.png) 0 0 no-repeat; left:30px;}
.i_pro_cate_list .owl-controls .owl-buttons .owl-next{ background:url(../images/Sprite.png) -50px 0px no-repeat; right:30px; }


.i_left{ width:360px; height:340px; background:#F4F4F4; float:right;}
.i_left_box{ width:100%; height:360px; padding:20px; position:relative; z-index:9999; top:-20px; left:0; background:#F4F4F4;}
.i_left_box dt{ width:100%; height:180px; overflow:hidden;}
.i_left_box dt img{ width:100%; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.i_left_box dd h1{ font-size:18px; color:#333333; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; line-height:56px;}
.i_left_box dd p{ font-size:12px; color:#aaaaaa; line-height:18px; height:54px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.i_left_box dd span{ display:block; width:100%; height:24px; line-height:24px; margin-top:10px; font-size:12px; color:#aa151e;}
.i_left_box a:hover dt img{ transform: scale(1.1); -webkit-transform: scale(1.1);  -o-transform: scale(1.1);  -moz-transform: scale(1.1);}
.i_left_box a:hover dd h1{color:#aa151e;}


.i_con{ width:840px; height:160px; float:left;}
.i_con img{ width:100%; height:100%;}
.i_about{ overflow:hidden; width:50%; height:160px; float:left; overflow:hidden; position:relative; z-index:1;}
.i_about img{ width:100%; height:160px; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.i_about dl{ width:100%; height:160px; position:absolute; top:0; left:0; z-index:9;}
.i_about dl a{ display:block; width:100%; height:100%; padding:14px 0 0;}
.i_about dl dt{ font-size:18px; color:#333333; line-height:30px;}
.i_about dl dd{ color:#999999; font-size:16px; line-height:22px; text-transform:uppercase;}
.i_about:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);  -o-transform: scale(1.1);  -moz-transform: scale(1.1);}
.i_couse{ overflow:hidden; width:50%; height:160px; float:left; overflow:hidden; position:relative; z-index:1;}
.i_couse img{ width:100%; height:160px; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.i_couse dl{ width:100%; height:160px; position:absolute; top:0; left:0; z-index:9;}
.i_couse dl a{ display:block; width:100%; height:100%; padding:14px 0 0 14px;}
.i_couse dl dt{ font-size:18px; color:#333333; line-height:30px;}
.i_couse dl dd{ color:#fff; font-size:16px; line-height:22px; text-transform:uppercase;}
.i_couse:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);  -o-transform: scale(1.1);  -moz-transform: scale(1.1);}

/**首页新闻**/
.i_news{ width:100%; height:196px; background:url(../images/i_news_bg.jpg) top center no-repeat;}
.i_news_center{ width:100%; max-width:1200px; margin:0 auto;}
.i_news_tp{ width:840px; float:left; height:196px; position:relative; z-index:1; padding:44px 0 32px 200px;}
.i_news_tp a{ display:block; width:100%; height:100%;}
.i_news_tp dt{ width:200px; height:120px; position:absolute; top:44px; left:0; z-index:9; overflow:hidden;}
.i_news_tp dt img{ width:100%; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.i_news_tp dd{ width:100%; padding:0 20px;}
.i_news_tp dd h1{overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; font-size:14px; color:#333; line-height:18px;}
.i_news_tp dd span{ font-size:12px; color:#aaa; line-height:26px; padding-bottom:8px;}
.i_news_tp dd p{ font-size:12px; height:44px; color:#aaa; line-height:22px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.i_news_tp dd b{ font-weight:normal; font-size:12px; line-height:24px; color:#aa151e;}
.i_news_tp a:hover dd h1{color:#aa151e;}
.i_news_tp a:hover dt img{ transform: scale(1.1); -webkit-transform: scale(1.1);  -o-transform: scale(1.1);  -moz-transform: scale(1.1);}
.i_news_right{ width:360px; height:196px; float:right; border-left:2px solid #F4F4F4;}
.i_news_tab{ width:100%; height:75px; padding-top:21px;}
.i_news_tab li{ width:25%; float:left; text-align:center;  line-height:52px; cursor:pointer;}
.i_news_tab li span{ display:inline-block; height:54px; line-height:52px; border-bottom:2px solid #F4F4F4; font-size:14px; color:#333333;}
.i_news_tab li:hover span,.i_news_tab li.cur span{ border-bottom:2px solid #aa151e; color:#aa151e;}

.i_news_box{ width:100%; padding:6px 16px 0;}
.i_news_list{ width:100%; display:none;}
.i_news_list li{ width:100%; height:29px;}
.i_news_list li a{ display:block; width:100%; height:29px; line-height:28px; font-size:12px; color:#989898; border-bottom:1px dashed #EEEEEE; position:relative; z-index:1; padding:0 80px 0 10px; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; background:url(../images/i_news_list01.jpg) left center no-repeat;}
.i_news_list li a span{ font-size:12px; line-height:28px; height:28px; width:80px; text-align:right; z-index:9; display:block; position:absolute; top:0; right:0;}
.i_news_list li a:hover{ color:#aa151e; background:url(../images/i_news_list02.jpg) left center no-repeat;}

/**首页分享**/
.i_share{ width:100%; height:64px; background:#F4F4F4;}
.i_share_center{ width:100%; max-width:1220px; margin:0 auto; padding:0 10px; position:relative; z-index:6666;}
.i_share_left{ width:100%; position:relative; z-index:1; height:64px; padding-left:80px;}
.i_share_left dt{ width:80px; height:64px; line-height:64px; font-size:12px; color:#949494; position:absolute; top:0; left:0;}
.i_share_left dd{ width:100%; height:64px; padding-top:18px;}
.i_share_left dd a{ float:left; display:block; width:28px; height:28px; background-image:url(../images/Sprite.png); background-repeat:no-repeat; margin:0 6px;}
.i_share_left dd a.weibo{ background-position: -100px 0;}
.i_share_left dd a.weixin{ background-position: -128px 0;}

.i_share_right{ width:360px; height:64px; position:absolute; top:0; right:10px; border-left:2px solid #fff; border-right:2px solid #fff; z-index:9;}
.i_share_right h1{ position:relative; z-index:1; font-size:14px; color:#949494; line-height:64px; padding:0 16px; cursor:pointer;}
.i_share_right h1::after{ display:block; width:14px; height:8px; content:''; position:absolute; top:50%; right:16px; margin-top:-4px; background:url(../images/Sprite.png) -100px -28px no-repeat;}
.i_share_right h1.opend,.i_share_right h1:hover{ color:#aa151e;}
.i_share_right h1:hover::after{ background:url(../images/Sprite.png) -128px -28px no-repeat;}
.i_share_right h1.opend::after{ background:url(../images/Sprite.png) -114px -28px no-repeat;}

.i_link{ background:#F4F4F4;  display:none; width:100%; position:absolute; bottom:64px;}
.i_link li{ width:100%; line-height:30px;  font-size:14px;}
.i_link li a{ display:block; width:100%; height:100%; font-size:14px; color:#949494; padding:0 16px;}
.i_link li a:hover{ color:#fff; background:#aa151e;}

footer{ width:100%; max-width:1220px; margin:0 auto; padding:14px 10px; background:#fff; font-size:12px; color:#898989; line-height:20px;}
/**内页**/
.n_banner{ padding-top:84px; height:334px; width:100%;}
.n_banner img{ display:none;}

.n_nav{ width:100%; max-width:1200px; margin:0 auto; height:42px; border-bottom:2px solid #EFEFEF; position:relative; z-index:1;}
.n_nav p{ font-size:12px; color:#aaaaaa; line-height:40px; background:url(../images/home.jpg) left 10px no-repeat; padding-left:22px;}
.n_nav p a{ font-size:12px; color:#aaaaaa; line-height:40px;}
.n_nav a.back{ display:block; width:84px; height:40px; position:absolute; top:0; right:0; z-index:9; text-align:right; background:url(../images/back.jpg) center left no-repeat; font-size:12px;  font-size:12px; color:#aaaaaa; line-height:40px;}

.n_nav a:hover{ color:#aa151e;}



.n_title{ width:100%; max-width:1200px; margin:0 auto; height:118px; padding:44px 0; line-height:30px; font-size:18px; 
color:#333; text-align:center;}


.n_menu {position:relative; height:40px; width:100%; max-width:1200px; overflow: hidden; margin:0 auto 40px;}
.n_menu .scroller { text-align:center; margin:0 auto;}
.n_menu .scroller ul{ margin:0 auto;}
.n_menu .scroller li {height:40px; color:#333; display:inline-block; font-size:14px; text-align:center; }
.n_menu .scroller li a{ color:#333; display:block; height:40px; line-height:38px; border:1px solid #CCCCCC; padding:0 20px; margin:0 5px;}
.n_menu .scroller li.cur a{color:#fff; background:#B1010C; border-color:#B1010C;}

.all_menu{ margin:0 auto 40px; position:relative; height:40px; width:100%; max-width:1200px; overflow:hidden;}
.all_menu ul{ height:60px; overflow:hidden; overflow-x:scroll; white-space:nowrap; text-align:center;}
.all_menu ul li {height:40px; color:#333; display:inline-block; font-size:14px; text-align:center; }
.all_menu ul li a{ color:#333; display:block; height:40px; line-height:38px; border:1px solid #CCCCCC; padding:0 20px; margin:0 5px;}
.all_menu ul li.cur a{color:#fff; background:#B1010C; border-color:#B1010C;}


/**产品中心**/
.n_products{ width:100%; margin:0 auto; max-width:1210px; padding:0 5px;}
.n_products li{float: left;padding:0 5px; width: 25%; margin-bottom:36px;}
/*.n_products li:nth-child(2n){animation-delay: .1s;-webkit-animation-delay: .1s;-moz-animation-delay: .1s;}
.n_products li:nth-child(3n){animation-delay: .2s;-webkit-animation-delay: .2s;-moz-animation-delay: .2s;}
.n_products li:nth-child(4n){animation-delay: .3s;-webkit-animation-delay: .3s;-moz-animation-delay: .3s;}
*/
.n_products li .n_pro_img{ overflow:hidden; width:100%; position:relative; z-index:1;}
.n_products li .n_pro_img::before{content: '';position: absolute;left: -10px;top: -10px;z-index:1;width: calc(100% + 20px);height: calc(100% + 20px);border: 1px solid rgba(255,255,255,.6);transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.n_products li .n_pro_img img{transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease; display: block;width: 100%;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.n_products li .n_pro_img::after{content: '';position: absolute;right: 30px;bottom:-40px;z-index:1;width:20px;height:20px;background:url(../images/Sprite.png) -52px -50px no-repeat; transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.n_products li .n_pro_con{ height:178px; overflow:hidden; position:relative; z-index:1; transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease; width:100%; padding:34px 18px; border:1px solid #EEEEEE; border-top:none;}
.n_products li .n_pro_con h1{overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease; font-size:14px; color:#333333; line-height:50px;}
.n_products li .n_pro_con p{ font-size:12px; height:60px; color:#aaaaaa; line-height:20px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.n_products li .n_pro_con span{transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease; display:block; width:100%; height:40px; background:#B1010C url(../images/pro_more.png) center no-repeat; position:absolute; bottom:-40px; left:0; z-index:9;}

.n_products li a:hover .n_pro_img::before{left:10px;top:10px;width: calc(100% - 20px);height: calc(100% - 20px);}
.n_products li a:hover .n_pro_img::after{bottom:0px;}
.n_products li a:hover .n_pro_img img{transform: scale(1.1); -webkit-transform: scale(1.1);  -o-transform: scale(1.1);  -moz-transform: scale(1.1);}
.n_products li a:hover .n_pro_con{ padding-top:0; padding-bottom:68px}
.n_products li a:hover .n_pro_con span{ bottom:0;}
.n_products li a:hover .n_pro_con h1{ color:#aa151e;}


/*动画效果*/
.ani-up{visibility: hidden;-webkit-opacity: 0;opacity: 0;}
.fadeInUp{visibility: visible;animation: fadeInUp ease-out .6s forwards;-webkit-animation: fadeInUp ease-out .6s forwards;-moz-animation: fadeInUp ease-out .6s forwards;}
.ani-rig{visibility: hidden;-webkit-opacity: 0;opacity: 0;}
.faderight {visibility: visible;animation: faderight ease-out .6s forwards;-webkit-animation: faderight ease-out .6s forwards;-moz-animation: faderight ease-out .6s forwards;}
.ani-left{visibility: hidden;-webkit-opacity: 0;opacity: 0;}
.fadeleft {visibility: visible;animation: fadeleft ease-out .6s forwards;-webkit-animation: fadeleft ease-out .6s forwards;-moz-animation: fadeleft ease-out .6s forwards;}
.scalew{animation: scaleW .8s 1s both;-moz-animation: scaleW .8s 1s both;-webkit-animation: scaleW .8s 1s both;}
.scaleh{animation: scaleH .8s 1s both;-webkit-animation: scaleH .8s 1s both; -moz-animation: scaleH .8s 1s both;}
.fadedown{-webkit-animation:fadeInDown .8s .3s both;-moz-animation:fadeInDown .8s .3s both;animation:fadeInDown .8s .3s both;}
.fadeup{-webkit-animation: fadeInUp .8s .3s both;-moz-animation: fadeInUp .8s .3s both;animation: fadeInUp .8s .3s both;}
.ostar{animation: ostar 1s 0s infinite linear both;-webkit-animation: ostar 1s 0s infinite linear both; -moz-animation: ostar 1s 0s infinite linear both;}
@keyframes ostar{
	0%{opacity:0}50%{opacity:1}100%{opacity:0}
}
@-webkit-keyframes ostar{
	0%{opacity:0}50%{opacity:1}100%{opacity:0}
}
@-moz-keyframes ostar{
	0%{opacity:0}50%{opacity:1}100%{opacity:0}
}
@keyframes scaleW{
	0%{transform:scaleX(0)}100%{transform:scaleX(1)}
}
@-webkit-keyframes scaleW{
	0%{-webkit-transform:scaleX(0)}100%{-webkit-transform:scaleX(1)}
}
@-moz-keyframes scaleW{
	0%{-moz-transform:scaleX(0)}100%{-moz-transform:scaleX(1)}
}
@keyframes scaleH{
	0%{transform:scaleY(0)}100%{transform:scaleY(1)}
}
@-webkit-keyframes scaleH{
	0%{-webkit-transform:scaleY(0)}100%{-webkit-transform:scaleY(1)}
}
@-moz-keyframes scaleH{
	0%{-moz-transform:scaleY(0)}100%{-moz-transform:scaleY(1)}
}
@keyframes fadeInDown {
    0% { opacity: 0; transform: translate3d(0,-100%,0)} 100% { opacity: 1;transform: none;}
}
@-webkit-keyframes fadeInDown { 
	0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0);}100% { opacity: 1; -webkit-transform: none;}
}
@-moz-keyframes fadeInDown { 
	0% { opacity: 0; -moz-transform: translate3d(0,-100%,0);}100% { opacity: 1; -moz-transform: none;}
}
@keyframes fadeInUp {
	0% {opacity: 0;transform: translate3d(0, 50%, 0);}100% {opacity: 1;transform: none;}
}
@-webkit-keyframes fadeInUp {
	0% {opacity: 0;-webkit-opacity: 0;-webkit-transform: translate3d(0, 50%, 0);}100% {opacity: 1;-webkit-opacity: 1;-webkit-transform: none;}
}
@-moz-keyframes fadeInUp {
	0% {opacity: 0;-moz-transform: translate3d(0, 50%, 0);}100% {opacity: 1;-moz-transform: none;}
}
@keyframes faderight {
	0% {opacity: 0;transform: translate3d(-50%, 0, 0);}100% {opacity: 1;transform: none}
}
@-webkit-keyframes faderight {
	0% {opacity: 0;-webkit-opacity: 0;-webkit-transform: translate3d(-50%, 0, 0);}100% {opacity: 1;-webkit-opacity: 1;-webkit-transform: none;}
}
@-moz-keyframes faderight {
	0% {opacity: 0;-moz-transform: translate3d(-50%, 0, 0);}100% {opacity: 1;-moz-transform: none;}
}
@keyframes fadeleft {
	0% {opacity: 0;transform: translate3d(50%, 0, 0);}100% {opacity: 1;transform: none}
}
@-webkit-keyframes fadeleft {
	0% {opacity: 0;-webkit-opacity: 0;-webkit-transform: translate3d(50%, 0, 0);}100% {opacity: 1;-webkit-opacity: 1;-webkit-transform: none;}
}
@-moz-keyframes fadeleft {
	0% {opacity: 0;-moz-transform: translate3d(50%, 0, 0);}100% {opacity: 1;-moz-transform: none;}
}

/**产品频道页面**/
.productscate {width:100%; max-width:1200px; margin:0 auto 120px; height:660px;overflow: hidden;position:relative;}
.productscate:after { content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fff; }
.productscate._create:after { display: none; }
.productscate ul { display:block;list-style: none;margin: 0;padding: 0;width:9999px;height:660px;overflow:hidden;position:absolute;left:0;top:0; }
.productscate ul li { display:block; list-style: none;margin: 0; padding: 0; height:660px; float:left; overflow: hidden; transition: all 0.3s ease-out; }
.productscate ul li .img_bg{ width:100%; overflow:hidden; position:relative; z-index:1;}
.productscate ul li .img_bg::before{ content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:9; background:rgba(0,0,0,0.5);}
.productscate ul li img { display: block;cursor: pointer; }
.productscate ul li .cate_title{ width:100%; height:60px; background:#444444; position:relative; z-index:1;}
.productscate ul li .cate_title::before{ content:''; background:#A90510; height:60px; position:absolute; top:0; left:0; width:0; z-index:9; }
.productscate ul li .cate_title h1{ position:relative; z-index:99; font-size:18px; color:#fff; text-align:center; line-height:60px;}
.productscate ul li .cate_more{ position:relative; z-index:1; display:block; width:100%; height:100px; background:#AAAAAA;}
.productscate ul li .cate_more::before{ content:''; background:#A90510; height:100px; position:absolute; top:0; left:0; width:0; z-index:9; }
.productscate ul li .cate_more span{position:relative; z-index:99; background:url(../images/cate_more.png) center no-repeat; display:block; width:100%; height:100px;}

.productscate ul li a:hover .img_bg::before{ background:none;}
.productscate ul li a:hover .cate_title::before{  width:100%; }
.productscate ul li a:hover .cate_more::before{  width:100%; }


.swiper-container { width: 100%;  margin-left: auto;  margin-right: auto;max-width:1170px;}
.swiper-slide img{ width:100%; }
.gallery-top { width: 100%;}
.gallery-thumbs { padding: 10px 0;}
.gallery-thumbs .swiper-slide {width: 25%; opacity: 0.4;}
.gallery-thumbs .swiper-slide img{ width:100%;}
.gallery-thumbs .swiper-slide-active {opacity: 1;}

/**品牌频道页面**/
.brand{ width:100%; padding-top:84px;}
.brand_cate{ width:100%; position:relative; z-index:1; overflow:hidden; padding-bottom:44.8%;}
.brand_box{ width:50%; height:100%; position:absolute; top:0; z-index:9;}
.brand_table{ display:inline-table; width:100%; max-width:570px; padding:0 10px; height:100%; }
.brand_con{ width:100%; height:100%; text-align:center; display:table-cell; vertical-align:middle;}
.brand_con img{ max-width:100%;}
.brand_r{ right:0; background:rgba(41,143,222,0.7);}
.brand_r .brand_table{ float:left;}
.brand_l{ left:0; background:rgba(222,41,52,0.7);}
.brand_l .brand_table{ float:right;}
.brand_con{ width:100%; }
.brand_con h1{ font-size:18px; color:#fff; line-height:42px;}
.brand_con p{ text-align:left; font-size:14px; color:#fff; line-height:26px;}

.n_brand_con{ background:#EFEFEF; width:100%; margin:0 auto;}
.brand_center{ width:100%; max-width:1220px; margin:0 auto; padding:0 10px; font-size:14px; line-height:28px; color:#333;}

.brand_content{ width:100%; overflow:auto; height:50%;}
.brand_content .mCSB_container{ margin-right:16px;}

.n_brand_idea{ width:100%; padding:20px 10px; text-align:center; height:400px;}
.n_brand_idea_box{ display:table; width:100%; max-width:1200px; margin:0 auto; height:400px;}
.n_brand_idea_con{ color:#fff; display:table-cell; width:100%; height:400px; vertical-align:middle;}
.n_brand_idea_con h1{ font-size:24px; line-height:30px;}
.n_brand_idea_con h2{ font-size:36px; line-height:46px;}

.n_brand_list{ width:100%; max-width:1200px; margin:0 auto;}
.n_brand_list h1{ font-size:36px; text-align:center; color:#333; line-height:84px;}
.n_brand_list p{ max-width:1000px; margin:0 auto; font-size:12px; color:#aaa; line-height:22px; text-align:center;}

.n_brand_show{ display:none; width:100%; max-width:1200px; margin:0 auto; padding:40px 0;}
.n_brand_show li{ width:100%; margin:0; padding:0 5px;}
.n_brand_show li img{ width:100%;}

.n_brand_show .owl-controls { height:0; padding:0; margin:0 auto;}
.n_brand_show .owl-wrapper-outer{ z-index:1040;}
.n_brand_show .owl-controls .owl-pagination { padding-bottom:6px;width: 100%; max-width:100% !important;  margin: 0 auto; text-align:center; position:absolute; bottom:0; z-index:1040;}
.n_brand_show .owl-controls .owl-page span { background:#AAAAAA; display: block; width:10px; height:10px; margin:4px;}
.n_brand_show .owl-controls .owl-page.active span, .n_brand_show .owl-controls.clickable .owl-page:hover span { background:#DD2934;}


/**视频**/
.video_box{ width:100%; max-width:1220px; margin:0 auto; margin-top:30px; padding:0 10px}
.video-js{ width:100%; height:566px; margin:0 auto; text-align:center; }
.video_list{ overflow:hidden; width:100%; max-width:1236px; margin:0 auto; margin-top:20px;}
.video_list li{ width:33.33%; float:left; cursor:pointer; padding:0 18px; margin-bottom:20px;}
.video_list li a{ display:block; width:100%; border:1px solid #ddd; overflow:hidden;}
.video_list li .video_pic{ width:100%; position:relative; z-index:9; overflow:hidden;}
.video_list li .video_pic img{ width:100%; -webkit-transition: all ease 1.5s; transition: all ease 1.5s; -moz-transition: all ease 1.5s; -o-transition: all ease 1.5s;}
.video_list li h1{overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; line-height:36px; text-align:center; font-size:14px; color:#333;}
.video_list li .video_pic .video_icon{ width:100%; height:100%; position:absolute; left:0; top:-100%; background:url(../images/mob_nav_bg.png) repeat; -webkit-transition: all ease .5s; transition: all ease .5s; -moz-transition: all ease .5s; -o-transition: all ease .5s;}
.video_list li .video_pic .video_icon i{ display:block; width:56px; height:56px; position:absolute; z-index:99; top:50%; left:50%; margin-left:-28px; margin-top:-28px; background:url(../images/smt.png) no-repeat;}
.video_list li:hover .video_pic img{ width:100%; transform: scale(1.3); -webkit-transform: scale(1.3);  -o-transform: scale(1.3);  -moz-transform: scale(1.3); -webkit-transition: all ease 1.5s; transition: all ease 1.5s; -moz-transition: all ease 1.5s; -o-transition: all ease 1.5s;}
.video_list li:hover .video_pic .video_icon{ top:0;  -webkit-transition: all ease .5s; transition: all ease .5s; -moz-transition: all ease .5s; -o-transition: all ease .5s;}
.video_list li:hover h1{ -webkit-transition: all ease .5s; transition: all ease .5s; -moz-transition: all ease .5s; -o-transition: all ease .5s; color:#fff; background:#005bac;}

.video_more{width:100%; margin:0 auto; margin-bottom:0px; max-width:1200px; overflow:hidden; height:40px; line-height:40px; text-align:center; font-size:14px; color:#000; background-color:#DCDCDC; margin-bottom:30px;}
.video_more a{display:block; width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; color:#000; background-color:#DCDCDC; -webkit-transition: all ease .5s; transition: all ease .5s; -moz-transition: all ease .5s; -o-transition: all ease .5s;}
.video_more a:hover{ background-color:#A30810; -webkit-transition: all ease .5s; transition: all ease .5s; -moz-transition: all ease .5s; -o-transition: all ease .5s; color:#fff;}
.video_more a.loding_bg{background:url(fancybox_loading.gif) center no-repeat;}

/**新闻中心**/
.n_news{ width:100%; max-width:1220px; padding:0 10px; margin:0 auto;}
.n_news dl{ width:100%; position:relative; z-index:1; height:219px; border-bottom:1px solid #DDDDDD; margin-bottom:10px;}
.n_news dl a{ display:block; width:100%; height:100%; padding:26px 218px 26px 320px;}
.n_news dl dt{ -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; width:278px; height:166px; overflow:hidden; position:absolute; top:26px; left:0px; z-index:9;}
.n_news dl dt img{ -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; width:278px; height:166px;}
.n_news dl dd{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; width:100%; height:166px; padding-left:0px; padding-right:26px;}
.n_news dl dd h1{ -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; font-size:18px; line-height:60px; color:#333; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis;}
.n_news dl dd p{ font-size:12px; color:#aaa; line-height:24px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;height:72px;}
.n_news dl time{ -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; width:114px; height:130px; position:absolute; top:26px; right:0; z-index:9; font-size:24px; color:#aaaaaa; line-height:60px; background:url(../images/news_more.jpg) left bottom no-repeat;}

.n_news dl a:hover{-webkit-box-shadow:0px 0px 10px #F0F0F0; -moz-box-shadow:0px 0px 10px #F0F0F0; box-shadow:0px 0px 10px #F0F0F0; }
.n_news dl a:hover dd{ padding-left:26px; padding-right:0;}
.n_news dl a:hover dd h1{ color:#b0010b;}
.n_news dl a:hover time{ right:20px;}
.n_news dl a:hover dt{ left:26px;}
.n_news dl a:hover dt img{ transform: scale(1.1); -webkit-transform: scale(1.1);  -o-transform: scale(1.1);  -moz-transform: scale(1.1);}


/**集团荣誉**/
.honor_list{ width:100%; max-width:1250px; padding:0 10px; margin:0 auto;}
.honor_list li{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; width:25%; padding:0 15px; float:left;}
.honor_list li a{ display:block; width:100%; padding:8px 8px 0;}
.honor_list li .honor_img{ width:100%; overflow:hidden;}
.honor_list li .honor_img img{ width:100%;}
.honor_list li .honor_con{ height:54px; line-height:54px; text-align:center; font-size:14px; color:#333;}
.honor_list li .honor_con h1{overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; text-align:center; font-size:14px; color:#333;}

.honor_list li:hover{-webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px);}
.honor_list li a:hover{-webkit-box-shadow:0px 0px 20px #E6E6E6; -moz-box-shadow:0px 0px 20px #E6E6E6; box-shadow:0px 0px 20px #E6E6E6;}

/**联系我们**/
.n_map{ width:100%; max-width:1200px; margin:0 auto;}
.n_map dt{ padding-left:36px; height:40px; background:#EEEEEE url(../images/contact_dt.jpg) left center no-repeat; font-size:14px; color:#333; line-height:40px;}
.n_map dd{ padding:16px 0 30px; width:100%;}
.n_map_left{ width:50%; float:left; height:160px; overflow:hidden; padding-right:8px;}
.n_map_right{ width:50%; float:right; padding-left:8px;}
.n_map_right h1{ font-size:18px; line-height:40px; color:#333;}
.n_map_right ul{}
.n_map_right ul li{ padding-left:24px; font-size:14px; color:#333; line-height:30px; width:50%; float:left; background-image:url(../images/Contact_Sprite.png); background-repeat:no-repeat; }
.n_map_right ul li.tel{ background-position:0 0;}
.n_map_right ul li.name{ background-position:0 -30px;}
.n_map_right ul li.fax{ background-position:0 -60px;}
.n_map_right ul li.mail{ background-position:0 -90px;}
.n_map_right ul li.code{ background-position:0 -120px;}
.n_map_right ul li.add{ background-position:0 -150px;}

.feedback_box{ width:100%; max-width:1200px; margin:0 auto;}
.feedback_box dt{ height:40px; background:#EEEEEE url(../images/contact_dt.jpg) left center no-repeat; padding-left:36px; font-size:14px; color:#333; line-height:40px;}
.feedback_box dd{ padding:16px 0 30px; width:100%;}
.feedback_box ul{ width:100%;}
.feedback_box ul li{ width:33.33%; float:left; padding:0 15px; margin-bottom:10px;}
.feedback_box ul li .feedback_text{ display:block; width:100%; height:45px; line-height:44px; font-size:14px; color:#333; border:none; outline:none; background:none; border-bottom:1px solid #E5E5E5;}
.feedback_box ul li .feedback_textarea{ height:170px; width:100%; font-size:14px; color:#333; border:none; outline:none; padding:10px 0; line-height:24px; background:none; border-bottom:1px solid #E5E5E5;}
.feedback_box ul li.code_li{ width:66.66%; position:relative; z-index:1;}
.feedback_box ul li .feedback_code{ width:120px; display:block;height:45px; line-height:44px; font-size:14px; color:#333; border:none; outline:none; background:none; border-bottom:1px solid #E5E5E5;}
.feedback_box ul li.code_li img{ display:block; width:80px; height:40px; position:absolute; top:3px; left:140px; z-index:9; cursor:pointer;}
.feedback_box ul li .feedback_submit{ float:right; width:100px; height:34px; display:block; background:#B1010C url(../images/Sprite.png) bottom left no-repeat; font-size:14px; color:#fff; text-align:center; line-height:34px; border:none; cursor:pointer; }
/**关于我们**/
.n_about{ width:100%; margin:0 auto; max-width:1220px; padding:0 10px;}
.n_about_left{ width:40%; float:left; padding-right:15px;}
.n_about_left h1{ font-size:30px; color:#333; line-height:48px; text-transform:uppercase;}
.n_about_left h1 span{ color:#b0010b; line-height:48px; text-transform:uppercase;}
.n_about_left h2{ font-size:24px; line-height:38px; color:#333; padding-bottom:12px;}
.n_about_left p{ font-size:14px; color:#898989; line-height:20px;}
.n_about_left ul{ width:100%; padding:20px 0;}
.n_about_left ul li{ width:33.33%; float:left; text-align:center;}
.n_about_left ul li h1{ font-size:50px; line-height:54px; color:#b0010b;}
.n_about_left ul li p{ font-size:14px; color:#333; line-height:22px;}
.n_about_right{ margin-bottom:20px; width:60%; height:240px; float:right; padding-left:15px; font-size:14px; line-height:30px; color:#000; text-indent:28px; overflow:auto;}
.n_about_right .mCSB_container{ margin-right:16px;}

.n_culture{ width:100%; margin:0 auto;}
.n_culture_center{ width:100%; padding:20px 10px; margin:0 auto; max-width:1220px;}

.n_culture_center h1{ font-size:30px; color:#fff; line-height:48px; text-transform:uppercase;}
.n_culture_center h1 span{ color:#b0010b; line-height:48px; text-transform:uppercase;}
.n_culture_center h2{ font-size:24px; line-height:38px; color:#fff; padding-bottom:12px;}
.n_culture_center p{ font-size:14px; color:#fff; line-height:22px;}

/**发展历程**/
.n_history{ width:100%; height:650px; max-width:1220px; padding:0 10px; margin:0 auto;}
.n_history_left{ width:462px; float:left; height:650px; padding:64px 30px 0 0;}
.n_history_left h1{ font-size:30px; color:#333; line-height:48px; text-transform:uppercase;}
.n_history_left h1 span{ color:#b0010b; line-height:48px; text-transform:uppercase;}
.n_history_left h2{ width:100px; height:58px; border-bottom:3px solid #B0000B; font-size:24px; color:#333; line-height:40px;}
.n_history_logo{ width:100%; height:56px; position:relative; z-index:1; padding-left:66px; margin-top:30px;}
.n_history_logo dt{ width:56px; height:56px; position:absolute; top:0; left:0; z-index:9; background:url(../images/n_history_logo.jpg) center no-repeat;}
.n_history_logo dd{ width:100%;}
.n_history_logo dd p{ line-height:30px; font-size:24px; color:#b0010b;}
.n_history_logo dd span{ line-height:26px; font-size:18px; color:#aaaaaa;}

.n_history_box{ width:100%; padding-top:36px;}
.n_history_con{ overflow:auto; display:none; width:100%; height:314px; overflow:hidden; font-size:14px; color:#333; line-height:28px;}
.n_history_con .mCSB_container{ margin-right:16px;}
.n_history_con h1{ font-size:36px; color:#b0010b; line-height:70px;}
.n_history_right{ width:738px; float:right; height:650px; padding-top:70px;}
.n_history_right .n_history_img{ width:100%; height:450px; overflow:hidden;}
.n_history_right .n_history_img img{ width:100%;}
.n_history_right .n_history_tab{ display:none; width:100%; height:54px; margin-top:28px;}
.n_history_right .n_history_tab li{ width:100%; text-align:center; border-right:1px solid #CCCCCC; height:54px; line-height:54px; font-size:24px; color:#aaaaaa; cursor:pointer;}
.n_history_right .n_history_tab li.cur{ color:#b0010b;}
.n_history_right_title{ display:none;}

.n_strategy{ width:100%; height:640px;}
.n_strategy_center{ width:100%; max-width:1220px; padding:0 10px; margin:0 auto; height:640px; padding-top:64px;}
.n_strategy_center h1{ font-size:30px; color:#333; line-height:48px; text-transform:uppercase;}
.n_strategy_center h1 span{ color:#b0010b; line-height:48px; text-transform:uppercase;}
.n_strategy_center h2{ font-size:24px; line-height:38px; color:#333; padding-bottom:12px;}
.n_strategy_con{ overflow:auto; margin-top:30px; width:100%; height:390px;}
.n_strategy_con .mCSB_container{ margin-right:16px;}
.n_strategy_con p{ font-size:14px; color:#333; line-height:36px;}

.about_honor{ width:100%; max-width:1220px; margin:0 auto; padding:50px 10px;}
.about_honor_left{ width:50%; float:left; height:580px; padding-top:42px;}
.about_honor_left a{ display:block; width:100%; height:100%; overflow:hidden;}
.about_honor_left a img{ height:100%;}
.about_honor_right{ width:50%; float:left; height:580px; background:#900000; padding:30px 50px 0;}
.about_honor_right h1{ font-size:30px; color:#fff; line-height:48px; text-transform:uppercase;}
.about_honor_right h2{ font-size:24px; line-height:38px; color:#fff; padding-bottom:12px;}
.about_honor_right a{ margin-top:20px; display:block; background:#fff; width:120px; height:40px; text-align:center; line-height:40px; -webkit-border-radius:8px; -moz-border-radius: 8px; border-radius: 8px; font-size:14px; color:#8f0000;}
.about_honor_right a.mCSB_buttonUp{ display:none; background:none !important;}
.about_honor_right a.mCSB_buttonDown{ display:none; background:none !important;}
.about_honor_con{ overflow:auto; width:100%; height:366px; font-size:12px; color:#fff; line-height:30px;}
.about_honor_con .mCSB_container{ margin-right:16px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #AAAAAA; width: 6px;}
.mCSB_scrollTools .mCSB_draggerRail { background: #AAAAAA; width: 2px;}

.about_honor_con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #fff; width: 6px;}
.about_honor_con .mCSB_scrollTools .mCSB_draggerRail { background: #fff; width: 2px;}

.about_scroll{ position:relative; top:-84px; left:0; z-index:-1;}

/**产品详情**/
.n_pro_center{ width:100%; max-width:1220px; padding:0 10px; margin:0 auto;}
.n_pro_tab{ width:100%; border-bottom:2px solid #EEEEEE; height:46px; line-height:44px;}
.n_pro_tab li{ width:110px; display:block; height:44px; background:#eee; float:left; margin-right:4px; text-align:center; line-height:44px; font-size:14px; color:#333; cursor:pointer;}
.n_pro_tab li:hover,.n_pro_tab li.cur{ background:#B0010B; color:#fff;}
.n_pro_box{ width:100%; padding:20px 0 30px;}
.n_pro_detail{ display:none; font-size:14px; color:#aaa; line-height:28px;}
.n_pro_detail img{ max-width:100% !important;}
@media (max-width: 1220px){
/**首页信息**/
.i_box{ height:auto; background:none;}
.i_box_center{ max-width:840px;}
.i_pro_cate{ width:100%; height:auto; float:none; padding-left:140px;}
.i_pro_cate_title{ padding-left:10px; height:auto;}
.i_pro_cate_list{ height:auto;}
.i_pro_cate_list dl{ height:auto;}
.i_pro_cate_list dl a{ padding:10px 20px;}

.i_left{ width:100%; height:140px; float:none;}
.i_left_box{ width:100%; height:140px; top:0px; left:0; background:#F4F4F4; position:relative; padding:10px 10px 10px 224px;}
.i_left_box dt{ width:214px; height:120px; position:absolute; top:10px; left:10px; z-index:9;}
.i_left_box dd { width:100%; padding:0 10px;}
.i_left_box dd h1{ line-height:24px; padding-bottom:6px; font-size:14px;}
.i_left_box dd span{ margin-top:8px;}



.i_con{ width:100%; height:auto; float:none;}
.i_con img{ width:100%; height:auto;}
.i_about{ overflow:hidden; width:50%; height:auto; float:left; overflow:hidden; position:relative; z-index:1;}
.i_about img{ width:100%; height:auto;}
.i_about dl{ width:100%; height:auto;}
.i_about dl a{ padding:10px 0 0 10px;}
.i_about dl dt{ font-size:18px; color:#333333; line-height:30px;}
.i_about dl dd{ color:#999999; font-size:16px; line-height:22px; text-transform:uppercase;}

.i_couse{ overflow:hidden; width:50%; height:auto; float:left; overflow:hidden; position:relative; z-index:1;}
.i_couse img{ width:100%; height:auto;}
.i_couse dl{ width:100%; height:auto; position:absolute; top:0; left:0; z-index:9;}
.i_couse dl a{ display:block; width:100%; height:100%; padding:10px 0 0 10px;}
.i_couse dl dt{ font-size:18px; color:#333333; line-height:30px;}
.i_couse dl dd{ color:#fff; font-size:16px; line-height:22px; text-transform:uppercase;}


/**首页新闻**/
.i_news{ height:auto; background:none;}
.i_news_center{ width:100%; max-width:840px; margin:0 auto;}
.i_news_tp{ width:100%; float:none; height:140px; position:relative; z-index:1; padding:10px 10px 10px 210px;}
.i_news_tp a{ display:block; width:100%; height:100%;}
.i_news_tp dt{ width:200px; height:120px; position:absolute; top:10px; left:10px; z-index:9; overflow:hidden;}
.i_news_tp dt img{ width:100%; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.i_news_tp dd{ width:100%; padding:0 10px;}
.i_news_tp dd h1{ font-size:14px; color:#333; line-height:22px;}
.i_news_tp dd span{ font-size:12px; color:#aaa; line-height:26px; padding-bottom:8px;}
.i_news_tp dd p{ font-size:12px; height:44px; color:#aaa; line-height:22px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.i_news_tp dd b{ font-weight:normal; font-size:12px; line-height:24px; color:#aa151e;}
.i_news_tp a:hover dd h1{color:#aa151e;}
.i_news_tp a:hover dt img{ transform: scale(1.1); -webkit-transform: scale(1.1);  -o-transform: scale(1.1);  -moz-transform: scale(1.1);}
.i_news_right{ width:100%; height:160px; float:none; border-left:none;}
.i_news_tab{ width:100%; height:auto; padding-top:0; border-bottom:2px solid #F4F4F4; height:54px;}
.i_news_tab li{ width:auto; padding:0 10px; float:left; text-align:center;  line-height:52px; cursor:pointer;}
.i_news_tab li span{ display:inline-block; height:54px; line-height:52px; border-bottom:2px solid #F4F4F4; font-size:14px; color:#333333;}
.i_news_tab li:hover span,.i_news_tab li.cur span{ border-bottom:2px solid #aa151e; color:#aa151e;}

.i_news_box{ width:100%; padding:6px 10px 0;}
.i_news_list{ width:100%; display:none;}
.i_news_list li{ width:100%; height:29px;}
.i_news_list li a{ display:block; width:100%; height:29px; line-height:28px; font-size:12px; color:#989898; border-bottom:1px dashed #EEEEEE; position:relative; z-index:1; padding:0 80px 0 10px; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; background:url(../images/i_news_list01.jpg) left center no-repeat;}
.i_news_list li a span{ font-size:12px; line-height:28px; height:28px; width:80px; text-align:right; z-index:9; display:block; position:absolute; top:0; right:0;}
.i_news_list li a:hover{ color:#aa151e; background:url(../images/i_news_list02.jpg) left center no-repeat;}


/**首页分享**/
.index .i_share_center{ max-width:840px; margin:0 auto;}
.index .i_share_right{ right:0px; border-right:none;}

footer.index{ max-width:840px;}

/**品牌频道页面**/
.n_brand_idea_div{ left:0; margin-left:0;}


/**联系我们**/
.n_map{ width:100%; max-width:1200px; margin:0 auto; padding:0 10px;}
.n_map dd{ padding:16px 0 30px; width:100%;}
.n_map_left{ width:100%; float:none; height:160px; overflow:hidden; padding:0;}
.n_map_right{ width:100%; float:none; padding:0px; max-width:800px; margin:0 auto;}


/**关于我们**/
.n_about{ padding:0 10px;}
.n_about_left{ width:100%; float:none; padding-right:0px;}
.n_about_left h1{ font-size:30px; color:#333; line-height:48px; text-transform:uppercase;}
.n_about_left h1 span{ color:#b0010b; line-height:48px; text-transform:uppercase;}
.n_about_left h2{ font-size:24px; line-height:38px; color:#333; padding-bottom:12px;}
.n_about_left p{ font-size:14px; color:#898989; line-height:20px;}
.n_about_left ul{ width:100%; padding:20px 0;}
.n_about_left ul li{ width:33.33%; float:left; text-align:center;}
.n_about_left ul li h1{ font-size:50px; line-height:54px; color:#b0010b;}
.n_about_left ul li p{ font-size:14px; color:#333; line-height:22px;}
.n_about_right{ width:100%; float:none; padding:10px 0px;}

/**发展历程**/
.n_history{ height:auto;}
.n_history_left{ width:100%; float:none; height:auto; padding:20px 0px 0;}
.n_history_left h1{ font-size:30px; color:#333; line-height:48px; text-transform:uppercase;}
.n_history_left h1 span{ color:#b0010b; line-height:48px; text-transform:uppercase;}
.n_history_left h2{ width:100px; height:58px; border-bottom:3px solid #B0000B; font-size:24px; color:#333; line-height:40px;}
.n_history_logo{ width:100%; height:56px; position:relative; z-index:1; padding-left:66px; margin:30px 0;}
.n_history_logo dt{ width:56px; height:56px; position:absolute; top:0; left:0; z-index:9; background:url(../images/n_history_logo.jpg) center no-repeat;}
.n_history_logo dd{ width:100%;}
.n_history_logo dd p{ line-height:30px; font-size:24px; color:#b0010b;}
.n_history_logo dd span{ line-height:26px; font-size:18px; color:#aaaaaa;}

.n_history_box{ width:100%; padding-top:0px;}
.n_history_con{ display:none; width:100%; height:auto; overflow:hidden; font-size:14px; color:#333; line-height:28px;}
.n_history_con h1{ font-size:36px; color:#b0010b; line-height:70px;}
.n_history_right{ width:100%; float:none; height:auto; padding-top:20px;}
.n_history_right .n_history_img{ width:100%; height:auto; overflow:hidden;}
.n_history_right .n_history_tab{ display:none; width:100%; height:54px; margin-top:28px;}
.n_history_right .n_history_tab li{ width:100%; text-align:center; border-right:1px solid #CCCCCC; height:54px; line-height:54px; font-size:24px; color:#aaaaaa; cursor:pointer;}
.n_history_right .n_history_tab li.cur{ color:#b0010b;}

.n_history_left_title{ display:none;}
.n_history_right_title{ display:block; margin-bottom:20px;}
.n_history_right_title h1{ font-size:30px; color:#333; line-height:48px; text-transform:uppercase;}
.n_history_right_title h1 span{ color:#b0010b; line-height:48px; text-transform:uppercase;}
.n_history_right_title h2{ width:100px; height:58px; border-bottom:3px solid #B0000B; font-size:24px; color:#333; line-height:40px;}
.n_strategy{ height:auto; padding:20px 10px;}
.n_strategy_center{ height:auto; padding:0;}
.n_strategy_con{ margin-top:0px;}
	}

@media (max-width: 1200px){
.header{ height:50px; border:none;}
.mobile{ height:50px;}
.mobile-inner-header-icon{color: #333;height: 50px;font-size:25px;text-align: center;position:absolute;top:0; right:0; z-index:999;width: 50px;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;}
.mobile-inner-header-icon:hover{background-color: rgba(255,255,255,0.2);cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left:50%;margin-left:-13px;background-color:#333;display: block; width: 26px; height: 2px;}
.mobile-inner-header-icon .icon-bar1{ top:16px;}
.mobile-inner-header-icon .icon-bar2{ top:25px;}
.mobile-inner-header-icon .icon-bar3{ top:34px;}
.mobile-inner-header-icon .icon-bar1.rotated {position:absolute;top:25px;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);background-color:#333;}
.mobile-inner-header-icon .icon-bar2.rotated {-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter: alpha(opacity=0);opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;-webkit-opacity: 0;}
.mobile-inner-header-icon .icon-bar3.rotated {position:absolute;top: 25px;-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);-o-transform: rotate(45deg); -ms-transform: rotate(45deg);transform: rotate(45deg);background-color:#333;}
.trans, .trans:hover {-webkit-transition: all 277ms ease-in-out;-moz-transition: all 277ms ease-in-out;-o-transition: all 277ms ease-in-out; transition: all 277ms ease-in-out; -ms-transition: all 277ms ease-in-out;}
.trans-fast, .trans-fast:hover {-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;}
.logo{ height:50px; width:auto; padding-left:6px;}
.logo img{ height:50px;}

.mobile-inner-nav{ text-align:left; max-width:100%; float:none; background-color:#fff; width: 100%;position: absolute;top: 50px;left: 0px;padding:0 10px 10px;display: none;}
.mobile-inner-nav a{display: inline-block; height:50px; padding:0; line-height: 50px;text-decoration: none;width: 100%;color:#333; border-bottom: solid 1px #ddd;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;font-weight:300;}
.mobile-inner-nav a::before{ display:none;}
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;}
@-webkit-keyframes returnToNormal {
  0% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}
}

@keyframes returnToNormal {
  0% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}
}

.mobile_right{ width:50px; height:50px; border-left:none; right:50px;}
.mobile_right span{ display:block; height:50px;}
.mobile_right span.search{  width:50px; background:url(../images/Sprite.png) -1px -66px no-repeat;}
.search_box{position:fixed; top:50px; z-index:9999; width:100%; right:0;}
.mobile_right span.lan{ display:none;}
.mobile_right span.search::before{ content:''; display:block; width:1px; height:20px; position:absolute; border-right:1px dotted #898989; top:50%; margin-top:-10px; right:0; z-index:9;}


/**banner**/
.i_banner{ width:100%; height:auto; padding-top:50px;}
#owl-demo{ height:auto;}
#owl-demo .item { height:auto; background:none !important;}
#owl-demo li a img{ display:block;}
#owl-demo .owl-controls .owl-buttons .owl-prev{ left:20px;}
#owl-demo .owl-controls .owl-buttons .owl-next{ right:20px; }

/**品牌频道页面**/
.brand{ padding-top:50px;}

/**内页**/
.n_nav{ display:none;}

.n_banner{ padding-top:50px; height:auto; background:none !important; width:100%;}
.n_banner img{ display:block; width:100%;}

.about_scroll{ top:-50px;}
}



@media (max-width: 768px){
	#owl-demo .owl-controls .owl-buttons{ display:none !important;}
	.i_share_right{ display:none;}
	.i_pro_cate_title{ padding-top:20px;}
	
	.n_menu .scroller li { float:left; display:block;}
	
	/**产品中心**/
    .n_products li{width: 33.33%; margin-bottom:30px;}
	
	/***视频**/
    .video_list li{ width:50%; float:left; cursor:pointer; padding:0 10px; margin-bottom:20px;}
	
	
	/**新闻中心**/
    .n_news dl{height:187px;}
	.n_news dl a{ display:block; width:100%; height:100%; padding:10px 10px 10px 298px;}
	.n_news dl dt{ top:10px;}
	.n_news dl dd{ height:166px; padding-right:10px;}
	.n_news dl time{ display:none;}
	.n_news dl a:hover dd{ padding-left:10px; padding-right:0;}
	.n_news dl a:hover dd h1{ color:#b0010b;}
	.n_news dl a:hover dt{ left:10px;}
	
	/**集团荣誉**/
    .honor_list li{ width:50%; padding:0 15px; float:left; }
	
	.about_honor{ width:100%; max-width:1220px; margin:0 auto; padding:30px 10px;}
	.about_honor_left{ width:100%; float:none; height:auto; padding-top:0px;}
	.about_honor_left a{ display:block; width:100%; height:100%; overflow:hidden;}
	.about_honor_left a img{ height:auto; width:100%;}
	.about_honor_right{ width:100%; float:none; height:500px; background:#900000; padding:20px 10px 0;}
	.about_honor_right h1{ font-size:30px; color:#fff; line-height:48px; text-transform:uppercase;}
	.about_honor_right h2{ font-size:24px; line-height:38px; color:#fff; padding-bottom:12px;}
	.about_honor_right a{ display:block; background:#fff; width:120px; height:40px; text-align:center; line-height:40px; -webkit-border-radius:8px; -moz-border-radius: 8px; border-radius: 8px; font-size:14px; color:#8f0000;}
	.about_honor_con{ overflow:hidden; width:100%; height:300px; font-size:12px; color:#fff; line-height:30px;}

.n_brand_idea{ width:100%; padding:30px 10px; text-align:center; height:auto;}
.n_brand_idea_box{ display:table; width:100%; max-width:1200px; margin:0 auto; height:auto;}
.n_brand_idea_con{ color:#fff; display:table-cell; width:100%; height:auto; vertical-align:middle;}
.n_brand_idea_con h1{ font-size:16px; line-height:30px;}
.n_brand_idea_con h2{ font-size:20px; line-height:40px;}

.n_brand_list h1{ font-size:24px; line-height:40px;}
.n_brand_show{ padding:20px 0 30px;}

.all_menu{ margin-bottom:14px;}
	}
@media (max-width: 640px){
	.i_about{ width:100%; float:none;}
	.i_couse{ width:100%; float:none;}
	
	.i_pro_cate{ padding-left:100px;}
	.i_pro_cate_title{ width:100px;}
	.i_pro_cate_title dt{ font-size:16px; line-height:24px;}
    .i_pro_cate_title dd{ font-size:14px; line-height:22px;}
	
	.i_about dl dt{ font-size:16px; line-height:24px;}
    .i_about dl dd{ font-size:14px; line-height:22px;}
	
	.i_couse dl dt{ font-size:16px; line-height:24px;}
    .i_couse dl dd{ font-size:14px; line-height:22px;}
	
	/**产品中心**/
	.n_products li{width: 50%; margin-bottom:20px;}


	/**产品频道页面**/
	.productscate { margin:0 auto 30px; height:auto; overflow:visible;}
	.productscate ul { width:100%;height:auto;overflow:visible;position:relative;}
	.productscate ul li { height:auto; float:none; width:100% !important; margin-bottom:10px;}
	.productscate ul li .img_bg{ width:100%; overflow:hidden; position:relative; z-index:1;}
	.productscate ul li .img_bg::before{ display:none;}
	.productscate ul li img { width:100%;}
	.productscate ul li .cate_title{ width:100%; height:60px; background:#444444; position:relative; z-index:1;}
	.productscate ul li .cate_title::before{ display:none;}
	.productscate ul li .cate_title h1{ position:relative; z-index:99; font-size:18px; color:#fff; text-align:center; line-height:60px;}
	.productscate ul li .cate_more{ position:relative; z-index:1; display:block; width:100%; height:100px; background:#AAAAAA;}
	.productscate ul li .cate_more::before{display:none;}
	.productscate ul li .cate_more span{position:relative; z-index:99; background:url(../images/cate_more.png) center no-repeat; display:block; width:100%; height:100px;}
	
	/**新闻中心**/
    .n_news dl{height:141px;}
	.n_news dl a{ display:block; width:100%; height:100%; padding:10px 10px 10px 216px;}
	.n_news dl dt{ top:10px; width:200px; height:120px;}
	.n_news dl dt img{ width:100%; height:100%;}
	.n_news dl dd{ height:120px; padding-right:10px;}
	.n_news dl dd h1{ line-height:40px; font-size:16px;}

    /**集团荣誉**/
	.honor_list{ padding:0 5px;}
    .honor_list li{padding:0 5px;}
	
	.n_title{ height:40px; padding:5px 0; line-height:30px; font-size:18px; background-size:auto 100% !important; margin:10px auto;}
	
	
	/**品牌频道页面**/
.brand_box{ width:100%; height:100%; position:absolute; top:0; z-index:9;}
.brand_box img{ display:block; width:50%; margin:0 auto;}
.brand_table{ max-width:100%; }
.brand_con h1{ font-size:16px; line-height:30px;}


.feedback_box dd{ padding:10px 0 20px; width:100%;}
.feedback_box ul li{ width:100%; float:none; padding:0 10px;}
.feedback_box ul li .feedback_submit{ float:left; margin-top:10px;}

	}


@media (max-width: 560px){ 
/**联系我们**/
.n_map_right ul li{ width:100%;}
.feedback_box ul li{ width:100%; margin-bottom:0;}
}

@media (max-width: 420px){ 
    .i_pro_cate_list dl a{ padding:5px 10px;}
	/**产品中心**/
	.n_products li{width: 100%; margin-bottom:20px;}
	
		/**新闻中心**/
    .n_news dl{height:105px;}
	.n_news dl a{ display:block; width:100%; height:100%; padding:10px 10px 10px 150px;}
	.n_news dl dt{ top:10px; width:140px; height:84px;}
	.n_news dl dt img{ width:100%; height:100%;}
	.n_news dl dd{ height:120px; padding-right:10px;}
	.n_news dl dd h1{ line-height:32px; font-size:16px;}
	.n_news dl dd p{ font-size:12px; color:#aaa; line-height:24px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;height:48px;}
    
	/**集团荣誉**/
	.honor_list li .honor_con{ height:36px; line-height:36px;}
    }

@media (max-width: 400px){ 
    .i_left{ width:100%; height:auto; float:none;}
	.i_left_box{ width:100%; height:auto; padding:10px;}
	.i_left_box dt{ width:100%; height:auto; position:relative; top:0px; left:0px;}
	.i_left_box dd { width:100%; padding:0 10px;}
	.i_left_box dd h1{ line-height:24px; padding:4px 0 6px; font-size:14px;}
	
	
	.i_news_tp{ width:100%; float:none; height:auto; padding:10px; background:#F4F4F4;}
	.i_news_tp a{ display:block; width:100%; height:100%;}
	.i_news_tp dt{ width:100%; height:auto; position:relative; top:0px; left:0px;}
	.i_news_tp dd{ width:100%; padding:6px 0 0;}
	.i_news_tp dd h1{ font-size:14px; color:#333; line-height:22px;}
	.i_news_tp dd span{ font-size:12px; color:#aaa; line-height:26px; padding-bottom:8px;}
	.i_news_tp dd p{ font-size:12px; height:44px; color:#aaa; line-height:22px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.i_news_tp dd b{ font-weight:normal; font-size:12px; line-height:24px; color:#aa151e;}

    }
	
@media (max-width: 320px){ 
    .i_pro_cate_list dl a{ padding:5px 24px;}

    }