@charset "utf-8";
@import url(dll.css);
@import url(global.css);
@import url(module.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/* 首页部分开始 */
.mfbox{max-width:1200px; width:1200px; margin:0 auto;}
.i_about_t .title01 {
    opacity: 0;
}



li.color a {
    color: #fff;
}
.top{ width:100%; background:#232323; 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:#93b523; border-bottom:3px solid #93b523;}
.i_nav li > a.on{ color:#93b523; border-bottom:3px solid #93b523;}*/


.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:403px;}

.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:#93b523;}
.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;
    margin: 26px auto;}
.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:#93b523;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:#93b523}
.i_design_l li:hover dt span{ display:block;}
.i_about_t {
    float: left;
    width: 580px;
  
    position: relative;
    top: -25px;
}
.i_about_t li h2 {
    font-size: 20px;
    text-align: center;
    font-weight: 600;
}

.i_about_t li span {
    line-height: 25px;
  text-align:center;
}
.i_about_t li {
    float: left;
    width: 33.33%;
}

.img img {
    width: 100%;
}


div#i_p_outer {
    margin-top: 17px;
}

.i_news{width:1200px; margin-top:26px;
    margin: 26px auto;}
.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:75px; border-right:1px solid #ececec; padding-right:75px}
.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:#93b523; 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:#2e2e2e; 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:#232323; height:30px;}
.copyright span{ color:#999; font-size:12px;}
.jsq{ padding-bottom:10px; text-align:center; background:#232323;}
.footer a:hover{ color:#93b523;}

/* 首页部分结束 */

/* 内页部分开始 */
.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:#93b523}
.sidebar_l a.on{color:#93b523}*/

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

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


/* 内页部分结束 */



/*响应式网站制作开始*/
.i_banner_box123 img{max-width: 100%;    width: 100%;}
.i_banner_box123 { }

@media screen and (max-width: 1366px) { /*当屏幕尺寸小于1366px时，应用下面的CSS样式*/

}/*当屏幕尺寸小于1366px时，结束应用下面的CSS样式*/

@media screen and (max-width: 1024px) { /*当屏幕尺寸小于1024px时，应用下面的CSS样式*/
.mfbox { max-width: 100%;width:100%;}
.ddsmoothmenu ul li {margin-left: 20px;}
.i_container{-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
width:100%;padding:10px 10px;}
.footer{-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
width:100%;padding:10px 10px;min-width:100%;}
.i_case_l { width: 100%;}
.i_case_l li {margin-right: 66px;margin-left: 66px;}
.i_case_l ul { width: 999999px;}
.i_design { width: 100%;}
.i_design_l {width: 100%;}
.i_design_l li {margin-right: 6px;margin-left: 6px;}
.i_design_l ul{ width: 999999px;}
.i_news {width: 100%;}
.i_news_l { width: 100%;}
.i_news_l ul {width: 999999px;}
.i_news_l li {margin-right: 26px;padding-right: 26px;}
.footer {margin-top:20px;}
.footer_nav dl {margin-right: 30px;padding-right: 30px;}
.fl {width: 46%; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.p_container{-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
width:100%;padding:10px 10px;}
.sidebar {padding: 25px 12px;}
.p_p_list { width: 100%;}
.p_p_list ul{ width: 100%;}
#team .p_p_list_dll { width: 100%;}
#team .p_p_list_dll ul { width: 100%;}
.p_p_list_dll { width: 100%;}
.p_p_list_dll ul {width: 100%;}
}/*当屏幕尺寸小于1024px时，结束应用下面的CSS样式*/

@media screen and (max-width: 768px) { /*当屏幕尺寸小于768px时，应用下面的CSS样式*/
.iconfont.icon-next-copy {font-size: 30px !important;}
.mfbox {width: 100%;}
.i_nav{display:none}
.navbar-toggle{display:block;margin-right: 10px;margin-top: 5px;line-height: 60px;}
.navbar-toggle{display:block;}
.i_nav { width: 100%; height: auto; right: 0; z-index: 9999;margin:0px;position: absolute;top: 156px;}
.ddsmoothmenu ul {  width: 100%;}
.ddsmoothmenu ul li {  width: 100%; height: auto;border-bottom: 1px #f6f6f6 solid;background: #fff;margin-left:0px;}
.nava:hover,.navactive:hover { background: #fff;}
.ddsmoothmenu ul li  a{color:#000;}
.ddsmoothmenu ul li  a:hover{color:#9fbd3c;}
.ddsmoothmenu ul li a.navactive {width: 100%;background: #9fbd3c;color: #fff;}
.nava { width: 100%; height: 40px; line-height: 40px; border: none;}
.navactive, .navactive:hover { width: 100%;line-height: 40px; height: 40px;background: #9fbd3c;padding:0px;}
.navactive, .navactive:hover, .nava, .nava:hover { width: 100%;font-size: 13px;padding:0px;line-height:40px;}
.ddsmoothmenu ul li a {width: 100%;}
.i_nav ul li ul { position: relative; width: 100% !important;}
.i_nav ul li ul li { width: 100%; border: 0;}
.i_nav ul li ul li a { width: 100%;}
.i_case_l li{ margin-right: 18px; margin-left: 0px;}
.i_about { width: 100%;}
.i_about_c { float: none;margin: 0 auto;margin-top: 17px;width: 100%;}
.i_about_r { float: none;margin: 0 auto;margin-top: 17px;}
.i_about_c dt { width: 100%; height: auto;}
.i_about_c dt img{ width: 100%; height: auto;}
.i_news_l li {margin-right: 32px; padding-right: 10px; margin-left: 32px;}
.fewm {display: none;}
.fr{width: 46%; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.p_newsf {width: 100%;}
.p_newsc {width: 56%;}
.navPage{width: 100%;}
#team .p_p_list_dll li {width: 49%;margin-right: 0px;}
#team .p_p_list_dll li dt {margin: 0 auto;}
#team .p_p_list_dll li a b {width: 100%;}
.p_p_list_dll li {margin: 14px 5px 9px 0;}
.n_j_list li{padding:0 10px;width:100%;}
.n_j_list li a{width:60%;}
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
textarea#gbookMain{width:432px !important;}
input#gbookTopic{width:432px !important;}
input#userMail{width:432px !important;}
}/*当屏幕尺寸小于768px时，结束应用下面的CSS样式*/

@media screen and (max-width: 736px) { /*当屏幕尺寸小于736px时，应用下面的CSS样式*/
.i_case_l li { margin-right: -3px; margin-left: -3px;}
.i_news_l li {margin-right: 24px; padding-right: 10px; margin-left: 24px;}
.p_p_list li {margin: 14px 12px 6px 0px;}
.p_p_list_dll li { margin: 0 auto;width: 100%;float: none;}
.p_p_list_dll li dt .blur {margin: 0 auto;display: block;}
.p_p_list_dll li dt .more {left: 170px;}
.p_p_list_dll li a dd b {margin: 0 auto;}
.p_p_list_dll li a dd .infos {text-align: center;}
}/*当屏幕尺寸小于736px时，结束应用下面的CSS样式*/


@media screen and (max-width: 667px) { /*当屏幕尺寸小于667px时，应用下面的CSS样式*/
.i_case_l ul { width: 100%;}
.i_case_l li {margin: 10px auto;float:none;}
.i_design_l li {margin-right: 56px; margin-left: 36px;}
.p_newsi {width: 42%;}
.p_newsi img { width: 100%; height: auto;}
.navPage{width:100%;}
.p_p_list_dll li dt .more {left: 170px;}
}/*当屏幕尺寸小于667px时，结束应用下面的CSS样式*/

@media screen and (max-width: 568px) { /*当屏幕尺寸小于568px时，应用下面的CSS样式*/
.i_about_r {width: 100%;}
.i_about_r ul{width:99999px;}
.i_about_r li {margin-left: 59px;}
.i_design_l li{margin-right: 0px;margin-left: 23px;}
.i_news_l ul { width: 100%;}
.i_news_l li { width: 100%;margin-right: 0px;margin-left: 0px;}
.i_news_l li dt {margin: 0 auto;}
.i_news_l li a dd b{margin: 6px auto;}
.i_news_l li a dd .infos{text-align: center;height: 14px;}
.i_news_l li a dd em {margin-top: 0px;padding-left: 96px;}
.footer_nav dl { margin-right: 10px;padding-right: 10px;}
.sortnavul {padding-left: 17px;margin-left: 0px;}
.sortnavul li a {margin-right: 46px;}
.p_p_list_dll li dt .more {left: 76px;}
}/*当屏幕尺寸小于568px时，结束应用下面的CSS样式*/

@media screen and (max-width: 480px) { /*当屏幕尺寸小于480px时，应用下面的CSS样式*/
.i_about_r li {margin-left: 30px;}
.i_design_l ul{width: 100%;}
.i_design_l li {margin-right: 0px;margin-left: 0px;float: none;width: 100%;margin: 0 auto;margin-bottom:9px;}
.i_design_l li dt{margin: 0 auto;}
.i_design_l li a h4 {margin: 0 auto;}
.i_news_l li dt{width: 100%;height: auto;}
.i_news_l li dt img {width: 100%;height: auto;}
.i_news_l li a dd b {width: 100%;}
.i_news_l li a dd .infos{text-align:left;}
.i_news_l li a dd em{padding-left:0px;}
.i_news_l li{margin-bottom: 10px;}
.footer_nav dl { margin-right: 1px;padding-right: 1px;}
.top {display: none;}
.i_nav{top:86px;}
.navbar-toggle { width: 50px;height: 50px;}
.iconfont.icon-fenlei { font-size: 26px;line-height: 54px;margin: 46px 10px 0 0;}
.sortnavul li a{margin-right: 26px;}
.p_newsf{padding: 10px 0px 20px 0px;}
.p_newsi {height: auto;}
.p_newsc span {height: auto;}
.p_p_list li { margin: 0 auto;}
#team .p_p_list_dll li { width: 100%;}
.p_p_list_dll li dt .more {left:50px;}
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
textarea#gbookMain{width:300px !important;}
input#gbookTopic{width:300px !important;}
input#userMail{width:300px !important;}
.header{margin-top: -32px;}
  
  
  .plugin-x_topInfos_2-top> .i_exp_l li .txtinfo {
    display: none;
}.i_about_t li {
    width: 100%;
}.i_about_t {
    width: 100%;
    float: none;
}.plugin-x_topInfos_2-top> .i_exp_l li {
    width: 100%;
    float: none;
}.plugin-x_topInfos_2-top> .i_exp_title h3 .i_exp_t_i1 {
    width: 20%;}.plugin-x_topInfos_2-top> .i_exp_title h3 .i_exp_t_i2 {
    width: 20%;}div#com_nmdlls_showcase {
    height: auto;
}
}/*当屏幕尺寸小于480px时，结束应用下面的CSS样式*/

@media screen and (max-width: 414px) { /*当屏幕尺寸小于414px时，应用下面的CSS样式*/
.i_about_r ul{width:100%;}
.i_about_r li{margin-left: 0px;float: none;width: 100%;margin: 0 auto;margin-bottom:10px;}
.i_about_r li dt { width: 100%; height: auto; overflow: hidden; text-align: center; margin: 0 auto;}
.i_about_r li dt img { width: 100%; height: auto;}
.fl { width: 100%;}
.fr { width: 100%;}
.sortnavul li a{margin-right: 16px;}
.p_p_list li {width: 100%;}
.p_p_list li a img {margin: 0 auto;display: block;}
.p_p_list li .text2 {left: 86px;}
.p_p_list_dll li dt .more {left:12px;}
}/*当屏幕尺寸小于414px时，结束应用下面的CSS样式*/

@media screen and (max-width: 375px) { /*当屏幕尺寸小于375px时，应用下面的CSS样式*/
.i_case_l li{width: 100%;}
.i_case_l li dt img { width: 100%; height: auto;}
.i_case_l li a dd b{width: 100%;}
.footer_nav {width:999999px;}
.sortnavul li a{margin-right: 6px;}
.p_newsi { width: 100%;}
.p_newsc{ width: 100%;}
.p_p_list li .text2 {left: 66px;}
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
textarea#gbookMain{width:270px !important;}
input#gbookTopic{width:270px !important;}
input#userMail{width:270px !important;}
}/*当屏幕尺寸小于375px时，结束应用下面的CSS样式*/


@media screen and (max-width: 360px) { /*当屏幕尺寸小于360px时，应用下面的CSS样式*/
.iconfont.icon-next-copy {font-size: 26px !important;}
.footer_nav dl{margin-right: 10px;padding-right: 21px;}
.sidebar { padding: 6px 12px;padding-bottom: 25px;}
.sortnavul {width: 99999px;}
.sortnavul li a{margin-right: 26px;}
.p_p_list li .text2 {left: 56px;}
.p_p_list_dll li dt .more {left:0px;width: 100%;}
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
textarea#gbookMain{width:256px !important;}
input#gbookTopic{width:256px !important;}
input#userMail{width:256px !important;}
}/*当屏幕尺寸小于360px时，结束应用下面的CSS样式*/


@media screen and (max-width: 320px) { /*当屏幕尺寸小于320px时，应用下面的CSS样式*/
.footer_nav dl{margin-right: 10px;padding-right: 10px;}
.sortnavul li a{margin-right: 40px;}
.p_p_list li .text2 {left: 36px;}
textarea#gbookMain{width:216px !important;}
input#gbookTopic{width:216px !important;}
input#userMail{width:216px !important;}
}/*当屏幕尺寸小于320px时，结束应用下面的CSS样式*/