@charset "utf-8";
*{ margin:0; padding:0; font-family:'Microsoft YaHei'; box-sizing: border-box;}

body{ background:#fff; font-size:16px; overflow-x:hidden; }
img{ border:0;}
li {list-style: none;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
a{ text-decoration:none; color: #000;}


.fl{float: left;}
.fr{float: right;}
.clr , .clear{ clear:both;}
.clearfix:after{ display:block; clear:both; content:''; }


header{ width:100%; height:115px; padding:0 10px; position:fixed; left:0; top:0; background:#fff; z-index:99 }
header .logo{ width:200px; height:115px; display:block; float:left; background:url(./images/logo.png) no-repeat center; }
header .menu_btn{ width:40px; height:36px; position:relative; float:left; margin-left:30px; margin-top:calc((115px - 36px) / 2); }
header .menu_btn i{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:3px; background:#1F6AAB; border-radius:5px; opacity:1; transition:.3s; }
header .menu_btn:before{ position:absolute; left:0; top:0; width:100%; height:3px; background:#1F6AAB; border-radius:5px; content:''; transition:.3s;}
header .menu_btn:after{ position:absolute; left:0; bottom:0; width:100%; height:3px; background:#1F6AAB; border-radius:5px; content:'';  transition:.3s;}
header .menu_btn.active i{  opacity:0; }
header .menu_btn.active:before{ transform:translateY(18px) rotate(45deg); }
header .menu_btn.active:after{ transform:translateY(-15px) rotate(-45deg); }

header .search_btn{ width:50px; height:100%; background:url(images/search_btn.png) no-repeat center; float:right; }
header .lang{ width:45px; height:35px; color:#fff; text-align:center; line-height:35px; background:#1F6AAB; float:right;margin-top:40px; border-radius:5px; margin-left:20px; }

.header_placeholder{ width:100%; height:115px; }


.search_box{ width:50%; border:1px solid #ccc; background:#fff; padding:4px 8px; position:fixed; top:115px; right:10px; border-radius:3px; z-index:5; display:none; }

.search_box input{ width:calc(100% - 40px); height:36px; border:0;  font-size:16px; }
.search_box .search_btn2{ display: block;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('images/search-btn.png');
	border:0;
	float:right;
}


.nav{
	display: block;
	position: fixed;
	right: 0;
	top: 0;
	width: 80%;
	height: 100%;
	background-color: #fff;
	z-index: 101;
	box-sizing: border-box;
	padding: 30px 30px 0;
	transform: translateX(100%);
	transition: all .5s;
	overflow: auto;
}
.nav.show{
	transform: translateX(0);
}
.nav .nav-close{
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url('images/nav-close.png');
	display:block;
	float:right;
	margin-bottom:30px;
}
.nav li{
	border-bottom: 2px solid rgba(0,0,0,.05);
	margin-bottom: 12px;
}
.nav li:last-child{
	margin-bottom: 0;
}
.nav .tit{
	display: block;
	font-size: 30px;
	line-height: 40px;
	color: #000;
	padding: 24px;
	position: relative
}
.nav .tit i{
	position: absolute;
	right: 24px;
	top: 50%;
	transform: translateY(-50%);
	width: 28px;
	height: 28px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all .3s;
}
.nav li.on .tit i{
}
.nav .navson{
	display: none;
	padding: 30px 60px;
	background-color: #f2f2f2;
}
.nav .navson a{
	font-size: 28px;
	line-height: 32px;
	display: block;
	margin-bottom: 24px;
	color: #000;
	opacity: .5;
}
.nav .navson a:last-child{
	margin-bottom: 0;
}
.nav-mask{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index:100;
	background-color: #000;
	opacity: .5;
	display:none;

}



.more{ width:402px; height:106px; background:url(images/more.png); display:block; margin:40px 0; }

.why_box{ width:640px; overflow-x:hidden; margin:-80px auto 0; position:relative; z-index:2; }
.why_box .block{ width:100%; min-height:758px; background:#fff; box-shadow:0px 8px 13px #eee; margin-bottom:65px; position:relative; padding:90px 10px 0;}
.why_box .block .icon{ width:178px; height:178px; margin:0 auto 65px;  }
.why_box .block .icon1{ background:url(images/icon1.png) no-repeat; }
.why_box .block .icon2{ background:url(images/icon2.png) no-repeat; }
.why_box .block .icon3{ background:url(images/icon3.png) no-repeat; }
.why_box .block .title{ font-weight:bold; font-size:50px; color:#333; text-align:center; margin-bottom:20px; }
.why_box .block .content{ font-size:32px; color:#333; line-height:1.5; text-align:center; }

.why_box .block:hover , .why_box .block.act{ color:#fff; background:#3083CB; }
.why_box .block:hover .icon1 , .why_box .block.act .icon1{ background:url(images/icon1_bai.png) no-repeat; }
.why_box .block:hover .icon2 , .why_box .block.act .icon1{ background:url(images/icon2_bai.png) no-repeat; }
.why_box .block:hover .icon3 , .why_box .block.act .icon1{ background:url(images/icon3_bai.png) no-repeat; }
.why_box .block:hover .title , .why_box .block.act .icon1{  color:#fff!important; }
.why_box .block:hover .content , .why_box .block.act .icon1{  color:#fff; }

.about_box{ width:690px; overflow-x:hidden; margin:0 auto 50px; }
.about_box .title{ color:#3D8BCE; font-size:52px; margin-bottom:20px; }
.about_box .content{ font-size:32px; color:#333; line-height:1.7; }
.about_box .picture img{ width:675px; }


.service_box{ width:100%; overflow-x:hidden; padding:195px 35px 90px; background:#000D33; border-radius:150px 0 0 0; }
.service_box .title{ color:#00AEFF; font-size:36px; }
.service_box .content{ color:#EAE6E6; font-size:32px; line-height:1.7;}
.service_box .committed{ padding-top:224px; background:url(images/icon4.png) no-repeat center 45px; color:#EAE6E6; font-size:32px; line-height:1.7;}

.pub_title{ width:100%; font-size:52px; padding-top:260px; background:url('') no-repeat center 106px; text-align:center; line-height:1.7; }

.honor_box{ width:683px; height:980px; overflow-x:hidden; box-shadow:0 8px 23px rgba(0,0,0,.2); margin:45px auto; border-radius:0 0 100px 0; }
.honor_box .pub_title{ background-image:url(images/icon5.png); }
.honor_list{ width:95%; margin:70px auto 0; }
.honor_list img{ width:205px; height:315px;}
.honor_box .more{ margin:60px auto 0; }

.team_box{ width:683px; height:940px; overflow-x:hidden; box-shadow:0 8px 23px rgba(0,0,0,.2); margin:45px auto; border-radius:0 0 100px 0; position:relative; }
.team_box .pub_title{ background-image:url(images/icon6.png); }
.team_box .more{ margin:30px auto 0; }
.team_pic{ position:absolute; left:0; bottom:0; } 
.team_pic img{ width:100%; height:368px; border-radius:0 0 100px 0; display:block; }

.client_box{ width:683px; height:940px; overflow-x:hidden; box-shadow:0 8px 23px rgba(0,0,0,.2); margin:45px auto; border-radius:0 0 100px 0; position:relative; }
.client_box .pub_title{ background-image:url(images/icon7.png); }
.client_box .more{ margin:30px auto 0; }
.client_pic{ position:absolute; left:0; bottom:0; } 
.client_pic img{ width:100%; height:368px; border-radius:0 0 100px 0; display:block; }

.prod_box{ width:680px; min-height:400px; overflow-x:hidden; margin-left:70px; background:#4CA6F4; border-radius:100px 0 0 0; }
.prod_box .tit{ padding:48px 0 48px 60px; font-size:52px; color:#fff; line-height:1.7; }
.prodlist{ width:100%; overflow:hidden; }
.prodlist .li{ width:574px; margin:0 auto 32px; }
.prodlist .li img{ width:100%;  border-radius: 0 0 100px 0; }

.prod_more{ margin-left:70px; }

.contact_box{ width:650px; margin:0 auto; overflow-x:hidden; padding:20px 0; }
.contact_box .title{ color:#3D8BCE; font-size:52px; line-height:1.7; }
.contact_box .brief{ color:#333; font-size:32px; line-height:1.7; margin-bottom:60px; }
.contact_box .input{ width:100%; border:1px solid #CED4DA; height:50px; line-height:48px; border-radius:5px; font-size:22px; color:#818181; margin-bottom:20px; padding:0 10px; }
.contact_box .textarea{ height:100px; line-height:30px; padding:10px; }
.contact_box button{ width:255px; height:70px; background:#4CA6F4; font-size:24px; line-height:70px; border-radius:5px; border:0; color:#fff; }


.bottom{ padding:285px 60px 50px; background:url(images/bottom_logo.png) no-repeat center 60px #000D33; margin-top:50px; font-size:24px; line-height:1.7; color:#fff; }
.bottom .address{ padding-left:57px; background:url(images/bottom_icon1.png) no-repeat; margin-bottom:20px; }
.bottom .name{ padding-left:57px; background:url(images/bottom_icon2.png) no-repeat; margin-bottom:20px; }
.bottom .tel{ padding-left:57px; background:url(images/bottom_icon3.png) no-repeat; margin-bottom:20px; }

.copyright{ background:#000D33; text-align:center; border-top:1px solid #9AA9D5; color:#7382B1; padding:25px 0 70px; font-size:24px; }


/** 内页 */
.main_box{ padding:0 20px 0; }
.contTop { width: 100%; height: 80px; line-height: 80px; background: url(images/index_18.png) no-repeat center bottom; overflow: hidden;}
.contTop_title { color: #1F6AAB; font-size: 24px; font-style: italic; letter-spacing: 1px; background: url(images/index_30.png) no-repeat left center; background-size:25px 25px; padding: 0 0 0 35px; font-weight:bold;}
.scrollBox{ padding:20px 5px; min-height:400px }
.scrollBox, .scrollBox *{ }
.scrollBox img{ max-width:100%; width:auto; height:auto;}

.column_box{ width:100%; margin-bottom:20px}
.column_box a{ width:22%; height:40px; line-height:40px; text-align:center; font-size:20px; background:#1F6AAB; border-radius:5px; display:block; color:#fff; float:left; margin:20px calc(8% / 6) 0;}


.court_entrust_list{ width:100%; padding-top:30px;}
.court_entrust_list ul li{ width:338px; margin-left:15px; float:left; border:1px solid #ddd; padding-bottom:10px; margin-bottom:15px;}
.court_entrust_list ul li:hover{ box-shadow:0px 0px 15px rgba(0,0,0,0.2);}
.court_entrust_list ul li .pic{ width:100%; height:250px; text-align:center;}
.court_entrust_list ul li img{ max-width:100%; max-height:250px;}
.court_entrust_list ul li a.tit{ display: block;  line-height: 35px; height: 35px; color: #303133; overflow: hidden; padding:0 10px;}
.court_entrust_list ul li a:hover{ color:#D21E16;}
.court_entrust_list ul li p{ color:#999; padding:0 10px; line-height:35px;}
.court_entrust_list ul li p span{ color: #d74b4b; font-size: 2px; margin-left: 4px; }


/** 新闻列表 */
.newsItems{ padding:20px ;}
.news_lists {   border-bottom: 1px dotted #CCC; height: 60px; width: auto; margin-bottom: 24px; overflow: hidden;}
.news_date {
    width: 52px;
    height: 50px;
    background-color: #b5b4b4;
    text-align: center;
    padding: 5px 4px;
    border-radius: 0px 20px 0px 20px;
	box-sizing:unset;
}

.yearMonth {
    width: auto;
    height: 27px;
    line-height: 27px;
    border-bottom: 1px solid #FFF;
    color: #FFF;
	display:block;
	font-size:.190px;

}
.day {
    width: auto;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    color: #fff;
}

.news_heading {
    width: 89%;
    height: 59px;
    line-height: 59px;
    padding-left: 10px;
}
.news_heading a{ color:#666; font-size:18px;}
.news_heading a:hover{ color:#000;}




















/* 分页CSS */
.pg {
    font-size: 18px;
    margin: 20px 0;
    text-align: center;
    width: 100%;
	color:#595555;
}
.pg span {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #999999;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: 0 3px;
    padding: 0 10px;
    text-align: center;
}
.pg a {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #000 !important;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: 0 3px;
    text-decoration: none;
}