html{ height: 100%;}
body{ font-family: 'Arial',\5FAE\8F6F\96C5\9ED1; font-size: 12px; color: #333; position: relative; min-width: 320px; height: 100%;}
a{ cursor: pointer; color: #333;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s;-o-transition: 0.6s;} 
a:hover{ color: #0ac2a6; }
*{ font-size: 12px;}
input{ color: #999; outline: none;font-family: 'Arial',\5FAE\8F6F\96C5\9ED1; font-size: 12px; border: 1px solid #ccc;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s;-o-transition: 0.6s; text-indent: 10px;}
input:focus{ border-color: #0ac2a6; color: #333;}
table{ border-collapse: collapse;}
table tr td{}
textarea{ resize:none;font-family: 'Arial',\5FAE\8F6F\96C5\9ED1; outline: none; border: 1px solid #ccc;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s;-o-transition: 0.6s; text-indent: 10px; color: #999;}
textarea:focus{ border-color: #0ac2a6; color: #333;}
img{ max-width: 100%;}
.clear{ clear: both;}

.error_alert{ position: fixed; width: 200px; left: 50%; margin-left: -100px; line-height: 20px; padding: 15px 0; text-align: center; font-size: 14px; border-radius: 5px; top: 50%; margin-top: -25px; background: url(/index/mark8.png); color: #fff; display: none; z-index: 5;}

.to_top{ width: 30px; height: 30px; background: url(/index/mark8.png); cursor: pointer; position: fixed; z-index: 5; right: 20px; bottom: -50px;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s;-o-transition: 0.6s; opacity: 0;}
.to_top.current{ bottom: 20px; opacity: 1;}

.sub_main{ min-width: 300px; width: 94%; margin: 0 auto;}
.loading{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 1; z-index: 5; color: #fff;}
.loading .num{ text-align: center; position: absolute; width: 100%; top: 50%; margin-top: -50px; font-size: 16px; font-weight: bold;}
.loading img{ position: absolute; left: 50%; margin-left: -23px; top: 50%; margin-top: -23px;}

.pc_header{ background: url(/index/mark9_white.png); box-shadow: 0px 1px 5px #aaa; position: fixed; left: 0; top: 0; width: 100%; display: none; top: -154px; opacity: 0; z-index: 2;}
.pc_header.sy_head{transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;}
.pc_header.show{ top: 0; opacity: 1;}
.pc_header .top{}
.pc_header .top .logo{transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s; float: left; display: block; margin-top: 36px; width: 375px;}
.pc_header .top .right{transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s; height: 73px; float: right; margin-top: 25px; color: #b4b7b7; }
.pc_header .top .right ul{ margin-bottom: 30px;}
.pc_header .top .right ul li{height: 13px; line-height: 13px; float: right; border-right: 1px solid #b4b7b7; padding: 0 10px;}
.pc_header .top .right ul li:nth-child(1){ border: 0;}
.pc_header .top .right ul li a{ color: #b4b7b7;}
.pc_header .top .right ul li a:hover{ color: #0ac2a6;}
.pc_header .top .right ul li dl{ position: relative;}
.pc_header .top .right ul li dl dt{ cursor: pointer;}
.pc_header .top .right ul li dl dt span{}
.pc_header .top .right ul li dl dt b{ font-size: 22px; height: 5px; overflow: hidden; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; line-height: 1px;}
.pc_header .top .right ul li dl dt.current{ color: #0ac2a6;}
.pc_header .top .right ul li dl dt.current b{ line-height: 11px;}
.pc_header .top .right ul li dl dt:hover{ color: #0ac2a6;}
.pc_header .top .right ul li dl dd{ position: absolute; display: none; line-height: 30px;}
.pc_header .top .right ul li dl dd a{}
.pc_header .top .right ul li img{ vertical-align: middle;}
.pc_header .top .right ul li span{ vertical-align: middle; margin-left: 5px;}
.pc_header .top .right .search{ overflow: hidden; text-align: right;}
.pc_header .top .right .search input{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 210px; height: 30px; line-height: 30px; text-indent: 10px; border-radius: 30px; border: 0; box-shadow: 0px 1px 5px 0px #ddd inset; color: #d0d3d9; font-size: 14px;}
.pc_header .top .right .search input::-webkit-input-placeholder{ color: #d0d3d9;}
.pc_header .top .right .search input:focus{ color: #333; box-shadow: 0px 1px 5px 0px #aaa inset;}
.pc_header .top .right .search a{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-left: 10px;}
.pc_header .bottom{ margin-top: 21px;transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;}
.pc_header .bottom .home{transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s; float: left; margin-top: 9px;}
.pc_header .bottom .menu{transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s; float: right; text-align: right; line-height: 35px; text-align: center; font-size: 15px; padding-left: 1px;}
.pc_header .bottom .menu li{ position: relative; float: right; border-left: 1px solid #dedee0; border-right: 1px solid #dedee0; margin-left: -1px; }
.pc_header .bottom .menu li>a{ color: #666; padding: 0 40px; display: block;}
.pc_header .bottom .menu li dl{ position: absolute; width: 100%; display: none;}
.pc_header .bottom .menu li dl dd{transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s; margin-top: 1px; background: url(/index/mark9_white.png); position: relative; top: 30px; opacity: 0;}
.pc_header .bottom .menu li dl dd.current{ top: 0; opacity: 1;}
.pc_header .bottom .menu li dl dd a{ color: #666; font-size: 14px; display: block;}
.pc_header.current{ height: 55px;}
.pc_header.current .sub_main{ height: 55px;}
.pc_header.current .top .logo{ margin-top: 23px; width: 250px;}
.pc_header.current .top .right{ opacity: 0; height: 0;}
.pc_header.current .bottom{ margin-top: 0; position: relative; top: -23px;}
.pc_header.current .bottom .home{ opacity: 0;}
.pc_header.current .bottom .menu{ /*margin-top: -84px;*/ margin-top: -10px}

.ph_header{ z-index: 2; position: fixed; padding: 10px 15px; background: url(/index/mark9_white.png); box-shadow: 0px 1px 5px #aaa;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width: 100%; min-width: 320px;}
.ph_header .logo{ width: 55%; min-width: 80px; display: block; float: left;}
.ph_header .language{ float: right; margin-right: 45px;}
.ph_header .language dd{ display: inline-block; *display: inline; *zoom: 1;}
.ph_header .icon{ cursor: pointer; position: absolute; right: 15px; top: 0; height: 100%; width: 30px; z-index: 6;}
.ph_header .icon span{ position: absolute; width: 100%; height: 100%; display: block;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.ph_header .icon span b{ display: block; width: 100%; height:1px; background: #000; position: absolute; transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.ph_header .icon span.line1 b{ top: 35%;}
.ph_header .icon span.line2 b{ bottom: 35%;}
.ph_header .icon.current{ position: fixed; right: 10px; top: 10px; width: 40px; height: 40px;}
.ph_header .icon.current .line1 b{transform:rotate(-135deg);-o-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg); top: 50%; bottom: auto; background: #fff;}
.ph_header .icon.current .line2 b{transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg); top: 50%; bottom: auto; background: #fff;}
.ph_menu_alert{ position: fixed; left: 0; top: 0; z-index: 5; background: #000; width: 100%; height: 100%; min-width: 320px; display: none;}
.ph_menu_alert .ph_logo{ display: block; width: 20%; margin: 10px auto 30px auto; min-width: 100px; max-width: 166px;}
.ph_menu_alert .ph_logo img{ width: 100%;}
.ph_menu_alert ul{ line-height: 35px; font-size: 14px; text-align: center; width: 80%; margin: 0 auto; overflow-x: hidden; overflow-y: scroll;}
.ph_menu_alert ul::-webkit-scrollbar {width: 3px;}
.ph_menu_alert ul::-webkit-scrollbar-thumb {background: #fff; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.ph_menu_alert ul::-webkit-scrollbar-thumb:window-inactive {background: #fff;}
.ph_menu_alert ul li{ border-bottom: 1px solid #333;}
.ph_menu_alert ul li>a{ display: block; color: #999; position: relative;}
.ph_menu_alert ul li>a:hover{ color: #fff;}
.ph_menu_alert ul li b{ transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #999; position: absolute; top: 50%; margin-top: -5px; left: 50%; margin-left: 40px; }
.ph_menu_alert ul li.current b{ border-color: #fff transparent transparent transparent; margin-top: -2px;}
.ph_menu_alert ul li.current>a{ color: #fff;}
.ph_menu_alert ul li dl{ display: none; line-height: 28px; padding-bottom: 10px;}
.ph_menu_alert ul li dl dd a{ color: #666; display: block;}
.ph_menu_alert ul li.li_1{ color: #ccc;}
.ph_menu_alert ul li.li_2{ border: 0; padding: 15px 0; overflow: hidden;}
.ph_menu_alert ul li.li_2 input{ vertical-align: middle; border: 0; background: none; color: #888; float: left; font-size: 16px; text-transform: uppercase;}
.ph_menu_alert ul li.li_2 input:focus{ color: #eee;}
.ph_menu_alert ul li.li_2 a{ vertical-align: middle; float: right;}

.footer_top{ background: #202e31; padding: 0; display: none; height: 0;}
.footer_top dl{ width: 17%; float: left;}
.footer_top dl.sub_dl{ float:none; width:100%;}
.footer_top dl dt{ font-size: 18px; margin-bottom: 20px;}
.footer_top dl dt a{ color: #ced0d0;}
.footer_top dl dt a:hover{ color: #fff;}
.footer_top dl dd{ color: #797f80; line-height: 30px; font-size: 14px;}
.footer_top dl dd a{ color: #797f80;}
.footer_top dl dd a:hover{ color: #ced0d0;}
.footer_top dl.dl_1{ width: 15%;}
.footer_top dl.dl_1 dd{ background: url(/index/footer_arrow.png) no-repeat left center; text-indent: 15px;}
.footer_top dl.dl_2{ width: 20%;}
.footer_top dl.dl_2 dd{ background: url(/index/footer_arrow.png) no-repeat left center; text-indent: 15px;}
.footer_top dl.contact{ width: 25%;}
.footer_top dl.contact dd{ text-indent: 24px;}
.footer_top dl.contact dd.dd_1{ background: url(/index/footer_icon1.png) no-repeat left center;}
.footer_top dl.contact dd.dd_2{ background: url(/index/footer_icon2.png) no-repeat left center;}
.footer_top dl.contact dd.dd_3{ background: url(/index/footer_icon3.png) no-repeat left center;}
.footer_top dl.contact dd.dd_4{ margin-top: 20px;}
.footer_top dl.contact dd.dd_4 .qq{ display: block; width: 28px; height: 28px; background: url(/index/footer_share1.png) no-repeat center; float: left; margin-right: 10px;}
.footer_top dl.contact dd.dd_4 .qq:hover{ background: url(/index/footer_share1_hover.png) no-repeat center;}
.footer_top dl.contact dd.dd_4 .weixin{ margin-right: 10px; position: relative; float: left; cursor: pointer;}
.footer_top dl.contact dd.dd_4 .weixin span{ display: block; width: 28px; height: 28px; background: url(/index/footer_share2.png) no-repeat center; transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.footer_top dl.contact dd.dd_4 .weixin img{ position: absolute; width: 90px; height: 90px; left: 50%; margin-left: -45px; bottom: 30px; max-width: 90px; display: none;}
.footer_top dl.contact dd.dd_4 .weixin:hover span{ background: url(/index/footer_share2_hover.png) no-repeat center;}
.footer_top dl.contact dd.dd_4 .weixin:hover img{ display: block;}
.footer_top dl.contact dd.dd_4 .ali{ display: block; width: 28px; height: 28px; background: url(/index/footer_share3.png) no-repeat center; float: left;}
.footer_top dl.contact dd.dd_4 .ali:hover{ background: url(/index/footer_share3_hover.png) no-repeat center;}
.footer_top .footer_feedback{ display: none; float: right; width: 30%;}
.footer_top .footer_feedback .topic{ font-size: 18px; margin-bottom: 20px; color: #30a191;}
.footer_top .footer_feedback input::-webkit-input-placeholder{ color: #24504d;}
.footer_top .footer_feedback input::-moz-input-placeholder{ color: #24504d;}
.footer_top .footer_feedback input::-o-input-placeholder{ color: #24504d;}
.footer_top .footer_feedback input{ background: none; border: 1px solid #275e59; width: 49%;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height: 32px; text-indent: 8px;color: #24504d;}
.footer_top .footer_feedback input:focus{ color: #37ccb6; border-color: #37ccb6;}
.footer_top .footer_feedback .name{ float: left;}
.footer_top .footer_feedback .phone{ float: right;}
.footer_top .footer_feedback textarea{ width: 100%;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;background: none; border: 1px solid #275e59; text-indent: 8px; margin-top: 5px; color: #24504d; height: 60px; padding: 8px 0; }
.footer_top .footer_feedback textarea:focus{ color: #37ccb6; border-color: #37ccb6;}
.footer_top .footer_feedback textarea::-webkit-input-placeholder{ color: #24504d;}
.footer_top .footer_feedback textarea::-moz-input-placeholder{ color: #24504d;}
.footer_top .footer_feedback textarea::-o-input-placeholder{ color: #24504d;}
.footer_top .footer_feedback .submit{ margin-top: 10px; background: url(/index/footer_send.png) no-repeat 54px center; width: 79px; height: 19px; text-transform: uppercase; text-indent: 14px; text-align: left;}

.copyright{ color: #6d7172; font-size: 12px; width: 92%; min-width: 280px; background: #1d282a; line-height: 16px; padding: 10px 4%; text-align: center;}


.full_screen{ position: relative; overflow: hidden; z-index: 1;}
.full_screen ul{}
.full_screen ul li{ position: absolute; width: 100%; height: 100%;}
.full_screen ul li img{ display: block; max-width: 10000px; position: relative; left: 50%; top: 50%;}
.full_screen .prev{ width: 59px; height: 95px; background: url(/index/banner_arrow.png); cursor: pointer; position: absolute; left: 0; top: 50%; margin-top: 30px;}
.full_screen .prev:hover{ background-position: left bottom;}
.full_screen .next{ width: 59px; height: 95px; background: url(/index/banner_arrow.png) right top; cursor: pointer; position: absolute; right: 0; top: 50%; margin-top: 30px;}
.full_screen .next:hover{ background-position: right bottom;}
@keyframes mouse
{from {bottom:22px;opacity:1;}to {bottom:15px;opacity:0.3;} }
@-moz-keyframes mouse /* Firefox */
{from {bottom:22px;opacity:1;}to {bottom:15px;opacity:0.3;} }
@-webkit-keyframes mouse /* Safari 和 Chrome */
{from {bottom:22px;opacity:1;}to {bottom:15px;opacity:0.3;} }
@-o-keyframes mouse /* Opera */
{from {bottom:22px;opacity:1;}to {bottom:15px;opacity:0.3;} }
.full_screen .mouse{ width: 24px; height: 33px; position: absolute; left: 50%; margin-left: -12px; bottom: 20px; z-index: 1; cursor: pointer; animation: mouse 1.5s infinite; -moz-animation: mouse 1.5s infinite; -webkit-animation: mouse 1.5s infinite; -o-animation: mouse 1.5s infinite;}
.pc_banner{ display: none;}
.ph_banner img{ width: 100%;}
.ph_banner .swiper-button-prev{ width: 25px; height: 50px; background: url(/index/ph_banner_arrow.png); margin: 0; left: 0; background-size: auto auto;}
.ph_banner .swiper-button-next{ width: 25px; height: 50px; background: url(/index/ph_banner_arrow.png) right top; margin: 0; right: 0; background-size: auto auto;}

.sy_topic{ opacity: 0; position: relative; top: -50px; margin: 30px auto; color: #273734; font-size: 20px; text-align: center;transition: 2s;-moz-transition: 2s;-webkit-transition: 2s;-o-transition: 2s;}
.sy_topic.current{ top: 0; opacity: 1;}
.sy_topic span{ display: inline-block; background: url(/index/sy_topic.png) no-repeat center bottom; padding-bottom: 20px;}

/*首页-新闻资讯*/
.sy_news{ overflow: hidden; background: #fff; box-shadow: 0px 2px 5px #ddd; margin-bottom: 1.5em; height: 2em; line-height: 2em;}
.sy_news .sub_main{ position: relative; height: 2em;}
.sy_news .name{ text-transform: uppercase; color: #ff4401; position: absolute; left: 0; top:0;}
.sy_news .scroll_updown{ width: 60%; margin: 0 auto; color: #9a9a9a;}
.sy_news .scroll_updown .sub_scroll{ height: 3em; overflow: hidden; position: relative; width: 100%;}
.sy_news .scroll_updown ul{ position: absolute; width: 100%;}
.sy_news .scroll_updown ul li{ overflow: hidden; line-height: 3.1em;}
.sy_news .scroll_updown ul li .date{ display: none; float: left; width: 20%; padding-right: 4%; border-right: 1px solid #e7e7e7; height: 1.1em; line-height: 1.1em; margin-top: 1em;}
.sy_news .scroll_updown ul li .topic{ float: right; color: #9a9a9a; width: 100%;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; display: block;}
.sy_news .scroll_updown ul li .topic:hover{color: #ff4401;}
.sy_news .more{ display: block; position: absolute; right: 0; top: 16%; height: 100%;}
.sy_news .more img{ height: 64%;}

.sy_section_1{ position: relative; z-index: 1;}
.sy_section_1 ul{ overflow: hidden;}
.sy_section_1 ul li{ background: #f2f2f2; width: 100%; float: left; overflow: hidden; margin-bottom: 20px; position: relative;}
.sy_section_1 ul li .txt{ width: 50%; text-align: center;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-bottom: 2px solid #f2f2f2;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s; position: absolute; left: 0; top: 0; height: 100%;}
.sy_section_1 ul li .txt .sub_txt{ position: absolute; left: 0; top: 50%; transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s; width: 100%;}
.sy_section_1 ul li .txt .name{ background: url(/index/sy_name_line.jpg) no-repeat center bottom; line-height: 1.8em; display: block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.sy_section_1 ul li .txt .intro{ color: #9a9a9a; margin: 1em auto 1em auto; width: 90%; line-height: 1.43em; max-height: 4.29em; overflow: hidden; }
.sy_section_1 ul li .txt .more{ text-transform: uppercase; color: #ff4400; display: none; padding-top: 20px; transition: 0s;-moz-transition: 0s;-webkit-transition: 0s;-o-transition: 0s;}
.sy_section_1 ul li .img{ width: 50%; float: right; overflow: hidden; position: relative;}
.sy_section_1 ul li .img img{ transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s; width: 100%;}
.sy_section_1 ul li .img .arrow{ width: 0; height: 0; position: absolute; border-width: 20px; border-color: transparent transparent transparent #f2f2f2; border-style: solid; left: 0; top: 30px; z-index: 2;}
.sy_section_1 ul li:hover .img img{transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);}
.sy_section_1 ul li:hover .txt{ border-bottom: 2px solid #0ac2a6;}
.sy_section_1 ul li:hover .txt .name{ color: #ff4400;}
.sy_section_1 ul li:hover .txt .intro{ color: #030202;}

.sy_section_1 ul li:nth-child(2n) .txt{ left: auto; right: 0;}
.sy_section_1 ul li:nth-child(2n) .img{ float: left;}
.sy_section_1 ul li:nth-child(2n) .img .arrow{border-color: transparent #f2f2f2 transparent transparent; left: auto; right: 0;}

.please_contact{ background: #f5f5f5; padding: 20px 0; color: #4cc09e; font-size: 16px; text-align: center;}
.please_contact a{ color: #4cc09e; font-size: 1.36em; margin-left: 5px;}

.sy_bottom{}
.sy_bottom ul{ overflow: hidden; font-size: 12px; padding: 10px 0; width: 90%; margin: 0 auto; text-align: center;}
.sy_bottom ul li{ display: inline-block; *display: inline; *zoom: 1; width: 40%; max-width: 165px; text-align: center;}
.sy_bottom ul li .img{ position: relative; display: inline-block; *zoom: 1; *display: inline;transition: 0.8s;-moz-transition: 0.8s;-webkit-transition: 0.8s;-o-transition: 0.8s; max-width: 50%;}
.sy_bottom ul li .img .d{ display: block;transition: 0.8s;-moz-transition: 0.8s;-webkit-transition: 0.8s;-o-transition: 0.8s;}
.sy_bottom ul li .img .h{ display: block; position: absolute; left: 0; top: 0; opacity: 0;transition: 0.8s;-moz-transition: 0.8s;-webkit-transition: 0.8s;-o-transition: 0.8s;}
.sy_bottom ul li .name{ display: block; width: 100%; color: #bec7ce;}
.sy_bottom ul li:hover .img{transform:rotateY(360deg);-o-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg); }
.sy_bottom ul li:hover .img .d{ opacity: 0;}
.sy_bottom ul li:hover .img .h{ opacity: 1;}

/*内页*/
.diy_banner{ overflow: hidden; min-width: 320px;}
.diy_banner img{ max-width: 500%; position: relative; left: 50%; width: 960px; margin-left: -480px;}

.position.sub_main{ border-bottom: 1px dotted #d5d5d5; color: #8f9190; line-height: 32px; text-align: right; margin-bottom: 2em;}
.position a{ color: #8f9190; background: url(/index/position.png) no-repeat right center; padding-right: 15px;}
.position a:hover{ color: #0ac2a6;}

.page{ text-align: center; text-align: center; margin: 2.5em 0;}
.page a{ display: inline-block; vertical-align: middle; color: #555358; width: 20px; height: 20px; line-height: 20px; border: 1px solid #dedede; border-radius: 50%; margin: 0 2px;}
.page a:hover{ border-color: #0ac2a6; color: #0ac2a6;}
.page span{ width: 20px; height: 20px; line-height: 20px; display: inline-block;  vertical-align: middle; color: #555358; border: 1px solid #dedede; background: #dedede; border-radius: 50%; margin: 0 2px;}

.font_14{ font-size: 12px;}
.font_16{ font-size: 13px;}
.font_18{ font-size: 14px;}
.font_20{ font-size: 16px;}
.font_24{ font-size: 18px;}

/*产品-地板*/
.pro_topic{ font-size: 16px; background: url(/index/topic_line.png) no-repeat center bottom; padding-bottom: 0.8em; text-align: center;}
.pro_ad{ background-repeat: no-repeat; background-position: center; height: 100px; background-size: cover;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.pro_ad img{ max-width: 70%}
.pro_default_list{ margin-bottom: 1em;}
.pro_default_list .head{ overflow: hidden; margin: 1.5em 0; background: url(/index/pro_dotted.png) repeat-x center; position: relative; line-height: 1em;}
.pro_default_list .head .topic{ color: #1d282a; float: left; background: #fff; padding-right: 8px;}
.pro_default_list .head a{ display: block; position: absolute; right: 0; color: #fff; text-transform: uppercase; font-size: 12px; background: #fff; padding-left: 8px; height: 18px; line-height: 18px; top: 50%; margin-top: -9px; text-align: center;}
.pro_default_list .head a span{ display: block; height: 18px; width: 90px; background: #8c8c8c;}
.pro_default_list .head a span:hover{ background: #0ac2a6;}
.pro_default_list ul{ width: 101%; padding: 0 2%; margin-left: -2%;}
.pro_default_list ul li{ width: 49%; margin-right: 1%; float: left;}
.pro_default_list ul li a{ display: block; overflow: hidden;}
.pro_default_list ul li .img img{transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s; display: block; width: 100%;}
.pro_default_list ul li .name{ display: block; color: #737373; line-height: 2.5em; text-align: center;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.pro_default_list ul li:hover .img img{transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05); }

.pro_floor .top_intro{ margin-bottom: 1.5em; margin-top: 1em; color: #999; line-height: 1.55em; text-align: center; /*background: url(/index/add.png) no-repeat center bottom; padding-bottom: 38px;*/}
.pro_floor ul.top_ul{ overflow: hidden; width: 102%; margin-bottom: 2em;}
.pro_floor ul.top_ul li{ width: 48%; margin-right: 2%; float: left;}
.pro_floor ul.top_ul li img{ border: 1px solid #dbdbdb;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display: block; width: 100%;}
.pro_floor ul.top_ul li span{ display: block; text-align: center; line-height: 3em; background: #f0f0f0;}
.pro_topic1{ overflow: hidden; margin: 2.2em 0; position: relative;}
.pro_topic1 img{ vertical-align: middle; position: absolute; height: 100%; }
.pro_topic1 span{ display: block; width: 100%; border-bottom: 2px solid #dcdcdc; line-height: 2em; height: 1.8em; padding-left: 2.5em;}
.pro_floor .floor_modle1{ overflow: hidden; background: #f0f0f0;}
.pro_floor .floor_modle1 img{ display: block; width: 100%;}
.pro_floor .floor_modle1 .txt{ width: 90%; margin: 1em auto;}
.pro_floor .floor_modle1 .txt .name{ line-height: 1.66em; font-weight: bold;}
.pro_floor .floor_modle1 .txt .intro{ margin-top: 1em; color: #8c8c8c; line-height: 1.87em;}
.pro_floor .floor_modle1 .txt .intro span{ display: block; background: url(/index/li_dot1.png) no-repeat left center; padding-left: 10px;}
.pro_topic2{ text-align: center; background: url(/index/pro_topic_line.png) no-repeat center bottom; padding-bottom: 0.6em; margin: 0.7em 0;}
.pro_floor .top_intro1{ margin-bottom: 1.5em; color: #999; line-height: 1.55em; text-align: center;}
.pro_floor ul.floor_modle2{ overflow: hidden; width: 101%;}
.pro_floor ul.floor_modle2 li{width: 32.33%; margin-right: 1%; float: left; margin-bottom: 10px; overflow: hidden;}
.pro_floor ul.floor_modle2 li img{ width: 100%;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s; display: block;}
.pro_floor ul.floor_modle2 li:hover img{transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);}
.pro_floor .floor_modle3{ overflow: hidden; border-top: 1px dotted #bfbfbf; margin-top: 20px; padding-top: 25px;}
.pro_floor .floor_modle3 .logo{ width: 15%; max-width: 86px; margin: -10px auto 0 auto; display: block;}
.pro_floor .floor_modle3 .box{ display: none; float: left;}
.pro_floor .floor_modle3 ul.right_txt{ float: right; width: 100%;}
.pro_floor .floor_modle3 ul.right_txt li{ border-bottom: 1px dotted #bfbfbf; padding-bottom: 1em; margin-bottom: 1em;}
.pro_floor .floor_modle3 ul.right_txt li .name{ margin-bottom: 0.5em; font-weight: bold;}
.pro_floor .floor_modle3 ul.right_txt li .orange{ color: #ff4401; margin-bottom: 1em;}
.pro_floor .floor_modle3 ul.right_txt li .intro{ line-height: 1.55em;}
.pro_floor .floor_modle3 ul.right_txt li .gray{ background: #f0f0f0; display: inline-block; *display: inline; *zoom: 1; line-height: 2em; color: #5b5f5e; padding: 0 5px; margin: 1em 0;}
.pro_floor .floor_modle3 ul.right_txt li .green{ color: #0ac2a6; border-top: 1px dotted #d1d1d1; padding-top: 1em;}
.pro_floor .floor_modle3 ul.right_txt li dl.icon_dl{ overflow: hidden;}
.pro_floor .floor_modle3 ul.right_txt li dl.icon_dl dd{ width: 46%; padding: 0 2%; text-align: center; float: left; margin-bottom: 10px;}
.pro_floor .floor_modle3 ul.right_txt li dl.icon_dl dd img{ display: block; margin: 0 auto; width: 80%; max-width: 80px;}
.pro_floor .floor_modle3 ul.right_txt li dl.icon_dl dd .b{ width: 25%; border-bottom: 1px solid #d9d9d9; line-height: 2em; margin-top: 0.4em; margin: 0 auto; margin-bottom: 0.5em; min-width: 50px;}
.pro_floor .floor_modle3 ul.right_txt li dl.icon_dl dd .b span{ display: block; width: 150%; margin-left: -25%;}
.pro_floor .floor_modle3 ul.right_txt li dl.icon_dl dd .s{ font-family: \5B8B\4F53; color: #8c8c8c; line-height: 1.33em;}
.pro_floor .floor_modle3 ul.right_txt li dl.img_dl{ margin-bottom: 1em; overflow: hidden; width: 102%;}
.pro_floor .floor_modle3 ul.right_txt li dl.img_dl dd{ overflow: hidden; width: 48%; margin-right: 2%; float: left;}
.pro_floor .floor_modle3 ul.right_txt li dl.img_dl dd img{ display: block;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s; }
.pro_floor .floor_modle3 ul.right_txt li dl.img_dl dd span{ display: block; text-align: center; color: #737373; line-height: 2em;}
.pro_floor .floor_modle3 ul.right_txt li dl.img_dl dd .img{ overflow: hidden;}
.pro_floor .floor_modle3 ul.right_txt li dl.img_dl dd:hover img{transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);}
.pro_floor .floor_modle4{}
.pro_floor .floor_modle4 .topic{ text-align: center; padding-top: 0.5em;}
.pro_floor .floor_modle4 .name{ text-align: center; padding-bottom: 1em; margin-bottom: 1em; background: url(/index/pro_topic_line.png) no-repeat center bottom; margin-top: 0.3em;}
.pro_floor .floor_modle4 .intro{ text-align: center; color: #999; line-height: 1.55em; margin-bottom: 1em;}
.pro_floor .floor_modle4 dl.dl_img{ border-bottom: 1px dotted #d1d1d1; padding-bottom: 1.5em; overflow: hidden; width: 101%;}
.pro_floor .floor_modle4 dl.dl_img dd{ overflow: hidden; width: 32.33%; float: left; margin-right: 1%;}
.pro_floor .floor_modle4 dl.dl_img dd img{ display: block; width: 100%;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.pro_floor .floor_modle4 dl.dl_img dd:hover img{transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);}
.pro_floor .floor_modle4 dl.dl_icon{ overflow: hidden; margin: 2em 0;}
.pro_floor .floor_modle4 dl.dl_icon dd{ width: 30.33%; margin: 0 1.5%; float: left; text-align: center;}
.pro_floor .floor_modle4 dl.dl_icon dd img{ display: block; margin: 0 auto;}
.pro_floor .floor_modle4 dl.dl_icon dd .txt{ line-height: 2em; width: 25%; border-bottom: 1px solid #d9d9d9; margin: 0 auto 0.5em auto;}
.pro_floor .floor_modle4 dl.dl_icon dd .txt span{ display: block; width: 330%; margin-left: -115%; text-align: center;}
.pro_floor .floor_modle4 dl.dl_icon dd .intro{ color: #8c8c8c;}
.pro_floor .floor_modle5{}
.pro_floor .floor_modle5 .topic{ text-align: center; background: url(/index/pro_topic_line.png) no-repeat center bottom; padding-bottom: 0.7em; margin-bottom: 0.7em; margin-top: 0.8em;}
.pro_floor .floor_modle5 .gray_intro{ color: #999; line-height: 1.55em; text-align: center;}
.pro_floor .floor_modle5 .intro{ line-height: 1.55em; margin: 1em 0;}
.pro_floor .floor_modle5 dl.img_dl{ margin-top: 1.5em; padding-bottom: 1.5em; overflow: hidden; width: 101%;}
.pro_floor .floor_modle5 dl.img_dl dd{ overflow: hidden; width: 32.33%; float: left; margin-right: 1%;}
.pro_floor .floor_modle5 dl.img_dl dd img{ display: block; width: 100%;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.pro_floor .floor_modle5 dl.img_dl dd:hover img{transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);}
.pro_floor .floor_modle5 dl.icon_dl{text-align: center; border-bottom: 1px dotted #cdcdcd; padding-bottom: 1em;}
.pro_floor .floor_modle5 dl.icon_dl dd{ vertical-align: top; display: inline-block; *display: inline; *zoom: 1; width: 32.33%; max-width: 150px; }
.pro_floor .floor_modle5 dl.icon_dl dd img{ display: block; margin: 0 auto;}
.pro_floor .floor_modle5 dl.icon_dl dd .name{ display: block; margin: 0.8em 0 0.5em 0;}
.pro_floor .floor_modle5 dl.icon_dl dd .txt{ color: #8c8c8c; font-size: 12px;}
.pro_floor .floor_modle5 dl.icon_dl1{ border-bottom: 0;}
.pro_floor .floor_modle5 dl.icon_dl1 dd{ max-width: 220px; margin: 0 2%;}

/*产品-墙布*/
.pro_wallpaper{}
.pro_wallpaper .top_intro{ color: #5b5f5e; line-height: 1.875em; margin-top: 1.2em; margin-bottom: 0.5em;}
.pro_wallpaper .top_gray_intro{ line-height: 1.7em; color: #999; border-bottom: 1px solid #e6e6e6; padding-bottom: 1.5em; margin-bottom: 0.4em;}
.pro_wallpaper ul.top_ul{ border-top: 1px solid #e6e6e6; padding-top: 1em;}
.pro_wallpaper ul.top_ul li{ overflow: hidden; border-top: 1px dotted #e6e6e6; position: relative; padding: 2em 0;}
.pro_wallpaper ul.top_ul li:nth-child(1){ border-top: 0;}
.pro_wallpaper ul.top_ul li .left{ float: left; width: 100%; margin-bottom: 20px;}
.pro_wallpaper ul.top_ul li .right{ float: right; width: 100%;}
.pro_wallpaper ul.top_ul li .circle{ width: 240px; height: 240px; border-radius: 50%; position: absolute; left: 50%; margin-left: -120px; top: 50%; margin-top: -120px; background: #fff; transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;}
.pro_wallpaper ul.top_ul li .circle .sub{ width: 92%; height: 92%; position: absolute; left: 4%; top: 4%; border: 1px solid #dbdbdb;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius: 50%;}
.pro_wallpaper ul.top_ul li .circle .sub .name{ text-align: center; margin-bottom: 0.5em; margin-top: 2em;}
.pro_wallpaper ul.top_ul li .circle .sub span{ display: block; background: url(/index/li_dot1.png) no-repeat left center; color: #8c8c8c; line-height: 1.875em; padding-left: 10px; margin-left: 4em;}
.pro_wallpaper ul.top_ul li:hover .circle{transform:rotateY(360deg);-o-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);}
.wallpaper_modle1{ background: #f2f2f2; padding: 20px 0; position: relative; margin-bottom: 30px;}
.wallpaper_modle1 .con{ overflow: hidden; margin-top: 1em;}
.wallpaper_modle1 .con .left_txt{ float: left; width: 72%; color: #5b5f5e;}
.wallpaper_modle1 .con .left_txt .intro{ line-height: 1.875em;}
.wallpaper_modle1 .con .left_txt a{ display: block; width: 98px; height: 34px; line-height: 34px; border-radius: 3px; background: url(/index/download.png) no-repeat 10px center #787d80; color: #fff; text-indent: 30px; margin-top: 1em;}
.wallpaper_modle1 .con .left_txt a:hover{ background-color: #919191;}
.wallpaper_modle1 .con .right_img{ float: right; width: 28%; max-width: 245px;}
.wallpaper_modle1 b{ position: absolute; left: 50%; bottom: -10px; border-color: #f2f2f2 transparent transparent transparent; border-style: solid; border-width: 10px 15px 0px 15px; }
.wallpaper_modle1 a{ display: block; width: 98px; height: 34px; line-height: 34px; border-radius: 3px; background: url(/index/download.png) no-repeat 10px center #787d80; color: #fff; text-indent: 30px; margin-top: 1em;}
.wallpaper_modle1 a:hover{ background-color: #919191;}
.wallpaper_modle2{ overflow: hidden; background: #f2f2f2;}
.wallpaper_modle2 .name{ border-bottom: 1px solid #fe5011; width: 20%; margin: 0 auto; line-height: 2.5em; text-align: center; margin-bottom: 1em;}
.wallpaper_modle2 .name span{ display: block; width: 300%; margin-left: -100%;}
.wallpaper_modle2 .left{ width: 96%; padding: 0 2%; float: right; margin-top: 1em; margin-bottom: 1em;}
.wallpaper_modle2 .left .intro span{ display: block; color: #8c8c8c; line-height: 1.875em; text-align: center;}
.wallpaper_modle2 .middle{ width: 100%; float: left; position: relative; overflow: hidden;}
.wallpaper_modle2 .middle img{ width: 100%; display: block;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.wallpaper_modle2 .middle span{ position: absolute; left: 0; bottom: 0; line-height: 2em; color: #fff; text-align: center; background: url(/index/mark5.png); width: 100%;}
.wallpaper_modle2 .middle:hover img{transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);}
.wallpaper_modle2 .right{ width: 96%; padding: 0 2%; float: left; margin-top: 1em; margin-bottom: 1em;}
.wallpaper_modle2 .right .intro{color: #8c8c8c; line-height: 1.875em;}
.pro_wallpaper .pro_default_list{ border-bottom: 1px dotted #fd5b21; padding-bottom: 10px; margin-bottom: 2em;}
.wallpaper_modle3{ padding: 20px 0;}
.wallpaper_modle3 .intro{ color: #999; line-height: 1.55em; text-align: center; margin: 1em auto; max-width: 805px;}
.wallpaper_modle3 ul{ width: 101%; overflow: hidden;}
.wallpaper_modle3 ul li{ cursor: pointer; margin-bottom: 12px; width: 49%; margin-right: 1%; float: left;}
.wallpaper_modle3 ul li .img{ overflow: hidden;}
.wallpaper_modle3 ul li .img img{ width: 100%; display: block;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.wallpaper_modle3 ul li:hover .img img{transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);}
.wallpaper_modle3 ul li .name{ color: #5b5f5e; line-height: 3em; background: #f0f0f0; text-align: center;}
.wallpaper_case_alert{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(/index/mark6.png); z-index: 5; min-width: 320px;}
.wallpaper_case_alert .box{ width: 80%; position: absolute; left: 10%; margin-left: 0px; top: 50%; margin-top: -219px; height: 190px;}
.wallpaper_case_alert .box img{ width: 100%;}
.wallpaper_case_alert .box .close{ position: absolute; right: -30px; top: 0; width: 24px; height: 24px; background: url(/index/close.png) no-repeat center; cursor: pointer;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.wallpaper_case_alert .box .close:hover{transform:rotate(-180deg);-o-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);}
.wallpaper_case_alert .swiper-button-prev{width: 19px; height: 36px; background: url(/index/mark5.png); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; left: 0; top: 50%; margin-top: -18px; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s;}
.wallpaper_case_alert .swiper-button-prev img{ width: 9px; height: 15px;}
.wallpaper_case_alert .swiper-button-next{width: 19px; height: 36px; background: url(/index/mark5.png); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; right: 0; top: 50%; margin-top: -18px; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s;}
.wallpaper_case_alert .swiper-button-next img{ width: 9px; height: 15px;}
.wallpaper_case_alert .box:hover .swiper-button-prev{background: url(/index/mark9_orange.png);}
.wallpaper_case_alert .box:hover .swiper-button-next{background: url(/index/mark9_orange.png);}

/*产品-PVC纺织品*/
.pro_textile{ background: url(/index/pro3_bg.jpg) no-repeat center top; padding-bottom: 1px;}
.pro_textile .top_intro{ line-height: 1.875em; margin-bottom: 0.5em;}
.pro_textile .top_gray_intro{ color: #666; line-height: 1.7em; border-bottom: 1px solid #ccc; padding-bottom: 1.5em; margin-bottom: 5px;}
.pro_textile ul{ border-top: 1px solid #ccc; padding-top: 2.2em;}
.pro_textile ul li{ border-bottom: 1px dotted #fd5b21; padding-bottom: 2.2em; margin-bottom: 2.2em; overflow: hidden;}
.pro_textile ul li .sub{ background: #fff; overflow: hidden; position: relative;}
.pro_textile ul li .left_img{ float: left; width: 100%; overflow: hidden;}
.pro_textile ul li .left_img img{ width: 100%;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.pro_textile ul li .left_img:hover img{transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);}
.pro_textile ul li .middle_txt{ background: #fff; width: 100%; float: left; }
.pro_textile ul li .middle_txt .name{ text-align: center; color: #ff4401; line-height: 2em; border-bottom: 1px solid #efefef; border-top: 1px solid #efefef;}
.pro_textile ul li .middle_txt .intro{ width: 85%; margin: 1.5em auto; line-height: 1.375em; text-align: center; color: #1d282a;}
.pro_textile ul li .middle_txt .gray_intro{ line-height: 1.7em;}
.pro_textile ul li .middle_txt .gray_intro span{ display: block; background: url(/index/li_dot1.png) no-repeat left center; padding-left: 12px; margin-left: 3em; color: #999;}
.pro_textile ul li .middle_txt .more{ display: block; width: 111px; height: 34px; line-height: 34px; text-align: center; color: #fff; background: #ff4401; text-transform: uppercase; margin: 2em auto; border-radius: 3px;}
.pro_textile ul li .middle_txt .more:hover{ background: #ff6600;}
.pro_textile ul li .right_img{ width: 100%; float: right; font-size: 0;}
.pro_textile ul li .right_img img{ display: inline-block; width: 33.33%;}
.pro_textile ul li .right_img img:nth-child(3){ margin-bottom: 0 !important;}
.pro_textile .bottom_intro{ color: #666; line-height: 1.7em; padding-bottom: 1.5em; margin-bottom: 5px;}

/*产品-餐垫*/
.pro_mat{}
.pro_mat ul.top_ul{ margin-top: 1.5em;}
.pro_mat ul.top_ul li{ overflow: hidden; margin-bottom: 2em;}
.pro_mat ul.top_ul li .left_txt{ width: 100%; float: left; margin-bottom: 15px;}
.pro_mat ul.top_ul li .left_txt .head{ margin-bottom: 1em;}
.pro_mat ul.top_ul li .left_txt .head .icon{ width: 17%; background: #0ac2a6; position: relative; float: left; max-width: 50px;}
.pro_mat ul.top_ul li .left_txt .head .icon img{ width: 100%; display: block;}
.pro_mat ul.top_ul li .left_txt .head .icon b{ position: absolute; border-color: #0ac2a6 transparent transparent transparent; left: 50%; margin-left: -5px; bottom: -10px; border-width: 5px; border-style: solid;}
.pro_mat ul.top_ul li .left_txt .head .txt{ width: 77%; float: left; margin-left: 5%;}
.pro_mat ul.top_ul li .left_txt .head .txt .name{}
.pro_mat ul.top_ul li .left_txt .head .txt .intro{ color: #8c8c8c;}
.pro_mat ul.top_ul li .left_txt .swiper-container{ width: 100%;}
.pro_mat ul.top_ul li .left_txt .swiper-container img{ width: 100%;}
.pro_mat ul.top_ul li .left_txt .swiper-container .swiper-pagination .swiper-pagination-bullet{ background: #abadac; opacity: 1; width: 5px; height: 5px;}
.pro_mat ul.top_ul li .left_txt .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background: #ff4401;}
.pro_mat ul.top_ul li .left_txt .intro_txt{ width: 100%;}
.pro_mat ul.top_ul li .left_txt .intro_txt span{ display: block; max-height: 6.20em; min-height: 3.14em; overflow: hidden; margin: 1em 0; line-height: 1.57em;}
.pro_mat ul.top_ul li .left_txt .more{ display: block; color: #fff; width: 106px; height: 29px; line-height: 29px; text-align: center; border-radius: 3px; background: #bfbfbf; text-transform: uppercase;}
.pro_mat ul.top_ul li .left_txt .more:hover{ background: #0ac2a6;}
.pro_mat ul.top_ul li .right_img{ width: 100%; float: right;}
.pro_mat ul.top_ul li .right_img img{ width: 100%;}
.pro_mat ul.top_ul li:nth-child(2n) .left_txt{ float: right;}
.pro_mat ul.top_ul li:nth-child(2n) .right_img{ float: left;}
/*.pro_mat ul.top_ul li:nth-child(2n) .left_txt .head .icon{ background: #ff4401;}*/
/*.pro_mat ul.top_ul li:nth-child(2n) .left_txt .head .icon b{border-color:#ff4401 transparent transparent transparent;}*/
.pro_mat .report_download{ display: block; margin: 0 auto 2em auto; width: 98px; height: 34px; line-height: 34px; text-align: center; text-indent: 15px; border-radius: 3px; font-size: 14px; color: #fff; background: url(/index/download.png) no-repeat 10px center #787d80;}
.pro_mat .report_download:hover{ background-color: #0ac2a6;}
.pro_mat .pro_topic2{ margin: 1em 0 1.2em 0;}
.pro_mat .middle_img{ border-bottom: 1px solid #e6e6e6; padding-bottom: 25px; margin-bottom: 5px;}
.pro_mat .bottom_ul{ border-top: 1px solid #e6e6e6; padding: 15px 0;}
.pro_mat .bottom_ul ul{ width: 102%; overflow: hidden;}
.pro_mat .bottom_ul li{ margin-bottom: 15px; float: left; width: 98%; margin-right: 2%;}
.pro_mat .bottom_ul li .img{ position: relative; overflow: hidden;}
.pro_mat .bottom_ul li .img .bg{ width: 100%; display: block;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.pro_mat .bottom_ul li .img .mark{ position: absolute; width: 100%; height: 100%; background: url(/index/mark5.png); left: 0; top: 0; top: 100%;}
.pro_mat .bottom_ul li .img .mark span{display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: absolute; width: 100%; height: 100%; left: 0; top: -10px; color: #fff; text-transform: uppercase;}
.pro_mat .bottom_ul li .img .mark b{display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: absolute; width: 100%; height: 100%; left: 0; top: 10px;}
.pro_mat .bottom_ul li .img .mark img{}
.pro_mat .bottom_ul li .name{ display: block; text-align: center; line-height: 2.5em; color: #5b5f5e; background: #f0f0f0;}
.pro_mat .bottom_ul li:hover .img .mark{ top: 0;}
.pro_mat .bottom_ul li:hover .img .bg{transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}

/*滤料*/
.pro_material{ margin-bottom: 35px;}
.pro_material .top_intro{ color: #5b5f5e; line-height: 1.875em; margin: 1.2em 0;}
.pro_material .circle_modle{ overflow: hidden; padding: 10px 0; width: 100%; overflow: hidden; position: relative; border-bottom: 1px solid #e6e6e6; margin-bottom: 5px;}
.pro_material .circle_modle .icon{ width: 80px; height: 70px; background: #0ac2a6; border-radius: 50%; text-align: center; padding-top: 10px; margin-right: 10px; display: inline-block; vertical-align: middle;}
.pro_material .circle_modle .icon img{ width: 40%; max-width: 40px; display: block; margin: 0 auto;}
.pro_material .circle_modle .icon span{ color: #fff; display: block; line-height: 2em;}
.pro_material .circle_modle .circle{ float: left; display: none;}
.pro_material .circle_modle .circle img{ width: 324px; height: 324px;}
.pro_material .circle_modle ul{ width: 60%; display: inline-block; vertical-align: middle;}
.pro_material .circle_modle ul li{ margin-bottom: 1em;}
.pro_material .circle_modle ul li .name{ color: #0ac2a6;}
.pro_material .circle_modle ul li .intro{ color: #666; padding-left: 12px; background: url(/index/li_dot2.png) no-repeat left center; margin-top: 0.3em;}
.pro_material .circle_modle ul li.li_1{ left: 445px; top: 10px;}
.pro_material .circle_modle ul li.li_2{ left: 475px; top: 95px;}
.pro_material .circle_modle ul li.li_3{ left: 475px; top: 185px;}
.pro_material .circle_modle ul li.li_4{ left: 445px; top: 270px;}

.pro_material .slide_modle{ border-top: 1px solid #e6e6e6;}
.pro_material .qiehuan{ width:100%; height:342px; position:relative; padding-top: 30px; overflow: hidden;}
.pro_material .qiehuan .xiaotu{ float: left; position:relative; width:178px; height:342px; background: #f2f2f2;}
.pro_material .qiehuan .xiaotu .topic{ width: 100%; line-height: 40px; color: #fff; background: #ff4401; text-align: center; font-size: 22px;}
.pro_material .qiehuan .xtu{ position:relative; overflow:hidden; width: 100%; margin: 25px auto; height: 250px;}
.pro_material .qiehuan .xtu dl{ width: 100%; position:absolute; left:0px; top:0px;}
.pro_material .qiehuan .xtu dl dt{ width:100%; height:40px; background:#e3e3e3; position:absolute; left:0px; top:0px; z-index: 1;}
.pro_material .qiehuan .xtu dl dd{ position:relative; line-height:40px; color:#8c8c8c; font-size:14px; height:40px; cursor:pointer; overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; z-index: 2; text-indent: 24px; margin-bottom: 10px;}
.pro_material .qiehuan .xtu dl dd.current{color:#666;}
.pro_material .xiaotu .prev{ cursor: pointer; position: absolute; left: 55px; width: 36px; height: 20px; background: #bfbfbf;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; bottom: 0;}
.pro_material .xiaotu .prev:hover{ background: #ff4401;}
.pro_material .xiaotu .next{ cursor: pointer; position: absolute; left: 93px; width: 36px; height: 20px; background: #bfbfbf;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; bottom: 0;}
.pro_material .xiaotu .next:hover{ background: #ff4401;}
.pro_material .qiehuan .datu{ float: right; width:815px; height:342px; overflow:hidden; position:relative; }
.pro_material .qiehuan .datu ul{ position:absolute; left:0px; top:0px; height:342px; width:815px;}
.pro_material .qiehuan .datu ul li{ display:none; width:815px; height:342px; position:absolute; left:0px; top:0px; overflow: hidden;}
.pro_material .qiehuan .datu ul li .img{ float: left; position: relative;}
.pro_material .qiehuan .datu ul li .img img{ width: 560px; height: 342px;}
.pro_material .qiehuan .datu ul li .img b{ position: absolute; right: 0px; top: 40px; border-width: 6px 9px 6px 6px; border-style: solid; border-color: transparent #f2f2f2 transparent transparent;}
.pro_material .qiehuan .datu ul li .txt{ float: left; width: 255px; background: #f2f2f2; min-height: 342px; }
.pro_material .qiehuan .datu ul li .txt .name{ background: url(/index/material_line.png) no-repeat center bottom; text-align: center; color: #ff4401; line-height: 1.33em; margin: 1em 17px; padding-bottom: 0.6em;}
.pro_material .qiehuan .datu ul li .txt .intro{ line-height: 1.71em; height: 253px; overflow-y: scroll;}
.pro_material .qiehuan .datu ul li .txt .intro::-webkit-scrollbar {width: 3px;}
.pro_material .qiehuan .datu ul li .txt .intro::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px #fff; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.pro_material .qiehuan .datu ul li .txt .intro::-webkit-scrollbar-thumb {background: #ddd; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.pro_material .qiehuan .datu ul li .txt .intro::-webkit-scrollbar-thumb:window-inactive {background: #ddd;}
.pro_material .qiehuan .datu ul li .txt .intro span{ display: block; background: url(/index/li_dot1.png) no-repeat left 8px; padding-left: 12px; margin: 0 12px;}
.pro_material .pc_slide{ display: none;}

.pro_material .ph_slide{ padding-top: 20px;}
.pro_material .ph_slide .topic{ font-weight: bold; line-height: 2em; color: #ff4401;}
.pro_material .ph_slide .name{ color: #ff4401; line-height: 1.33em; padding-bottom: 0.5em; margin: 0.5em 0; background: url(/index/material_line.png) no-repeat left bottom;}
.pro_material .ph_slide .intro{ line-height: 1.5em; max-height: 7.5em; overflow-y: scroll;}
.pro_material .ph_slide .intro::-webkit-scrollbar {width: 3px;}
.pro_material .ph_slide .intro::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px #fff; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.pro_material .ph_slide .intro::-webkit-scrollbar-thumb {background: #ddd; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.pro_material .ph_slide .intro::-webkit-scrollbar-thumb:window-inactive {background: #ddd;}
.pro_material .ph_slide .intro span{ display: block; background: url(/index/li_dot1.png) no-repeat left 6px; padding-left: 12px;}
.pro_material .ph_slide .swiper-wrapper{ padding-bottom: 10px;}
.pro_material .ph_slide.swiper-container-horizontal>.swiper-pagination{ bottom: 0px;}
.pro_material .pc_slide{ display: none;}
.pro_material .ph_slide .swiper-button-prev{ width: 28px; height: 28px; background: url(/index/left.png) no-repeat center #ccc; left: 0; }
.pro_material .ph_slide .swiper-button-next{width: 28px; height: 28px; background: url(/index/right.png) no-repeat center #ccc; right: 0;}

/*地垫*/
.pro_matting{}
.pro_matting .pro_topic{ margin-bottom: 1em;}
.pro_matting .top_intro{ line-height: 1.875em; color: #5b5f5e; border-bottom: 1px solid #e6e6e6; margin-bottom: 4px; padding-bottom: 1.2em;}
.pro_matting ul.top_ul{ border-top: 1px solid #e6e6e6; overflow: hidden; margin-bottom: 40px;}
.pro_matting ul.top_ul li{ border-bottom: 3px solid #e5e5e5; overflow: hidden; padding: 0 3%; margin-top: 1.5em; position: relative; padding-bottom: 10px;}
.pro_matting ul.top_ul .swiper-container{ float: left; width: 100%; position: relative;}
.pro_matting ul.top_ul .swiper-slide img{ width: 100%;}
.pro_matting ul.top_ul .swiper-button-prev{ width: 22px; height: 22px; background: #bfbfbf; cursor: pointer; top: 50%; margin-top: -11px; right: auto; left: 0;}
.pro_matting ul.top_ul .swiper-button-prev:hover{ background: #8c8c8c;}
.pro_matting ul.top_ul .swiper-button-next{ width: 22px; height: 22px; background: #bfbfbf; cursor: pointer; top: 50%; margin-top: -11px; right: 0;}
.pro_matting ul.top_ul .swiper-button-next:hover{ background: #8c8c8c;}
.pro_matting ul.top_ul .txt{ width: 100%; float: right;}
.pro_matting ul.top_ul .txt .name{ color: #fff; background: #ff4401; width: 5.5em; line-height: 1.8em; text-align: center; margin: 1em 0; font-size: 0.91em;}
.pro_matting ul.top_ul .txt .intro{ line-height: 1.625em; max-height: 6.5em; overflow: hidden;}
.pro_matting ul.top_ul li:nth-child(2n) .txt .name{ background: #0ac2a6;}
.pro_matting ul.top_ul li:nth-child(2n) .swiper-container{ float: right;}
.pro_matting ul.top_ul li:nth-child(2n) .txt{ float: left;}
.pro_matting .pro_topic2{ margin: 1em 0 1.2em 0;}
.pro_matting .bottom_ul{ border-top: 1px solid #e6e6e6; padding: 15px 0;}
.pro_matting .bottom_ul ul{ width: 102%; overflow: hidden;}
.pro_matting .bottom_ul li{ margin-bottom: 15px; float: left; width: 98%; margin-right: 2%;}
.pro_matting .bottom_ul li .img{ position: relative; overflow: hidden;}
.pro_matting .bottom_ul li .img .bg{ width: 100%; display: block;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.pro_matting .bottom_ul li .img .mark{ position: absolute; width: 100%; height: 100%; background: url(/index/mark5.png); left: 0; top: 0; top: 100%;}
.pro_matting .bottom_ul li .img .mark span{display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: absolute; width: 100%; height: 100%; left: 0; top: -10px; color: #fff; text-transform: uppercase;}
.pro_matting .bottom_ul li .img .mark b{display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: absolute; width: 100%; height: 100%; left: 0; top: 10px;}
.pro_matting .bottom_ul li .img .mark img{}
.pro_matting .bottom_ul li .name{ display: block; text-align: center; line-height: 2.5em; color: #5b5f5e; background: #f0f0f0;}
.pro_matting .bottom_ul li:hover .img .mark{ top: 0;}
.pro_matting .bottom_ul li:hover .img .bg{transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}
.pro_matting .bottom_ul .read_more{ display: block; width: 30%; max-width: 106px; border-radius: 3px; color: #fff; margin: 20px auto; line-height: 29px; background: #bfbfbf; text-transform: uppercase; text-align: center;}
.pro_matting .bottom_ul .read_more:hover{ background: #ff4401;}


.pro_list{}
.pro_list ul{ width: 101%; padding: 0 2%; margin-left: -2%;}
.pro_list ul li{ width: 49%; margin-right: 1%; float: left; cursor: pointer; margin-bottom: 2em;}
.pro_list ul li a{ display: block; overflow: hidden;}
.pro_list ul li .img{ overflow: hidden;}
.pro_list ul li .img img{transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s; display: block; width: 100%;}
.pro_list ul li .name{ display: block; color: #737373; line-height: 2.5em; text-align: center;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.pro_list ul li:hover .img img{transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05); }
.pro_list .go_back{ display: block; width: 100px; line-height: 2em; background: #ddd; color: #333; margin: 10px auto; text-align: center;}
.pro_list .go_back:hover{ color: #fff; background: #0ac2a6;}
.pro_list_alert{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(/index/mark6.png); z-index: 5; min-width: 320px;}
.pro_list_alert .box{ width: 80%; position: absolute; left: 10%; margin-left: 0px; top: 50%; margin-top: -219px;}
.pro_list_alert .box img{ width: 100%;}
.pro_list_alert .box .close{ position: absolute; right: -30px; top: 0; width: 24px; height: 24px; background: url(/index/close.png) no-repeat center; cursor: pointer;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.pro_list_alert .box .close:hover{transform:rotate(-180deg);-o-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);}

/*内页-导航*/
.diy_menu{ background: #f2f2f2;}
.diy_menu ul{ text-align: center; font-size: 0;}
.diy_menu ul li{ display: inline-block; *display: inline; *zoom: 1; background: #bfbfbf; text-align: center; border-left: 2px solid #fff; border-right: 2px solid #fff; margin: 0 -1px; width: 25%; padding: 5px 0 8px 0;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font-size: 12px;}
.diy_menu ul li a{ display: block; color: #fff;}
.diy_menu ul li img{ display: block; margin: 0 auto; width: 40%; max-width: 40px;}
.diy_menu ul li span{ display: block;}
.diy_menu ul li.current{ background: #f18f6c;}
.diy_menu_arrow{ border-bottom: 1px solid #bfbfbf; position: relative; margin: 1.1em 0 1.2em 0;}
.diy_menu_arrow img{ position: absolute; bottom: -1px; left: 50%; width: 5%; max-width: 29px;}

/*新闻*/
.news_default{ position: relative; z-index: 1;}
.news_default .pro_topic{ margin: 0.8em 0;}
.news_default .top_dl{ overflow: hidden; position: relative;}
.news_default .top_dl dt{ position: absolute; width: 60px; height: 60px; background: #fff; transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg); text-align: center; z-index: 2; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; cursor: pointer; color: #ff4f11;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s; }
.news_default .top_dl dt span{transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg); display: block; position: absolute; width: 100%; height: 100%;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-transform: uppercase; font-size: 12px;}
.news_default .top_dl dt b{transform:rotate(135deg);-o-transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg); position: absolute; left: -23%; top: 23%; width: 100%; height: 100%; display: block; font-family: \5B8B\4F53;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.news_default .top_dl dt:hover{ background: #ff4f11; color: #fff;}
.news_default .top_dl dd{ overflow: hidden; width: 50%; float: left; position: relative; z-index: 1;}
.news_default .top_dl dd a{ display: block;}
.news_default .top_dl dd a img{ display: block; width: 100%;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.news_default .top_dl dd a .mark{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.news_default .top_dl dd a .txt{ position: absolute; width: 100%; left: 0; bottom: -100%; background: url(/index/mark6.png); color: #fff; display: block; text-align: center;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.news_default .top_dl dd a .txt .name{ display: block; margin-top: 1em; margin-bottom: 0.4em;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.news_default .top_dl dd a .txt .date{ display: block; margin-bottom: 0.8em;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.news_default .top_dl dd.dd_1 .mark{ background: url(/index/news_mark1.png);}
.news_default .top_dl dd.dd_2 .mark{ background: url(/index/news_mark2.png);}
.news_default .top_dl dd.dd_3 .mark{ background: url(/index/news_mark3.png);}
.news_default .top_dl dd.dd_4 .mark{ background: url(/index/news_mark4.png);}
.news_default .top_dl dd:hover .mark{ opacity: 0;}
.news_default .top_dl dd:hover .txt{ bottom: 0;}
.news_default .top_dl dd:hover img{transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);}
.news_default .warm_alert{ overflow: hidden; padding: 20px 0;}
.news_default .warm_alert img{ width: 7%; max-width: 60px; float: left;}
.news_default .warm_alert .txt{ width: 91%; float: left; margin-left: 2%;}
.news_default .warm_alert .txt .orange{ color: #ff4f11; margin-bottom: 1em; margin-top: 0.4em;}
.news_default .warm_alert .txt .intro{ color: #a5a5a5;}
.news_default ul.list{}
.news_default ul.list li{ overflow: hidden; width: 100%; background: #f2f2f2; margin-bottom: 15px;}
.news_default ul.list li .img{ display: block; float: left; width: 100%; overflow: hidden;}
.news_default ul.list li .img img{ display: block; width: 100%;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.news_default ul.list li .txt{ width: 96%; margin-left: 2%; float: left;}
.news_default ul.list li .txt .name{ color: #ff4f11; display: block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; margin-top: 1em;}
.news_default ul.list li .txt .name:hover{ text-decoration: underline;}
.news_default ul.list li .txt .date{ color: #8c8c8c; background: url(/index/news_line.png) no-repeat left bottom; margin-top: 0.6em; padding-bottom: 0.6em;}
.news_default ul.list li .txt .intro{ color: #1d282a; line-height: 1.57em; height: 3.14em; overflow: hidden; margin: 0.6em 0;}
.news_default ul.list li .txt .more{ display: block; color: #fff; text-transform: uppercase; width: 106px; height: 25px; line-height: 25px; text-align: center; border-radius: 3px; background: #bfbfbf; font-size: 12px; margin-bottom: 10px;}
.news_default ul.list li .txt .more:hover{ background: #ff4401;}
.news_default ul.list li .img:hover img{transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);}

/*新闻详情*/
.news_detail{}
.news_detail .pro_topic{ margin: 0.8em 0;}
.news_detail .topic{ color: #333; font-weight: bold; margin-bottom: 10px;}
.news_detail .top_intro{ color: #888; border-bottom: 1px dashed #dcdcdc; margin-bottom: 1em; padding-bottom: 5px; line-height: 22px; }
.news_detail .top_intro .date{ float: left; margin-right: 20px; margin-bottom: 6px;}
.news_detail .top_intro .share{ float: left; margin-bottom: 6px;}
.news_detail .top_intro .share span{ background: url(/index/share.png) no-repeat left center; text-indent: 15px; margin-right: 15px; float: left;}
.news_detail .top_intro .share .bshare-custom{ margin-top: 3px; float: left;}
.news_detail .top_intro .share .bshare-custom a{ margin: 0; padding-left: 16px;}
.news_detail .back{ float: right; display: block; width: 4em; background: #ddd; text-align: center; line-height: 1.8em; color: #333;}
.news_detail .back:hover{ background: #0ac2a6; color: #fff;}
.news_detail .con{ line-height: 24px; color: #666; text-indent: 2em;}
.news_detail .con img{ display: block; margin: 12px auto;}
.news_detail .relative{ margin-top: 4em; margin-bottom: 20px;}
.news_detail .relative .head{ line-height: 22px; padding-bottom: 12px; border-bottom: 1px dashed #dcdcdc;}
.news_detail .relative .head span{ font-size: 16px;}
.news_detail .relative ul{ line-height: 30px; margin-top: 5px;}
.news_detail .relative ul li{ text-indent: 10px; background: url(/index/li_dot2.jpg) no-repeat left center; font-size: 14px;}
.news_detail .relative ul li a{ color: #666; overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; display: block;}
.news_detail .relative ul li a:hover{ color: #0ac2a6;}
.news_detail .prev_next{ line-height:2em; margin:2em 0;}
.news_detail .prev_next a{ display:block; overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; }
.news_detail .prev_next span{ display:block; overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; }

/*最新视频*/
.news_video .pro_topic{ margin: 0.8em 0;}
.news_video ul.list{ overflow: hidden; width: 101.5%;}
.news_video ul.list li{ width: 48.5%; float: left; margin-right: 1.5%; cursor: pointer; margin-bottom: 10px;}
.news_video ul.list li .img{ position: relative; overflow: hidden;}
.news_video ul.list li .img .bg{ width: 100%; display: block;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.news_video ul.list li .img .mark{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background: url(/index/mark6.png);transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s; opacity: 0;}
.news_video ul.list li .img .mark img{}
.news_video ul.list li .img video{ position: absolute; width: 100%; height: 100%; display: none; left: 0; top: 0; background: #000;}
.news_video ul.list li .name{ width: 100%; background: #f5f5f5; text-align: center; padding-top: 0.5em; padding-bottom: 0.8em;}
.news_video ul.list li .name span{ display: block; line-height: 2.2em; background: url(/index/video_line.png) no-repeat center bottom; overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; padding: 0 5px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.news_video ul.list li:hover .img .mark{ opacity: 1;}
.news_video ul.list li:hover .img .bg{transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);}
.news_video ul.list li:hover .name{ color: #ff4f11;}

.video_alert{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(/index/mark6.png); display: none;}
.video_alert .box{ width: 783px; height: 524px; background: #fff; position: absolute; border-radius: 5px; left: 50%; top: 0%; margin-left: -391px; margin-top: -262px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s; opacity: 0;}
.video_alert .box.current{ top: 50%; margin-top: -262px; opacity: 1;}
.video_alert .box .close{ width: 25px; height: 25px; background: url(/index/close1.png) no-repeat center; position: absolute; right: -13px; top: -13px; cursor: pointer;}
.video_alert .box .name{ text-align: center; margin-top: 1.4em; margin-bottom: 1em;}
.video_alert .box video{ width: 714px; height: 424px; margin: 0 auto; background: #000; display: block;}

/*联系我们*/
.contact_default{}
.contact_default .pro_topic{ margin-bottom: 1em;}
.contact_default #allmap{ width: 100%; height: 300px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border: 5px solid #eaeaea;}
.contact_default .bottom_con{ position: relative; margin: 28px 0;}
.contact_default .bottom_con .left_form{ width: 85%; float: left;}
.contact_default .bottom_con .left_form .line{ background: #eaeaea; margin-bottom: 5px; overflow: hidden;}
.contact_default .bottom_con .left_form .line .left{ float: left; color: #979797; width: 40px; line-height: 36px; text-align: right;}
.contact_default .bottom_con .left_form .line .right{ float: left; width: 80%; }
.contact_default .bottom_con .left_form .line .right input{ font-size: 13px; border: 0; width: 100%; line-height: 36px; background: none;}
.contact_default .bottom_con .left_form .line .right textarea{ font-size: 13px; border: 0; width: 100%; padding: 10px 0; background: none; height: 214px;}
.contact_default .bottom_con .left_form .submit{ display: block; width: 184px; height: 37px; line-height: 37px; text-align: center; color: #fff; background: #979797;}
.contact_default .bottom_con .left_form .submit:hover{ background: #0ac2a6;}
.contact_default .bottom_con .left_form .submit b{ font-size: 0.9em; padding-left: 3px;}
.contact_default .bottom_con .middle_txt{ width: 100%; float: right; background: #f5f5f5; margin-top: -32px; margin-bottom: 10px; border-top: 4px solid #ff4401; border-bottom: 4px solid #ff4401; padding: 10px 15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position: relative;}
.contact_default .bottom_con .middle_txt .arrow{ width: 0; height: 0; position: absolute; top: -14px; left: 50%; margin-left: -5px; border-color: transparent transparent #ff4401 transparent; border-style: solid; border-width: 5px; }
.contact_default .bottom_con .middle_txt ul{}
.contact_default .bottom_con .middle_txt ul li{ border-top: 1px solid #bfbbb7;}
.contact_default .bottom_con .middle_txt ul li:nth-child(1){ border: 0;}
.contact_default .bottom_con .middle_txt ul li .name{ margin: 0.8em 0;}
.contact_default .bottom_con .middle_txt ul li .intro{ color: #979797; line-height: 1.71em; margin-bottom: 1em;}
.contact_default .bottom_con .middle_txt ul li .intro span{ display: block; background: url(/index/li_dot1.png) no-repeat left 8px; padding-left: 12px;}
.contact_default .bottom_con .middle_txt ul li .intro span.last{ background: none; margin-left: 3em;}
.contact_default .bottom_con .right_icon{ position: absolute; right: 0; bottom: 0;}
.contact_default .bottom_con .right_icon .box{ width: 40px; height: 40px; background: #979797; position: relative; display: block; margin-top: 8px; cursor: pointer;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.contact_default .bottom_con .right_icon .box:hover{ background: #0ac2a6;}
.contact_default .bottom_con .right_icon .box .icon{ width: 100%;}
.contact_default .bottom_con .right_icon .weixin .erweima{ position: absolute; right: 100%; display: none; width: 90px; height: 90px; max-width: 90px; bottom: 0;}
.contact_default .bottom_con .right_icon .weixin:hover .erweima{ display: block;}

/*关于三星-公司简介*/
.about_default{ position: relative; z-index: 1;}
.about_default .pro_topic{ margin-bottom: 1em;}
.about_default .top_intro{ position: relative; border-bottom: 1px dotted #d5d5d5; padding-bottom: 20px; margin-bottom: 20px;}
.about_default .top_intro .left_txt{ width: 100%; float: left; position: relative; z-index: 2;}
.about_default .top_intro .left_txt .name{ color: #ff4401; margin-bottom: 0.6em;}
.about_default .top_intro .left_txt .intro{ width: 90%; padding: 10px 5%; background: url(/index/mark9_orange.png); color: #fff; line-height: 1.285em;}
.about_default .top_intro .left_txt .intro p{ text-indent: 2em; padding: 0.5em 0;}
.about_default .top_intro .left_txt .line{ width: 100%; margin: 0 auto;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border: 1px solid #e6e6e6; border-top: 0; padding: 4px; padding-top: 0;}
.about_default .top_intro .left_txt .line ul.sub_line{ border: 1px solid #e6e6e6; border-top: 0; padding: 8px 20px;}
.about_default .top_intro .left_txt .line ul.sub_line li{ margin-bottom: 5px; line-height: 18px; color: #808080;}
.about_default .top_intro .left_txt .line ul.sub_line li img{ width: 5%; max-width: 13px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-right: 2.5%;}
.about_default .top_intro .left_txt .line ul.sub_line li .txt{ width: 90%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.about_default .top_intro .left_txt .line ul.sub_line li .green_line{ width: 90%; display: inline-block; *display: inline; *zoom: 1; margin-left: 5%; vertical-align: middle;}
.about_default .top_intro .left_txt .line ul.sub_line li .green_line span{ display: block; background: #0ac2a6; height: 11px; width: 0;}
.about_default .top_intro .right_img{ width: 43%; float: right; z-index: 1; display: none;}
.about_default .top_intro .right_img img{ width: 100%;}

.about_default .logo_ul{}
.about_default .logo_ul li{ overflow: hidden; margin-bottom: 20px;}
.about_default .logo_ul li .logo{ width: 20%; float: left;}
.about_default .logo_ul li .logo img{}
.about_default .logo_ul li .txt{ width: 77%; float: right; background: #f2f2f2; padding: 15px 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position: relative;}
.about_default .logo_ul li .txt .arrow{ border-width: 7px 10px 7px 0; border-style: solid; border-color: transparent #f2f2f2 transparent transparent; position: absolute; top: 20px; left: -10px;}
.about_default .logo_ul li .txt .name{ background: url(/index/video_line.png) no-repeat left bottom; color: #ff4f11; line-height: 1.5em; padding-bottom: 0.5em; display: block;}
.about_default .logo_ul li .txt .intro{ line-height: 1.57em; margin-top: 0.7em;}
.about_default .logo_ul li:nth-child(2n) .logo{ float: right;}
.about_default .logo_ul li:nth-child(2n) .txt{ float: left;}
.about_default .logo_ul li:nth-child(2n) .txt .arrow{ border-width: 7px 0 7px 10px; border-color: transparent transparent transparent #f2f2f2; right: -10px; left: auto;}
.about_default .logo_ul li:nth-child(2n) .txt .name{ color: #0ac2a6; text-align: right; background-position: right bottom;}
.about_default .structure{ margin-bottom: 20px;}
.about_default .structure .topic{ text-align: center; margin-top: 1em; margin-bottom: 0.3em; color: #1d282a;}
.about_default .structure .sub_topic{ text-align: center; color: #1d282a; background: url(/index/pro_topic_line.png) no-repeat center bottom; padding-bottom: 1em;}
.about_default .structure .head_ul{ width: 100%; max-width: 340px; height: 24px; line-height: 24px; padding: 4px; margin: 1.5em auto; overflow: hidden; border-radius: 20px; background: #f2f2f2; }
.about_default .structure .head_ul li{ width: 50%; float: left;}
.about_default .structure .head_ul li a{ display: block; border-radius: 12px; text-align: center; color: #1d282a;}
.about_default .structure .head_ul li.current a{ background: #ff4401; color: #fff;}
.about_default .structure .content{ background: url(/index/structure_line.jpg) repeat-y 1.5% center; padding-left: 5%; }
.about_default .structure .content .top_box img{ display: block; width: 3%; max-width: 24px; margin-left: -4.8%;}
.about_default .structure .content ul{ width: 100%; }
.about_default .structure .content ul li{ float: left; width: 100%; margin-bottom: 15px; position: relative;}
.about_default .structure .content ul li .swiper-container{border: 1px solid #d9d9d9;}
.about_default .structure .content ul li .swiper-slide img{ width: 100%;  display: block;}
.about_default .structure .content ul li .swiper-button-prev{ width: 19px; height: 36px; background: url(/index/mark5.png); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; left: 0; top: 50%; margin-top: -18px; opacity: 0;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.about_default .structure .content ul li .swiper-button-next{ width: 19px; height: 36px; background: url(/index/mark5.png); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; right: 0; top: 50%; margin-top: -18px; opacity: 0;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.about_default .structure .content ul li:hover .swiper-button-next{opacity: 1;}
.about_default .structure .content ul li:hover .swiper-button-prev{opacity: 1;}
.about_default .structure .content ul li .name{ position: absolute; background: url(/index/structure_arrow.png) no-repeat left center; background-size: cover; padding: 2px 10px; color: #fff; top: 20px; right: auto; left: -5%; z-index: 2;}
.about_default .structure .content ul li .intro{ padding-left: 12px; background: url(/index/li_dot1.png) no-repeat left 8px; line-height: 1.57em; margin-top: 0.4em; min-height: 3.14em;}
.about_default .structure .content ul li .arrow{ position: absolute; right: -12.5%; top: 25px; width: 3%; max-width: 12px; display: none;}
.about_default .structure .content ul li .arrow img{ width: 100%;}
.about_default .structure .content ul li:nth-child(2n){ float: right;}
.about_default .structure .content ul li:nth-child(2n) .arrow{ right: auto; left: -12.5%;}
.about_default .productivity{}
.about_default .productivity .topic{ background: url(/index/pro_topic_line.png) no-repeat center bottom; padding-bottom: 0.8em; margin-top: 1em; text-align: center; margin-bottom: 0.8em;}
.about_default .productivity .sub_topic{ text-align: center; color: #999; margin-bottom: 1.8em;}
.about_default .productivity ul{ width: 101%; overflow: hidden; padding-bottom: 10px;}
.about_default .productivity ul li{ float: left; width: 32.33%; margin-right: 1%; overflow: hidden;}
.about_default .productivity ul li img{ display: block; width: 100%;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.about_default .productivity ul li:hover img{transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);}
.about_default .productivity .txt_intro{ margin-bottom: 25px;}
.about_default .productivity .txt_intro .name{ display: inline-block; *zoom: 1; *display: inline; color: #fff; line-height: 2.5em; background: #0ac2a6; padding: 0 15px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; margin: 1em 0;}
.about_default .productivity .txt_intro .intro{ line-height: 1.57em;}

.about_culture .pro_topic{ margin-bottom: 1em;}
.about_culture .sub_culture{ position: relative; border: 1px solid #dfdfdf; margin-bottom: 40px; overflow: hidden;}
.about_culture .culture_menu{ width: 100%; margin: 10px auto; }
.about_culture .culture_menu ul{ text-align: center; max-height: 15.96em; overflow-x: hidden; overflow-y: scroll; width: 100%;}
.about_culture .culture_menu ul::-webkit-scrollbar {width: 3px;}
.about_culture .culture_menu ul::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px #fff; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.about_culture .culture_menu ul::-webkit-scrollbar-thumb {background: #ff4400; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.about_culture .culture_menu ul::-webkit-scrollbar-thumb:window-inactive {background: #ff4400; }

.about_culture .culture_menu li{ line-height: 1.6em; padding: 0; display: inline-block; *display: inline; *zoom: 1; margin: 0.3em 1em; vertical-align: middle;}
.about_culture .culture_menu li a{ color: #8c8c8c; border-radius: 3px; width: 6em; margin: 0 auto; display: block;}
.about_culture .culture_menu li.current a{ color: #fff; background: #ff4401;}

.about_culture .qiehuan{ width:82.5%; float: right; position:relative; overflow: hidden; background: #f2f2f2; padding: 18px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display: none;}
.about_culture .qiehuan .datu{ float: left; width:650px; height: 400px; overflow:hidden; position:relative; }
.about_culture .qiehuan .datu ul{ position:absolute; width: 100%; height: 400px; left:0px; top:0px;}
.about_culture .qiehuan .datu ul li{ display:none; position:absolute; left:0px; top:0px; text-align: center;}
.about_culture .qiehuan .datu ul li img{ display: block; width: 100%;}
.about_culture .qiehuan .datu ul li span{ display: block; line-height: 2em;}
.about_culture .qiehuan .xiaotu{ float: right; position:relative; width:110px; height:400px;}
.about_culture .qiehuan .xtu{ position:relative; margin:0px auto; overflow:hidden; width: 100%; height: 342px;}
.about_culture .qiehuan .xtu dl{ position:absolute; left:0px; top:0px;}
.about_culture .qiehuan .xtu dl dd{ position:relative; padding: 1px; margin-bottom: 10px; cursor:pointer; border: 1px solid #dbdbdb;}
.about_culture .qiehuan .xtu dl dd img{ width: 106px; height: 74px; display: block;}
.about_culture .qiehuan .xtu dl dd.current{ border-color: #808080;}
.about_culture .xiaotu .prev{ cursor: pointer; text-align: center; margin: 10px auto;}
.about_culture .xiaotu .next{ cursor: pointer; text-align: center; margin: 10px auto;}

.about_culture .ph_culture{ width: 90%; margin: 0 auto 10px auto;}
.about_culture .ph_culture .swiper-slide{}
.about_culture .ph_culture .swiper-slide img{ display: block; width: 100%;}
.about_culture .ph_culture .swiper-slide span{ display: block; text-align: center; line-height: 3em;}
.about_culture .ph_culture .swiper-button-prev{ transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg); background: none; height: 22px; left: 0;}
.about_culture .ph_culture .swiper-button-next{ transform:rotate(-90deg);-o-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg); background: none; height: 22px; right: 0;}

/*关于三星-企业荣誉*/
.about_honor .pro_topic{ margin-bottom: 1em;}
.about_honor ul.list{ width: 102%; overflow: hidden; margin-bottom: -1em;}
.about_honor ul.list li{ float: left; margin-right: 2%; width: 48%; cursor: pointer;}
.about_honor ul.list li img{transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s; display: block; border: 1px solid #e4e4e4; width: 100%;}
.about_honor ul.list li .name{transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s; width: 100%; max-width: 140px; margin: 10px auto 15px auto; color: #666; line-height: 18px; height: 36px; text-align: center;}
.about_honor ul.list li:hover img{ border-color: #ff4400;}
.about_honor ul.list li:hover .name{ color: #ff4400;}
.honor_alert{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(/index/mark6.png); z-index: 5; min-width: 320px;}
.honor_alert .box{ width: 80%; position: absolute; left: 10%; margin-left: 0px; top: 50%; margin-top: -219px;}
.honor_alert .box img{ width: 100%;}
.honor_alert .box .close{ position: absolute; right: -30px; top: 0; width: 24px; height: 24px; background: url(/index/close.png) no-repeat center; cursor: pointer;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.honor_alert .box .close:hover{transform:rotate(-180deg);-o-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);}

/*关于三星-发展历史*/
.about_history .pro_topic{ margin-bottom: 1em;}
.about_history .show{ color: #ff4401; cursor: pointer; overflow: hidden; line-height: 2.1em; background: #f2f2f2; margin-bottom: 10px;}
.about_history .show .ico{ width: 2.2em; height: 2.1em; float: left; border-right: 1px solid #e3e3e3; background: url(/index/history_icon1.png) no-repeat center;}
.about_history .show .txt{ float: left; margin-left:1.2em;}
.about_history .show.current{ color: #1d282a;}
.about_history .show.current .ico{ background: url(/index/history_icon2.png) no-repeat center;}
.about_history .hide{ display: none; padding: 0.2em 0 0.4em 0; color: #979797; line-height: 1.14em; margin-left: 4em;}
.about_history .hide .line{ background: url(/index/li_dot1.png) no-repeat left 0.8em; padding: 0.5em 0 0.5em 1em; line-height: 1.5em;}
.about_history .hide .line b{ display: inline-block; vertical-align: top; width: 100%;}
.about_history .hide .line span{ display: inline-block; vertical-align: top; width: 90%;}

/*三星科研*/
/*.research_default .floor_modle4{}
.research_default .floor_modle4 .topic{ text-align: center; padding-top: 0.5em;}
.research_default .floor_modle4 .name{ text-align: center; padding-bottom: 1em; margin-bottom: 1em; background: url(/index/pro_topic_line.png) no-repeat center bottom; margin-top: 0.3em;}
.research_default .floor_modle4 .intro{ text-align: center; color: #999; line-height: 1.55em; margin-bottom: 1em;}
.research_default .floor_modle4 dl.dl_img{ border-bottom: 1px dotted #d1d1d1; padding-bottom: 1.5em; overflow: hidden; width: 101%;}
.research_default .floor_modle4 dl.dl_img dd{ overflow: hidden; width: 32.33%; float: left; margin-right: 1%;}
.research_default .floor_modle4 dl.dl_img dd img{ display: block; width: 100%;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.research_default .floor_modle4 dl.dl_img dd:hover img{transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);}
.research_default .floor_modle4 dl.dl_icon{ overflow: hidden; margin: 2em 0;}
.research_default .floor_modle4 dl.dl_icon dd{ width: 30.33%; margin: 0 1.5%; float: left; text-align: center;}
.research_default .floor_modle4 dl.dl_icon dd img{ display: block; margin: 0 auto;}
.research_default .floor_modle4 dl.dl_icon dd .txt{ line-height: 2em; width: 25%; border-bottom: 1px solid #d9d9d9; margin: 0 auto 0.5em auto;}
.research_default .floor_modle4 dl.dl_icon dd .txt span{ display: block; width: 330%; margin-left: -115%; text-align: center;}
.research_default .floor_modle4 dl.dl_icon dd .intro{ color: #8c8c8c;}
.research_default .floor_modle5{}
.research_default .floor_modle5 .topic{ text-align: center; background: url(/index/pro_topic_line.png) no-repeat center bottom; padding-bottom: 0.7em; margin-bottom: 0.7em; margin-top: 0.8em;}
.research_default .floor_modle5 .gray_intro{ color: #999; line-height: 1.55em; text-align: center;}
.research_default .floor_modle5 .intro{ line-height: 1.55em; margin: 1em 0;}
.research_default .floor_modle5 dl.img_dl{ margin-top: 1.5em; padding-bottom: 1.5em; overflow: hidden; width: 101%;}
.research_default .floor_modle5 dl.img_dl dd{ overflow: hidden; width: 32.33%; float: left; margin-right: 1%;}
.research_default .floor_modle5 dl.img_dl dd img{ display: block; width: 100%;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.research_default .floor_modle5 dl.img_dl dd:hover img{transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);}
.research_default .floor_modle5 dl.icon_dl{text-align: center; border-bottom: 1px dotted #cdcdcd; padding-bottom: 1em;}
.research_default .floor_modle5 dl.icon_dl dd{ vertical-align: top; display: inline-block; *display: inline; *zoom: 1; width: 32.33%; max-width: 150px; }
.research_default .floor_modle5 dl.icon_dl dd img{ display: block; margin: 0 auto;}
.research_default .floor_modle5 dl.icon_dl dd .name{ display: block; margin: 0.8em 0 0.5em 0;}
.research_default .floor_modle5 dl.icon_dl dd .txt{ color: #8c8c8c; font-size: 12px;}
.research_default .floor_modle5 dl.icon_dl1{ border-bottom: 0;}
.research_default .floor_modle5 dl.icon_dl1 dd{ max-width: 220px; margin: 0 2%;}*/
.research_default{}
.research_default .topic{ background: url(/index/pro_topic_line.png) no-repeat center bottom; padding-bottom: 0.5em; text-align: center; margin-bottom: 1em;}
.research_default ul.top_list{}
.research_default ul.top_list li{ overflow: hidden; width: 100%; background: #f2f2f2; margin-bottom: 15px;}
.research_default ul.top_list li .img{ display: block; float: left; width: 100%; overflow: hidden;}
.research_default ul.top_list li .img img{ display: block; width: 100%;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.research_default ul.top_list li .txt{ width: 96%; margin-left: 2%; float: left;}
.research_default ul.top_list li .txt .name{ color: #ff4f11; display: block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; margin-top: 1em;}
.research_default ul.top_list li .txt .name:hover{ text-decoration: underline;}
.research_default ul.top_list li .txt .date{ color: #8c8c8c; background: url(/index/news_line.png) no-repeat left bottom; margin-top: 0.6em; padding-bottom: 0.6em;}
.research_default ul.top_list li .txt .intro{ color: #1d282a; line-height: 1.57em; height: 3.14em; overflow: hidden; margin: 0.6em 0;}
.research_default ul.top_list li .txt .more{ display: block; color: #fff; text-transform: uppercase; width: 106px; height: 25px; line-height: 25px; text-align: center; border-radius: 3px; background: #bfbfbf; font-size: 12px; margin-bottom: 10px;}
.research_default ul.top_list li .txt .more:hover{ background: #ff4401;}
.research_default ul.top_list li .img:hover img{transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);}
.research_default .technical_info .topic{ margin-top: 1em; margin-bottom: 0;}
.research_default .technical_info .intro{ text-align: center; color: #999; margin-top: 1em; margin-bottom: 2em;}
.research_default .technical_info ul{}
.research_default .technical_info ul li{ background: url(/index/li_dot3.jpg) no-repeat left center; overflow: hidden; border-bottom: 1px dotted #bebebe; position: relative;}
.research_default .technical_info ul li .name{ float: left; line-height: 3.6em; width: 60%; overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; text-indent: 16px;}
.research_default .technical_info ul li .download{ width: 18%; height: 22px; line-height: 22px; color: #fff; background: url(/index/download.png) no-repeat 8px center #787d80; text-indent: 10px; text-align: center; display: block; position: absolute; left: 60%; top: 50%; margin-top: -11px; max-width: 95px;}
.research_default .technical_info ul li .download:hover{ background-color: #ff4401;}
.research_default .technical_info ul li .date{ float: right; color: #a3a3a3; line-height: 4.11em;}

.search_result{}
.search_result ul{ margin-bottom: 3em;}
.search_result ul li{ line-height: 3em; border-bottom: 1px dotted #eee;}
.search_result ul li a{overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; display: block; color: #666;}
.search_result ul li a:hover{ color: #0ac2a6;}

.building_main{text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}