﻿@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{max-width:1200px; width:1200px; margin:0 auto;}

.top{ width:100%; background:#2661dd; height:37px;}
.top .welcom{float:left; color:#999; font-size:12px;line-height:37px;}
.top .share{float:right; margin-top:7px;}
.top .share li{ float:left; margin-left:10px; position:relative;}
.top .share li a{ display:inline-block; width:24px; height:24px; overflow:hidden; background:url(../images/icon01.png) no-repeat;}
.top .share li:hover .a1{ background-position:0 -34px;}
.top .share li .a2{ background-position:-34px 0px;}
.top .share li:hover .a2{ background-position:-34px -34px;}
.top .share li .a3{ background-position:-68px 0px;}
.top .share li:hover .a3{ background-position:-68px -34px;}
.top .language{ float:right; padding-right:20px;}
.top .language li{ float:left; line-height:37px; padding-right:10px;}

.header{ width:100%; height:120px;}
.logo{float:left;}
.i_nav{float:right; margin-top:32px;}
/*.i_nav li{float:left; display:inline-block; margin-left:60px;}
.i_nav li > a{color:#333; font-size:16px; display:inline-block; width:82px; text-align:center; border-bottom:3px solid #fff; height:85px; line-height:85px;}
.i_nav li > a:hover{ color:#ff0000; border-bottom:3px solid #ff0000;}
.i_nav li > a.on{ color:#ff0000; border-bottom:3px solid #ff0000;}*/


.i_banner_box{width:100%; clear:both; position:relative; background:#f6f6f6; border-top:1px solid #e3e3e3; padding:25px 0;border-bottom:1px solid #e3e3e3; height:500px;}

.i_banner{ /*float:left;*/ display:inline;}
/*.i_banner li{width:100%; height:400px; overflow:hidden;}
.i_banner_p{position:absolute; width:100%; left:0; bottom:40px; text-align:center; height:16px; z-index:9000;}
.i_banner_p a{display:inline-block; margin:0 4px; width:14px; height:16px; text-align:center; background:url(../images/icon02.png) no-repeat center center; overflow:hidden;}
.i_banner_p a:hover{ background:url(../images/icon03.png) no-repeat center center;}
.i_banner_p a.on{ background:url(../images/icon03.png) no-repeat center center;}*/

.i_container{width:1200px; padding:25px 0 0; margin:0 auto; overflow:hidden;}

.i_case{}
.i_case_l{width:1200px; margin-top:17px; overflow:hidden;}
.i_case_l ul{ width:1248px}
.i_case_l li{ width:368px; float:left; text-align:center; margin-right:48px}
.i_case_l li dt{ position:relative}
.i_case_l li dt img{width:360px; height:200px;}
.i_case_l li dt .more{ display:none; position:absolute;width:368px; height:200px; top:0px; left:0px; background:url(../images/more.png) no-repeat center center;}
.i_case_l li a dd b{font-size:16px; color:#232323; font-weight:normal; display:block; margin:12px 0 5px 0; width:368px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_case_l li a dd .infos{font-size:12px; color:#999; line-height:24px; height:48px; overflow:hidden;}
.i_case_l li a:hover dd b{ color:#ff0000;}
.i_case_l li:hover .more{ display:block;}
.i_case_l li:hover dt img{-webkit-filter:blur(0.8px);-moz-filter:blur(0.8px);-ms-filter:blur(0.8px);filter:blur(0.8px);}

.i_about{width:1200px; margin-top:26px;}
.i_about_c{float:left; width:615px; margin-top:17px;}
.i_about_c dd{ background:#eee; text-align:center; padding:21px 20px}
.i_about_c dd span{ display:block; color:#000; font-size:18px; margin-bottom:12px}
.i_about_c dd p{font-size:12px; color:#999; line-height:24px}
.i_about_c dt{width:615px; height:230px; overflow:hidden;}

.i_about_r{float:right; width:585px; margin-top:17px; overflow:hidden;}
.i_about_r li{ float:left; width:187px; margin-left:8px; text-align:center}
.i_about_r li dt{width:187px; height:150px; overflow:hidden}
.i_about_r li dt img{width:187px; height:150px;}
.i_about_r li dd{ background:#eee;height:230px; overflow:hidden}
.i_about_r li a dd span{ display:block;color:#000; font-size:16px; margin-bottom:4px; padding-top:23px}
.i_about_r li a dd p,.right li a .text em{font-size:12px; color:#999; line-height:24px}
.i_about_r li a dd p{ text-align:left;margin-left: 3px;}
.i_about_r li a:hover dd{ background:#ff0000;transition: all linear 0.3s;}
.i_about_r li a:hover dd span,.i_about_r li a:hover dd p{ color:#fff}

.i_design{width:1200px; margin-top:26px;}
.i_design_l{width:1200px; margin-top:17px; overflow:hidden;}
.i_design_l ul{ width:1280px}
.i_design_l li{ width:240px; float:left; text-align:center; margin-right:80px}
.i_design_l li dt{ position:relative; width:240px; height:300px;}
.i_design_l li dt img{width:240px; height:300px;}
.i_design_l li dt span{ display:none; position:absolute;width:240px; height:300px; top:0px; left:0px; background:url(../images/icon04.png) no-repeat center center rgba(118,145,29,0.8)}
.i_design_l li a h4{font-size:16px; color:#232323; display:block; margin:12px 0 9px 0; width:240px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_design_l li a dd{ height:60px; overflow:hidden; line-height:20px;}
.i_design_l li a dd span{font-size:12px; color:#999; line-height:20px; display:block;}
.i_design_l li a:hover h4{ color:#ff0000}
.i_design_l li:hover dt span{ display:block;}
.i_design_l ul{ width:1280px}
.i_design_l li{ width:240px; float:left; text-align:center; margin-right:80px}
.i_design_l li dt{ position:relative; width:240px; height:300px;}
.i_design_l li dt img{width:240px; height:300px;}
.i_design_l li dt span{ display:none; position:absolute;width:240px; height:300px; top:0px; left:0px; background:url(../images/icon04.png) no-repeat center center rgba(118,145,29,0.8)}
.i_design_l li a h4{font-size:16px; color:#232323; display:block; margin:12px 0 9px 0; width:240px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_design_l li a dd{ height:60px; overflow:hidden; line-height:20px;}
.i_design_l li a dd span{font-size:12px; color:#999; line-height:20px; display:block;}
.i_design_l li a:hover h4{ color:#ff0000}
.i_design_l li:hover dt span{ display:block;}

.i_news{width:1200px; margin-top:26px;}
.i_news_l{width:1200px; margin-top:17px; overflow:hidden;}
.i_news_l ul{ width:1248px;}
.i_news_l li{ width:300px; float:left;margin-right:40px; border-right:1px solid #ececec; padding-right:75px;margin-top: 15px;}
.i_news_l li dt{width:300px; height:180px; position:relative}
.i_news_l li dt img{width:300px; height:180px;}
.i_news_l li dt .more{ display:none; position:absolute;width:300px; height:180px; text-align:center;top:0px; left:0px; background:url(../images/more.png) no-repeat center center;}
.i_news_l li a dd b{font-size:16px; color:#232323; font-weight:normal; display:block; margin:22px 0 8px 0; background:url(../images/icon05.png) no-repeat left 8px; padding-left:21px; display:block; width:300px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news_l li a dd p,.i_news_l li a dd em{font-size:12px; color:#999; line-height:24px; font-style:normal;}
.i_news_l li a:hover dd b{ color:#ff0000; background-position:left -7px;}
.i_news_l li:hover .more{ display:block;transition: all linear 0.3s;}
.i_news_l li:hover dt img{-webkit-filter:blur(0.8px);-moz-filter:blur(0.8px);-ms-filter:blur(0.8px);filter:blur(0.8px);}
.i_news_l li a dd em{ display:block; margin-top:10px}
.i_news_l li:nth-child(3){ border-right:0px; margin-right:0px; padding-right:0px}
.i_news_l li a dd .infos{ height:34px; overflow:hidden;}

.footer{width:100%; background:#6ea1f5; margin-top:80px; padding:38px 0 0; min-width:1200px;}

.footer_nav{line-height:20px; font-size:14px;}
.footer_nav dl{ float:left; border-right:1px solid #373737; margin-right:58px; padding-right:58px; min-height:176px}
.footer_nav dl.last{ border-right:none; margin-right:0px}
.footer_nav dt{ color:#999; font-size:14px; margin-bottom:12px}
.footer_nav dd a{ color:#666; font-size:12px; line-height:24px}

.fewm{float:right;}
.fewm img{ border:1px solid #ddd; width:130px; height:130px;}
.fewm span{ display:block; font-size:12px; color:#666; margin-top:6px; text-align:center}

.copyright{ padding-top:10px; margin-top:38px; line-height:30px; background:#2661dd; height:30px;}
.copyright span{ color:#999; font-size:12px;}
.jsq{ padding-bottom:10px; text-align:center; background:#2661dd;}
.footer a:hover{ color:#ff0000;}

/* 首页部分结束 */

/* 内页部分开始 */
.p_banner_box{width:100%; clear:both; position:relative; border-top:1px solid #e3e3e3; padding:25px 0; height:403px;}

.sidebar{ width:100%;clear:both; height:25px; position:relative; background:#f6f6f6; border-top:1px solid #e3e3e3; padding:25px 0;border-bottom:1px solid #e3e3e3;}
/*.sidebar_l{float:left; display:inline-block; padding-left:33px; margin-left:16px; height:25px; background:url(../images/icon06.png) no-repeat left center;}
.sidebar_l a{float:left; color:#666; font-size:14px; display:inline-block; margin-right:50px; line-height:25px;}
.sidebar_l a:hover{color:#ff0000}
.sidebar_l a.on{color:#ff0000}*/

.p_container{width:1200px; margin:0 auto; padding:26px 0 0;}

.p_content{ font-size:14px; padding:10px 0; line-height:25px;}


/* 内页部分结束 */














