@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:1200px; min-width:1200px; margin:0 auto; overflow:hidden;}
.mfbox960{width:960px; min-width:960px; margin:0 auto; overflow:hidden;}
.topbox{width:100%; height:30px; line-height:30px; background:#FFF; font-size:12px;}
.welcome{float:left; color:#a2a2a2;}
.trnav{float:right;}
.trnav li{float:left; margin-left:10px; text-indent:22px;}
.trnav li:nth-child(1){ background:url(../Images/ticon_01.gif) no-repeat left center;}
.trnav li:nth-child(2){ background:url(../Images/ticon_02.gif) no-repeat left center;}
.trnav li:nth-child(3){ background:url(../Images/ticon_03.gif) no-repeat left center;}
.trnav li:nth-child(4){ background:url(../Images/ticon_04.gif) no-repeat left center;}
.trnav li:nth-child(5){ background:url(../Images/ticon_05.gif) no-repeat left center;}


.header{width:100%; height:100px; position:relative;}
.logo{float:left; display:inline-block;}
.hotline{float:right; margin-top:35px; text-indent:50px; background:url(../Images/icon01.png) no-repeat left center;}
.hotline span{ display:block; height:18px; line-height:18px; color:#9f9f9f; overflow:hidden;}
.hotline strong{ display:block; color:#bf022c; font-size:20px;}


.i_nav{height:51px; background:url(../Images/nav_bg.jpg) repeat-x left top;}
/*.i_nav ul{ width:960px; margin:0 auto;}
.i_nav li{float:left; text-align:center; font-size:14px;}
.i_nav li>a{display:block; height:51px; color:#FFF; padding:0 29px; line-height:50px; border-right:1px solid #d50330;}
.i_nav li>a:hover{ color:#FFF; border-bottom:1px solid #ba1938; background:#3d3d3f;}
.i_nav li>a.on{ color:#FFF; border-bottom:1px solid #ba1938; background:#3d3d3f;}*/

.search{ position:absolute; left:0; top:182px; width:100%; height:48px; line-height:48px; background:url(../Images/sch_bg.png) no-repeat center top; z-index:1;}
.search_l{float:left;}
.search_l a{ padding:0 5px;}
.search_r{float:right; margin-top:9px; width:255px; height:30px; border:1px solid #de1233;}
.search_r input{float:left; height:28px; line-height:28px; border:0; padding:0; margin:0;}
.search_r input.s_int{width:196px; color:#333; background:url(../Images/icon02.jpg) no-repeat 5px center #FFF; text-indent:30px;}
.search_r input.s_btn{width:57px; color:#FFF; background:#de1233; text-align:center; cursor:pointer;}

.i_banner_box{position:relative; width:100%; height:500px; margin-top:1px; overflow:hidden;}
.i_banner{ float:left; display:inline;}


.i_container{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_intro{ padding:50px 0; background:#fff;}
.i_ad01{ width:100%; text-align:center;}
.i_intro_l{width:100%; margin-top:50px; text-align:center;}
.i_intro_l li{display:inline-block; margin:0 12px;}
.i_intro_l li a{ display:block; width:276px; height:318px; padding:0 45px; background:#f1f1f1;}
.i_intro_l li i{ display:inline-block; width:100px; height:100px; overflow:hidden; margin:25px 0 10px; border-radius:50px;}
.i_intro_l li h3 { display:block; font-size:16px; height:35px; line-height:35px; border-bottom:1px dashed #fff;}
.i_intro_l li span{ display:block; height:60px; font-size:12px; line-height:20px;}
.i_intro_l li ins{width:96px; height:24px; line-height:22px; border:1px solid #bbb; display:block; margin:20px auto; color:#bbb; font-size:12px; text-decoration:none;}
.i_intro_l li a:hover{ background:#bf1017; color:#FFF;}
.i_intro_l li a:hover i img{transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg);}
.i_intro_l li a:hover ins{ border:1px solid #fff;color:#fff;}

.i_pro01{width:1200px; margin:0 auto; padding:50px 0 40px;}
.i_pro01_sort{width:210px; padding:0 2px; float:left; height:720px; background:url(../Images/icon03.jpg); overflow:hidden;}
.i_pro01_sort ul{ background:#fff; padding-bottom:10px;}
.i_pro01_sort dl{width:206px; background:#fff; overflow:hidden; padding:10px 10px 0 10px;}
.i_pro01_sort dl dt{height:30px; line-height:30px; text-align:center; font-size:14px; width:100%; background:#a6a6a6; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_pro01_sort dl dt a{ color:#fff;}
.i_pro01_sort dl dd{margin:0 10px; background:url(../Images/icon04.jpg) 0 12px no-repeat; padding-left:18px; height:34px; line-height:34px; font-size:14px; overflow:hidden;}
.i_pro01_l{float:right; width:960px; height:720px; padding:0 10px 10px; border:1px solid #eee; background:#fff;}
.i_pro01_ll{width:940px; overflow:hidden;}
.i_pro01_ll ul{width:980px; overflow:hidden;}
.i_pro01_ll li{float:left; width:220px; height:200px; margin:10px 20px 10px 0; border:1px solid #eeeeee;}
.i_pro01_ll li i{ display:block; width:208px; height:160px; margin:5px; overflow:hidden;}
.i_pro01_ll li a:hover i img{ z-index:-1; -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}
.i_pro01_ll li span{ display:block; height:30px; font-size:14px; text-align:center; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.i_ad02{width:100%; text-align:center;}

.i_ys{background:#fff; overflow:hidden; padding-bottom:10px;}
.i_ys_c {width:960px; height:934px; margin:0 auto; background:url(../Images/icon06.jpg) no-repeat;}
.i_ys_c .i_ys_c1 {padding:50px 0px 0 85px; height:385px; clear:both;}
.i_ys_c h1{ display:block; width:100%; font-weight:normal; font-size:24px; color:#b80000;}
.i_ys_c font {color:#3a0f00;}
.i_ys_c h3 { font-weight:normal; font-size:12px;}
.i_ys_c h2 { padding-top:12px; font-weight:normal; font-size:14px; width:390px; float:left; line-height:24px;}
.i_ys_c .i_ys_c2 { padding:38px 0 0 545px; width:945px; height:283px; clear:both; float:left;}
.i_ys_c .i_ys_c3 {padding:25px 0 0 85px;clear:both; width:480px; float:left;}

.sdf{width:1184px; overflow:hidden; }
.i_cust{width:1200px; margin:20px auto 0; padding:8px; background:url(../Images/icon07.gif) repeat left top;}
.i_cust_l{ padding:0 10px 10px; overflow:hidden; background:#FFF;}
.i_cust_l li{float:left; width:200px; height:162px; margin-right:10px; background:#dddddd;}
.i_cust_l li i{ display:block; width:198px; height:135px; overflow:hidden;}
.i_cust_l li i img{width:198px; height:200px;}
.i_cust_l li a:hover i img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}
.i_cust_l li span{ display:block; height:25px; font-size:12px; text-align:center; line-height:25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.i_about{float:left; margin-top:50px; width:930px; height:450px; border:1px solid #ddd; background:#fff;}
.i_about_c{padding:15px; height:240px; line-height:25px; font-size:14px; overflow:hidden;}

.asd{width:908px; overflow:hidden;}
.i_cfsb{ padding:0 0 15px; margin:0 15px; overflow:hidden;}
.i_cfsb ul{width:4000px; overflow:hidden;}
.i_cfsb li{float:left; width:193px; height:151px; margin-right:8px; background:#dddddd;}
.i_cfsb li i{ display:block; width:193px; height:124px; overflow:hidden;}
.i_cfsb li i img{width:193px; height:124px;}
.i_cfsb li a:hover i img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}
.i_cfsb li span{ display:block; height:25px; font-size:12px; text-align:center; line-height:25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.i_sqs{float:right; margin-top:50px; width:255px; height:450px; border:1px solid #ddd; background:#fff;}
.i_sqs_c{margin:20px 13px; width:225px; overflow: hidden;}
.i_sqs_c span{ display:block; font-size: 14px; height: 30px; line-height: 30px; text-align: center; overflow: hidden;}

.i_news01{float:left; width:270px; height:350px; margin-top:40px; padding-right:30px; background:url(../Images/icon11.gif) no-repeat right top;}
.i_news01_f{width:240px; margin-top:10px;}
.i_news01_f img{width:240px; height:120px; border:1px solid #bbb;}
.i_news01_l{ margin-top:10px;}
.i_news01_l li{width:240px; height:29px;padding-left:12px; line-height:29px;border-bottom:1px dashed #DDD; background: url(../Images/icon12.png) no-repeat 2px 11px;color: #999; overflow:hidden;}

.i_news02{float:left; width:650px; height:350px; margin-top:40px; margin-left:15px; padding-right:30px; background:url(../Images/icon11.gif) no-repeat right top;}
.i_news02_f{width:620px; height:140px; margin-top:10px;}
.i_news02_f dt{float:left; display:inline-block; width:140px; height:140px;}
.i_news02_f dt img{width:140px; height:140px; border:1px solid #bbb;}
.i_news02_f dd{float:right; display:inline-block; width:460px; height:140px;}
.i_news02_f dd h4{display:block; height:30px; line-height:30px; font-size:16px;}
.i_news02_f dd span{display:block; height:100px; line-height:20px; overflow:hidden;}
.i_news02_l{width:620px; margin-top:10px;}
.i_news02_l li{ height:30px; line-height:30px; border-bottom:1px dashed #DDD; background: url(../Images/icon12.png) no-repeat 2px 11px;}
.i_news02_l li a{ display:inline-block; float:left; text-align:left; text-indent:12px; width:520px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news02_l li span{ display:inline-block; float:right; text-align:right; width:100px;}

.i_gbook{float:right; width:255px; height:350px; margin-top:40px;}
.i_gbook_l{margin-top:20px;}
.i_gbook_l li{ min-height:25px; margin-bottom:10px; line-height:25px;}
.i_gbook_l li span{float:left; display:block; width:75px;}
.i_gbook_l li input{float:left; display:block; width:180px; height:25px; background:#FFF; border:1px solid #DDD;}
.i_gbook_l li textarea{float:left; display:block; width:180px; height:50px; background:#FFF; border:1px solid #DDD;}
.i_gbook_l li:nth-child(5){ height:50px;}
.i_gbook_b{margin-top:10px; text-align:center;}
.i_gbook_b input{display:block; margin:0 auto; width:100px; height:30px; background:#dddddd; line-height:30px; color:#000; text-align:center; cursor:pointer;}

.i_links{ margin:30px auto 0; width:1200px;}
.i_links_l{ padding:15px 0; line-height:20px; font-size:14px;}
.i_links_l a{ display:inline-block; padding:0 10px;}

.footer{width:100%; margin-top:20px;}

.footer_nav{width:100%; height:30px; line-height:30px; color:#fff; background:#b90128; text-align:center;}
.footer_nav a{ padding:0 10px; color:#FFF;}
.footer_nav a:hover{color:#FFCC00;}

.copyright{padding-top:10px; line-height:25px; text-align:center;}
.jsq{padding-bottom:10px; line-height:25px; text-align:center;}

/* 首页部分结束 */

/* 内页部分开始 */
.p_container{padding:20px 0;}

.p_left{float:left; width:220px; overflow:hidden; background:#FFF;}
.p_right{float:right; width:960px; overflow:hidden; background:#FFF;}



.p_lcontact{width:220px;}
.p_lcontact_c{ padding:15px; line-height:25px;}
.p_lcontact_c img{ padding-bottom:10px;}

.path{ height:34px; line-height:34px; text-indent:15px; border-bottom:2px solid #d0202d; font-size:14px;}
.path span{ padding:0 10px;}

.p_content{padding:20px; text-align:left; line-height:25px; font-size:14px;}

/* 内页部分结束 */

/*响应式开始*/
@media screen and (max-width: 1024px) {
.topbox{padding:0 10px;}
.mfbox{width:100%;min-width:100%;padding:0 10px;}
.i_ad02{padding:0 10px;}
.i_about_c img{width:50%!important;height:auto!important;}
.i_container{width:100%;min-width:100%;}
.i_pro{width:100%;min-width:100%;}
.i_pro_l{width:100%;}
.title01{width:100%;}
.copyright{width:100%;}
.jsq{width:100%;}
.i_intro_l li{width:23%;margin:0 1%;}
.i_intro_l li a{padding:0 10px;width:100%;}
.i_pro01{width:100%;padding:0 0 40px}
.i_pro01_sort{width:98%;margin:0 auto 10px;float:none;height:auto;border-bottom: 2px solid #ff0000;}
.i_pro01_sort dl{width:100%;}
.i_pro01_sort dl dd{display:inline-block;margin:0 5px;}
.i_pro01_l{float:none;width:100%;height:auto;}
.i_pro01_ll{width:100%;}
.i_pro01_ll ul{width:100%;}
.i_pro01_ll li{width:33%;margin:10px 0% 0% 0;float:none;display: inline-block;}
.i_pro01_ll li i{width:96%;margin:2%;text-align: center;}
.i_cust{width:100%;}
.sdf{width:100%;}
.i_gbook{display:none;}
.i_news01{width:25%;}
.i_news02{width:75%;margin-left:0;}
.i_news01_f{width:100%;}
.i_news01_f img{width:100%;height:auto;}
.i_news01_l li{width:100%;text-overflow:ellipsis;white-space:nowrap;}
.i_news02_f{width:100%;}
.i_news02_f dt{width:22%;}
.i_news02_f dt img{width:100%;height:auto;}
.i_news02_f dd{width:76%;}
.i_news02_l{width:100%;}
.i_news02_l li a{width:60%;}
.i_links{width:100%;padding:0 10px;}
.i_about{width:75%;}
.asd{width:100%;}
.i_sqs{width:25%;}
.i_sqs_c{margin:0;width:100%;}
/*单页图文*/
.path{width:100%;}
.p_right{width:800px;}
.p_container{width:100%;padding:20px 0;margin:0;}
.p_content{width:100%;}
.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_v_list{width:100%;}
.p_v_list li{width:32%;display: inline-block;float:none;margin:0;}
.p_v_list li a{width:100%;height:auto;}
.p_v_list li a img{width:100%;height:auto;}
.p_v_list li span a{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%;}
.n_d_list li a{width:60%;}
/*内页*/
.productremark{padding:0 10px;}
.p_about{padding:0 10px;}
.remark{padding: 0 10px;}

.remark img{width:100%;}
}

@media screen and (max-width: 768px) { 
/*nav栏目*/
.header{height:100px;}
.hotline{float:left;margin-top:26px;margin-left:20px;}
.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;background: #af0529;}
.ddsmoothmenu a{line-height:50px;padding:0;color: #000;}
.ddsmoothmenu a.navactive{color:#fff;}
.navactive, .navactive:hover{padding:0;}
.navbar-toggle{display:block;background:#af0529;}
.search{display:none;}
.title04 h3{padding-right:0;}
.i_ys_c{background:none;width:100%;height:auto;}
.i_ys_c .i_ys_c1{width:100%;padding:30px 10px 30px;text-align: center;height:auto;}
.i_ys_c .i_ys_c2{width:100%;float:none;height:auto;padding:0 10px;text-align: center;}
.i_ys_c .i_ys_c3{width:100%;float:none;height:auto;padding:30px 10px 0;text-align: center;}
.i_ys_c h2{width:100%;float:none;}
/*单页图文*/
.p_left{width:100%;float:none;}
.sidebar{width:100%;}
.sortnavt{text-align: center;background-repeat: repeat;}
.sortnavt h3{float:none;}
.sortnavul li{display:inline-block;}
.sortnavul li a{width:100%;margin:0 auto;border:none;text-align: center;}
.p_lcontact{width:100%;display:none;}
.p_lcontact_c{text-align: center;}
.title09{text-align: center;background-repeat: repeat;width:100%;}
.title09 h3{float:none;}
.p_right{width:100%;float:none;}

/*产品列表*/
.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: 667px){
.i_pro01_ll li{width:32%;}
}
@media screen and (max-width: 568px){
.i_about{width:100%;float:none;}
.i_sqs{width:100%;height:auto;float:none;}
.i_news01{width:100%;height:auto;}
.i_news02{width:100%;}
.p_v_list li{width:49%;}
}
@media screen and (max-width: 480px) {
.hotline{display:none;}
.i_intro_l li h3{font-size:15px;}
/*产品列表*/
.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) {
.topbox{display:none;}
.i_intro_l li{width:46%;margin:20px 1%;}
.i_news02{height:auto;}
.i_news02_f{height:auto;}
.i_news02_f dt{width:100%;float:none;}
.i_news02_f dt img{width:100%;height:auto;}
.i_news02_f dd{width:100%;float:none;height: auto;}
.i_news02_f dd span{height:auto;}
.footer_nav a{padding:0 2px;}
.i_ad02{display:none;}
.i_about{margin-top:10px;}
.i_sqs{margin-top:10px;}
.i_pro01{padding: 0 0 10px;}
.i_intro{padding: 50px 0 10px;}
}

@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) {
.p_v_list li{width:100%;}
textarea#gbookMain{width:216px !important;}
input#gbookTopic{width:216px !important;}
input#userMail{width:216px !important;}
}