@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);
/* ��ҳ���ֿ�ʼ */
img{border:0;}
.header{height:123px; background:#0071b9;}
.header_in{width:1000px; margin:auto;}
.topline{height:28px; overflow:hidden;display:none;}
.lan{float:right; height:28px; padding:0 10px; line-height:28px; color:#FFF; background:#97be0d;}
.lan li{ float:left;}
.lan li a{color:#FFF; padding:0 10px;}
.lan li a:hover{color:#0071b9;}
.hotline{float:right; color:#FFF; line-height:28px; padding-right:20px;}
.hotline strong{ font-size:18px;}

.logo{float:left;}

.i_nav{float:right; height:29px; margin-top:30px;}
/*.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;display:none;}
.i_box03{padding:50px 0; background:#2c99de; 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;display:none;}

.i_video{float:left; width:357px;}
.i_video_c{ margin-top:22px;}

.i_news01{float:right; width:515px;}
.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:960px; margin:0 auto 0; position:relative;}
.i_guangjia dl{float:left; width:220px; height:96px; padding:0 30px 0 70px; margin-top:50px;}
.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;}
.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(../temp/img01.jpg) no-repeat right top;display:none;}
.i_yingji_c{ color:#262723; line-height:25px; margin-top:20px;}


.i_case{width:960px; margin:0 auto 0; position:relative;}
.i_case_l{width:960px; margin-top:40px; overflow:hidden;}
.i_case_l ul{width:5000px; overflow:hidden;}
.i_case_l li{float:left; width:296px; display:inline; margin-right:36px;}
.i_case_l li img{width:296px; height:269px;}
.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;}
.i_case_l li span a{ color:#FFF;}
.i_case_l li span a:hover{color:#97be0d;}

.i_ys{width:960px; margin:0 auto; padding:50px 0;}
.i_ys dl{ margin-top:50px; height:462px;}
.i_ys dl dt{float:left; width:462px; height:462px; overflow:hidden;}
.i_ys dl dt img{width:462px;}
.i_ys dl dd{float:right; width:440px; padding:0 0 0 58px;}
.i_ys dl dd h4{ display:block; margin-top:50px;! color:#32485f; font-size:30px; 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;}
.fbox{padding:50px 0; width:940px; margin:0 auto;}

.flogo{float:left; width:320px; overflow:hidden;}
.fcontact{float:left; width:360px; line-height:24px; overflow:hidden;}
.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:20px; line-height:25px;}
.copyright{text-align:center; line-height:25px;}
.jsq{text-align:center; padding-bottom:20px; line-height:25px;}
/* ��ҳ���ֽ��� */

/* ��ҳ���ֿ�ʼ */
.p_container{padding:35px 0; overflow:hidden; width:940px;}

.p_left{float:left; width:230px; background:#2f88da; overflow:hidden;}
.p_right{float:right; width:710px; overflow:hidden;}

.p_container1{padding:35px 0; overflow:hidden; width:1050px;}
.p_container1 .p_right{float:right; width:820px; 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 #4c9ee9; 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:12px;}
.pl_contact span{display:block; height:21px; line-height:21px; font-size:20px; 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 20px 40px; 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%;height:auto;}
/*带图新闻列表*/
.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: #2f88da;overflow: hidden;}
.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;}
.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;}


/*留言板*/
.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;}
.i_video{float: left;width: 98%;margin-left: 1%;}
#vcastr3 {width: 100% !important;height: auto !important;}
.i_news01 {float: left;width: 100%;margin-top: 20px;}
.i_news01 {float: left;width: 98%;margin-top: 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(../temp/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: 40px;left: 7% !important;width: 86% !important;}
.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: 50%;padding: 0 0 0 58px;margin-top: -50px;}
.i_ys dl dt img {width: 100%;}
.i_ys dl dt {float: left;width: 40% !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: 50px 0;width: 98%; margin: 0 auto;}
.flogo {float: left;width: 30%;overflow: hidden;}
.fcontact {float: left;width: 40%;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;}

}

@media screen and (max-width: 480px) {
/*产品列表*/
.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;display:none;}
.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: 20%;}
.i_yingji {background: url(../temp/img01.jpg) no-repeat right;background-size: 50% 50%;}
.i_yingji_c {width: 50%;}
.i_case_l {margin-top: 40px;left: 17% !important;width: 66% !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: 0px 0;}
.i_ys dl{margin-top:0px;}
}

@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;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;left: 3% !important;width: 100% !important;}
.i_links_l {width: 56%;margin-left: 22%;}
.n_j_list li span {width: 25%;}
.i_box01 { padding: 0px ;}


}