@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);
/* ��ҳ���ֿ�ʼ */
.topline{height:39px; background:#f3f5f9; border-bottom:1px solid #e6e5e5;}
.topline_in{width:1000px; margin:0 auto;}
.topline_nav{float:right; line-height:39px;}
.topline_nav li{float:left; padding:0 7px; text-indent:20px;}
.topline_nav li.line{text-indent:0;}
.topline_nav li.tn01{ background:url(../Images/icon03.png) no-repeat left center;}
.topline_nav li.tn02{ background:url(../Images/icon02.png) no-repeat left center;}
.topline_nav li.tn03{ background:url(../Images/icon01.png) no-repeat left center;}

.header{width:1200px; height:80px; margin:0 auto;}
.logo{float:left; height:80px; overflow:hidden;}
.i_nav{float:right; height:80px;}


.i_banner_box{ position:relative; width:100%; height:430px; overflow:hidden;}
.i_banner{display: inline; float: left;}


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

}

.i_panter{width:1200px; height:100px; margin:0 auto; overflow:hidden;    display: none;}
.i_panter h3{float:left; display:block; font-size:18px; width:130px; line-height:100px; text-align:center;}
.i_panter ul{float:left; width:1070px; overflow:hidden;}
.i_panter ul li{float:left; width:127px;}

