@charset "utf-8";
@import url(dll.css);
@import url(font.css);
@import url(main.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/* ��ҳ���ֿ�ʼ */
.header{width:1000px; height:116px; margin:0 auto;}

.logo{float:left;}
.h_txt{float:left; margin-left:20px; width:280px; padding-top:44px; font-size:18px; color:#0052aa; text-align:right; line-height:25px;}

.hotline{float:right; margin-top:40px; padding-left:30px; height:37px; line-height:37px; font-size:20px; color:#d50000; font-family:Geneva, Arial, Helvetica, sans-serif; background:url(../Images/icon01.jpg) no-repeat left center;}

.i_nav{height:39px; border-bottom:1px solid #FFF; background:url(../Images/nav_bg.jpg) repeat-x left top;}
.i_banner_box{height: 454px;overflow: hidden;position: relative;width: 100%;}
.i_banner{display: inline;float: left;}

.i_container{padding:20px 0; overflow:hidden;}

.i_about{float:left; width:670px;}
.i_about_c{width:650px; height:315px; padding:10px; background:url(../Images/icon02.jpg) no-repeat right bottom #f3f3f3;}
.i_about_c img{width:279px; float:left;}
.i_about_c span{width:360px; height:315px; float:right; display:block; line-height:24px; font-size:12px; overflow:hidden;}

.i_news{float:right; width:315px; overflow:hidden;}
.i_news_l{width:295px; height:315px; padding:10px; background:url(../Images/icon02.jpg) no-repeat right bottom #f3f3f3;}
.i_news_l li{width:280px; height:24px; line-height:24px; border-bottom:1px dotted #a1a1a1; padding-left:15px; background:url(../Images/icon03.png) no-repeat 5px center;}
.i_news_l li a{float:left; display:block; width:200px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news_l li span{float:right; display:block; text-align:right; width:80px;}

.i_pro{width:1000px; margin-top:15px;}
.i_pro_l{width:1000px; padding-bottom:20px; overflow:hidden; background:url(../Images/icon02.jpg) no-repeat right bottom #f3f3f3;}
.i_pro_l li{float:left; display:inline-block; margin:15px 0 0 18px; width:178px;}
.i_pro_l li img{width:178px; height:150px;}
.i_pro_l li span{ display:block; line-height:30px; width:178px; text-align:center;}
.i_pro_l li span a{ width:178px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.footer{width:100%; overflow:hidden;}
.footer_nav{width:100%; padding-top:20px; line-height:25px; color:#FFF; font-size:13px; text-align:center; background:#085396;}
.footer_nav a{ color:#fff;}

.copyright{width:100%; line-height:25px; color:#FFF; font-size:13px; text-align:center; background:#085396;}
.copyright a{color:#FFF; padding:0 5px;}
.copyright a:hover{color:#FFF; text-decoration:underline;}
.jsq{width:100%; padding-bottom:20px; line-height:25px; color:#FFF; font-size:13px; text-align:center; background:#085396;}
.productremark img{width: 100% !important;}
.f_link{padding:10px 0; line-height:20px;display: none;}
.f_link dl{width:1000px; margin:0 auto;}
.f_link dl dt{float:left; width:80px; font-size:16px;}
.f_link dl dd{float:left; width:920px;}
.f_link dl dd a{padding:0 10px;}

/* ��ҳ���ֽ��� */

/* ��ҳ���ֿ�ʼ */
.p_banner_box{height:454px;overflow: hidden;position: relative;width: 100%;}
.p_banner{display: inline;float: left;}

.p_container{padding:40px 0; overflow:hidden;}

.p_left{float:left; width:250px;}
.p_right{float:right; width:750px;}
.i_banner_box123 .slider .slide .box img{width:100%;}
.pl_title{height:36px;}
.pl_title h3{float:left; display:block; height:32px; padding:0 20px 0 35px; font-size:18px; color:#FFF; border-radius:10px; line-height:32px; background:url(../Images/icon05.jpg) no-repeat 22px center #028ecb;}

.sidebar{width:240px; padding-right:10px;}

.pr_title{height:37px; border-bottom:2px solid #d50100;}
.pr_title h3{float:left; display:block; line-height:37px; padding-left:30px; font-size:14px; background:url(../Images/icon06.jpg) no-repeat 18px center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:400px;}

.p_path{float:right; line-height:37px;}
.p_path span{padding:0 5px;}

.p_about{padding:20px 10px; margin-top:3px; line-height:25px; border-left:2px solid #e6e6e6; float:left; width:728px;}

/* ��ҳ���ֽ��� */
.i_left{ width:670px; float:left;}
.i_right{ width:315px; float:right;}
/*响应式开始*/
@media screen and (max-width: 1024px) {
.hotline{margin-right:15px}
.header{width:100%;}
.mfbox{width:100%;min-width:100%;}
.i_container{width:98%;min-width:98%;}
.i_pro{width:100%;min-width:100%;}
.i_pro_l{width:100%;}
.title01{width:100%;}
.copyright{width:100%;}
.jsq{width:100%;}
.f_link dl{width:96%;}
.f_link dl dd{width:100%;}

/*单页图文*/
.pr_title{padding-right:10px;}
.path{width:100%;}
.p_container{width:100%;padding:20px 0;margin:0;}
.p_content{width:95%;}
.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;.productremark img{width: 100% !important;}
.p_p_list li strong{width:100%;}
.p_p_list li img{width:100%;height:auto;}

.p_pro{width:100%;padding:70px 15px 56px;}
.n_n_list li a{width:60%;}
.p_n_info{text-align: center;}
.n_j_list{width:100%}
/*带图新闻列表*/
.n_n_list{width:100%;}
.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;}
.n_j_list li a{width:60%;padding-left: 10px;}
/*内页*/
.productremark{padding:0 10px;}
.p_about{padding:0;}
.remark{padding: 0 10px;}
.remark img{width:100%;}
.pr_title h3{width:auto;}
}

@media screen and (max-width: 768px) { 
/*nav栏目*/
.i_nav li.line{display:none;}
.i_nav{display:none;height:auto;position:absolute;width:100%;top:93px;z-index: 9999;background:#fff;}
.ddsmoothmenu ul{width:100%;}
.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;width:100%}
.ddsmoothmenu a{line-height:50px;padding:0;width:100%;color:#000;}
.ddsmoothmenu a.navactive, .navactive:hover{padding:0;    background: #0085c9;color:#fff;width:auto;}
.navbar-toggle{display:block;background:#0085c9;margin:12px 10 0 0;}
.hotline{display:none;}
.i_about{width:100%;float:none;}
.i_about_c{overflow: hidden;width:100%;padding: 10px 0 10px 10px;height: auto;}
.i_about_c img{width:35%;}
.i_about_c span{width:63%;padding:0 1%;height:auto;}
.i_news{width:100%;float:none;}
.i_news_l{width:98%;padding:1%;}
.i_news_l li{width:100%;padding-left:0;}
.i_news_l li a{width:60%;padding-left:24px;}
.i_pro_l li:nth-child(4n+1){margin-left:1%;}
.i_pro_l li{float:none;margin:15px 0 0 0;width:24%;}
.i_pro_l li img{width:100%;}
.i_pro_l li span{width:100%;}
.i_pro_l li span a{width:100%;}
.pr_title{padding-right:0;}
.p_right{float:none;padding:0 10px;width:auto;}
.p_about{border:none;width:100%;}
.p_left{float:none;width:100%;}
.sidebar{width:100%;padding-right:0;}
.sortnavul li ul{width:100%;}
.sortnavul li{width:32%;float:none;display: inline-block;}
.sortnavul li a{width:100%;}
.sortnavt{width:130px;margin:0 auto;}
.sortnavul{padding:0 10px;text-align: center;}
/*产品列表*/
.p_p_list li{width:32%%;margin-right:0;}
.p_p_list li a{width:100%;}
.p_p_list li a .img{width:100%;}
.p_p_list li a img{width:100%;height:auto;}
.p_p_list li a span{width:100%;}
/*带图新闻列表*/
.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) { 

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

}
@media screen and (max-width: 568px) {
.h_txt{display:none;} 
.i_about_c{padding:10px 0;}
.i_about_c img{width:100%;}
.i_about_c span{width:100%;width:98%;padding:0 1%;}
.i_pro_l li{width:32%;}
.sortnavul li{width:100%;}
}
@media screen and (max-width: 480px) {
/*产品列表*/
.p_p_list li{width:100%;}
.i_pro_l li{width:48%;}
.p_p_list li a .img{height:auto;}
/*带图新闻列表*/
.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) {

}

@media screen and (max-width: 375px) { 
/*留言板*/
.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;}
}

@media screen and (max-width: 360px) { 
/*留言板*/
.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;}
}

@media screen and (max-width: 320px) {
textarea#gbookMain{width:216px !important;}
input#gbookTopic{width:216px !important;}
input#userMail{width:216px !important;}