@charset "utf-8";
@import url(dll.css);
@import url(module.css);
@import url(global.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);

/* 首页部分开始 */
.mfbox{width:1240px; min-width:1240px; margin:0 auto; overflow:hidden;}
.header{width:100%; background:#323a45;}
.logo{float:left;}

.topnav{float:right; font-size:12px; margin-top:15px;}
.topnav li{ display:inline-block;}
.topnav a{ display:inline-block; height:16px; line-height:16px; color:#b6c1cf; padding-left:15px; margin-left:15px; border-left:1px solid #5a636f;}
.topnav a:hover{color:#00a3d9;}

.search{float:right; margin-top:15px;}
.i_sbtn{ display:block; background:url(/templates/Images/search_bg1.png) no-repeat; margin-top:2px; width:28px; height:26px;}

.i_nav{width:100%; height:36px; padding-top:8px; background:#323a45;}
/*.i_nav ul{width:1240px; margin:0 auto;}
.i_nav li{float:left; text-align:center; line-height:26px; padding-right:30px;}
.i_nav li>a{display:block; color:#FFF;}
.i_nav li>a:hover{ color:#00a3d9; border-bottom:2px solid #00a3d9;}
.i_nav li>a.on{ color:#FFF; border-bottom:2px solid #00a3d9;}*/

.i_banner_box{ position:relative; width:100%; height:370px; overflow:hidden;}
.i_banner{ float:left; display:inline;}
/*.i_banner li{width:100%; height:370px;}
.i_banner li a{ display:block; width:100%; height:370px;}
.i_banner_p{position:absolute; width:100%; left:0; bottom:20px; text-align:center;}
.i_banner_p a{display:inline-block; margin:0 4px; width:50px; height:2px; overflow:hidden; background:rgba(255,255,255,.3);}
.i_banner_p a:hover{background:#FFF;}
.i_banner_p a.on{ background:#FFF;}*/

.i_container{width:100%;}
.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;}*/

.i_speedlink{height:150px; background:#e2e6ec;}
.i_speedlink ul{width:1240px; margin:0 auto;}
.i_speedlink li{float:left; width:413px; height:150px; border-right:1px solid #ffffff;}
.i_speedlink li a{ display:block; width:412px; height:150px; padding:35px 190px 0 20px;}
.i_speedlink li a h4{display:block; height:30px; color:#00a3d9; font-size:20px;}
.i_speedlink li a h4 ins{ display:inline-block; float:left; line-height:30px; padding-right:15px; text-decoration:none; background:url(../Images/icon01.png) no-repeat right center;}
.i_speedlink li a span{display:block; color:#5e6d81; margin-top:10px; line-height:20px;}
.i_speedlink li:nth-child(1) a{ background:url(../temp/img01.png) no-repeat right top;}
.i_speedlink li:nth-child(2) a{ background:url(../temp/img02.png) no-repeat right top;}
.i_speedlink li:nth-child(3){ border-right:1px solid #e2e6ec;}
.i_speedlink li:nth-child(3) a{ background:url(../temp/img03.png) no-repeat right top;}
.i_speedlink li a:hover{ background-color:#d7dbe0;}

.i_solution{width:100%; height:385px; background:#00a3d9;}
.i_solution_l{float:left; width:820px; height:385px; padding:50px 0;}
.i_solution_ll{float:left; width:190px; height:285px; border-right:1px solid #23b0de;}
.i_solution_ll li{ height:35px; line-height:35px;}
.i_solution_ll li a{ display:block; color:#98e5ff; border-right:2px solid #00a3d9; text-align:right; padding-right:30px;}
.i_solution_ll li a:hover, .i_solution_ll li a.on{ color:#FFF; border-right:2px solid #FFF;}
.i_solution_lr{float:left; width:580px; margin-left:40px;}
.i_solution_lr h4{ display:block; font-size:32px; line-height:40px; color:#FFF;}
.i_solution_lr span{ display:block; padding:15px 0; line-height:20px; color:#FFF;}

.i_solution_i{float:right; width:420px;}

.i_pro{width:1240px; margin:50px auto;}
.i_pro_l{ margin-top:20px;}
.i_pro_l li{ display:inline-block; float:left; width:310px;border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.i_pro_l li a{ display:block; height:270px; padding:20px 10px;}
.i_pro_l li h4{ display:block; line-height:40px; font-size:20px; height:40px; text-align:center; color:#323a45;  font-weight:lighter; width:289px; overflow:hidden;}
.i_pro_l li i{ display:block; padding:17px 0; height:130px; overflow:hidden; text-align:center;}
.i_pro_l li i img{width:96px; height:96px;}
.i_pro_l li span{ display:block; width:290px; height:44px; line-height:22px; text-align:center; overflow:hidden;}
.i_pro_l li a:hover{ background:#fafafc;}
.i_pro_l li a:hover i img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}

.i_pro_l li:nth-child(4n){ border-right:0;}
.i_pro_l li:nth-child(n+5){border-bottom:0;}

.i_custom{width:100%; height:360px; padding:40px 0; background:url(../temp/img06.jpg) no-repeat center top;}
.i_custom_l{width:1240px; margin:10px auto 0;}
.i_custom_l li{float:left; display:inline-block; width:200px; height:70px; margin:15px 3px 0; overflow:hidden;}
.i_custom_l li img{max-width:100%; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); transform:scale(0.8); opacity:0.7;}
.i_custom_l li a:hover img{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); opacity:1;}


.i_box{width:100%; background:#ebeef2; padding:40px 0;}

.i_news{width:390px; float:left;}
.i_news_l{ margin-top:10px;}
.i_news_l li{height:40px; border-bottom:1px solid #dddee0; line-height:39px; text-indent:15px; background:url(../Images/icon04.gif) no-repeat left center;}
.i_news_l li a{float:left; display:block; width:390px; text-indent:15px; background:url(../Images/icon03.jpg) no-repeat 5px center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


.ml20{margin-left:35px;}

.footer{width:100%; padding:30px 0; text-align:left; color:#FFF; background:#323a45;}

.f_ewm{float:left; width:260px;}
.f_ewm_l dl{float:left; display:inline-block; margin-right:5px; padding:5px; background:#edf0f5;}
.f_ewm_l dl dt{width:106px; height:106px; padding:5px; border:1px solid #cccccc;}
.f_ewm_l dl dt img{width:95px; height:95px;}
.f_ewm_l dl dd{ line-height:20px; text-align:center; color:#89919c; font-size:12px;}

.footer_nav{float:left; width:960px; margin-left:20px;}
.footer_nav dl{float:left; width:320px; padding-left:20px;}
.footer_nav dl dt{height:40px; line-height:40px; color:#89919c;}
.footer_nav dl dd{ line-height:30px;}
.footer_nav dl dd a{ color:#FFF;}
.footer_nav dl dd a:hover{ color:#00a3d9;}

.copyright{ width:100%; margin-top:30px; color:#FFF; padding:10px 0 0; font-size:12px; line-height:20px; border-top:1px solid #5e6d81;}
.jsq{ width:100%; color:#FFF; font-size:12px; line-height:20px;}


/* 首页部分结束 */

/* 内页部分开始 */
.p_banner_box{ position:relative; width:100%; height:200px; overflow:hidden;}
.p_banner{ float:left; display:inline;}
/*.p_banner li{width:100%; height:200px;}
.p_banner li a{ display:block; width:100%; height:200px;}*/
.path{width:100%; height:40px; margin-top:1px; background:url(../Images/icon04.png) repeat-x left top;}
.path_in{width:1000px; margin:0 auto; color:#1c79c1; font-size:12px; line-height:40px;}
.path_in span{ padding:0 5px;}
.path_in a{color:#1c79c1;}
.path_in a:hover{color:#1c79c1; text-decoration:underline;}
.p_container{width:1240px; margin:20px auto;}
.p_left{float:left; width:190px;}
.p_right{float:right; width:1030px;}

/*.sidebar{background:#edf0f5; padding:20px 0;}
.sidebar li{height:30px; line-height:30px;}
.sidebar li a{ display:block; width:100%; color:#00a3d9; text-indent:15px;}
.sidebar li a:hover, .sidebar a.on{ color:#FFF; background:#00a3d9;}*/

.p_content{ padding:20px 0; line-height:30px; color:#5e6d81;}
.p_content strong{ display:block; font-size:32px; font-weight:lighter; color:#323a45;}



/* 内页部分结束 */
.nm_cont{ width:1240px; margin:0 auto;}


.icon-search-thick { background:url(/templates/images/search_bg.png) no-repeat; width:19px; height:18px; display:block;}
.header .search-panel {
	margin-left:-20px;
	margin-right:-20px;
	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
}

.header .search-panel .container .search-input .input-wrapper #searchBtn {
	position:absolute;
	top:0;
	right:0;
	width:28px;
	height:26px;
	font-size:18px;
	display:block;
	color:#FFF;
	background-color:#90d8f0;
	text-align:center;
	vertical-align:middle;
	line-height:32px
}
.header .search-panel .container .search-input .input-wrapper #searchBtn .icon {
	vertical-align:middle;
	line-height:32px;
	display:block;
}



.header .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:45px;
	background-color:#FFF
}
.header .search-panel .container .search-history .clear-btn:active, .header .search-panel .container .search-history .clear-btn:hover {
	color:#00a3d9
}
.header .search-panel.show {
	overflow-y:auto;
	max-height:9999px
}


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


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

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