*{margin:0; padding:0; font-family:"pingfang SC,helvetica neue,arial,hiragino sans gb,microsoft yahei ui,microsoft yahei,simsun,sans-serif";white-space:normal;}
html {-webkit-text-size-adjust: none; font-size:62.5%;}
*:focus {outline: none;}
ul,li {list-style:none;}
img {border:none;}
a {text-decoration:none; -webkit-tap-highlight-color:transparent;}
a:hover{color:#e11b1c;}
i,em{ font-style:normal;}
body {font-size:14px;color:#666;background: #f2f2f2;}
.fl{ float:left;}
.fr{ float:right;}
.tc{ text-align:center;}
.tl{ text-align:left;}
.tr{ text-align:right;}
dd,dt,dd{color:#666; }
.clear { clear:both;}
.clear10{ clear:both; height:10px;}
.input{ outline:none; font-size:1.4rem; -webkit-appearance:none; font-family:"pingfang SC,helvetica neue,arial,hiragino sans gb,microsoft yahei ui,microsoft yahei,simsun,sans-serif";/*color:#aaa;*/}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} 
.none{ display:none; }
.hidden{display:block;float:left;  width:70px; height:16px;content:' '; border-top:1px solid #fff;}
/*.input.active{ border-color:#2a91cc; color:#000;/* box-shadow:0px 0px 0px #2a91cc,0px 0px 0px #2a91cc,0px 0px 0px #2a91cc, 0px 2px 0px #2a91cc;}*/
input.disabled{box-shadow: none;cursor: not-allowed;opacity: 0.65;pointer-events: none; }
button.disabled{box-shadow: none;cursor: not-allowed;opacity: 0.65;pointer-events: none; }
.interval{ background:#f4f4f4; height:12px;}
.mt10{ margin-top:10px;}
.mr10{ margin-right:10px;}
.mb10{ margin-bottom:10px;}
.ml10{ margin-left:10px;}
.t_overflow{text-overflow: ellipsis; white-space:nowrap; overflow:hidden;}
.list-mv01 {opacity:0;transform:translate(0,100px);-webkit-transform:translate(0,100px);-moz-transform:translate(0,100px);-transition-property:opacity,transform;-webkit-transition-property:opacity,transform;-moz-transition-property:opacity,transform;transition:.8s;}
.mv01 {opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);}
.ico-font, .fa {font-family: 'FontAwesome';font-weight: normal;font-style: normal;}
.wrap {width: 1200px;margin-left: auto;margin-right: auto;}
.header {top: 0;left: 0;width: 100%;min-width: 1200px;height: 80px;background: #fff;z-index: 101;position: fixed;box-shadow: 0 2px 10px rgba(0,0,0,.1);}
.header .header-nav {margin-top: 1px;}
.header .header-nav .wrap {height: 80px;}
.header .header-nav .logo {padding-top: 15px;width:180px;height:45px;}
.header .header-nav .nav {float: right;}
.header .header-nav .nav li{float: left;position: relative;padding: 0 30px;height:80px;line-height:80px;}
.header .header-nav .nav li:hover .sub-menu {display: block;}
/*
.header .header-nav .nav li a:after {content:"";display:block;position:relative;width:auto;height:3px;background-color:#ff2e17;bottom:-3px;transform:scale(0);transition:0.3s}
.header .header-nav .nav li:hover a:after {transform:scale(1)}
*/
.header .header-nav .nav .sub-menu {width: 150px;display: none;position: absolute;left: 0;right: 0;top: 100%;background: #fff;z-index: 10;border-radius: 8px;box-shadow: rgb(153, 153, 153) 0px 5px 10px;}
.header .header-nav .nav .sub-menu a {display: block;font-size:16px;color: #666;border-top: 1px solid #efefef;text-align: center;}
.header .header-nav .nav .sub-menu p{line-height: 200%;}
.header .header-nav .nav .sub-menu .english{font-size:9px;color: #999;margin-top:-5px;padding-bottom: 6px;line-height: 20px;}
.header .header-nav .nav .sub-menu a:hover {color: #fff;background: #ff2e17;}
.header .header-nav .nav .sub-menu a:hover .english{color: #fff;}
.header .header-nav .nav .link {font-size: 16px;color: #333;display: inline-block;height: 35px;line-height: 35px;padding: 0 6px;border-radius: 2px;}
.header .header-nav .nav .link.active {;border-bottom: 3px solid #ff2e17;font-weight:700;}
.header .header-nav .nav .dropmenu {position: relative;margin-right: 20px;}
.header .header-nav .nav .dropmenu:hover .link {border-bottom: 1px solid #fff;}
.header .header-nav .nav .dropmenu:hover .new-msg {display: none;}
.header .header-nav .nav .dropmenu:hover .menu {display: block;}
.header .header-nav .nav .dropmenu .new-msg {position: absolute;left: 50%;top: -18px;}
.header .header-nav .nav .dropmenu .menu {display: none;position: absolute;right: 0;top: 100%;z-index: 100;margin-top: -1px;background: #fff;width: 248px;border: 1px solid #eee;}
.header .header-nav .nav .dropmenu .menu .row {position: relative; display: block;height: 40px;line-height: 40px;font-size: 14px;padding: 0 25px;}
.header .header-nav .nav .dropmenu .menu .row:hover {color: #fff;background: #f75151;}
.header .header-nav .nav .dropmenu .menu .row:hover .num {color: #f75151;background: #fff;}
.header .header-nav .nav .dropmenu .menu .row .num {position: absolute;right: 25px; top: 10px;display: block; width: 20px;height: 20px; line-height: 20px;text-align: center; font-size: 12px;color: #fff; background: #f75151;border-radius: 100%;}
.header .header-nav .nav .dropmenu .menu .label {float: left;}
.header .header-nav .nav .dropmenu .menu .cell {display: block; overflow: hidden; text-align: right;}
.header .header-nav .nav .dropmenu .link {position: relative;z-index: 2;border-color: #eee; border-radius: 0;}
.header .header-nav .nav a:hover, .header .header-nav .nav .help a:hover {color: #ff2e17;}
.header .header-nav .nav .active, .header .header-nav .nav .active:hover {color: #ff2e17;}
.header .header-nav .nav .help {height: 33px;line-height: 33px;border: 1px solid #cbcbcb;border-radius: 17px;background-color: #f9f9f9;font-size: 14px;color: #c1c1c1;padding: 0 10px;}
.header .header-nav .nav .help a {color: #111;}
.header .header-nav .nav .help .active {color: #d01a0b;}
.header .header-nav .nav .flag {height: 15px; font: 12px/15px Arial; position: absolute; bottom: 100%; left: 60%; margin-left: -19px;}
.header-nav .btn-blue {height: 37px; line-height: 37px; border: 1px solid #b7b7b7; background-color: #fff;font-size: 14px; color: #333;}
.header-nav .btn-blue:hover {border-color: #0c5db1;background-color: #0c5db1; color: #fff !important;}
.header-nav .wrap {position: relative;}

/*banner*/
.banner{margin-top: 80px;}
.column_img{height:360px;background-position: 50%;background-size: cover;min-width: 1200px;}
.content{width:1200px;margin:30px auto; background: #fff;}
.idx{padding:30px 0!important;width:100%}
.con{display: inline-block;padding:40px 50px;width:1100px;}
.content .col_con{float:left;width:470px;}
.title{height:56px; border-bottom:1px solid #ebebeb;}
.title img{ display:inline-block;*display:inline;*zoom:1; border:none; vertical-align:middle;}
.title h2{display: inline-block;font-size: 24px;color: rgba(38,38,38,1);font-weight:normal;vertical-align: middle;}
.title h2 a{color: rgba(38,38,38,1);}
.title h2 a:hover{color:#ff2e17;}
.title h2 em{font-size: 14px;color: #999;padding-left:8px}
.tit{text-align: center;}

/*idx*/
.swiper-container {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}
.swiper-wrapper {position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;
-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;
-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);
-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);
-ms-transition-timing-function:ease;
transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;
-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-free-mode > .swiper-wrapper {-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}
.swiper-slide {float: left;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}
.banner{ width:100%;height:360px;position:relative; overflow:hidden;min-width:1200px; margin:0 auto;margin-top:80px;}
.banner .arrow-left {background:url(../images/index_nav3.png) repeat;position: absolute;left: 1%;top: 50%;margin-top: -56px;width: 60px;height: 60px;z-index:100;border-radius: 6px;}
.banner .arrow-right {background:url(../images/index_nav3.png) repeat;position: absolute;right: 1%;top: 50%;margin-top: -56px;width: 60px;height: 60px;z-index:100;border-radius: 6px;}
.banner .arrow-left img{position: absolute;top: 20px;left:22px;}
.banner .arrow-right img{position: absolute;top: 20px;right:22px;}
.banner .arrow-left:hover ,.banner .arrow-right:hover{background:url(../images/index_nav4.png) repeat;/*background:rgba(0, 0, 0, 0.5);*//*-moz-opacity: 0.5;  opacity:.50;  filter: alpha(opacity=50);*/}
.swiper-container {width:100%;height:100%;min-width:1200px;}
.swiper-slide{ position:relative; }
.swiper-slide a{ display:block; height:100%;}
.swiper-slide .swiper-conntent{position:absolute; bottom:0; background:rgba(0, 0, 0, 0.5); background:url(../images/index_bg_png1.png) repeat-x \9; height:98px; display:block; width:100%; min-width:1200px;}
.swiper-slide .swiper-conntent p{ position:relative; display:block; text-align:center;  color:#fff; height:98px; line-height:98px; z-index:1; font-size:28px;  }
.pagination {position: absolute;left: 0;text-align: center;bottom:138px;width: 100%;z-index:1;}

.idx_company{height:570px;background: url("../images/idx_company.jpg") 0% 0% / cover no-repeat;padding: 30px 0;}
.idx_company .tit{text-align: center;padding-bottom:20px;}
.idx_company .company_item{position:relative;height:350px;background-color:#ff7c22;padding: 30px;}
.idx_company .company_item .company_item_img{position: absolute;}
.idx_company .company_item .company_item_img img{width:520px;border-radius: 8px;}
.idx_company .company_item .company_item_info{position: absolute;left:580px;right:30px;}
.idx_company .company_item .company_item_info p{color:#fff;font-size:14px;text-indent: 2em;line-height:210%;padding-bottom:10px;}


/*公司介绍*/
.con .img{padding-top:20px;text-align: center;}
.con .img img{width:800px;}
.con .vod{padding-top:40px;text-align: center;}
.con .introduce{padding:40px 20px;}
.con .introduce p{text-indent: 2em; color: #666;font-size: 16px;line-height: 30px;padding-bottom: 20px;}
.con .honor{padding:20px 0;}
.con .imglist{display: block;overflow: hidden;float:left;padding:15px 15px 0 0;width:390px}
.con .imglist:nth-child(3n){padding:15px 0 0 0;}
.con .imglist img{width:100%;height:100%;border-radius: 8px;transition: all 0.3s;}
.con .imglist:hover img {transform:scale(1.02);}
.video-bg{background-image: url("../images/company.jpg");background-size:cover;}

/*产品展示*/
.product_class {}
.product_class .tab {height:68px;line-height:65px;text-align:center;border-bottom: 1px solid #e8e8e8;}
.product_class .tab li {position:relative;display:inline-block;width:33%;font-size:18px;color:#666;}
.product_class .tab li a {display:block;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.product_class .tab li a img{position: absolute;left:60px;top:8px;width:40px;}
.product_class .tab li a span{color:#666;}
.product_class .tab li a em{color:#999;font-size:12px;margin-left: 15px;font-weight: normal;}
.product_class .tab li.active a {color:#ff2e17;font-weight:600;border-bottom:2px solid #ff2e17;}
.product_class .tab li.active a span{color:#ff2e17;}
.product_list{padding:36px 0;}
.product-item {float:left;overflow:hidden;box-sizing:border-box;width:393px;height:480px;margin:0 10px 20px 0;font-size:12px;background:#fff;backface-visibility:hidden}
.product-item:nth-child(3n){margin:0 0 20px 0;}
.product-item .product-item-img{width:360px;height:360px;transition: all 0.2s;}
.product-item:hover .product-item-title {color:#ff2e17;}
.product-item:hover .product-item-img {transform:scale(1.02);}

.product-item .product-item-link {display:block;overflow:hidden;position:relative;text-align: center;padding: 20px 0;}
.product-item .product-item-link .news-item-img {overflow:hidden;position:relative;max-width:none;width:100%;border-top-left-radius:6px;border-top-right-radius:6px}
.product-item .product-item-title {display:block;overflow:hidden;padding:10px 0;font-size:16px;color:#333;text-align:center;}
.product-item .product-item-code{font-size:14px;color:#999;padding-left: 5px;text-align:center;}
.product-item:hover {box-shadow:0 0 15px rgba(0,0,0,.1);transition: all .5s ease-out;}

.product_wrap{overflow:hidden;width:100%;padding:20px 0;}
.product_wrap .product_left{float:left;width:500px;}
.product_wrap .product_left .pic_content{width: 100%;height:500px;border: 1px solid #eee;box-sizing: border-box;position: relative;}
.product_wrap .product_left .pic_content .product-big-img{width:100%;height:100%;}
.product_wrap .product_left .small_pic_wrap{margin-top: 14px;position: relative;}
.product_wrap .product_left .small_pic_wrap .more_spic li{float:left;width:90px;height:90px;;border-radius:4px;margin-right:6px;border: 2px solid #fff;cursor: pointer;}
.product_wrap .product_left .small_pic_wrap .more_spic .active{border-color: #ff2e17;}
.product_wrap .product_left .small_pic_wrap .more_spic li:hover .active{border-color: #ff2e17;}
.product_wrap .product_left .small_pic_wrap .more_spic li:nth-child(5n){margin-right:0;}
.product_wrap .product_left .small_pic_wrap .more_spic li img{width:100%;height:100%}
.product_wrap .product_right{float:left;width:670px;margin-left: 30px;}
.product_wrap .product_right .product_title{font-size:21px;color:#333;font-weight:700;line-height:30px;}
.product_wrap .product_right .product_parameter{padding-top:30px;}
.product_wrap .product_right .product_parameter p{padding:10px;color: rgb(34, 34, 34);font-size:16px;}
.product_wrap .product_right .product_parameter p span{display: inline-block;width:70px;color:#999;padding-right:40px;text-align: right}
.product_wrap .product_right .product_btn_wrap{padding:40px 0 0 40px;}
.product_wrap .product_right .product_btn_wrap .btn{float:left;border:1px solid #ff2e17;margin-right:30px;border-radius:21px;color:#ff2e17;cursor:pointer;font-size:16px;height:42px;line-height:42px;text-align:center;width:200px;}
.product_wrap .product_right .product_btn_wrap .btn a{color:#ff2e17;}
.product_wrap .product_right .product_btn_wrap .btn .ico{position:relative;top:6px;padding-right:3px;}
.product_wrap .product_right .product_btn_wrap .active{background-color:#ff2e17;color:#fff;background:linear-gradient(90deg,#ff7044,#ff2e17);}
.product_wrap .product_right .product_btn_wrap .btn span{position: relative;bottom: 12px;}
.product_wrap .product_right .product_btn_wrap .btn:hover{background-color: #fdc5be}

.product_more{width:100%;margin-top:30px;}
.product_more .product_more_head{border-bottom: 1px solid #f0f0f0;}
.product_more .more_title{width:160px;height:54px;line-height:54px;text-align: center;border-top: 3px solid #ff2e17;border-left: 1px solid #f0f0f0;border-right: 1px solid #f0f0f0;}
.product_more .more_title span{font-size:16px;display: inline-block;}
.product_more .product_more_content{padding-top:20px;min-height: 300px;}
.product_more .product_more_content img{width:100%}
.product_more .product_more_content p{text-indent: 2em;color: #666;font-size:16px;line-height:30px;padding-bottom:10px;}



/*联系我们*/
.content .companyimg{width:630px;float: left;}
.content .companyimg img{width:600px;border-radius: 8px;}
.col_con .contact_text{float:left;padding:20px;}
.col_con .contact_text .name{padding-bottom:5px;color: rgba(0,0,0,.65);font-size:20px;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}
.col_con .contact_text li{height:45px;position: relative;}
.col_con .contact_text li span{bottom:4px;position: relative;}
.col_con .contact_text .name em{font-size: 12px;color: #999;margin-left: 7px;}
.mapimg{margin: 30px;}


/* 新闻中心 */
.box-bd{margin-top:30px;}
.news-item {float:left;overflow:hidden;box-sizing:border-box;width:346px;margin:0 30px 40px 0;padding-bottom:10px;font-size:12px;background:#fff;border-radius:6px;backface-visibility:hidden}
.news-item:nth-child(3n){margin:0;}
.news-item img{transition: all 0.3s;}
.news-item:hover img {transform:scale(1.08);}
.news-item:hover .news-item-title {color:#ff2e17;}
.news-item .news-item-link {display:block;overflow:hidden;position:relative;}
.news-item .news-item-link .news-item-img {overflow:hidden;position:relative;max-width:none;width:100%;height: 198px;border-radius: 6px;}
.news-item .news-item-title {display:block;overflow:hidden;padding:10px 0 10px 10px;font-size:16px;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis;color:#333;-o-text-overflow:ellipsis}
.news-item .news-item-time{font-size:14px;color:#999;padding-left:10px;}
.news-item:hover {box-shadow:2px 2px 10px #ddd}
.box-bd .news_article {padding: 10px 0px 70px 0px;}
.box-bd .news_article .news_title{padding-bottom: 14px;text-align: center;}
.box-bd .news_article .news_title h2{ color:#333333; font-size:30px; font-weight:normal; line-height:260%; text-align:center; *margin-bottom:20px;}
.box-bd .news_article .news_title .related{color:#999;font-size: 14px;}
.box-bd .news_article .article_Content{padding:20px;}
.box-bd .news_article .article_Content p{text-indent: 2em;line-height:220%;font-size: 16px;padding-bottom: 10px;}
.box-bd .news_article .article_Content img{max-width:100%;}


/* 关于我们 */
.col_con{}
.col_con ul{margin-top:20px;}
.col_con ul li{ border-bottom:1px dotted #d2d2d2; padding:22px 0;}
.col_con h4{ color:#333333; font-size:18px; line-height:30px; font-weight:normal; }
.col_con span{ color:#666; font-size:16px; line-height:30px;}
.col_con h3{ color:#e11b1c; font-size:18p; margin-top:26px;}
.col_con p{  line-height:24px; font-size:16px; color:#666666;  margin-top:20px; line-height: 220%;}


.footer{ background:#2b2b2b;width:100%; min-width:1200px;padding-bottom: 10px; }
.footer .footer_wapp{ text-align:center; padding-top:15px; min-width:1200px;}
.footer .footer_wapp p{color:#999999; font-size:14px;margin:14px 0;}
.footer .footer_wapp p a{color:#999999; font-size:14px; padding:0 14px;}
.footer .footer_wapp p a:hover{color:#e11b1c;}


/*翻页*/
.page{display:inline-block;width:100%;text-align:center;padding:30px;}
.page a{display:inline-block;color:#333;font-size:14px;padding:0 15px;height:38px;line-height:38px;background:#fff;border:1px solid #EEF3F5;text-align:center;}
.page a.a1{border-radius: 2px}
.page a:hover{background:#ff2e17;color:#FFF;text-decoration:none}
.page .curPage{display:inline-block; padding:0 15px;height:38px;line-height:38px;background:#ff2e17;border:1px solid #EEF3F5;color:#fff;text-align:center;}
.page .noPage{display:inline-block;padding:0 15px;height:38px;line-height:38px;font-size: 14px;border:1px solid #EEF3F5;background:#fff;text-align:center;color:#333;}
.page .page-txt {border: 1px solid #EEF3F5;width: 38px;height: 38px;font-size: 14px;text-align: center;border-color: #e9eef3;background-color: #fff;}
.page .btn {border: 1px solid #EEF3F5;margin-left: -1px;height: 40px;width: 40px;padding: 0;font: normal 14px/1.6 arial;color: #87959F;background-color: #fff;cursor: pointer;}