.i_pro{width:100%; background:#f3f5f9; padding:20px 0; overflow:hidden;}
.i_pro_l{ position:relative; margin:10px auto 0; width:1300px; text-align:center; height:478px;}
.proscroll{ float:left; width:1194px; margin-left:53px;}
.i_pro_l li{display:inline-block; text-align:left; margin:0 5px; padding:0 24px 28px; width:340px; height:450px; background:url(../Images/productBox01.png) no-repeat center top;}
.i_pro_l li:hover{ background:url(../Images/productBox02.png) no-repeat center top;}
.i_pro_l li img{width:340px; height:215px;}
.i_pro_l li strong{ display:block; font-size: 20px;	margin:15px 10px; color: #999999; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_pro_l li span{display:block; padding: 0 15px; line-height:24px; height:96px; overflow:hidden;}
.i_pro_l li span i{ display:block; text-indent:16px; font-style:normal; background:url(../Images/icon06.png) no-repeat left center;}
.i_pro_l li ins{display:block; margin-top:15px; overflow:hidden; text-align:center;}
.i_pro_l li ins a{display:inline-block; height: 40px; color:#FFF; text-align:center; line-height: 40px; width: 120px; border: 1px solid #d9dade; border-radius: 5px; text-align: center; background-color: #22ADE6; font-size: 16px}
.i_pro_a{width:1300px; padding-top:5px; height:12px; text-align:center; overflow:hidden;}
.i_pro_a a{display:inline-block; margin:0 3px; width:11px; height:11px; border:1px solid #FFF; border-radius:100%; overflow:hidden;}
.i_pro_a a:hover{ background:#FFF;}
.i_pro_a a.on{ background:#FFF;}

.i_pro_c{ position:relative; margin:10px auto 0; width:1300px; text-align:center;}
.i_pro_c li{display:inline-block; text-align:left; margin:0 5px; padding:0 24px 28px; width:340px; height:450px; background:url(../Images/productBox01.png) no-repeat center top;}
.i_pro_c li:hover{ background:url(../Images/productBox02.png) no-repeat center top;}
.i_pro_c li img{width:340px; height:215px;}
.i_pro_c li span{display:block; margin:15px; line-height:25px; height:125px; overflow:hidden;}
.i_pro_c li ins{display:block; margin-top:10px; overflow:hidden; text-align:center;}
.i_pro_c li ins a{display:inline-block; height: 40px; color:#FFF; text-align:center; line-height: 40px; width: 120px; border: 1px solid #d9dade; border-radius: 5px; text-align: center; background-color: #22ADE6; font-size: 16px}

.circle{ width: 135px;height: 135px;border: 1px solid #fff;border-radius: 75px;color: #fff;text-align: center;margin: 0 auto;}
.circle:hover{background: #fff;color: #1ea1da;}
.i_ys_l:hover span{background: #1585c9;color: #FFFFFF;}
.yy:hover .a{background-image:url(../Images/lc1.png);-webkit-transform: rotate(360deg);transition: .5s;} 
.yy:hover .b{background-image:url(../Images/lc2.png);-webkit-transform: rotate(360deg);transition: .5s;} 
.yy:hover .c{background-image:url(../Images/lc3.png);-webkit-transform: rotate(360deg);transition: .5s;} 
.yy:hover .d{background-image:url(../Images/lc4.png);-webkit-transform: rotate(360deg);transition: .5s;} 
.yy:hover .e{background-image:url(../Images/lc5.png);-webkit-transform: rotate(360deg);transition: .5s;} 
.yy:hover .f{background-image:url(../Images/lc6.png);-webkit-transform: rotate(360deg);transition: .5s;} 


.a{width: 52px;height: 52px;background: url(../Images/lc01.png) no-repeat center center;display: block;margin-left: 41.5px;margin-top: 41.5px;transition: .5s;}
.b{width: 52px;height: 52px;background: url(../Images/lc02.png) no-repeat center center;display: block;margin-left: 41.5px;margin-top: 41.5px;transition: .5s;}
.c{width: 52px;height: 52px;background: url(../Images/lc03.png) no-repeat center center;display: block;margin-left: 41.5px;margin-top: 41.5px;transition: .5s;}
.d{width: 52px;height: 52px;background: url(../Images/lc04.png) no-repeat center center;display: block;margin-left: 41.5px;margin-top: 41.5px;transition: .5s;}
.e{width: 52px;height: 52px;background: url(../Images/lc05.png) no-repeat center center;display: block;margin-left: 41.5px;margin-top: 41.5px;transition: .5s;}
.f{width: 52px;height: 52px;background: url(../Images/lc06.png) no-repeat center center;display: block;margin-left: 41.5px;margin-top: 41.5px;transition: .5s;}

.i_ys_l h3{font-size: 20px;
    color: #ffffff;
    text-align: center;
    font-weight: normal;
    line-height: 28px;
    margin: 18px 0 10px;}
.i_ys_l p{    font-size: 14px;
    color: #fff;
    line-height: 22px;
    text-align: left;}

.i_ys{width: 100%;background:#1585c9;overflow: hidden;position: relative;}

.i_ys_l{margin: 50px 0px; text-align:center; overflow:hidden;}
.i_ys_l ul{width: 1180px;margin: 0px auto;}
.i_ys_l li{width: 135px;float: left;position: relative;margin-right: 70px;}
.i_ys_l li:last-child{margin-right: 0;}
.i_ys_l span{width: 35px;height: 35px;background: #FFF;border-radius: 32px;position: absolute;left: 5px;top: 5px;color: #1585c9;
    text-decoration: none;
    font-size: 18px;
    text-align: center;
    line-height: 35px;
    font-weight: 100;
    font-family: arial;}


.title01 h2 {color: #FFF;font-size: 30px;font-weight: normal;line-height: 28px;}
.title01 p{ color:#FFF;    font-size: 14px;
    line-height: 28px;
    margin: 15px 0 0; } 


.i_news01{width:100%; padding:20px 0; text-align:center; overflow:hidden;}
.i_news01_l{ display:inline-block; width:520px; height:185px; padding:15px; margin:15px 8px 0; background:#f3f5f9; overflow:hidden;}
.i_news01_lr{float:left; margin-left:35px; width:325px; overflow:hidden;}
.i_news01_lr li{width:325px; text-indent:10px; line-height:24px; text-align:left; background:url(../Images/icon06.png) no-repeat left center;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news01 #com_lastistop_news{width:60%;margin:0 auto;}
@media screen and (max-width :1440px){.i_news01 #com_lastistop_news{width:100%;}}
  
.i_jhs{width:100%; background:#f3f5f9; padding:20px 0; overflow:hidden;}
.i_jhs_f{ width:600px; margin:15px auto 0; text-align:center; visibility:inherit !important;}
.i_jhs_f li{float:left; display:inline-block; width:300px; height:30px; margin-top:12px;}
.i_jhs_f li span{ display:block; float:left; width:100px; line-height:30px; font-size:17px;}
.i_jhs_f li input{display:block; float:left; width:180px; height:28px; line-height:28px; font-family:"Microsoft YaHei"; font-size: 16px; border: 1px solid #d9dade; border-radius: 5px;}
.i_jhs h4{ display:block; width:100%; line-height:30px; margin-top:35px; font-size:20px; text-align:center; visibility:inherit !important;}

.i_jhs_c{width:652px; margin:0 auto; visibility:inherit !important; padding-top:20px; line-height:30px;}
.i_jhs_c #demand{ margin-right:5px;}
.i_jhs_c a{float:left; display:inline-block; width: 125px; height: 40px; margin:20px 18px 0; line-height: 40px; border: 1px solid #d9dade; border-radius: 5px; text-align: center; background-color: white; font-size: 16px; color: #858585;}
.i_jhs_c a:hover{color: white; background-color: rgb(34, 173, 229);}
.i_jhs_c a.on{color: white; background-color: rgb(34, 173, 229);}
    
.i_jhs_m{width:100%; text-align:center; margin-top:50px; font-size:20px; visibility:inherit !important;}

.i_jhs_m span{ display:inline-block; line-height:30px;}
.i_jhs_m textarea{ display:inline-block; margin:0 5px; width:130px; height:29px; line-height:29px; padding:0; border:0; font-family:"Microsoft YaHei"; border-bottom:1px solid #000; background:#f3f5f9; text-align:center; color:#F00; font-size:20px;}

.i_jhs_b{width:100%; text-align:center; margin-top:50px; margin-bottom:30px; visibility:inherit !important;}
.i_jhs_b input{display:inline-block; height:50px; color:#FFF; text-align:center; line-height: 50px; width:210px; border: 1px solid #d9dade; border-radius: 5px; text-align: center; background-color: #22ADE6; font-size:24px; cursor:pointer; font-family: "Microsoft YaHei";}

.i_sevice{width:100%; padding:30px 0; text-align:center; overflow:hidden;}
.i_sev_t{width: 525px; margin: auto; margin-top:30px; border:1px solid #22ade5; border-radius: 5px;}
.i_sev_t a{display: inline-block; width: 172px; height: 50px; line-height: 50px; font-size:16px; text-align: center;}
.i_sev_t a.on{color: white; background-color: rgb(34, 173, 230);}
.i_sev_l{width:100%; margin-top:50px; text-align:center;}
.i_sev_l li{ display:inline-block; width:130px; height:114px;}
.i_sev_l li.line{ background:url(../Images/icon11.jpg) no-repeat center center;}
.i_sev_l li strong{display: block; font-size: 15px; padding:5px 0; line-height:20px; font-weight:normal;}
.i_sev_l li span{display:block; color:#adadad; font-size: 15px; line-height:20px;}

.i_other{width:100%; margin-top:50px; padding-bottom:40px; text-align:center;}
.i_other li{ display:inline-block; width:138px; height:128px;}
.i_other li span{ display:block; line-height:28px; font-size:16px;}

.footer{width:100%; padding:40px 0; border-top:1px solid #dbdce0; background:#f3f5f9; overflow:hidden;}
.footer_nav{ text-align:center; font-size:16px;}
.footer_nav a{ color:#000; padding:0 30px;}
.footer_nav a:hover{ color:#22ade6;}
.copyright{width:100%; padding:20px 0 0; line-height:30px; text-align:center; color:#aaa;}
.jsq{width:100%; line-height:30px; text-align:center; color:#aaa;}
/* ��ҳ���ֽ��� */

/* ��ҳ���ֿ�ʼ */
.p_banner_box{ position:relative; width:100%; height:169px; overflow:hidden;}
.p_banner{display: inline; float: left;}
.p_banner li{width:100%; height:240px;}
.p_banner_p{position:absolute; width:100%; height:30px; left:0; bottom:0; text-align:left; z-index:99;}
.p_banner_p span{display:inline-block; width:260px; height:30px; background:url(../Images/icon15.jpg) repeat-x left top;; overflow:hidden;}

.p_container{overflow:hidden; padding-bottom:80px; background:#f3f5f9;}

.p_left{float:left; width:260px; overflow:hidden;}
.p_right{float:right; width:880px; padding-top:36px; overflow:hidden;}

.sidebar{overflow:hidden; width:260px;}


.pl_contact{width:260px; margin-top:30px; background:#FFF;}
.pl_contact_c{ padding:15px 15px 30px; line-height:25px;}

.p_path{float:right; line-height:38px; color:#000;}
.p_path a{ padding:0 10px;}

.p_pro{width:880px; margin-top:10px;}


/* ��ҳ���ֽ��� */
.i_left{ float:left;}
.i_right{ float:right;}
img, a img {max-width: 100%;}
.i_banner123 .slider .slides a img{width:100%}
@media screen and (max-width: 1440px) { /*当屏幕尺寸小于1024px时，应用下面的CSS样式*/
.mfbox{width:100%;min-width:100%;}

/*单页图文*/
.p_container{width:100%;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;}
.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%;}
@media only screen and (max-width: 768px) {
	.footer{width: 90%;min-width: 90%;padding: 0 5% 56px;}
}

/*招聘中心*/
.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_container{margin-top:0px;}
.p_banner_box {height: 128px;}
.i_pro_l {width: 100%;}
.proscroll {float: left;width: 78%;margin-left: 11%;}
#Agentslist2 {width: 100% !important;}

.i_pro_c { width: 100%;}
#Agentslist1 {width: 100% !important;}
.i_news01_l {width: 44%;}
.title02 h3.t021 {background: url(../Images/icon07.jpg) no-repeat left top;background-size: 100% 100%;}
.i_news01_lr {width: 55%;}
.i_news01_lr li {width: 100%;}
.p_left {width: 22%;}
.sidebar {width: 100%;}
.sortnavt {width: 100%;}
.p_right {float: left;width: 60%; margin-left: 2%;}
.p_pro {width: 100%;margin-top: 10px;padding-bottom: 30px;}
.n_n_list {width: 100%;}
.p_newsf {width: 100%;padding-left: 1%;}
.p_newsi {}
.p_newsi img {}
.p_newsc {float: left;width: 63%;margin-left: 1%;}
.p_newsc h3 {width: 100%;}
.p_newsc span {width: 100%;height: 50px;}
.p_banner_p span {width: 22%;}
.p_productsf {width: 96%;}
.p_productsi {width:100%;float:none;}
.p_productsi img {display: block;margin:0 auto;}
.p_productsc {float: none;width: 100%;}
.p_productsc span {width: 100%;height: 50px;}
.p_productsc h3{width: 100%;text-align: center;font-size:22px;}
.p_producttime { float:none;text-align: center;}
.p_p_list li { margin: 20px 50px 0px 50px;}
.n_j_list {width: 100%;}
.n_j_list li a {width: 70%;}
.n_j_list li span {width: 25%;margin-right: 1%;}
.topline_in {width: 100%;}
.header {width: 100%;}
.p_n_info{text-align: center;}
}/*当屏幕尺寸小于1024px时，结束应用下面的CSS样式*/

@media screen and (max-width: 768px) { 
/*nav栏目*/
.i_nav{display:none;height:auto;position:absolute;width:100%;top:140px;z-index: 9999;background:#fff;}
.ddsmoothmenu ul li{display:block;width:100%;border-top:1px solid #ccc;line-height: 50px;background: rgba(0,0,0,.1);}
.navactive, .navactive:hover, .nava:hover, .nava.selected{line-height:50px;width: 100%; background:none !important;height: auto;padding-top: 0;margin-top: 0;padding-left: 0;color:#fff !important;}
.ddsmoothmenu a{line-height:50px;padding:0;width: 100%;height: auto;margin-top: 0;}
.navactive, .navactive:hover{padding:0;height: auto;margin-top: 0;}
.navbar-toggle{display: block;background: #c1b4b4;position: absolute;right: 20px;top: 60px;background-image: url(/images/icon0x.png);background-size: 100%;border: 1px solid #c4c4c4;}
.p_newsc {width: 48%;}
/*产品列表*/
.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:60% !important;}
input#gbookTopic{width:60% !important;}
input#userMail{width:60% !important;}
/*----------------*/
.i_nav li a span {display: none;}
.i_nav li.line {display: none;}
.i_container {margin-top: 170px;}
.proscroll {float: left;width: 52%;margin-left: 24%;}
.i_news01_l {width: 70%;}
.i_sevice {display: none;}
.i_other li {width: 20%;}
.footer_nav a {padding: 0 22px;}
.i_jhs_f {width: 98%; margin-left:1%;}
.i_jhs_f li {width: 50%;}
.i_jhs_f li input {width: 60%;}
.p_left {width: 30%;}
.sortnavt {width: 100%;height: 90px;background-size: 100% 100%;}
.mauto {width: 100%;}
.sortnavt h3 {padding-top: 20px;}
.p_banner_p {display:none;}
.p_container {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;padding-bottom: 20px;}
.p_right {float: left;width: 68%;margin-left: 2%;padding-top: 10px;}
.pl_contact {display: none;}
.p_productsc span {width: 99%;height: 50px;}
.p_producttime {}
.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; overflow: hidden;}
.p_p_list li a span {width: 100%;}
.p_p_list li a img {width: 100%;height: auto;}
.p_p_list li {width: 43%;margin: 20px 15px 0 15px;}
.logo {margin-left: 2%;}
}
@media screen and (max-width: 736px) { 
.p_newsc{width:43%;}
}
@media screen and (max-width: 667px) { 
.p_newsc{width:40%;}
}
@media screen and (max-width: 568px) { 
.p_right{width:100%;margin-left:0;float:none;}
.p_newsc{width:50%;}
.p_left{width:100%;float:none;text-align: center;}
}
@media only screen and (max-width: 768px) {
	.i_jhs iframe{height: 320px;}
}
@media screen and (max-width: 480px) { 
    

.i_ys_l ul {width: 100%}
.i_ys_l li {width: 30%;  margin: 0px 30px;}
.i_ys_l {width: 100%;}
.i_ys_l li {width: 32.3%;}
.i_ys_l li span {width: 28%;}
/*产品列表*/
.topline{display: none;}
.navbar-toggle{top:22px;font-size: 24px;}
.i_nav{top:72px;}
.p_p_list li{width:100%;}
.p_newsc{width:100%;margin-left:0;float:none;}
.p_newsi{width:100%;float:none;}
.p_newsi img{margin:0 auto;display: block;}
.p_newsc h3{text-align: center;}
.p_newsc ins{text-align: center;}
/*带图新闻列表*/
.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;}
/*-----------*/
#com_indexistop_alinks {display: none;}
.i_container {margin-top: 0px;}
.sortnavt {display: none;}
.p_left {width: 100%;}
.sortnavul li {float: left;margin: 9px 14px 0 14px;}
.p_right {width: 96%;margin-left: 2%;}
.footer_nav {display: none;}
.p_banner_box {height: 60px;}
.sortnavul li ul {display: none;}
.p_p_list {width: 100%;margin: 0 auto;}
.p_p_list li {width: 98%;margin-left: 1%;}
.title05 h3 {width: 50%;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.proscroll {float: left;width: 84%;margin-left: 8%;}
.i_news01_l {width: 91%;}
.i_jhs_f li {width: 100%;}
.i_jhs_f li span { width: 20%;}
input#gbookTopic {width: 60% !important;}
input#userMail {width: 60% !important;}
.i_jhs_c {width: 98%;margin-left: 1%;}
textarea#gbookMain {width: 30% !important;}
.i_other li {width: 30%;}

}

@media screen and (max-width: 414px) {
.navbar-toggle {width: 50px;height: 50px;}
.navbar-toggle {top: -10px;right: 8px;}
.proscroll {float: left;width: 92%;margin-left: 2%;} 

.title02 { width: 30%;height: auto;}
.title02 h3.t022 {background-size: 100% 100%;}
.title02 h3.t023 {background-size: 100% 100%;}
.title02 h3.t024 {background-size: 100% 100%;}
.i_jhs_c {width: 92%;margin-left: 2%;}
.i_other li {width: 33%;}
.sortnavul li {float: left;margin: 9px 5px 0 5px;}
.p_banner_box {height: 52px;}
.header {height: auto;}
.logo { margin-right: 75px;}


@media screen and (max-width: 375px) { 
.topline_nav li {float: left;padding: 0 3px;text-indent: 20px;}
#Agentslist2 {width: 108% !important;margin-left: -5%;}
.rol, .ror {z-index: 10000;}
#Agentslist1 {width: 108% !important;margin-left: -5%;}
.i_jhs_c {width: 77%;margin-left: 14%;}
.i_other li {width: 50%;}
/*.sortnavul {height: 60px;}*/
.sortnavul li {margin: 0px 30px 0 30px;}

}

@media screen and (max-width: 360px) { 
#Agentslist2 {width: 113% !important;margin-left: -8%;}
#Agentslist1 {width: 113% !important;margin-left: -8%;}
.rol, .ror { display:none;}

}

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

}

.ctxt01{font-size:14px; line-height: 28px; padding-bottom: 20px;}
.ctxt01 img{ margin-left: 40px; margin-right: 25px; width: 60%;}

.ctxt02{font-size:14px; line-height:30px;}
.ctxt02 strong{display: block; font-size: 18px; padding-bottom: 10px; font-weight: bold;}
.ctxt02 span{display: block; padding-left: 20px;}

.ctxt03{width:100%; font-size:14px; line-height: 28px;}
.ctxt03 strong{ display: block; font-size: 22px; padding-bottom: 10px;}

.ctxt04{width:100%; font-size:14px; line-height: 28px;}
.ctxt04 strong{ display: block; font-size: 22px; padding-bottom: 10px;}
.ctxt04 span{display: block; padding-left: 10px;}
.ctxt04 i{ display: block; font-size:16px; padding-bottom: 10px; font-style: normal; font-weight: bold;}