@charset "gb2312";
body {
	padding:0;
	margin:0;
	font:16px/28px 'Microsoft Yahei','微软雅黑';
	color:#333;
	}

*{padding:0;margin:0;font-weight:normal;}
h1,h2,h3,h4,h5{font-weight:600;}
h4{font-size:16px;}
ul,li{list-style:none;}
a:link,a:visited{color:#333; text-decoration:none;}
a:hover{color:#5e7af7; text-decoration:none;}
img{border:none;}

.clearfix:before,.clearfix:after{
content:"";
display:table;
}
.clearfix::after{display:block;clear:both;content:""}
.clearfix:after{
clear:both;}
.clearfix{
*zoom:1;
}
.container{width:100%;max-width:1200px;margin:0 auto;}


.header{width:100%;}
.logo{float:left;width:25%;}
div#menu{float:right;}
#menu #m_content{float:right;}
/*--------一级菜单样式---------------------padding-top:8px;-*/
#m_nav li{float:left; display:block;width:125px; text-align:right; font-size:16px; position:relative; z-index:100; list-style:none;}
#m_nav li a:link,#m_nav li a:visited{color:#333;display:block; height:100px;line-height:100px;}
#m_nav li a:hover {color:#5e7af7; text-decoration:none;}

#m_nav li.cur{width:125px;color:#5e7af7;height:100px;line-height:100px;}
#m_nav li.cur a{height:100px; color:#5e7af7; display: block;}


#m_nav li span{color:#FFF; display:block;}
#menu_ul li:hover ul{position: absolute;  display:block;z-index:100;}  
/*--------二级菜单样式------- */
#m_nav li ul{list-style:none; position: absolute; left:0; top:100px; width:150px; display:none;}
#m_nav li ul li{text-align:center;background-color:#5e7af7; position:relative; font-size:14px; width:150px; background-image:none; filter:alpha(opacity=90);  -moz-opacity:0.9; opacity:0.9; height:32px; line-height:32px;border-radius:none;border-bottom:#5e7af7 1px solid;}
#m_nav li ul li a:link,#m_nav li ul li a:visited{display:block; color:#fff;height:32px; line-height:32px; font-weight:500;background-image:none;border-radius:none;}
#m_nav li ul li a:hover{background-image:none; background-color:#5e7af7; color:#fff;line-height:32px;  text-decoration:none;font-weight:600;background-image:none;border-radius:none;}

.solutions{padding:4rem 0;}
.solutions h1{font-size:30px;line-height:50px;margin-bottom:3%;text-align:center;}
.solutionslist{display:flex;}
.solutions_list{flex:1; text-align:center;padding:3rem 0 4rem;margin:0 2%;border:#cdcdcd 1px solid; border-radius:15px;}
.solutions_title{font-size:20px;color:#5e7af7;margin:1rem 0;}
.solutions_list ul li{margin:10px 0;}

.index_service{width:100%;padding:4rem 0; background:#f0f7fe;}
.index_service h1{font-size:30px;line-height:50px;margin-bottom:3%;text-align:center;}
.service_list ul{width:103.3%;margin-left:-3.3%;}
.service_list ul li{float:left;width:30%;margin-left:3.3%; text-align:center; position:relative;}
.service_list ul li img{width:100%;}
.service_list ul li h2{position:absolute;bottom:0;left:0;width:100%;font-size:16px;line-height:45px; background:#5e7af7;color:#FFF;}

.case{width:100%;border-top:#949494 1px solid;padding:3% 0 4%;}
.case h1{font-size:30px;line-height:50px;margin-bottom:3%;text-align:center;}
.caselist{width:100%;padding-bottom:3%;}
.caselist ul{width:105%;margin-left:-5%;}
.caselist ul li{float:left;width:45%; background:#f2f2f2;margin-left:5%;}
.caselist .casename{width:94%;padding:2% 3%;}
.caselist .casename p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#666;}
.folio-thumb img{ width:100%; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition-duration:0.7s; -moz-transition-duration:0.7s; -ms-transition-duration:0.7s; -o-transition-duration:0.7s;}	
.folio-thumb:hover img{ -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -o-transform:scale(1.3); -ms-transform:scale(1.3);-webkit-box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999;box-shadow: 0 0 5px #999;}
.mediaholder{ overflow:hidden;}


.partner{width:100%; background:#f9f9f9;padding:3% 0 4%;}
.partner h1{font-size:30px;line-height:50px;margin-bottom:3%;text-align:center;}
.partner ul{width:103%;margin-left:-3%;}
.partner ul li{float:left;width:22%;margin:0 0 30px 3%;}
.partner ul li img{width:100%;border:#e0e0e0 1px solid;border-radius:15px;}
.partner ul li:hover img{box-shadow: 0 0 10px rgba(0,0,0,0.2);}


.more a{display:block;width:160px;margin:2rem auto 0;color:#5e7af7;border:#5e7af7 1px solid;border-radius:30px;padding:10px 20px; text-align:center;}
.more a:hover{background:#5e7af7;border:#5e7af7 1px solid;color:#FFF;}

.bannernav{width:100%;}
.bannernav img{width:100%;}

.position{width:100%;line-height:60px;border-bottom:#e2e1e1 1px solid;margin-bottom:3rem;}
.home{background:url(../images/inhomeico.png) left center no-repeat;padding-left:25px;color:#999;}
.nav_list ul li{float:left;margin-right:0.5rem;}
.nav_list .normail{line-height:60px;}
.nav_list a{ display:inline-block;padding:0 2.5rem;height:60px;line-height:60px;font-size:16px; background:#e1e1e1;}
.nav_list a:hover{background:#5e7af7;color:#FFF;}
.nav_list .active{background:#5e7af7;color:#FFF;}
.contentnav{width:100%;padding:2% 0;}
.contentnav img{max-width:100%;}
.ncontent,.partnernav{padding:3rem 0;}
.ncontent h1{text-align:center;border-bottom:#e0e0e0 1px solid;margin-bottom:15px;padding-bottom:15px;font-size:20px;}
.ncontent h2{font-size:20px;line-height:50px;}
.ncontent h3{font-size:16px;line-height:40px;border-left:#5e7af7 3px solid;padding-left:10px;margin:10px 0; background:#f5f5f5;}
.ncontent ul,.ncontent ul li{ list-style-type:circle; list-style:inside;}
.ncontent img{max-width:100%;padding:6px 0;}

.partnernav ul{width:103%;margin-left:-3%;}
.partnernav ul li{float:left;width:22%;margin:0 0 30px 3%;}
.partnernav ul li img{width:100%;border:#e0e0e0 1px solid;border-radius:15px;}
.partnernav ul li:hover img{box-shadow: 0 0 10px rgba(0,0,0,0.2);}

.menu_list{ background:#ffffff;width:100%;margin:3rem 0;}
.menu_head1{width:100%;line-height:65px;font-size:20px;font-weight:bold;color:#999;cursor:pointer;border-bottom:1px solid #e1e1e1;position:relative;background:#ddd;}
.menu_head{width:100%;line-height:65px;font-size:16px;color:#525252;cursor:pointer;border-bottom:1px solid #e1e1e1;position:relative;background:url(../images/pro_left.png) center right no-repeat;}
.menu_list .joinname{width:30%; display: inline-block;padding-left:5%}
.menu_list .address{width:40%;display: inline-block;}
.menu_list .current{background:url(../images/pro_down.png) center right no-repeat;}
.menu_body{width:90%;height:auto;overflow:hidden;line-height:38px; background:#545454;color:#FFF;padding:5%;}
.menu_body a{display:block;line-height:38px;}
.menu_body a:hover{text-decoration:none;}

.left{float:left;width:20%;margin-right:2%;}
.left ul li{width:100%;border-bottom:#e0e0e0 1px solid; background:#f2f2f2;}
.left ul li .normail{line-height:50px;width:95%;padding-left:5%;}
.left a{display:block;height:50px;line-height:50px;font-size:16px; text-decoration:none;}
.left ul li a:hover{display:block;width:95%;background:#5e7af7;color:#FFF;padding-left:5%;}
.left ul li .active{ display:block;width:95%;background:#5e7af7;color:#FFF;padding-left:5%;}

.right{float:right;width:78%;}
.nname{width:100%; text-align:center;font-size:18px;line-height:50px;border-bottom:#e0e0e0 1px solid;margin-bottom:15px;}
.ncontent td{padding:5px;}
.footer{width:100%; background:#5e7af7;padding:3rem 0 1rem;color:#fff;}
.bmenu{width:100%; display:flex;}
.bmenu dl{flex:1;}
.bmenu .b_pro{flex:2;}
.bmenu .b_pro dd{float:left;width:50%;}
.bmenu dl dt{color:#FFF; font-size:1rem;margin-bottom:0.75rem;}
.bmenu dl dd a{font-size:14px;color:#fff;}
.bmenu .b_contact{flex:2;}
.copyright{width:100%;border-top:#39b5fd 1px solid;padding:1rem 0;margin-top:2rem;}
.copyright a{color:#FFF;}