@font-face {
	font-family: 'iconfont';  /* project id 1229947 */
	src: url('//at.alicdn.com/t/font_1229947_r37ymfufcy.eot');
	src: url('//at.alicdn.com/t/font_1229947_r37ymfufcy.eot?#iefix') format('embedded-opentype'),
	url('//at.alicdn.com/t/font_1229947_r37ymfufcy.woff2') format('woff2'),
	url('//at.alicdn.com/t/font_1229947_r37ymfufcy.woff') format('woff'),
	url('//at.alicdn.com/t/font_1229947_r37ymfufcy.ttf') format('truetype'),
	url('//at.alicdn.com/t/font_1229947_r37ymfufcy.svg#iconfont') format('svg');
}
@font-face {
	font-family: 'webfont';
	font-display: swap;
	src: url('//at.alicdn.com/t/webfont_lqof31ag5o8.eot'); /* IE9*/
	src: url('//at.alicdn.com/t/webfont_lqof31ag5o8.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('//at.alicdn.com/t/webfont_lqof31ag5o8.woff2') format('woff2'),
	url('//at.alicdn.com/t/webfont_lqof31ag5o8.woff') format('woff'), /* chrome、firefox */
	url('//at.alicdn.com/t/webfont_lqof31ag5o8.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('//at.alicdn.com/t/webfont_lqof31ag5o8.svg#AlibabaPuHuiTiM') format('svg'); /* iOS 4.1- */
}
html{ min-width:1366px;}
.iconfont{
	font-family:"iconfont" !important;
	font-size:16px;font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

.pull-left{ float: left;}
.pull-right{ float: right;}
.clearfix:after{ content: ''; clear: both; display: block; height:0;*zoom: 1;}
body,html{background: #fafafa; overflow-x: hidden; color: #555;}
.layui-form-radio>i:hover, .layui-form-radioed>i{color: #d24344;}
.main{ width:1200px; margin:0 auto;}
.header{background-color: #fff;}
.header-top{background: #f6f6f6; line-height:32px;}
.header-mid{ padding:25px 0; width:1200px; margin:0  auto;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;}
.logo .web_name{font-size: 32px;color: #d24344; font-family:webfont;}
.logo .web_url{font-size: 14px; text-transform: uppercase;    color: #8a8a8a;}
.header .navbar{background-color: #d24344; height:46px; line-height:46px;}
.header .nav{}
.header .nav .nav-item{ width:140px;text-align: center; float: left; margin:0 2px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.header .nav .nav-item a{ display: block; color: #fff; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.header .nav .nav-item:hover,.header .nav .nav-item.on{ background-color: #f8f8f8; }
.header .nav .nav-item:hover a,.header .nav .nav-item.on a{color: #d24344;}
.header .header_tel{ font-size: 32px;color: #d24344;}
.header .header_tel .iconfont{font-size: 32px;}
.lang_box{ margin-left:6px;}
.lang_box a{ margin-right:3px;}
.lang_box a img{height:30px;border-radius: 50%;}
#banner{ height:450px;}
.banner{}
.banner li{ float: left;}

.index-main{ margin-top:10px;}
.index-main .index-middle .layui-card{ margin-left:15px;}
.index-main .layui-card:first-child{ margin-left:0;}
.index-about{ width:370px;}
.index-about .con{    padding-top: 10px;}
.index-news{ width:500px;}
#hotnews img{ max-width:100%;}
.index-news-list{ padding-top:10px;}
.index-news-list .news-item{ line-height:30px; padding:0 10px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-news-list .news-item:nth-child(even){ background-color: #f8f8f8}
.index-news-list .news-item:hover{ background-color: #EAEAEA;}

.index-login{ width:300px;}
.index-login .form_tools{ line-height:38px;}
.index-login .form_tools a{ display: inline-block;}
.index-login .layui-form-label{width: 50px;padding: 9px 10px;}

.layui-card-header .head-name:before{ content: ''; display: block; width:3px; height:18px; background-color: #d24344; display: inline-block; vertical-align: middle; margin-right:12px;}
.product-list{ margin:-10px; padding-bottom: 15px; clear: both;}
.product-list ul{}
.product-list li{ float: left; margin-top: 10px;margin-left: 10px; position: relative; background-color: #fff;box-shadow: 0 1px 2px 0 rgba(0,0,0,.05); -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.product-list li .pro-img{ width: 285px;height: 0;overflow: hidden;padding-bottom: 75%;}
.product-list li .pro-img img{ width:100%;}
.product-list li .caption{ position: absolute; bottom:0; height:36px; line-height:36px;background-color: rgba(0,0,0,.5); margin:auto; left: 0; right: 0;text-align: center; color: #fff;}
.product-list li:hover{box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.5);}

.index-main .layui-card{ margin-left: 0;}
.partner-list li{  overflow: hidden; float: left; width: 184px; height:93px; overflow: hidden;	text-align: center; margin-left: 12px; margin-bottom:12px; position: relative;background-color: #fff;box-shadow: 1px 1px 1px 1px rgba(0,0,0,.05);-webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; padding:5px 0;}
.partner-list li:first-child{ margin-left: 0;}
.partner-list li img{    max-width: 185px;max-height: 93px;}
.partner-list li .overlay{ position: absolute; top: 0; margin: auto; left: 0; bottom: 0; right: 0; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;display: flex;justify-content: center;align-items: center; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
.partner-list li:hover{box-shadow: 0 0 0 0 rgba(210, 67, 68,.05);}
.partner-list li:hover .overlay{background-color: rgba(210, 67, 68, .8); color: #fff; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}

.footer{border-top: 1px solid #f6f6f6;background: url("../Image/foot_bg.png") top repeat; padding-top:15px; padding-bottom:20px; color: #fff; }
.footer .footer-nav-head{ width:100px; text-align: center; border-left:3px solid #d24344;; display: inline-block;}
.footer-nav { margin-top: 8px; padding-bottom:10px;border-bottom: 1px solid #555; text-align: center; display: flex;}
.footer-nav li{ display: inline-block; width:120px; line-height:42px; text-align: center; flex:1;}
.footer-nav li a{ display: block; color: #efefef; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.footer-nav li a:hover{ opacity:.8;}

.footer .copyright{ text-align: center;  padding-top:12px; padding-bottom:10px;}
.footer .copyright .main > p{line-height: 36px;}
.footer .copyright a{ color: #eee;}
.inner_main{ margin:15px auto;}
.page{ line-height:46px; text-align: center}

.download_list{}
.download_list li{ line-height:39px; padding: 5px 0; border-bottom:1px solid #ddd; padding:0 10px;}
.download_list li:after{ content: ''; clear: both; height:0; display: block;}
.download_list li:hover{ background-color: #f2f2f2;}

.news_list{}
.news_list .news_item{ margin-bottom:10px;}
.news_list .news_item .item_wrap{ display: flex	;}
.news_list .news_item .news_img{ border:1px solid #EFEFEF; width:200px; position: relative; height: 0;overflow: hidden;box-sizing: border-box;padding-bottom: 12.821%;}
.news_list .news_item .news_img img{ position: absolute; top: 0; bottom: 0; margin:auto;width: 100%;}

.news_list .news_item .news_info{ flex:1; padding-left:10px;}
.news_list .news_item .news_info .news_title{font-size: 16px; line-height:2;}
.news_list .news_item .news_info .news_title a{ -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s;}
.news_list .news_item .news_info .news_desc{font-size: 14px;}
.news_list .news_item:hover .news_info .news_title a{ color: #d24344;}

.news_details{ padding:20px 15px;}
.news_details .news_title{ text-align: center; font-size: 18px;}
.news_details .news_meta{ text-align: center;  color: #959595; line-height:2;}
.news_content{ line-height:1.8;}

#prev_next { line-height:32px; margin-top:20px; border-top:1px solid #ddd; padding-top:10px;}


.pro_top{ margin:5px 0;}
.g_gallery{ float: left; width:520px; padding-left: 0;}
.g_gallery .g_pic{ width:520px;height: 390px; border:1px solid #dddddd; overflow: hidden;}
.g_gallery .g_pic a{ display: table-cell;height: 390px; vertical-align: middle;}
.g_gallery .g_pic a img{ max-width:100%;}
.g_gallery .g_thumb{ margin-top:12px;}
.g_gallery .g_thumb li{ width:90px; height:68px; float: left; margin:5px; border:1px solid #dbdbdb;}
.g_gallery .g_thumb li.on,.g_gallery .g_thumb li:hover{ border:1px solid #d24344;}
.g_gallery .g_thumb li a{display: table-cell; width:90px; height:68px;  text-align: center;vertical-align: middle; }
.g_gallery .g_thumb li a img{ max-width:100%;max-height: 100%;}

.g_sumary{ float: right; width:620px; color: #888888;}
.g_sumary .sumary_label{color: #595959;}
.g_sumary .goods_title{ color: #383838;font-size: 30px; line-height:42px; font-weight:bold;}
.g_sumary .goods_cat_nav{ line-height:52px; font-size:16px; border-bottom:1px solid #e9e9e9;}
.g_sumary .goods_cat_nav a{ color: #888888;}
.g_sumary .goods_cat_nav a:hover,.g_sumary .goods_cat_nav a.on{ color: #d24344;}
.g_sumary .goods_desc{ padding-top:15px; padding-bottom:10px;}
.g_sumary .goods_desc p{ line-height:32px; }
.g_sumary .goods_desc .txt{ color: #888888; line-height:24px;}
.g_sumary .goods_service{ border-top:1px dotted currentColor; border-bottom:1px dotted currentColor; line-height:46px;}
.g_sumary .goods_service .sumary_label{ margin-right:10px;}
.g_sumary .goods_service b{color: #d24344; font-weight:normal;}
.g_sumary .goods_contact{}
.g_sumary .goods_contact .tel_info{ padding:25px 0;}
.g_sumary .goods_contact .tel_info .tel_icons{ }
.g_sumary .goods_contact .tel_info .tel_icons i{color: #d24344; margin-right:5px;}
.g_sumary .goods_contact .tel_info .tel_icons span{line-height: 30px;}
.g_sumary .goods_contact .tel_info .tel_nums { color: #d24344;font-size: 24px;line-height: 30px; display: inline-block;}
.g_sumary .goods_contact .tel_info .tel_nums p{ display: inline-block; margin-right:4px;}
.g_sumary .goods_contact .online_info{}
.g_sumary .goods_contact .online_info a{ display: inline-block;  min-width: 150px; padding:0 20px; height:46px; text-align: center; color: #fff; background-color: #d24344; line-height:46px; margin-right:16px;font-size: 16px; }
.g_sumary .goods_contact .online_info a.online{ background-color: #535353;}
.g_sumary .goods_contact .online_info i.fa{  font-size: 18px;line-height: 1;vertical-align: middle; margin-right:5px;}
.g_sumary .goods_contact .online_info a:hover{ opacity:.8;}
.g_sumary .goods_contact .goods_prev_next{}
.g_sumary .goods_prev_next { border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7; margin-top:20px;}
.g_sumary .goods_prev_next li{ line-height:36px;}
.goods_info{}
.goods_info .info_head{background: #f5f5f5;}
.goods_info .info_head span{ background-color: #a5a5a5; display: inline-block; margin-right:5px; width:120px;text-align: center; height:40px; line-height:40px; color: #fff;}
.goods_info .info_head span a{color: #fff;}
.goods_info .info_head span.on{ background-color: #d24344;}
.goods_info .info_head span.on a{ }
.goods_info .info_main{ padding:10px; margin-top:10px;}
.goods_info .info_main .info_section{}
.goods_info .info_main .info_section h3{ line-height:46px; font-weight:normal;color: #3b3b3b; font-size:24px;}
.goods_info .info_main .info_section h3 i.fa{color: #d24344;}
.goods_info .info_main .info_section .sec_con{ padding:10px 0;}
.goods_info .info_main .info_section#intro .sec_con{ line-height:26px;}
.goods_info .info_main .info_section#technology .sec_con{ line-height:26px;}

.fav-link{}
.fav-link li{ display: inline-block; margin:8px 5px; -webkit-box-shadow: 0 0  2px  rgba(155, 155, 155, 0.2); -moz-box-shadow: 0 0  2px  rgba(155, 155, 155, 0.2); box-shadow: 0 0  2px  rgba(155, 155, 155, 0.2);}
.fav-link li img{max-width:150px;}