@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ background:#f8f8f8;}
body{padding:0px; margin:0px; font-size:1rem; line-height:20px;color:#4c4c4c; font-family:"微软雅黑"}
div,ul,li,p,h1,h2,dl,dt,dd,a{ padding:0px; margin:0px;}
a{ color:#4c4c4c; text-decoration:none; display:block;}
a:hover{ color:#0b3794;}
img{ border:none;}
li{ list-style:none;}
.header,.main,.footer{width:100%;}
.left{ float:left;}
.right{ float:right;}
.mt1{ margin-top:1rem;}
.mt2{ margin-top:2rem;}
.clear{ clear:both;}
.fwb{ font-weight:bold;}
/*header*/
.header{height:3rem; background:#fff; line-height:3rem; position:relative; z-index:1; position:fixed; top:0px; left:0px; width:100%;}
.header .left{ width:50%;}
.header .right{ width:50%;}
.header .left img{ height:2rem;display:block; margin-top:0.5rem; margin-left:0.5rem;}
.header .nav a{ width:3rem; height:3rem; float:right;}
.header .nav a.phone{ background:url(phone.png) center center no-repeat; background-size:70% auto;}
.header .nav a.menu{ background:url(menu.png) center center no-repeat; background-size:70% auto; margin-right:0.5rem;}
/*banner*/
.banner{ width:100%;}
.banner img{ width:100%;}
.scroll{ width:100%; position:relative; margin-bottom:-5px;}
.scroll_box{overflow:hidden;visibility:hidden;position:relative;}
.scroll_wrap{overflow:hidden; position:relative;}
.scroll_wrap li{position:relative;display:block;width:100%;float:left;}
.scroll_wrap li a{display:block;margin:0 auto;position:relative;}
/*footer*/
.footer{ line-height:1.2rem; padding:0.7rem 0;text-align:center; background:#f3f3f3;width:100%; clear:both; font-size:0.8rem;}
/*index*/
.main{ padding-top:3rem;}
.list{ clear:both; overflow:hidden; height:100%;border-top:1px #eee solid;}
.list li{ height:3rem; padding:0.8rem 0.5rem 0.8rem 0.5rem; position:relative; border-bottom:1px #eee solid; background:#fff;}
.list li .list_icon{ width:4rem; text-align:center; float:left;}
.list li .list_title{ margin-left:4rem;padding-top: 3px;}
.list li .list_arrow{ height:3rem; width:2rem; background:url(arrow.png) left center no-repeat; background-size:auto 50%; position:absolute; right:0px; top:10px;}
.list li .list_title div{ color:#333;}
.list li .list_title p{ color:#aaa;font-size: 12px;}
/*page*/
.page{padding-top:3rem;}
.m_page img{ width:100%;}
.m_page_tab{ height:3rem;background:#fff; border-bottom:1px #eee solid; font-size:1rem;}
.m_page_tab ul{ padding:0 0.5rem;}
.m_page_tab li{ float:left; width:25%;text-align:center;line-height:3rem; overflow:hidden;}
.m_page_tab li a{ display:block; line-height:3rem; width:100%;overflow:hidden;}
.m_page_tab li a.cur,.m_page_tab li.cur{ border-bottom:2px #0372d0 solid; color:#0372d0;}
.page_content{ padding:1rem; background:#fff;}
.page_content img{ width:100%;}
/*新闻*/
.m_newslist li{border-bottom:1px #eee solid; padding:0.8rem 0;}
.m_newslist li a{ display:block;color:#333;}
.m_newslist li div{ margin-bottom:0.5rem;}
.m_newslist li p{ color:#999;font-size:0.9rem;}
.newstitle{color:#333;text-align:center; border-bottom:1px #ccc dotted; font-size:1.6rem; line-height:2rem; padding:1.2rem 0;}
.date{ color:#999; text-align:center; padding:1rem 0;}
.date span{ padding:0 5px;}
.newscon{ color:#333; font-size:1rem;}
/*分页*/
.pages {clear:both; padding:1rem;}
.pages a{display:block; height:3rem; line-height:3rem; text-align:center;}
.pages span.current{ background:#3dbb2b; border:1px #3dbb2b solid; color:#fff; float:right;padding:5px 8px;}
/*product*/
.pro_page{ background:#fff;}
.pro_topbaner{ margin-bottom:-5px;}
.pro_topbaner p img{ width:100%;}
.pro_page img{ width:100%;}
.pro_page{ width:100%;}
.pro_page .screen{ padding:2rem 1rem;overflow:hidden;}
.pro_page .pbnone{ padding-bottom:0;}
.pro_page .right{ text-align:right; width:48%; overflow:hidden;}
.pro_page .left{ line-height:30px;width:48%; overflow:hidden;}
.pro_page .left img,.pro_page .right img{ width:100%;}
.pro_page .left,.pro_page .right{ line-height:35px;}
.pro_page .left .fs18,.pro_page .right .fs18{ margin-top:15px;}
.pro_page .left .fs24,.pro_page .right .fs24{ margin-top:15px;}
.pro_page .bluebg .left,.pro_page .bluebg .right{ color:#fff;}
.bluebg{ background:#118be1;}
.lightbg{ background:#e7f0f7;}
.whitebg{ background:#fff;}
.greybg{ background:#f2f5f6;}
.white,.blue,.black{font-size:1.4rem; text-align:center; padding-bottom:1rem;}
.blue{color:#0273cf;}
.white{ color:#fff;}
.orange{ color:#ef5c29;}
.bigger{ font-size:30px;}
.fs14{ font-size:1rem;}
.fs18{ font-size:1.1rem;}
.fs24{ font-size:1.4rem;}
.fs12{ font-size:0.7rem;}
.groupicon2,.groupicon3,.groupicon4{ width:100%; float:left;}
.groupicon2 li,.groupicon3 li,.groupicon4 li{ float:left; width:33.3%; color:#333; font-size:14px; text-align:center; line-height:1.2rem;}
.groupicon2 li .gtitle,.groupicon3 li .gtitle,.groupicon4 li .gtitle{ font-size:1rem; padding:0.5rem 0; }
.groupicon2 li{ width:50%;}
.groupicon3 li{ width:33.3%; margin-bottom:1rem;}
.groupicon4 li{ width:25%;}
.groupicon2 li p,.groupicon3 li p,.groupicon4 li p{ width:90%; margin-left:5%; font-size:0.8rem;}
.groupicon2 li img,.groupicon3 li img{ width:4rem;}
.wboxlist li{ width:25%; float:left; height:2rem; line-height:2rem; text-align:center; margin-bottom:1rem;}
.wboxlist li span{ width:90%; margin-left:5%; display:block;background:#fff;}
.topfont{ padding-bottom:1.5rem; overflow:hidden;}
.topfont li{ float:left; width:33.3%;}
.topfont li p{ width:80%; margin-left:10%;}
.topfont li p.fs18{ padding-bottom:1rem;}
.bottoming{ text-align:center;} 
.bottoming img{ width:90%;margin-bottom: -5px;}
/*客户案例*/
.m_clist ul{width:100%; margin-top:1.5rem; border-top:1px #eee solid;}
.m_clist li{ padding:1rem; border-bottom:1px #eee solid; clear:both; background:#fff;}
.m_clist li a{ display:block;}
.m_clist li div{ color:#333;}
.m_clist li p{ color:#999;}
.m_sort{ overflow:hidden; width:100%; float:left; padding-bottom:1.4rem;}
.m_sort li{ width:25%; float:left; height:2.2rem; margin-top:1rem; line-height:2.2rem;}
.m_sort li a{ display:block; width:80%; margin-left:10%; text-align:center; border:1px #eee solid; background:#fff;} 
.m_sort li a.cur{ background:#037dd0; color:#fff; border:1px #037dd0 solid;}
.m_sort .m_stitle{padding:1rem 0 0.3rem 0;}
.m_stitle{ text-align:center; font-size:1.4rem; color:#333;}
.m_cimg{ background:#fff; width:100%; overflow:hidden; border-bottom:1px #eee solid;}
.m_cimg ul{ margin:0.5rem;overflow:hidden;}
.m_cimg ul li{ width:25%; float:left; text-align:center; margin-bottom:1rem;}
.m_cimg ul li img{ width:80%;}
.m_cimg .m_stitle{padding:1rem 0 0.8rem 0;}
/*头部菜单*/
.m_menu{ position:absolute; width:55%; right:0px; background:#fff; top:0px;height:100%; overflow:scroll; z-index:3;}
.m_menu ul{border-bottom:1px #d8d8d8 solid; padding:0.5rem 0;}
.m_menu ul li{height:2.4rem; line-height:2.4rem;font-size:1rem;}
.m_menu ul li a{ color:#666; padding-left:1rem;}
.menumask{background-color:rgba(0,0,0,0.6); width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:2;}
.menu_close{ height:3rem; width:3rem; position:absolute; top:0.2rem; right:0.2rem;}
.menu_close a{ width:3rem; height:3rem; float:right; display:block; background:url(iconclose.png) center center no-repeat; background-size:60% auto;}
/*2016-7-16*/
.iconlist{ overflow:hidden; padding-top:115px;}
.iconlist li{ width:30%; float:left; text-align:center; margin-bottom:20px;}
.wbox{ width:100%; overflow:hidden;}
.wbox li{ width:16.6%; float:left; height:2.4rem; margin-bottom:1rem; text-align:center; }
.wbox li span{ display:block; width:90%; margin-left:5%;background:#e7f0f7; font-size:0.7rem;height:2.4rem;line-height:2.4rem; overflow:hidden;}
.wbox li.wblue span{ background:#0da9f2;color:#fff;}
.wbox li.wgreen span{ background:#42c834; color:#fff;}
.wbox li.worange span{ background:#ff6f4d; color:#fff;}
/*2016-8-20*/
.bgfontsr,.bgfontsl{ position:relative;}
.bgfontsr img{ position:absolute; left:0px;width:60%;}
.bgfontsr .fonts{ position:absolute; right:1rem; text-align:left; top:50%; margin-top:-55px;line-height:1.6rem;}
.pro_page .bgfontsr{padding-top:0px; padding-bottom:0px;}
.pro_page .bgfontsl{padding-top:0px; padding-bottom:0px;}
.bgfontsl img{ position:absolute;width:60%; right:0px;}
.bgfontsl .fonts{position:absolute;text-align:left;line-height:1.6rem; left:1rem; top:50%; margin-top:-55px;}
.banklist{ padding-bottom:20px; width:100%; overflow:hidden;}
.banklist li{ width:33%; float:left; text-align:center; margin-bottom:30px;}

.m_group{ background:#fff; overflow:hidden; width:100%; float:left;border-top:1px #d8d8d8 solid; padding-bottom:0.6rem;}
.group_title{ height:3.8rem; line-height:3.8rem; font-size:1.4rem; color:#000; text-align:center;}
.m_group ul{ width:100%;}
.m_group li{ float:left; width:33.333%; text-align:center; overflow:hidden; margin-bottom:0.8rem;}
.m_group li p{ height:1.4rem; overflow:hidden;}
.m_group li img{ width:80%;}

.listtwo{border-top:1px #eee solid; clear:both; background:#fff; overflow:hidden; height:100%;}
.listtwo li{ float:left; width:50%;}
.listtwo li a{ display:block; overflow:hidden; height:2.8em; padding:1em 0.5em; border-bottom:1px #eee solid;}
.listtwo li:nth-child(odd) a{border-right:1px #eee solid;}
.listtwo li a div{ width:4em; float:left; text-align:center;}
.listtwo li a div img{ width:70%;}
.listtwo li a p{ margin-left:4em; line-height:2.8em;}


.title_ny{font-size:24px; color:#0874c7; text-align:center; line-height:40px; margin-bottom:16px;}
.pro_page p{line-height:1.75; font-size: 14px;}

.kf_box{width: 32%; margin: 2%; float:left; background:#ffffff; padding:20px; border-radius:8px; text-align:center;}
.kf_box img{width:40px; height:40px; margin-bottom:10px;}