﻿@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{height:145px;}
.topline{height:38px; overflow:hidden; line-height:38px; background:#373737;}
.tmail{float:left; height:38px; display:inline-block;background:url(../Images/email.png) left center no-repeat; padding:0 12px 0 26px;}
.tmail a{color:#fff; font-size:12px}
.ttxt{float:left; color:#c1c6cc; font-size:14px;}
.search{float:right;width:168px;height:25px;margin:5px 0px 0 10px;background:url(../Images/form_bg.jpg);}
.search .tsk{float:left;width:128px;height:25px;border:none;margin-left:12px; background:none;color:#cac8c8;line-height:25px; outline:none;}
.search .submit{float:left;width:20px;height:25px;background:none;border:none;cursor:pointer;}

.header_in{width:1200px; margin:0 auto; height:106px; padding-top:1px;}
.logo{float:left;}

.i_nav{float:right; height:106px;}
/*.i_nav li{float:left; height:106px; text-align:center;}
.i_nav li > a{font-size:13px;color:#040404; line-height:106px; display: inline-block; padding:0 18px;border-left:1px solid #fff;border-right:1px solid #fff; text-transform:uppercase;}
.i_nav li > a:hover{border-left:1px solid #c8c8c8;border-right:1px solid #c8c8c8; background:#f0eeee;color:#da251c;}
.i_nav li > a.on{color:#da251c;}*/

.i_banner_box{position:relative; width:100%; height:410px; overflow:hidden;}
.i_banner{ float:left; display:inline;}
/*.i_banner li{width:100%; height:410px;}
.i_banner li a{display:block; width:100%; height:410px;}
.i_banner_p{position:absolute; width:100%; left:0; bottom:15px; text-align:center;}
.i_banner_p a{display:inline-block; margin:0 5px; width:16px; height:16px; background:url(../Images/dot.png) no-repeat center bottom; overflow:hidden;}
.i_banner_p a:hover{ background-position:center top;}
.i_banner_p a.on{ background-position:center top;}*/

.i_container{overflow:hidden; padding-bottom:30px;-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_cooperation_l{width:1200px; overflow:hidden;}
.i_cooperation_l ul{width:5000px; overflow:hidden;}
.i_cooperation_l li{width:182px; height:109px; display:inline; float:left; margin-right:23px;}
.i_cooperation_l li img{width:182px; height:109px;}

.i_pro01{margin-top:20px;}
.i_pro01_s{overflow:hidden; zoom:1; width:960px; height:46px; text-align:center; margin:15px auto 20px;}
.i_pro01_s a{float:left; display:block; color:#1e1916;height:42px;line-height:42px; width:240px;border-bottom:4px solid #9e9e9e; font-size:18px;cursor:pointer;}
.i_pro01_s a:hover{color:#723201;border-bottom:4px solid #c69f68;}
.i_pro01_s a.on{color:#723201;border-bottom:4px solid #c69f68;}
.i_pro01_l{width:1206px; overflow:hidden;}
.i_pro01_l ul{width:1300px; overflow:hidden;}
.i_pro01_l li{float:left; margin-right:6px; margin-bottom:6px; width:398px;}
.i_pro01_l li img{width:398px; height:263px;}
.i_pro01_l li.iplf img{width:398px; height:532px;}

.i_box01{ padding-top:34px;}
.i_txt01{float:left; width:640px; height:576px; background:#2f2f2f;}
.i_txt01_tab{ float:left; width:192px; padding-top:38px;}
.i_txt01_tab li{ height:164px; padding:0 0 0 30px; text-align:left; color:#acacac;}
/*.i_txt01_tab li:hover{ background:url(../Images/pbjt.png) right 54px  no-repeat;}*/
.i_txt01_tab li.current{ background:url(../Images/pbjt.png) right 54px  no-repeat;}
.i_txt01_tab li p{ display:block; line-height:25px;}

.i_txt01_c{float:left; width:448px; height:550px; padding-top:26px; background:#deddde;}
.i_txt01_c dl{ padding:56px 66px 0 66px;}
.i_txt01_c dt{ border-bottom:1px solid #6f6e6f; text-align:center; height:20px; margin-bottom:36px;}
.i_txt01_c dt h3{color:#010101; font-size:16px; border:2px solid #6f6e6f; line-height:38px; display:inline-block; padding:0 20px; background:#deddde}
.i_txt01_c dd{ font-size:14px; color:#908e8e; line-height:32px; padding:6px 0 30px 20px; text-align:left}
.i_txt01_c li{float:left; margin-right:18px; display:inline;}

.i_video{border:1px solid #c4c4c4; padding:16px 18px; float:right; width:512px; overflow:hidden;}
.i_video_c{width:512px; height:449px;}
.i_video_l{ background:url(../Images/sptxt.jpg) no-repeat; height:75px; width:600px; margin-top:18px;}
.i_video_l li{float:left; width:220px; overflow:hidden; text-align:left; padding:16px 0 0 50px;}
.i_video_l li h4{ width:190px; color:#5e5e5e; font-size:18px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_video_l li .info{ width:190px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.i_txt02{padding-top:20px;}
.i_txt02_c{padding:10px 0; width:1200px; overflow:hidden;}
.i_txt02_c ul{ overflow:hidden;}
.i_txt02_c li{width:160px; height:148px; display:inline; float:left; padding-left:20px; padding-right:20px;}
.i_txt02_c li img{width:160px; height:148px;}



.i_box02{ padding-top:10px;}

.i_about{float:left; display:inline-block; width:380px; text-align:left; margin-right:12px;}
.i_about_c{ border:1px solid #d9d5d6;border-top:0px; padding:15px; height:354px; overflow:hidden}
.i_about_c .ainfo{ line-height:28px;}
.i_about_c a.more{ display: inline-block; padding:0 16px; height:37px; line-height:37px;color:#fff; background:#212121; margin:12px 0 16px 0; text-transform:capitalize}

.i_news{float:left; width:380px;}
.i_news_l{border:1px solid #d9d5d6;border-top:0px; padding:15px; height:354px; overflow:hidden;}
.i_news_l img{width:347px; height:174px;}
.i_news_l li{ background:url(../Images/nico.jpg) 4px 12px no-repeat; padding:12px 0 6px 28px; text-align:left;border-bottom:1px dashed #ccc}
.i_news_l li.nbd3{ border-bottom:0px;}
.i_news_l li a{ height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:320px; display:block;}

.m22{ margin:0 22px;}

.footer{ width:100%; background:#212121;}
.fbox{position:relative; padding:50px 0 20px; width:1206px; margin:0 auto;}

.flogo{position:absolute;left:0;top:80px;}

.footer_nav{float:left; display:inline-block; width:237px; margin-left:410px;}
.footer_nav dt{display:block; font-size:20px;color:#b3b3b3;height:34px;}
.footer_nav dd{min-height:25px;line-height:25px;}
.footer_nav dd li{background:url(../Images/f_li_bg.jpg)left center no-repeat;padding-left:24px}
.footer_nav dd a{font-size:14px; color:#b3b3b3;}
.footer_nav dd a:hover{text-decoration:none;}

.f_contact{float:left; width:238px;}
.f_contact h3{ display:block; font-size:20px;color:#b3b3b3;height:34px;}
.f_contact span{ display:block;min-height:25px;line-height:25px;}
.f_contact span.cio1{background:url(../Images/f_tel.jpg) left center no-repeat;padding-left:24px}
.f_contact span.cio2{background:url(../Images/f_mail.jpg) left center no-repeat;padding-left:24px}
.f_contact span.cio3{background:url(../Images/f_addr.jpg) left 7px no-repeat;padding-left:24px}
.f_contact span a{font-size:14px;color:#b3b3b3;}

.fewm{float:right; width:250px; margin-left:35px;}
.fewm h3{ display:block; font-size:20px;color:#b3b3b3;height:34px;}
.fewm span{background:url(../Images/f_weixin.jpg) no-repeat;display:block;width:100%;height:67px;margin-top:9px;position:relative;}
.fewm span img{display:inline;width:auto;height:67px; margin-left:100px;position:relative;z-index:1;}

.copyright{width:100%;background:#191919; padding:16px 0 0px 0; line-height:36px;text-align:center;font-size:14px;color:#7a7a7a;}
.jsq{width:100%;background:#191919; padding:0px 0 18px 0; line-height:36px;text-align:center;font-size:14px;color:#7a7a7a;}
/* ��ҳ���ֽ��� */

/* ��ҳ���ֿ�ʼ */
.p_banner_box{position:relative; width:100%; height:210px; overflow:hidden;}
.p_banner{ float:left; display:inline;}
/*.p_banner li{width:100%; height:210px;}
.p_banner li a{display:block; width:100%; height:210px;}
.p_banner_p{position:absolute; width:100%; left:0; bottom:15px; text-align:center;}
.p_banner_p a{display:inline-block; margin:0 5px; width:16px; height:16px; background:url(../Images/dot.png) no-repeat center bottom; overflow:hidden;}
.p_banner_p a:hover{ background-position:center top;}
.p_banner_p a.on{ background-position:center top;}*/

.p_container{
	background:url(../Images/neibg.png) center top repeat-y;
	min-width:1206px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	/* margin-top: 210px; */
	}
.p_container_in{ position:relative; width:1206px; margin:0 auto; background:url(../Images/bbbg.png) left center repeat-y;}

.p_left{position:absolute; background:#f3f2f2; width:250px; padding-right:20px; top:-27px; left:0; z-index:9002; text-align:left;}
.p_right{width:936px; float:right; padding-bottom:20px; min-height:500px;}
.p_left_lb{position:absolute; right:270px; top:0; width:900px; height:27px;background:#f3f2f2;}

/*.sidebar{width:250px; padding-bottom:20px;}
.sidebar li{height:62px; line-height:62px; border-bottom:1px solid #eee; overflow:hidden;}
.sidebar li a{display:block;color:#da271e;color:#333; font-size:14px; line-height:61px;border-bottom:1px dotted #727272; padding-left:56px; background:url(../Images/l_dt_bg.jpg) 25px 23px no-repeat;}
.sidebar li a:hover{background:url(../Images/l_dt_bg_hover.jpg) 25px 23px no-repeat;color:#da271e;}
.sidebar li a.on{background:url(../Images/l_dt_bg_hover.jpg) 25px 23px no-repeat;color:#da271e;}*/

.pl_contact{margin-top:10px; padding:0 10px; padding-bottom:20px;}

.p_path{float:right; background:url(../Images/home.jpg) left 19px no-repeat; padding-top:6px;}
.p_path .phome{ display:inline-block; width:23px; height:18px; text-indent:600px; overflow:hidden}

.p_content{padding:20px 0 20px 40px; line-height:25px;}

.aboutimg img{ max-width:700px;}


/* ��ҳ���ֽ��� */
.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: 0px 0;margin: 0;min-width: 100%;}

.p_content_p{width:76%;}
/*产品列表*/
.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: 60%;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%;}
/*-----------*/
.search {float: left;margin: 7px 0 0 137px;}
.tmail {margin-left: 15px;}
.i_nav {float: left;}
.mauto {width: 98%;}
.i_pro01_s {width: 100%;}
.i_pro01_l {width: 100%;overflow: hidden;}
.i_pro01_l ul {width: 100%;}
.i_pro01_l li {width: 32.723%;}
.i_pro01_l li img {width: 100% !important;}
.i_about {width: 31%;margin-left: 1%;}
.i_news {width: 31%;}
.i_about_c img {width: 100%;}
.i_about_c {height:auto !important;}
.i_news_l {height: 373px;}
.i_news_l img {width: 100%;height: auto !important;}
.i_news_l li a {width: 100%;}
.footer_nav {width: 20%;margin-left: 30%;}
.f_contact {width: 25%;}
.fewm {width: 20%;}
.fbox {width: 100%;}
.i_txt01_tab {width: 151px;}
.i_txt01_tab li {padding: 0px 0 0 10px;}
.i_txt01_c {float: right;width: 350px;}
.i_txt01_c dl {padding: 50px 30px 0 30px;}
.i_txt01 { width: 50%;}
.i_video {padding: 1% 1%;width: 47%;height: 554px;}
.i_video_c {width: 100%;height: auto;}
#vcastr3 {width: 100% !important;}
.i_video_l {width: 100%;background-size: 100%;}
.i_video_l li h4 {width: 100%;}
.i_video_l li .info {width: 100%;}
.i_video_l li:nth-child(2) {padding: 14px 0 0 70px;}
.i_video_l li {width: 180px;padding: 16px 0 0 40px;}
.p_container_in {width: 100%;background-size: 106% 100%;}
.p_left {width: 21.7%;}
.sortnavul {width: 100%;}
.sortnavul li a {padding-left: 23%;}
.sortnavul li ul li a {padding-left: 23%;}
.p_right {width: 77%;}
.p_right .title05 {width: 96%;}
.p_content {width: 94%;}
.aboutimg img {max-width: 98%;}
}

@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: 50px;}
.navactive, .navactive:hover, .nava:hover, .nava.selected{line-height:50px;}
.ddsmoothmenu a{line-height:50px;padding:0;}
.navactive, .navactive:hover{padding:0;}
.navbar-toggle {display: block;background: #fff;position: absolute;right: 20px;top: 60px;background-image: url(../images/icon0x.png);background-size: 100%;border: 1px solid #c4c4c4;}


/*产品列表*/
.p_p_list li {width: 30%;margin: 10px 1% 0 1.6%;}


.productremark {padding: 0 10px;width: 69%;}
.prevnext {width: 68%;}
.producttitle {width: 66%;}

/*带图新闻列表*/
.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;}
/*--------------*/
.header_in {width: 100%;}
.search {float: right;}
#com_singles_ttxt {display: none;}
.logo img {margin-top: -10px;}
.i_pro01_s a {width: 25%;}
.i_pro01_l li {width: 32.5%;}
.i_pro01_l ul {width: 101%;}
.i_pro01_l li.iplf img {height: 312px;}
.i_pro01_l li img {height: 153px;}
.i_txt02_c {margin-left: -25px;}
.phpic {margin-left: 20%;}
.i_txt01_c dd {padding: 6px 0 30px 20%;}
.i_txt01 {width: 100%;}
.i_txt01_c {float: right;width: 70%;}
.i_txt01_tab {width: 30%;}
.i_txt01_tab {padding-top: 2%;}
.i_txt01_tab li {height: 100%;padding: 0 0 0 16%;}
.i_txt01_tab img {width: 80%;}
.i_video {display: none;}
.i_about {width: 31%;margin-left: 0.5%;margin-right: 0;}
.i_news_l {height: 420px;}
.fewm {float: right;width: 20%;margin-right: 4%;}
.footer_nav {margin-left: 25%;}
#com_singles_flogo img {width: 100%;}
#com_singles_flogo {width: 22%;}
.i_nav {top: 144px;}
.ddsmoothmenu ul li {height: 100%;}
.p_container {padding: 0px 0;background:none;}
.p_left {display: none;}
.p_container_in {background:none;}
.p_right {width: 100%;min-height: 100%; float:none;}
#com_thenm_list {width: 100%;}
.p_p_list li a {width: 100%;}
.p_p_list li img { width: 100%;height: auto;}
.p_l_list li {width: 24%;margin: 10px 1% 0 0;}

.title05 h3 {width: 53%;}
.p_path {margin-right: 2%}
#Agentslist2 {width: 80% !important;margin-left: 10%;}
.p_content {width: 96%;padding: 2%;}
.p_right .title05 {width: 96%;margin-left: 2%;padding-left: 0;}
.title05 h3 {text-indent: 0;}
.aboutimg img {max-width: 100%;}
.p_p_list {width: 100%;margin: 0 auto;}

}

@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;}
.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;}
/*-------------*/
.i_pro01_l li {width: 32%;}
.i_txt01_c li {margin-right: 4%;width: 44%;}
.phpic img {width: 100%;}
.i_txt01 {width: 100%;height: 450px;}
.i_txt01_c {float: right;width: 70%;height: 100%;padding-top: 0px;}
.i_about {width: 99%;margin-left: 0.5%;margin-right: 0;}
.i_news {width: 49%;}
.m22 {margin: 0 0.5% 0 0.5%;}
.i_news_l {height: 100%;}
#com_singles_flogo {display: none;}
.footer_nav {margin-left: 1%;width: 30%;}
.f_contact {width: 30%;}
.fewm span img {margin-left: 85%;}
.fewm {float: left;width: 20%;margin-left: 7%;}
.title03 {background-size: 100%;}
#Agentslist2 {width: 86% !important;margin-left: 7%;}
#Agentslist1 {width: 86% !important;margin-left: 7% !important;}
.i_news {width: 99%;}
.footer_nav {margin-left: 7%;width: 45%;}
.n_n_list li a {width: 70%;}
.p_p_list li {width: 100%;margin: 10px 1% 0 6%;}
.producttitle {width: 98%;margin-left: 1%;}
.productremark {padding: 0;width: 98%;margin: 1%;}
.p_l_list li img {width: 100%;height: auto;}
.p_l_list li {width: 23%;margin: 1%;}
.tmail {display: none;}
.gbook_formbtn input {margin: 10px 140px;}

}

@media screen and (max-width: 414px) {
.i_pro01_l li {width: 31%;}
.i_pro01_l li.iplf img {height: 174px;}
.i_pro01_l li img {height: auto;}
#Agentslist2 {width: 94% !important;margin-left: 3%;}
#Agentslist1 {width: 92% !important;margin-left: 3% !important;}
.fewm span img {margin-left: 75%;}
.p_p_list li img {width: 99%;height: auto;}
.p_p_list li {width: 98%; margin: 1%;}

}

@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;}
/*-------------*/
#Agentslist2 {width: 102% !important;margin-left: -2%;}
.i_pro01_l li.iplf img {height: 158px;}
.i_txt01_c dd {padding: 22px 0 30px 20%;}
#Agentslist1 {width: 100% !important;margin-left: -2% !important;}
.phpic {margin-left: 20%;margin-top: -8%;}
.fewm span img {height: 61px;}


}

@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;}
/*-------------*/
.i_pro01_l li.iplf img {height: 152px;}
#Agentslist1 {width: 104% !important;margin-left: -6% !important;}
.fewm span img {height: 55px;}
.i_pro01_l li.iplf img {height: 136px;}
.i_txt01_c dl {padding: 5px 30px 0 30px;}
}

@media screen and (max-width: 320px) {
textarea#gbookMain{width:216px !important;}
input#gbookTopic{width:216px !important;}
input#userMail{width:216px !important;}

#Agentslist2 {width: 68% !important;margin-left: 22%;}
#Agentslist1 {width: 58% !important;margin-left: 21% !important;}
.footer_nav {margin-left: 2%;}


}
