@charset "utf-8";
ul,li,td,div,form,img,h1,h2,h3,h4,h5,h6,dl,dt,p,dd,body{ padding:0px; margin:0px;}
ul,li,ol{ list-style-type:none; margin:0px; padding:0px }
a:link,a:visited{ text-decoration:none; color:#676666 }
a:hover { color:#0695f3;}
a img,img{ border:none; vertical-align:middle;}
.clear { clear:both; }
.arial{ font-family:Arial, Helvetica, sans-serif}
.normal{ font-weight:normal}
html{ overflow-x:hidden; background:#fff}
body{ font-size:.875em; font-family:"微软雅黑"; color:#676666;}
input,textarea{font-family:"微软雅黑"; font-size:1em}
.over-hidden{ overflow:hidden}
.margin_5{ height:1px; display:block; clear:both}
.margin_10{ height:10px; display:block; clear:both}
.margin_20{ height:20px; display:block; clear:both}
.margin_30{ height:30px; display:block; clear:both}
.margin_50{ height:50px; display:block; clear:both}
.margin_100{ height:100px; display:block; clear:both}
.padding_1em{ padding:1em 0}
.padding_5em{ padding:5em 0}
.bg_gray{background: #232323}
.bg_f1f1f1{background: #f1f1f1}
.line1{ height:50px; display:block; border-bottom:solid 1px #999; clear:both}
.line2{ height:30px; display:block; border-bottom:solid 1px #999; clear:both}
.line3{ height:10px; display:block; border-bottom:solid 1px #999; clear:both}
.hidden,.xs-show{ display:none;}
.border_none{ border:none}
.btn_box{ text-align:center; clear:both; padding-top:2em}
.btn_box a.btn_a{ padding:10px 30px; background:#E6007F; display:inline-block; margin:0 auto; color:#fff; border-radius:5px}
.btn_box a.btn_a:hover{ background:#c6006d;}
.btn_box a.btn_b{ padding:10px 30px; background:#111; display:inline-block; margin:0 auto; color:#fff; border-radius:5px}
.btn_box a.btn_b:hover{ background:#333;}
.overflow-hidden{ overflow:hidden}
iframe{ width:100%; margin-bottom:3em}
.text-left{text-align: left !important;}
.max_img{width: 100%}

.content{ width:98%; max-width:1250px; margin:0 auto}
.content img,.sub_main img{ max-width:100%;}

.header{ height:40px;line-height:40px;background:#262626; color:#b3b3b3; font-size:.875em}
.header a:link,.header a:visited{ color:#ddd}
.header a:hover{ color:#fff}
.header .a{ width:30%; float:left}
.header .b{ width:68%; line-height: 36px; float:right; text-align:right; position:relative; z-index:99999999}
.header .b span{display: inline-block; vertical-align: middle}
.header .b a{ margin-left:1em; display: inline-block; vertical-align: middle}
.header .b a.btn{background: #05a1f6; color: #fff; padding: .4em .75em; border-radius: 2px; line-height: 1; margin-left: 2em;}
.header .b a:hover.btn{background: #107dd3}
.header .b a.ms{color: #c0e8fe}

.swiper-container-banner{ position:relative; z-index:1; overflow:hidden}
.swiper-container-banner img{width:100%;}
.top{ height:55px; width:100%; clear: both; position: relative; background: #fff}
.top .a{ float:left; line-height:52px; margin-right: 2em}
.top .a img{ max-height:44px; vertical-align:middle}
.menu_power{ cursor:pointer; height:60px; line-height:60px;display:none; background:url(../images/mask_white_80.png);position:fixed;width:100%; z-index:9999999; font-size:1.2em;}
.menu_power ul.content{text-align:center; position:relative}
.menu_power img{ max-height:42px;position:absolute; left:0px; top:10px}
.power{cursor:pointer; position:absolute; top:10px; right:10px; width:24px; height:30px; line-height:1.5;overflow:hidden; z-index:5;display: none}
.menu_power p{ line-height:1.2; display:block; padding-top:.7em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#0695f3}
.menu_power p span{ font-size:.75em}
.power span.line{ height:2px; margin:5px 0; display:block;background:#0695f3; border:none}
.power.is-active .line:nth-child(2){opacity: 0;}
.power.is-active .line:nth-child(1){-webkit-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);-o-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
.power.is-active .line:nth-child(3){-webkit-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);-o-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
.sub_banner ul{height: 400px;}
.sub_banner li{display: table; height: 400px;}
.sub_banner li dl{display:table-cell; vertical-align: middle; color: #fff; text-align: center}
.sub_banner li dt{font-size: 2em; padding:0 0 .5em 0;}
.sub_banner li dd{max-width: 900px; margin: 0 auto;}
.big_banner ul,.big_banner li{height: 860px}

.menu div{ display:inline-block; padding:0 1.5em; line-height: 55px; position: relative;}
.menu ul{opacity: 0; position: absolute; top: 80px; left: 0; background: #fff; z-index: -12; width:120%;box-shadow: inset 0 2px 2px rgba(0, 0, 0, .1);transition: all .5s; box-shadow: 0 1px 2px rgba(0, 0, 0, .1)}
.menu ul li{padding-left: 1.5em; line-height: 38px}
.menu ul li:hover{background: #0071e4; }
.menu ul li:hover a{color:#fff; display: block}
.menu div:hover ul{opacity: 1;z-index: 12; top: 55px;}
.menu i{font-size: .875em;}
.sub_menu a{display: inline-block; padding: .5em 3em; background: #888; color:#FFF}
.sub_menu a#left_current{background: #107dd3}
.sub_menu a:hover{opacity: .9}
a#nav_current{color: #0071e4 !important}

dl.title a{ color:#107dd3}
dl.title dt{font-size:1.5em; display: inline-block; vertical-align: middle; margin-left: 0; }
dl.title dd{ padding-left:.5em; display: inline-block; vertical-align: middle; font-size: .9285em;}
dl.sub_title{text-align: center; padding: 5em 0; line-height: 1.5;}
dl.sub_title dt{font-size: 2.25em; color: #010101 }
dl.sub_title dd{color: #888}
dl.sub_title2{font-size: 1.5em; text-align: left; padding: 1em 0;}
.sub_content_box .white dl.sub_title,.sub_content_box .white dl.sub_title dd{color: #fff}
.box{overflow: hidden;}
.sub_main{line-height: 2;}
.main_shadow{box-shadow: inset 0 2px 2px rgba(0, 0, 0, .1);}
.index_service{background: #2f2f2f}
.index_service li{width: 25%; float: left; text-align: center; color: #fff; position: relative;}
.index_service li a{display:block; color: #fff; width: 100%; height: 100%; overflow: hidden; position: relative}
.index_service li:hover a{position: relative;box-shadow: 5 0 15px rgba(16,125,211, .2);}
.index_service a dl{width: 90%; margin: 0 auto; padding: 3em 0; position: relative; z-index: 2;}
.index_service a dt{padding: 1em 0;}
.index_service a i{font-size: 3.5em;}
.index_service a dd{line-height:2; }
.index_service a dd h5{font-size: 1.05em; font-weight: normal;}
.index_service a div.info{font-family: arial; font-size: .875em; opacity: .8}
.index_service a p.mask{width: 100%; height: 100%; background: #107dd3; position: absolute; top: 0; left: 0; z-index: 1;display: none}
.index_service a p.mask span{font-size: 7em; font-weight: bold; font-family: arial; color:#676666; position: absolute; right:.1em; bottom:-0.55em}

.index_news .box{border: solid 1px #eee; text-align: center}
.index_news .box ul{width: 33.3333%; display: inline-block; vertical-align: top; margin: 0 -4px 0 0;}
.index_news .box ul li{border-right: solid 1px #eee}
.index_news .box ul.none li{border:none}
.index_news .box ul dl{width: 92%; margin: 0 auto; padding: 2em 0; text-align: left}
.index_news .box ul dd{width: 94%; margin: 0 auto;}
.index_news .box ul dd div.info{ height: 50px; overflow: hidden; line-height: 1.75;}
.index_news .box ul dd div.more{clear: both; padding-top: 1em;}
.index_news .box ul dd div.more a{border-bottom: solid 2px #107dd3; display: inline-block; padding: .5em 0; font-family: arial; color:#107dd3}
.index_news .box ul dd div.more a:hover{color: #676666; border-color: #676666}
.index_news .box ul:hover img{opacity: .8}
.index_news .box ul dd h5{font-size: 1.1333em; font-weight: normal; padding: 1.5em 0; }
.index_news .box ul dd h5 a{color:#000}
.index_news .box ul dd h5 a:hover{color:#0695f3}
.index_news .box img{width: 100%;}

.index_solution ul{width: 25%; display: inline-block; vertical-align: top;margin: 0 -4px 0 0; position: relative;}
.index_solution p.mask{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: .7; z-index: 2; transition: all .5s}
.index_solution a{position: relative;width: 100%; height: 100%; display:table; color: #fff;}
.index_solution a dl{display: table-cell;}
.index_solution a dd{position: absolute;width: 100%; text-align: center; z-index: 4; top:40%; transition: all .5s}
.index_solution a img{width: 100%}
.index_solution i{font-size: 3.5em;}
.index_solution h6{width: 20px; height: 2px; background: #fff; margin: 2em auto;}
.index_solution h5{font-size: 1.25em; font-weight: normal;}
.index_solution p.more{margin-top: 3em; padding: .5em 2em; border: solid 1px #fff; font-size: .9285em; display: none}
.index_solution ul:hover p.more{display: inline-block;}
.index_solution ul:hover p.more:hover{ background: #fff; color:#107dd3 }
.index_solution ul:hover p.mask{background-color: #107dd3; opacity: .85}
.index_solution ul:hover a dd{top:30%;}
.index_partner .box{text-align: center; padding-top: 3px;}
.index_partner img{box-shadow: 0 0 1px #888; max-width:92%; margin-bottom: .75em;}

.row3{ text-align:center}
.row3 ul{ width:33.3333%; display:inline-block; margin:0 -4px; vertical-align:top; padding-bottom: 1.5em;}
.row3 ul li{width: 94%; margin: 0 auto;background: #fff; padding: 1em 0;box-shadow: 0 0 1px rgba(0, 0, 0, .3)}
.row3 ul:hover li{box-shadow: 0 0 10px rgba(0, 0, 0, .25)}
.row3 ul dl{ width:94%; margin:0 auto; line-height:1.5; text-align: left;}
.row3 ul h5{ font-size:1.05em; display:block; padding:1.25em 0}
.row4 ul{ width:25%; }
.kfpt dl{text-align: center !important}
.kfpt .row4 p{display: inline-block; background: #108cee; padding: 2em; line-height: 1; border-radius: 50%}
.kfpt .row4 p i{font-size: 3em; color: #fff;}
.kfpt .row4 p i.h-icon-test6{font-size: 2.6em; margin: 2px auto; display: block;}
.kfpt .row4 dd{padding: 1em 0; font-size: 1.1333em;}
.kfpt_2{text-align: center;}
.kfpt_2 ul{width: 25%; display: inline-block; vertical-align: top; margin: 0 -4px;}
.kfpt_2 ul li{width: 94%; margin: 0 auto; background: #fff; border: solid 1px #ddd}
.kfpt_2 ul li dl{width: 90%; margin: 0 auto;}
.kfpt_2 ul li dt{border-bottom: solid 1px #eee}
.kfpt_2 ul li dt img{max-width: 32%; margin: 1.75em auto;}
.kfpt_2 ul li dd{min-height: 120px; text-align: left; padding-top: 1.5em; font-size: .9285em;}
.kfpt_2 ul li h5{font-size: 1.25em;}
.online_btbox{text-align:center; padding: 1.5em 0; font-size: 1.1333em; line-height: 3;}
.online_btbox a{background: #108cee; padding: .5em 3em; border-radius: 20px; color: #fff;}
.list_show{padding-top: 3em;}
.list_show .l{width: 20%; display: inline-block; vertical-align: top; }
.list_show .l dt{border: solid 1px #ddd; display: block; text-align: center; padding: 2em 0;}
.list_show .l dd{text-align: center; padding: .5em 0;}
.list_show .r{width: 74%; margin-left: 5%; display: inline-block; vertical-align: top; }
.list_show .r h5{font-size: 1.5em; font-weight: normal;}
.news .l{width: 70%; display: inline-block; vertical-align: top;}
.news .l dl{padding: 2em 0; border-bottom: solid 1px #eee}
.news .l dt{width: 70%; display: inline-block; vertical-align: top;}
.news .l h5{font-size: 1.25em; font-weight: normal;}
.news .l div.info{color: #999; padding: 1em 0; line-height: 1.5; font-size: .875em;}
.news .l div.time{font-size: .75em; color: #999}
.news .l dd{width: 24%; display: inline-block; vertical-align: top; margin-left: 5%;}
.news .r{width: 25%; display: inline-block; vertical-align: top; margin-left: 4%; padding-top: 1em; margin-right: -4px;}
.news_top .tt .a{font-size: 1.333em;}
.news_top .tt .a span{color:#107dd3;}
.news_top .tt .b{height: 1px; background: #ddd; margin-top: .5em;}
.news_top .tt .b span{display: block; width:75px; height: 1px; background: #107dd3}
.news_top .n dl{padding: .85em 0 0 0; line-height: 1.5;}
.news_top .n dt{width: 10%; display: inline-block; vertical-align: top; margin-right: -4px;}
.news_top .n dt.o{color:#ee8b44}
.news_top .n dd{width: 86%; display: inline-block; vertical-align: top; margin-left: 3%; margin-right: -4px; font-size: .875em;}
.news_top .n div.info{color:#999;}
.feedback li{clear: both; padding: 1em 0;}
.feedback li input,.feedback li textarea{width: 40%; border: solid 1px #ddd; padding: .5em .25em; font-size: .875em;}
.feedback li textarea{width: 70%;}
.feedback li span{float: left; color: #f00; font-weight: bold; font-size: 1.1333em; margin-right: .25em;}
.feedback h5{font-size: 2em; padding: 1em 0; display: block;}
a.bt_feedback{margin-left: .75em; background: #107dd3; color:#fff; padding: .5em 2em;}
a:hover.bt_feedback{opacity: .8}
.error_feedback{font-size: .875em; color: #f00;}
.service .row4 ul dt,.service .row4 ul h5{text-align: center;}
.service .row4 ul dt img{max-width: 50px; margin: 0 auto;}
.service .row4 ul dd{max-width: 86%; margin: 0 auto; font-size: .9285em;}
.service .row4 ul dd h5{font-size: 1.25em;}
.service .bbbb img{box-shadow: 0 0 10px rgba(0, 0, 0, .15)}
.download h2{text-align: center; padding: 1em 0; font-size: 1.25em;}
.download dt{text-align: center;}
.download dt i{ font-size: 3em; color:#107dd3}
.download dd{text-align: center;}
.download .a_box{padding: 1em 0;}
.download dd a{display: inline-block; width: 80%; display: block; margin: 0 auto; text-align: center; padding: .5em 0; color:#fff; background: #107dd3}
.download dd a i{font-size: 1.5em; display: inline-block; margin-right: .25em; vertical-align: middle;}
.download dd a:hover{opacity: .8}
.page404{padding: 5em 0 10em 0; text-align: center;}
.page404 i.icon-40401{font-size: 10em;}
.page404 h5{font-size: 1.5em; padding: .5em 0}
.page404 h6{font-size: 1.05em; font-weight: normal; margin-bottom: 3em}
.page404 .link_bt{padding: .5em 1.5em; display: inline-block; vertical-align: middle; background: #888; color: #fff; margin: 0 .5em; border-radius: 5px;}
.page404 .link_bt:hover{opacity: .8}
.page404 .btna{background: #f63439}
.cpfw .row3 ul li{padding: 0;}
.cpfw .row3 ul dl{width: 100%; text-align: center;}
.cpfw .row3 ul dl img{width: 100%}
.cpfw .row3 h5{font-weight: normal; color: #000}

.footer{ background:#292929;color:#666;font-size:.875em; line-height:1.8;}
.footer a{color: #666}
.footer a:hover{text-decoration: underline}
.footer .both{background: #353535; padding: 2em 0; text-align: left}
.footer .both dt,.footer .both dd{display: inline-block; vertical-align: middle;}
.footer .both dd{padding-left: 1em; color: #9e9e9e}
.footer .both dt img{max-width: 120px;}
.footer ul.a{padding: 2em 0;}
.footer ul.a dl{ width:24%; display: inline-block; vertical-align: top; text-align: left}
.footer ul.a dt{padding: .25em 0;}
.footer ul.a dd{padding: .25em 0;}
.footer ul.a h5{font-size: 1.13333em; font-weight: normal; color: #cccccc}
.f_tool{height:60px;background:#fff;position:fixed;width:100%; z-index:123456; left:0; bottom:0; display: none; box-shadow: 0 -1px 1px #fff;}
.f_tool a{ width:22%; float:left; text-align:center; color:#666; height: 60px; padding-top: .35em}
.f_tool a.first{background: #107dd3; color: #fff; width: 56%; display: block; height: 60px; line-height: 40px; font-size: 1.1333em}
.f_tool a:hover.first{opacity: .7}
.f_tool a.first i.hst{vertical-align: middle; font-size: 2em}
.f_tool a.first dt,.f_tool a.first dd{display: inline-block; vertical-align: middle;}
.f_tool a i{font-size: 1.45em; margin-top: 4px; display: block;}
.f_tool a.second dl{border-right: solid 1px #ddd; display: block;}

.copyright{ padding:1em 0; font-size:.875em; border-top: solid 1px #3b3b3b}
.footer .d,.footer .d a{ color:#ddd}
.footer .c a:hover,.footer .d a:hover{color:#ddd;}
.form_box{ position:fixed; left:50%; top:50%; z-index:99; width:300px; height:400px; margin-left:-150px; margin-top:-200px; background:#fff; display:none}
.form_box form{ width:80%; margin:0 auto;}
.form_box ul{position:relative}
.form_box ul b{ position:absolute; right:10px; top:10px; font-weight:normal; cursor:pointer}
.form_box h5{ font-size:1.5em; text-align:center; padding:1em 0 .5em 0}
.form_box dt{ padding-top:.8em; font-weight:bold}
.form_box dt span{ color:#F00; vertical-align:middle}
.form_box dd{ width:100%; border:1px #ddd solid; display:block}
.form_box dd input,.form_box dd textarea{ border:none; background:none; width:96%; margin:0 auto; padding:.2em 0; display:block; font-size:12px}
.form_box a{ width:100%; padding:.5em 0; display:block; background:#0695F3; text-align:center; color:#fff; margin-top:.8em; border:solid 1px #0695F3}
.form_box a:hover{ background:#0286dd}

.fy{padding:3em 0 0; clear:both; text-align:left; font-size: .875em;}
.fy1,.fy2,.fy3,.fy4{padding:3px 8px; text-align:center; clear:both; color:#333; background:#fff;border:solid 1px #ccc}
.fy1,.fy2{color:#999; margin:0 1.6px}
.fy3,.fy4{color:#888; background:#fff}
.fy4{ padding:3px 7px}
a:link .fy4,a:visited .fy4{ background:#888; color:#fff}
a:link .fy1,a:visited .fy1{ color:#888}
a:hover .fy1,a:hover .fy2,a:hover .fy4{color:#999;}
.page_jum{ margin:0 0 0 3px; color:#999}
#jumpMenu{height:19px; margin:0 2px;}
.inline_content{ max-width:650px}
.customNextBtn,.customPrevBtn{ cursor:pointer}
.content iframe{ min-width: 100%;}
.mask_box{ width:100%; height:100%; background:#000; opacity: .4; position:fixed; _position:absolute;left:0; top:0px; z-index:9; display:none}

.swiper-container-event{ position:relative;}
.swiper-container-event .swiper-pagination{ position:relative; margin-top:25px}
.swiper-container-event .swiper-pagination-bullet{ border:none; background:#fff;opacity:1}
.swiper-container-event .swiper-pagination-bullet-active{ background:#666; border-color:#666}
.swiper-container-banner .swiper-pagination-banner{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-container-banner .swiper-pagination-bullets{ bottom:30px;}
.swiper-container-banner .swiper-pagination-bullet{ border:none; background:#929393;opacity:1; padding: 0; width: 22px; height: 3px; border-radius: 0 !important}
.swiper-container-banner .swiper-pagination-bullet-active{ background:#fff;}
.swiper-container-event .swiper-pagination-bullets{ margin-top:25px; text-align:center}
.swiper-button-prev,.swiper-button-next{ opacity:.3}
.swiper-button-prev:hover,.swiper-button-next:hover{ opacity:1}
.swiper-container-other{ position:relative; overflow:hidden}
.btn-hidden{ display:none}
.swiper-btn-box-black{ text-align:center; padding-top:2em}
.swiper-next-black,.swiper-prev-black{ opacity:.8; cursor:pointer; width:45px; height:45px; display:inline-block; text-align:center; line-height:45px; color:#fff; background:#111; font-family:"榛戜綋"; font-size:2.2em; margin:0 2px}
.swiper-next-black:hover,.swiper-prev-black:hover{ opacity:1}

@media screen and (max-width:1200px) and (min-width:1024px){
}
@media screen and (max-width:1024px){
}
@media screen and (max-width:1023px){
	body{ font-size:.875em;-webkit-text-size-adjust:none;}
}
@media(max-width:768px){
}
@media(max-width:767px){
	.header .a,.header a.nbt,.banner_form{display: none;}
	.header .b{ width: 100%;}
	.top{z-index: 9999; position: relative;}
	.top .a img{ max-height:36px;}
	.top div.b{position: absolute; top:55px; right:-60%; z-index: 1234; width: 60%;background: rgba(255, 255, 255, .9)}
	.menu div{display: block; padding: .5em 0; line-height: 1; text-indent: 2em;}
	.menu ul{opacity: 1; position: relative; top: 0; left: 0;z-index: 1; width:100%;box-shadow:none;background: none; padding-top: .5em;}
	.menu ul li{text-align: left; line-height: 2; text-indent: 2.5em;}
	.menu ul li:hover{background:none; }
	.menu ul li:hover a{color:#107dd3;}
	.menu div:hover ul{opacity: 1;top: 0px}
	.menu i{float: right; margin-right: 2em;}
	.power{display: block}
	.row3 ul{ width:50%;}
	.kfpt_2 ul{width:33%; padding-bottom: .5em;}
	.kfpt_2 ul li dd{min-height: 100px; line-height: 1.2;}
	.news .l,.news .r{width: 100%; display: block; margin:0 0 2em 0;}
	.footer{padding-bottom: 80px;}
	.f_tool{display: block;}
}
@media(max-width:640px){
	body{ font-size:.75em}
	.margin_50{height: 20px;}
	.form_box{ font-size:1.1333em}
	.content{ width:92%;}
}
@media(max-width:639px){
	.xs_hide{display: none;}
	.sub_banner ul,.sub_banner li{height: 180px; line-height: 1.5;}
	dl.sub_title dt{font-size: 1.5em;}
	.sub_menu a{padding: .25em .5em; margin-bottom: .25em; font-size: .9285em; background: #888; color:#FFF}
	.index_service a dl{padding: 2em 0;}
	.index_service a i{font-size: 2em;}
	.index_service a dt{padding: .5em 0;}
	.index_service a dd{line-height:1; }
	.index_service a dd h5{padding: .5em 0;}
	.index_news .box,.index_news .box ul li{border: none}
	.index_news .box ul{width: 100%; display: block;margin: 0;}
	.index_news .box ul dl{width: 100%;padding:0 0 2em 0; border-bottom: 1px solid #eee; margin-bottom: 2em;}
	.index_news .box ul dt{width: 34%; display: inline-block; vertical-align: top}
	.index_news .box ul dd{width: 60%; margin-left: 3%; display: inline-block; vertical-align: top}
	.index_news .box ul dd h5{padding: 0; font-size: 1em; font-weight: bold;}
	.index_news .box ul dd div.info{height: auto; line-height: 1.4; color: #888; padding-top: .5em;}
	.index_news .box ul dd div.more{display: none;}
	.index_solution a dd{top:20%;}
	.index_solution i{font-size: 2em; font-weight: bold;}
	.index_solution h5{font-size: 1em; }
	.index_solution ul:hover p.more{display:none;}
	.index_solution ul:hover a dd{top:20%;}
	.index_partner img{min-width: 96%; margin-bottom: 0;}
	.footer .both dd{padding: 1em 0 0; line-height: 1.4;}
	.links{display: none;}
	.footer ul.a dl.f1,.footer ul.a dl.f2,.footer ul.a dl.f3{width: 32%;}
	.footer ul.a dl.f4{width: 100%;}
	.footer ul.a dl.f4 h5{font-size: 1.5em;}
	.footer ul.a dl.f4 dd{display: none;}
	.copyright{line-height: 1.5;}
	.cpfw .row3 ul{ width:100%; display:block; margin:0;}
	.cpfw .row3 ul:hover li{box-shadow:none}
	.cpfw .row3 ul li,.cpfw .row3 ul dl{width: 100%; background: none; padding:0}
	.cpfw .row3 ul dt{width: 36%; display: inline-block; vertical-align: middle;}
	.cpfw .row3 ul dd{width: 59%; display: inline-block; vertical-align: middle; margin-left: 3%;}
    .cpfw .row3 ul h5{padding: 0;}
	.kfpt_2 ul{width:50%;}
	.kfpt .row4 p i{font-size: 2em;}
	.list_show .l{width: 100%; display:block;}
	.list_show .l dt{border: none; padding:0;}
	.list_show .l dd{display: none;}
	.list_show .r{width: 100%; margin-left: 0; display: block;}
	.list_show .r h5{font-size: 1.25em;}
	.qdhz ul,.qdhz li{width: 100% !important; margin: 0;}
	
}

@media(min-width:1286px){
	.show-product{bottom: 40px;}
	.yt150-img{margin-right: 20px;}
}
@media(max-width:1286px){
	.product-img{width: 23%;}
	.show-product{width: 43%;bottom: 7%;}
	.yt150-img{margin-right: 0;}
	.product-row-three{padding-left: 1.5%;}
}
@media(max-width:950px){
	.product-img{width: auto;}
	.show-product{width: auto;bottom: 40px;}
	.product-row-three{text-align: center;padding-left: 0;}
}
.product-img{position: relative;display: inline-block;margin-bottom: 15px;border-bottom: 5px solid #f9fbff;}
.yt100-img{margin-right: 20px;}
.product-img:hover{
	box-shadow: 0 0 5px #d0d0d0,
		0 0 5px #d0d0d0,
		0 0 5px#d0d0d0,
		0 0 5px #d0d0d0;
	border-bottom: 5px solid #05a1f6;
	border-radius: 8px;
}
.yt185-img{margin-right: 20px;}
.show-product{position: absolute;left: 25px;cursor: pointer;}
dl.hardware-title dt{
	padding-bottom: 15px;
}
.hardware-title::after{background-color: #05a1f6;height: 2px;width: 160px;content: " ";position: absolute;left: 0;right: 0;margin: 0 auto;}
.border-box{border: 1px solid #f1f1f1;}
ul.border-box{padding-left: 50px;}
ul.border-box li{list-style-type: disc;line-height: 50px;}
.sub_title2_1{font-size: 20px;color: black;padding: 10px 30px;}
.product-name{color: black;margin: 15px;}
.product-introduction{width: 50%;margin: 0 auto;text-align: left;}
ul.scene{width: 24%;display: inline-block;}
.border-shadow{box-shadow: 1px 1px 2px #f1f1f1;}
.product-swiper div{display: inline-block;border: 1px solid #f1f1f1;border-radius: 8px;margin: 0 15px;}
.product-swiper div.current-product{border-color: #05a1f6;}