@charset "utf-8";

@import url(dll.css);

@import url(font.css);

@import url(main.css);

@import url(onlineeditor.css);

@import url(ddsmoothmenu.css);

@import url(animate.css);

@import url(banner.css);

/* ��ҳ���ֿ�ʼ */

img{border:0;}

.header{/*height:160px;*/ /*background:#7ab449;*/}

.header_in{width:1200px; margin:auto;}

.topline{height:18px; /*overflow:hidden;*/}

.lan{float:right; height:28px; padding:0 10px; line-height:28px; color:#FFF; background:#97be0d;}

.lan li{ float:left;}

.lan li a{color:#288fe1; padding:0 10px;}

.lan li a:hover{color:#0071b9;}

.hotline{float:right; color:#288fe1; line-height:48px;/* padding-right:20px;*/margin-top: 10px;}

.hotline strong{ font-size:18px;}

.hotline a{color: #293846;font-weight: bold;margin: 0 10px;font-size: 16px;}

.hotline .wechat{}

.hotline .wechat img{height: 50px;padding-right: 5px;}

.hotline .call{}

.hotline .call img{height: 50px;padding-right: 5px;}



.logo{}



.i_nav{/*float:right;*/ height:29px; margin:25px 0 5px 100px;}

/*.i_nav li{float:left; padding:0 0 0 50px; height:29px; text-align:center;}

.i_nav li > a{display:block; color:#FFF; height:27px; line-height:27px; font-size:15px; padding:0 1px; text-align:center; border-bottom:2px solid #0071b9;}

.i_nav li > a:hover{color:#FFF; font-weight:bold; border-bottom:2px solid #8ed90c;}

.i_nav li > a.on{color:#FFF; font-weight:bold; border-bottom:2px solid #8ed90c;}*/



.i_banner_box{position:relative; width:100%; height:550px; overflow:hidden;}

.i_banner{display: inline; float: left;}





.i_container{overflow:hidden;}



.i_box01{padding:50px 0; overflow:hidden;}

.i_box02{padding:50px 0; background:#fafafa; overflow:hidden;}

.i_box03{padding:50px 0; /*background:#98d369;*/ overflow:hidden;}

.i_box04{padding:50px 0; background:url(../images/bg01.jpg) repeat-x center top; overflow:hidden;}

.i_box05{padding:50px 0; background:#f8f7f7; overflow:hidden;}



.i_video{float:left; width:400px;}

.i_video_c{ margin-top:22px;}



.i_tv{float: right;width: 350px;height: 300px;}



.i_news01{float:left; width:410px;margin-left: 20px;}

.i_news01_f{ margin-top:10px; padding-bottom:13px; background:url(../images/icon01.jpg) repeat-x left bottom;}

.i_news01_f h4{ display:block; height:25px; line-height:25px; font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.i_news01_f h4 a{ color:#2d2c2c;}

.i_news01_f span{ display:block; line-height:24px; padding-top:16px; color:#626262; height:48px; overflow:hidden;}

.i_news01_f span a{color:#68d50c;}

.i_news01_f a:hover{ color:#0071b9;}

.i_news01_l{ margin-top:10px; color:#626262;}

.i_news01_l li{height:36px; line-height:36px;}

.i_news01_l li a{ display:block; float:left; width:420px; text-indent:15px; background:url(../images/icon02.jpg) no-repeat 4px center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.i_news01_l li span{ display:block; float:right; width:85px; text-align:right;}



.txt01{ margin-top:17px; color:#979994; line-height:24px; text-align:center;}



.i_guangjia{width:1200px; margin:0 auto 0; position:relative;}

.i_guangjia dl{float:left; width:260px; /*height:96px;*/ padding:0 20px 0 20px; margin-top:30px;}

.i_guangjia dl.i_gj01{ background:url(../images/icon_gj01.png) no-repeat left 4px;}

.i_guangjia dl.i_gj02{width:220px; background:url(../images/icon_gj02.png) no-repeat left 4px;}

.i_guangjia dl.i_gj03{background:url(../images/icon_gj03.png) no-repeat left 4px;}

.i_guangjia dl.i_gj04{ background:url(../images/icon_gj04.png) no-repeat left 4px;}

.i_guangjia dl.i_gj05{width:220px; background:url(../images/icon_gj05.png) no-repeat left 4px;}

.i_guangjia dl.i_gj06{background:url(../images/icon_gj06.png) no-repeat left 4px;}

.i_guangjia dt{ color:#252623; font-size:18px; font-weight:bold;text-align: center;margin-bottom: 10px;}
.i_guangjia dt img{border:1px solid #ccc;}
.i_guangjia dd{ color:#979994; padding-top:4px; line-height:25px;}



.i_yingji{ width:465px; padding-right:475px; padding-top:20px; min-height:347px; background:url(../images/img01.jpg) no-repeat right top;}

.i_yingji_c{ color:#262723; line-height:25px; margin-top:20px;}





.i_case{width:1200px; margin:0 auto 0; position:relative;}

.i_case_l{width:1200px; margin-top:30px; overflow:hidden;}

.i_case_l ul{/*width:5000px;*/ overflow:hidden;}

.i_case_l li{float:left; width:280px; display:inline; margin-right:20px;text-align: center;margin-bottom: 20px;}

.i_case_l li img{width:240px; height:80px;border:1px solid #ccc;}

.i_case_l li span{width:296px; display:block; height:50px; line-height:50px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;margin: 0 auto;}

.i_case_l li span a{ color:#FFF;}

.i_case_l li span a:hover{color:#97be0d;}



.i_ys{width:1200px; margin:0 auto; padding:50px 0;}
.i_ys h1{height:44px; line-height:44px; text-align:center; font-size:30px; font-weight:bold;margin-bottom: 30px;}
.i_ys h1 span{color:#4ea4e9;}
.i_ys dl{ /*margin-top:50px; *//*height:462px;*/float:left;width: 280px;padding: 0 10px;}

.i_ys dl dt{ width:280px; height:280px; overflow:hidden;}

.i_ys dl dt img{width:280px;}

.i_ys dl dd{width:280px; text-align: center;}

.i_ys dl dd h4{ display:block; margin-top:10px; color:#32485f; font-size:18px; line-height:40px; height:40px;}

.i_ys dl dd ins{ display:block; margin-top:20px; color:#5b6d7f; font-size:20px; line-height:36px; text-decoration:none;}

.i_ys dl dd span{ display:block; margin-top:40px; color:#293846; line-height:30px; text-decoration:none;}

.i_ys dl.i_ysd dt{float:right;}

.i_ys dl.i_ysd dd{float:left; width:498px; padding:0;}



.i_about{position:relative; width:960px; margin:0 auto; min-height:270px;}

.i_about_i{ position:absolute; right:0; top:0;}

.i_about_c{width:590px; line-height:23px; margin-top:20px; color:#FFF;}



.i_links{width:960px; margin:0 auto; overflow:hidden;}

.i_links_l{margin:30px auto 0; width:960px; overflow:hidden;}

.i_links_l ul{width:5000px; overflow:hidden;}

.i_links_l li{float:left; display:inline; margin-right:33px; width:163px; height:64px; border:1px solid #e9e8e8; background:#FFF; text-align:center;}

.i_links_l li img{ width:163px; height:64px;}



.footer{overflow:hidden; /*background:#e8e8e8;*/background: url(../images/footerbg.jpg) no-repeat center top #FFF;}

.fbox{padding:10px 0; width:940px; margin:0 auto;}



.flogo{float:left; width:320px; overflow:hidden;}

.fcontact{/*float:left;*/ width:360px; line-height:24px; overflow:hidden;margin: 0 auto;}

.fewm{float:right; padding:0 10px; text-align:center;}

.fewm span{ display:block; padding-top:10px; line-height:20px;}

.footer_nav{ border-top:1px solid #c1c1c1; color:#333; text-align:center; padding-top:10px; line-height:25px;}

.copyright{text-align:center; line-height:25px;padding: 10px 0;color: #fff;background: #646464;}

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

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



/* ��ҳ���ֿ�ʼ */

.p_container{padding:35px 0; overflow:hidden; width:1200px;}



.p_left{float:left; width:230px; background:#4ea4e9; overflow:hidden;}

.p_right{float:right; width:950px; overflow:hidden;}



.p_container1{padding:35px 0; overflow:hidden; width:1200px;}

.p_container1 .p_right{float:right; width:950px; overflow:hidden;}

/*.sidebar{width:230px; margin-top:30px; padding-bottom:50px;}

.sidebar li{height:50px; line-height:50px;}

.sidebar li a{display:block; height:50px; padding-left:55px; color:#FFF; border-left:5px solid #2f88da; background:#2f88da;}

.sidebar li a:hover{color:#202020; border-left:5px solid #97be0d; background:#FFF;}

.sidebar li a.on{color:#202020; border-left:5px solid #97be0d; background:#FFF;}*/



.pl_contact{padding:25px 0 25px 50px; margin:0 auto; width:150px; text-align:left; color:#FFF; border-top:1px solid #97c9f1; font-style:italic; background:url(../images/icon04.png) no-repeat left center;}

.pl_contact ins{display:block; height:18px; line-height:18px; overflow:hidden; text-decoration:none; font-size:14px;}

.pl_contact span{display:block; height:21px; line-height:21px; font-size:16px; overflow:hidden; font-weight:bold;}



.ad01{padding:0 0 50px 0; margin:0 auto; width:200px;}



.p_path{line-height:63px; height:63px; padding-left:40px; background:#f8f6f2; border-bottom:1px solid #e2e1dd; color:#515151;}

.p_path a{color:#515151; adding:0 10px;}

.p_path a:hover{ color:#0071b9;}

.p_path ins{ display:inline-block; background:url(../images/icon05.png) no-repeat left center;}



.p_content{padding:20px 0; line-height:25px;}

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

.i_left{ float:left;}

.i_right{ float:right;}

/*-----响应式-----------*/

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

.mfbox{width:100%;min-width:100%;}

/*单页图文*/

.p_container{width:100%;padding:20px 0;margin:0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}

.p_content{width: 100%;padding: 0px;}

.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%!important;height:auto;}
.p_p_list li a span{width: 100%!important;}

/*带图新闻列表*/

.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:80%;}

/*内页*/

.productremark{padding:0 10px;}

.p_about{padding:0 10px;}

.remark{padding: 0 10px;}

.remark img{width:100%;}

/*-----------*/

.i_nav {float: right;height: 29px;margin-top: 30px;margin-right: 4%;}



.header_in {width: 100%;margin: auto;}

.i_container {overflow: hidden;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}

.p_left {float: left;width: 22.5%;/*background: #7ab449;*/overflow: hidden;}
.pl_contact span{font-size: 14px;}
.ad01{width: 160px;}
#flash_show_out{width: 160px!important;height: 160px!important;}
#flash_img{width: 160px!important;height: 160px!important;}
#flash_img a img{width: 160px!important;height: 160px!important;}
.sortnavul{width: 100%;}

.sortnavul li a{padding-left: 0;text-align: center;}

.p_right {float: right;width: 70%;overflow: hidden;margin-right: 4%;}

.p_container1 {padding: 35px 0;overflow: hidden;width: 100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}

.p_container1 .p_right {float: right;width: 70%;overflow: hidden;}

.p_newsi {float: left;width: 30%;height: auto;overflow: hidden;}

.p_newsi img {width: 100%;height: auto;}

.p_newsc {float: right;width: 67%;}

.p_newsf {width: 100%;padding-bottom: 20px;margin-top: 20px;border-bottom: 1px dashed #c0c3be;}

.p_proi {float: left;width: 30%;height: auto;overflow: hidden;}

.p_proi img {width: 100%;height: auto;}

.p_proc {float: right;width: 67%;}

.p_proc span {display: block;line-height: 24px;height: auto;overflow: hidden;color: #626262;}



}



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

/*nav栏目*/

.i_nav{display:none;height:auto;position:absolute;width:100%;top:93px;z-index: 9999;background:#fff;}

.ddsmoothmenu ul li{display:block;width:100%;border-top:1px solid #ccc;line-height: 0px;}

.navactive, .navactive:hover, .nava:hover, .nava.selected{line-height:50px;}

.ddsmoothmenu a{line-height:0px;padding:0;}

.navactive, .navactive:hover{padding:0;}

.navbar-toggle {display: block;background: #fff;position: absolute;right: 20px;top: 44px;background-image: url(../images/icon0x.png);background-size: 100%;border: 1px solid #c4c4c4;z-index: 999;}

.navactive, .navactive:hover, .nava:hover, .nava.selected {line-height: 0px !important;}

.nava:hover, .nava.selected {display: block;line-height: 30px !important;font-family: microsoft yahei;color: #0071b9;border-bottom:none !important;font-size: 15px;}

.navactive, .navactive:hover {display: block;line-height: 30px !important;font-family: microsoft yahei;color: #0071b9;font-size: 15px;border-bottom: none !important;}

.nava {display: block;line-height: 30px !important;color: #000;padding: 0 1px;font-family: microsoft yahei;font-size: 15px;border-bottom: none !important;}

.ddsmoothmenu ul li {position: relative;display: inline;float: left;display: inline;color: #000;text-align: center;height: 29px;padding: 0;}







/*产品列表*/

.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;}



.ad01{width: 100%;}

#flash_show_out{width: 95%!important;}

#flash_img{width: 100%!important;}

#flash_img a img{width: 100%!important;height: auto!important;}

/*留言板*/

.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}

#gbookMain{width:432px !important;}

input#gbookTopic{width:432px !important;}

input#userMail{width:432px !important;}

/*---------------*/

.mauto {width: 100%;margin: 0 auto;}

.mauto1{width: 100%;}

.i_video{float: left;width: 98%;margin-left: 1%;text-align: center;}

.i_tv{float: left;width: 98%;margin-left: 1%;text-align: center;height: 60vmin;}

#vcastr3 {width: 100% !important;height: auto !important;}

.i_news01 {float: left;width: 100%;margin-top: 20px;}

.i_news01 {float: left;width: 98%;margin: 20px 0 20px;margin-left: 1%;}

.i_news01_l li a {width: 70%;}

.i_news01_l li span {width: 20%;margin-right: 1%;}

.i_case1 .Cont {width: 80% !important;margin-left: 10%;}

.ror01{right: 1%;}

.rol01{left: 1%;}

.i_case1 {width: 100% !important;}

.i_guangjia {width: 100% !important;}

.i_yingji {width: 98%;padding-right: 0px;padding-top: 20px;min-height: 347px;background: url(../images/img01.jpg) no-repeat right top;margin-left: 1%;}

.i_yingji_c {color: #262723;line-height: 25px;margin-top: 20px;width: 40%;}

.i_case_l {margin-top: 20px;margin-left: 7% !important;width: 86% !important;}

.i_case_l ul{width: 100%;}

.i_case_l li{width: 50%;text-align: center;margin-right: 0;}

.i_case {width: 98% !important;margin: 0 auto;position: relative;}

.i_ys {width: 98%;margin: 0 auto;padding: 50px 0;}

.i_ys dl dd {/*float: right;*/width: 100%;/*padding: 0 0 0 58px;*//*margin-top: -50px;*/text-align: center;}

.i_ys dl dt img {width: 100%;}

.i_ys dl dt {/*float: left;*/width: 100% !important;height: auto !important;overflow: hidden;}

.i_ys dl.i_ysd dd {float: left;width: 50%;padding: 0;}

.i_about {width: 98%;}

.i_about_c {width: 70%;}

.i_links { width: 98%;}

.fbox {padding: 10px 0;width: 98%; margin: 0 auto;}

.flogo {float: left;width: 30%;overflow: hidden;}

.fcontact {/*float: left;*/width: 80%;margin: 0 auto; line-height: 24px;overflow: hidden;}

.fewm {float: right;padding: 0 10px;text-align: center;width: 25%;}

.sortnavt {width: 100%;  }

.pl_contact {display: none;}

.p_right {float: right;width: 73%;overflow: hidden;margin-right: 2%;}

.p_container1 .p_right {width: 73%;margin-right: 2%;}

.i_ys dl {margin-top: 50px;/*height: 340px;*/width: 46%;padding: 0 2%;}



}



@media screen and (max-width: 480px) {
.logo{width: 80%;height: 100px;line-height: 100px;}
.logo img{max-width: 100%;height: auto;max-height: 95px;vertical-align: middle;}
/*产品列表*/

.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;}

#gbookMain{width:300px !important;}

input#gbookTopic{width:300px !important;}

input#userMail{width:300px !important;}

/*-------------*/

.i_case1 .Cont {width: 66% !important;margin-left: 17%;}
.i_guangjia dl{padding: 0 70px 0 30px;}
.i_yingji {background: url(../images/img01.jpg) no-repeat right;background-size: 50% 50%;}

.i_yingji_c {width: 50%;}

.i_case_l {margin-top: 40px;margin-left: 1% !important;width: 98% !important;}

.i_ys dl dt {width: 100% !important;height: auto !important;}

.i_ys dl dd {width: 100%;margin-bottom: 50px;}

.i_ys dl.i_ysd dd {width: 100%;}

.i_about_c {width: 57%;}

.more01 {margin: 0 auto;margin-top: 20px;}

.txt01 {width: 98%;margin-left: 1%;}

.i_box02 .title02 {width: 98%;margin-left: 1%;}

.i_links_l {margin: 30px auto 0;width: 80%;overflow: hidden;margin-left: 10%;}

.sortnavul {width: 100%;margin-top: 30px;padding-bottom: 50px;}

.sortnavul li a {padding-left: 30%;}

#flash_show_out {display: none;}

.p_proc span {height: 70px;}

.p_newsc span { height: 70px;}

.n_j_list li a {width: 70%;}

.n_j_list li span {width: 20%;}











}



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

.i_about_i {display: none;}

.i_about_c {width: 98%;margin-left: 1%;}

.i_links_l {width: 92%; margin-left: 4%;}

.flogo {display: none;}

.fcontact {width: 66%;margin-left: 2%;}

.i_yingji {background: none;}

.i_yingji_c {width: 98%;margin-left: 1%;}

.i_case1 .Cont {width: 70% !important;margin-left: 15%;}

.i_box02 .title02 {font-size: 22px;}

.navbar-toggle {width: 50px;height: 50px;}

.i_video {display: none;}

.p_left {display: none;}

.p_right {width: 98%; margin-right: 1%;}

.p_container1 .p_right {width: 98%;margin-right: 1%;}

.navbar-toggle {top: 20px;}

.header { height: 100px;}

.topline {display:none;}

.i_ys dl dd h4 {text-align: center;}

.i_ys dl dd span {margin-top: 10px;text-align: center;}

.i_box01 { padding: 0px 0;}

.i_box02 { padding: 20px 0;}

.i_ys dl dd{margin-bottom:20px;}

.title03 {text-align: center;}

.i_ys{ padding: 20px 0;}

.i_ys dl{margin-top:0px;width:96%;}

}



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

/*留言板*/

.gbook_post td:nth-child(1){display:inline-block;width:50px!important;}

.gbook_post td:nth-child(2){display:inline-block;width:300px!important;}

#gbookMain{width:200px !important;}

input#gbookTopic{width:200px !important;}

input#userMail{width:200px !important;}

.i_case1 .Cont {width: 80% !important;margin-left: 12%;}

.i_links_l {width: 100%;margin-left: 0;}

.p_newsc h3 {width: 100%;}

.i_case_l {margin-top: 40px;margin-left: 9% !important;width: 82% !important;}

.remark {padding: 0;}

.productremark {padding: 0 !important;}



}



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

/*留言板*/

.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}

#gbookMain{width:256px !important;}

input#gbookTopic{width:256px !important;}

input#userMail{width:256px !important;}

.i_links_l {width: 50%;margin-left: 25%;}

.p_n_info {display: none;}

}



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

#gbookMain{width:216px !important;}

input#gbookTopic{width:216px !important;}

input#userMail{width:216px !important;}

.i_news01 .title01 {width: 100%;}

.title01 ul {margin-top: -24px;}

.i_news01_l li span { width: 20%;margin-right: 6%;}

.i_box02 .title02 {font-size: 16px;}

.i_yingji .title03 {font-size: 16px;margin-left: 20%;}

.i_case_l {margin-top: 40px;margin-left: 3% !important;width: 94% !important;}

.i_links_l {width: 56%;margin-left: 22%;}

.n_j_list li span {width: 25%;}

.i_box01 { padding: 0px ;}





}