﻿@charset "utf-8";
@import url(dll.css);
@import url(module.css);
@import url(global.css);
@import url(onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/* 首页部分开始 */
.mfbox{width:1170px; min-width:1170px; margin:0 auto;}
.mfbox01{ background:#FFF; padding:30px 0 40px; border-bottom:1px solid #EEE;}
.mfbox02{ background:#fafafa; padding:30px 0 40px; border-bottom:1px solid #EEE;}

.header{width:100%; height:105px; position:relative;}
.logo{float:left; display:inline-block;}

.hotline{float:right; margin-top:30px; text-indent:50px; background:url(../images/icon01.png) no-repeat left center;}
.hotline span{ display: block;    font-size: 14px;    height: 18px;    line-height: 18px;    color: #333;    overflow: hidden;}
.hotline strong{ display:block; color:#ff9101; font-size:20px;}

.i_nav{width:100%; height:51px; background:#222222; border-bottom:1px solid #000;}

.i_nav.add{ position:fixed; left:0; top:0; z-index:9999;}

.i_banner_box{ width:100%; height:450px; overflow:hidden;}

.i_container{width:100%; min-width:1200px; overflow:hidden;}
.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_pro{width:100%; min-width:1200px;}
.i_pro_l{width:1200px; margin:0 auto;}
.i_pro_l dl{float:left; width:600px; height:103px; margin-top:30px;}
.i_pro_l dl dt{float:left; width:195px; padding:0 15px;}
.i_pro_l dl dt i{ display:block; width:165px; height:103px; overflow:hidden;}
.i_pro_l dl dt a:hover i img{ z-index:-1; -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}
.i_pro_l dl dd{float:left; width:405px; padding:0 15px;}
.i_pro_l dl dd h4{ display:block; line-height:22px; font-size:16px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_pro_l dl dd h5{ display:block; height:27px; line-height:27px; font-size:12px; color:#CCC; text-align:left;}
.i_pro_l dl dd h5 ins{display:inline-block; text-decoration:none; background:url(../images/icon05.png) no-repeat left center; text-indent:20px; padding-right:20px;}
.i_pro_l dl dd h5 i{display:inline-block; font-style:normal; background:url(../images/icon06.png) no-repeat left center; text-indent:20px;}
.i_pro_l dl dd span{ display:block; height:40px; line-height:20px; overflow:hidden;}

.i_ad01{width:100%; text-align:center;}
.i_con{width:100%; text-align:center;}

.footer{width:100%; padding:30px 0; background:#222222; color:#FFF;}

.copyright{width:1170px; margin:0 auto; padding-top:10px; line-height:20px;}
.jsq{width:1170px; margin:0 auto; padding-bottom:10px; line-height:20px;}

/* 首页部分结束 */

/* 内页部分开始 */
.p_container{padding:30px 0; background:#f4f4f4;}
.path{width:1170px; height:50px; margin:0 auto; line-height:50px; text-indent:60px; border-bottom:1px solid #f4f4f4; background:url(../images/icon07.jpg) no-repeat 35px center #FFF;}
.path span{ padding:0 10px;}

.p_mfbox{width:1170px; margin:0 auto; background:#FFF;}

.p_left{float:left; width:790px; overflow:hidden; border-right:1px solid #f4f4f4;}
.p_right{float:right; width:380px; overflow:hidden; padding:30px;}

.pr_pro{ margin-top:20px;}
.pr_pro_l{margin-top:10px; float:left; height:100%;}
.pr_pro_l dl{float:left; width:320px; height:50px; margin-top:10px;}
.pr_pro_l dl dt{float:left; width:80px;}
.pr_pro_l dl dt i{ display:block; width:80px; height:50px; overflow:hidden;}
.pr_pro_l dl dt a:hover i img{-webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}
.pr_pro_l dl dd{float:left; width:240px; padding-left:20px;}
.pr_pro_l dl dd h4{ display:block; line-height:20px; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pr_pro_l dl dd h5{ display:block; height:27px; line-height:27px; font-size:12px; color:#CCC; text-align:left;}
.pr_pro_l dl dd h5 ins{display:inline-block; text-decoration:none; background:url(../images/icon05.png) no-repeat left center; text-indent:20px; padding-right:10px;}
.pr_pro_l dl dd h5 i{display:inline-block; font-style:normal; background:url(../images/icon06.png) no-repeat left center; text-indent:20px;}

.p_content{padding:30px; text-align:left; line-height:25px;}
.p_content1{padding:30px 0px; text-align:left; line-height:25px;}
/* 内页部分结束 */
.nm_cont{ width:1170px; margin:0 auto;}

/*响应式开始*/
@media screen and (max-width: 1024px) {
.mfbox{width:100%;min-width:100%;}
.subnav{width:100%;}
.i_container{width:100%;min-width:100%;}
.i_pro{width:100%;min-width:100%;}
.title01{width:100%;padding:0 10px;}
.i_pro_l{width:100%;}
.i_pro_l dl{width:50%;}
.i_pro_l dl dd{width:49%;}
.copyright{width:100%;padding:0 15px;}
.jsq{width:100%;}
/*单页图文*/
.path{width:100%;}
.p_mfbox{width:100%;}
.p_left{width:100%;float:none;}
.p_right{width:100%;float:none;text-align: center;}
.pr_pro_l dl{width:33%;}
.pr_pro_l dl dd{width:70%;text-align: left;}

.remark1 img{width:800px;display: block;margin:0 auto;}
.p_container{width:100%;padding:20px 0;margin:0;}
.p_content{width:100%;padding:0 10px;}
.p_content_p{width:95%;}

/*产品列表*/
.p_p_list{width:95%;margin:0 auto;}
.p_p_list li{float:none;margin-left:0;width:30%;display: inline-block;}
.p_p_list li strong{width:100%;}
.p_p_list li img{width:100%;height:auto;}
.p_p_list dl{width:50%;}
.p_p_list dl dt{width:50%;}
.p_p_list dl dd{width:50%;padding:0;}
.p_p_list dl dt i{width:100%;}

.p_pro{width:100%;padding:70px 15px 56px;}
.n_n_list li a{width:60%;}
.p_n_info{text-align: center;}

/*带图新闻列表*/
.n_n_list li{overflow: hidden;}
.n_n_list dd{width:60%;float:left;margin-left:15px;}
.navPage{width:100%;}
.footer{width:100%;min-width:100%;}

/*招聘中心*/
.n_j_list li{padding:0 10px;width:100%;}
.n_j_list li a{width:60%;}

/*内页*/
.productremark{padding:0 10px;}
.p_about{padding:0 10px;}
.remark{padding: 0 10px;}
.remark img{width:100%;}
/*上一页下一页*/
.p_content1 .prevnext{margin:0;padding:10px;}
}

@media screen and (max-width: 768px) { 
/*nav栏目*/
.i_nav.add{display:none;height:auto;position:absolute;width:100%;top:104px;z-index: 9999;background:#fff;}
.ddsmoothmenu ul{width:100%;}
.nava{color:#000;}
.ddsmoothmenu ul li{display:block;width:100%;border-top:1px solid #ccc;line-height: 50px;}
.navactive, .navactive:hover, .nava:hover, .nava.selected{line-height:50px;background:#1d1819;}

.ddsmoothmenu a{line-height:50px;padding:0;color:#f00 !important}
.navactive, .navactive:hover{padding:0;}
.navbar-toggle{display:block;background:#1d1819;}
.hotline{float:left;}
.iconfont.icon-fenlei{position:absolute;margin:10px 15px 0 0;top:10px;right:0;}
.logo{    margin-left: 8px;
    margin-top: 15px;
    width: 75%;}
.pr_pro_l dl{width:50%;}
/*产品列表*/
.p_p_list li{width:49%;margin-right:0;}

/*带图新闻列表*/
.n_n_list li{overflow: hidden;}
.n_n_list dd{width:55%;float:left;margin-left:15px;}


/*留言板*/
.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;}
}
@media screen and (max-width: 736px) {
.i_pro_l dl{width:600px;float:none;margin:30px auto 0;}
.i_pro_l dl dd{width:405px;}
}
@media screen and (max-width: 667px) {
.hotline{display:none;}
}
@media screen and (max-width: 568px) {
.i_pro_l dl{width:100%;height:auto;}
.i_pro_l dl dd{width:385px;float:none;margin:0 auto;}
.pr_pro_l dl{width:100%;}
.i_pro_l dl dt{margin:0 auto;float:none;}
.i_pro_l dl dd h4{text-align: center;}
.i_pro_l dl dd h5{text-align: center;}
.p_p_list dl{width:100%;float:none;height:auto;}
.p_p_list dl dt{width:235px;margin:0 auto;float:none;display: block;}
.p_p_list dl dd span{height:auto;}
.p_p_list dl dt i{width:235px;}
.p_p_list dl dd{text-align: center;width:100%;float:none;display: block;}
..p_p_list dl dd h4{text-align: center;}
.p_p_list dl dd h5{text-align: center;}


}
@media screen and (max-width: 480px) {
.p_right{padding:0 10px;}
.i_pro_l dl dt{float:none;margin:0 auto;}
.i_pro_l dl dd{text-align: center;width:100%;margin:15px 0;}


.pr_pro_l{width:100%;}
.pr_pro_l dl dd{width:80%;}

/*产品列表*/
.p_p_list li{width:100%;}

/*带图新闻列表*/
.n_n_list li{overflow: hidden;height:auto;}
.n_n_list dt{float:none;margin:0 auto;}
.n_n_list dd{width:100%;float:none;margin-left:0px;}
.n_n_list dd span{height:auto;}
/*轮播箭头大小颜色*/
.iconfont.icon-next-copy{color:#fff;font-size:35px;}
.slider-nav{bottom:7px;}
/*留言板*/
.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;}
}

@media screen and (max-width: 414px) {
.pr_pro_l dl dd{width:70%;}
}

@media screen and (max-width: 375px) { 
/*留言板*/
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
textarea#gbookMain{width:260px !important;}
input#gbookTopic{width:260px !important;}
input#userMail{width:260px !important;}
}

@media screen and (max-width: 360px) { 
/*留言板*/
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
textarea#gbookMain{width:246px !important;}
input#gbookTopic{width:246px !important;}
input#userMail{width:246px !important;}
}

@media screen and (max-width: 320px) {
textarea#gbookMain{width:206px !important;}
input#gbookTopic{width:206px !important;}
input#userMail{width:206px !important;}
}
