@charset "utf-8";
@import url(dll.css);
@import url(global.css);
@import url(module.css);
@import url(onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/* 首页部分开始 */
.mfbox{width:1400px; min-width:1400px; margin:0 auto;}
.header{width:100%; position:absolute; top:30px; left:0; z-index:9999;}
.header_in{height:110px; background:#01357b;}
.logo{float:left; overflow:hidden; margin-left:1%; display:inline-block;}

.lan{float:right; display:inline-block; height:30px; line-height:30px; padding-left:23px; margin:40px 20px 0 0; background:url(../images/icon02.png) no-repeat left center;}
.lan a{ display:block; font-size:16px; color:#f5f5f5;}

/*.search{float:right; height:30px; line-height:30px; margin:40px 20px 0 0;}
.search a{ display:block; width:30px; height:30px; background:url(../images/icon03.png) no-repeat center center;}*/

.search{float:right; height:30px; line-height:30px; margin:40px 20px 0 0;}


.i_nav{float:right;}
/*.i_nav li{float:left; display:inline-block; padding:0 5px; text-align:center;}
.i_nav li>a{display:block; height:110px; padding:0 20px; color:#f5f5f5; line-height:110px; font-size:16px; font-weight:bold;}
.i_nav li>a:hover{ color:#FFF; background:#387ae7;}
.i_nav li>a.on{ color:#FFF; background:#387ae7;}*/

.i_banner_box{position:relative; width:100%; height:900px; z-index:1000; overflow:hidden;}
.i_banner{float:left; display:inline;}
/*.i_banner li{width:100%; height:900px;}
.i_banner li a{ display:block; width:100%; height:900px;}
.i_banner_p{position:absolute; width:100%; left:0; bottom:20px; text-align:center;}
.i_banner_p a{display:inline-block; margin:0 15px; width:16px; height:16px; text-align:center; overflow:hidden; background:#FFF; border-radius:100%;}
.i_banner_p a:hover{ background:#ff311c;}
.i_banner_p a.on{ background:#ff311c;}*/

.i_container{width:100%; padding-bottom:60px;}
.i_container *{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.p_container *{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}

.box01{width:100%; height:300px; position:relative;}
.box02{width:100%; padding-top:30px; background:url(../images/icon08.jpg) repeat-x left 30px #FFF;}
.box03{width:100%; padding:50px 0 40px; position:relative;}

.i_slink{ position:absolute; width:1400px; height:350px; background:#FFF; top:-100px; left:calc(50% - 700px); z-index:10001;}
.i_slink_t{float:left; width:350px; height:350px; position:relative;}
.i_slink_t strong{ display:block; padding:50px 30px 0; color:#4c4c4c; line-height:34px; font-size:20px;}
.i_slink_t span{ display:block; padding:20px 0 40px; margin:0 30px; color:#999999; line-height:26px; font-size:14px; font-weight:bold; border-bottom:1px solid #dcdcdc}
.i_slink_t ins{ display:block; position:absolute; width:218px; height:48px; right:0; bottom:0; color:#999999; text-decoration:none; line-height:48px; font-size:14px; font-weight:bold;}
.i_slink_t ins a{ display:block; text-align:center; color:#FFF; padding-right:48px; background:url(../images/icon04.jpg) no-repeat right center #01357b;}
.i_slink_t ins a:hover{background:url(../images/icon04.jpg) no-repeat right center #387ae7;}

.i_slink_l{float:left; width:1050px;}
.i_slink_l dl{float:left; width:350px; height:350px; background:#b0b8df; text-align:center;}
.i_slink_l dl:nth-child(2){ background:#a4adda;}
.i_slink_l dl:nth-child(3){ background:#98a2d4;}
.i_slink_l dl a{ display:block; color:#FFF; padding:35px;}
.i_slink_l dt{ margin-top:40px;}
.i_slink_l dd{ margin-top:45px;}
.i_slink_l dd h4{ display:block; font-size:18px; font-weight:600; line-height:30px;}
.i_slink_l dd ins{ display:block; font-family:Arial; text-transform:uppercase; text-decoration:none; line-height:25px;}
.i_slink_l dd span{ display:block; line-height:25px; margin-top:25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.i_prosort{padding-bottom:50px;}
.i_prosort_i{float:left; margin-top:60px; width:300px;}
.i_prosort_i strong{ display:block; padding:0 40px 0 0; color:#4c4c4c; line-height:34px; font-size:20px;}
.i_prosort_i span{ display:block; padding:10px 45px 10px 0; color:#999999; line-height:26px; font-size:14px; font-weight:bold; border-bottom:1px solid #dcdcdc}

.i_prosort_l{float:right; margin-top:60px; width:880px !important; overflow:hidden;}
.i_prosort_l ul{width:20000px; overflow:hidden;}
.i_prosort_l li{float:left; display:inline-block; width:324px; margin-right:43px;}
.i_prosort_l li i{ display:block; width:324px; height:217px; border:1px solid #eeeeee; overflow:hidden;}
.i_prosort_l li i img{ width:278px; height:185px;}
.i_prosort_l li i a:hover img{ z-index:-1; -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}
.i_prosort_l li dl dt{ height:54px; color:#4c4c4c; font-size:20px; font-weight:bold; line-height:50px; background:url(../images/icon09.jpg) no-repeat left bottom; display:block; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; }
.i_prosort_l li dl a:hover dt{ color:#0065b3; background:url(../images/icon10.jpg) no-repeat left bottom;}

.i_prosort_l li dl dd{ margin-top:10px; font-size:15px; padding:5px 0; line-height:20px; max-height:65px; overflow:hidden;}

.i_case_l{margin-top:20px; width:1400px; overflow:hidden;}
.i_case_l li{width:350px; height:260px; margin-top:10px; position:relative; float:left; border:1px solid #afb1b5;}
.i_case_l li span{ display:block; position:absolute; left:0; top:0; width:348px; text-align:center; line-height:320px; height:258px; font-size:16px; color:#FFF; background:url(../images/icon13.png) no-repeat center 120px rgba(0,0,0,0.7);}
.i_case_l li i{ display:block; width:348px; height:258px; overflow:hidden;}
.i_case_l li a:hover span{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}

.i_news{padding-bottom:40px;}

.i_news_l{margin-top:30px; position:relative;}

.i_news_ll{ position:absolute; left:0; top:0;}
.i_news_ll dl{width:300px; height:160px; background:#9db4d2; margin-bottom:5px; overflow:hidden;}
.i_news_ll dl dt{float:left; width:300px; height:160px; padding:0 50px 0 30px;}
.i_news_ll dl dt strong{ display:block; float:left; width:90px; line-height:160px; font-size:60px; color:#FFF;}
.i_news_ll dl dt h4{ display:block; float:left; margin-top:50px; height:40px; line-height:40px; font-weight:bold; font-size:26px; color:#042551;}
.i_news_ll dl dt span{ display:block; float:left; width:130px; line-height:20px; font-weight:bold; font-size:14px; color:#dbe4ef; text-transform:uppercase;}
.i_news_ll dl dd{float:left; width:665px; height:160px; padding:25px 65px 0 35px;}
.i_news_ll dl dd h5{ display:block; height:30px; line-height:30px; font-weight:bold; font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news_ll dl dd h5 a{ color:#e5e5e5;}
.i_news_ll dl dd h5 a:hover {color:#0065b3;}
.i_news_ll dl dd ins{ display:block; height:20px; line-height:20px; font-size:12px; color:#e5e5e5; text-decoration:none;}
.i_news_ll dl dd span{ display:block; height:50px; line-height:25px; color:#FFF; margin-top:10px; overflow:hidden;}
.i_news_ll dl i{float:left; display:block; width:60px; height:160px;}
.i_news_ll dl i a{display:block; width:60px; height:160px; background:url(../images/icon14.png) no-repeat center center #01357b;}
.i_news_ll dl:hover{width:1025px; background:#8aa8ce;}

.i_news_lr{width:1095px; float:right;}

.footer{width:100%; padding:55px 0 20px; color:#666; background:#FFF;}
.footer_l{float:left;}
.footer_nav{height:36px; line-height:36px;}
.footer_nav a{ padding-right:20px; font-size:16px; color:#333333; font-weight:bold;}

.fcontact{ font-size:16px; line-height:34px; margin-top:10px;}

.fline{float:right; text-align:right;}
.fline h3{ display:inline-block; width:140px; height:34px; border-radius:17px; text-align:center; background:#01357b; line-height:34px; color:#FFF;}
.fline span{ display:block; padding:15px 0; text-align:center; color:#4c4c4c; font-size:26px; font-weight:bold;}

.footer a:hover{color:#0065b3;}

.copybox{ height:40px; color:#d4e0f1; line-height:40px; font-size:12px; text-align:center; background:#042551;}
.flinks{float:left;}
.flinks span{ padding:0 5px;}
.copyright{float:right;}
.copybox a{ color:#d4e0f1;}
.copybox a:hover {color:#0065b3; text-decoration:none;}
.jsq{float:right; padding-left:20px;}
/* 首页部分结束 */

/* 内页部分开始 */
.p_banner_box{position:relative; width:100%; height:530px; overflow:hidden;}
.p_banner{ float:left; display:inline;}
/*.p_banner li{width:100%; height:530px;}
.p_banner li a{ display:block; width:100%; height:530px;}*/

.p_container{width:1400px; margin:0 auto; position:relative; padding:40px 0; margin-bottom:35px; background:#FFF;}

.sidebar{ position:absolute; width:100%; height:200px; top:-201px; left:0; padding-top:40px; background:#FFF; z-index:9998;}
/*.sidebar_l{width:100%; margin-top:30px; text-align:center;}
.sidebar_l li{ display:inline-block; width:120px; height:40px; margin:0 5px;}
.sidebar_l li a{ display:block; line-height:40px; background:#b3b3b3; color:#f0f0f0; font-size:16px; font-weight:bold;}
.sidebar_l li a:hover, .sidebar_l li a.on{ background:#042551; color:#FFF;}*/

.p_content{ /*padding:0 40px;*/margin: 0 auto;width: 1100px;}
.p_about_i{float:left; width:600px;}
.p_about_c{float:right; width:700px; background:#f2f6fb; padding:40px;}
.p_about_c h3{ display:block; font-size:20px; color:#042551; font-weight:bold; text-align:center;}

.p_about_cc{background:#8aabd6; margin-top:30px; padding:20px 30px; line-height:25px; color:#ffffff;}
/* 内页部分结束 */


@media screen and (max-width: 1366px) {

.mfbox{width:1200px; min-width:1200px; }
.i_banner{height:650px;}
.i_banner li{height:650px; background-size:auto 100%!important;}
.i_banner li a{height:650px;}

.box01{height:260px;}

.i_slink{width:1200px; height:300px; left:calc(50% - 600px);}
.i_slink_t{float:left; width:300px; height:300px; position:relative;}
.i_slink_t strong{padding:25px 30px 0;}
.i_slink_t span{padding:20px 0 30px;}

.i_slink_l{width:900px;}
.i_slink_l dl{width:300px; height:300px;}
.i_slink_l dt{ margin-top:20px;}
.i_slink_l dd{ margin-top:25px;}
.i_slink_l dd span{ margin-top:15px;}

.i_prosort_l{margin-top:60px; width:880px;}
.i_prosort_l ul{width:20000px; overflow:hidden;}
.i_prosort_l li{width:280px; margin-right:20px;}
.i_prosort_l li i{width:280px; height:auto;}

.i_case_l{width:1200px;}
.i_case_l li{width:300px; height:223px;}
.i_case_l li span{width:300px; line-height:280px; height:223px; background:url(../images/icon13.png) no-repeat center 100px rgba(0,0,0,0.7);}
.i_case_l li i{width:298px; height:221px;}

.i_news_lr{width:890px; overflow:hidden;}
.i_news_lr a{ display:block; width:1095px;}

.p_container{width:1200px;}
.p_about_i{width:500px;}
.p_about_c{width:600px;}


}


.i_sbtn {
    display: block;
    background:url(../images/icon03.png) center center no-repeat; width:16px; height:30px; margin-top:2px; border:none;
}
.text-input{ border:none;}


.icon-search-thick { background:url(../images/icon03.png) center center no-repeat; width:16px; height:30px; display:block;}
.header1 .search-panel { z-index:99999;
	margin-left:-16px;
	margin-right:-16px;
	background-color:#e2e6ec;
	position:absolute;
	top:54px;
	width:100%;
	max-height:0;
	overflow:hidden;
-webkit-transition:max-height .3s ease-in-out;
-o-transition:max-height .3s ease-in-out;
transition:max-height .3s ease-in-out
}

.header1 .search-panel .container .search-input .input-wrapper #searchBtn {
	position:absolute;
	top:0;
	right:0;
	width:16px;
	height:30px;
	font-size:18px;
	display:block;
	color:#FFF;
	background-color:#387ae7;
	text-align:center;
	vertical-align:middle;
	line-height:30px
}
.header1 .search-panel .container .search-input .input-wrapper #searchBtn .icon {
	vertical-align:middle;
	line-height:30px;
	display:block;
}



.header1 .search-panel .container .search-history .clear-btn {
	font-size:14px;
	color:#89919c;
	border-top:1px solid rgba(182, 193, 207, .6);
	border-bottom:1px solid rgba(182, 193, 207, .6);
	line-height:30px;
	background-color:#FFF
}
.header1 .search-panel .container .search-history .clear-btn:active, .header1 .search-panel .container .search-history .clear-btn:hover {
	color:#00a3d9
}
.header1 .search-panel.show {
	overflow-y:auto;
	max-height:9999px
}


.header1, .header1 .container {
position:relative
}


.header1 .brand .top-nav .search {
display:block;
float:left;
line-height:30px;
color:#b6c1cf
}
.header1 .brand .top-nav .search .icon-search-thick {
font-weight:400;
font-size:18px;
line-height:30px
}

.header1 .search-panel {
background-color:transparent;
top:0px;
right:16px;
width:0;
overflow:hidden
}
.header1 .search-panel .container {
width:200px;
padding-left:0;
padding-right:0
}
.header1 .search-panel .container .search-input {
width:200px;
height:30px;
padding-top:0;
padding-bottom:0
}
.header1 .search-panel .container .search-input .input-wrapper {
height:30px;
width:0;
overflow:hidden;
background-color:transparent;
padding:0 6px 0 8px
}
.header1 .search-panel.show {
overflow:hidden;
width:200px;
}
.header1 .search-panel.show .container .search-input .input-wrapper {
width:200px;
background-color:#FFF
}
.header1.transparent-bg {
background-color:transparent
}

.nmdef_cont{ margin:0 auto; width:1200px; }