@charset "utf-8";
@import url("dll.css");
@import url("module.css");
@import url("global.css");
@import url("ddsmoothmenu.css");
@import url("animate.css");
@import url("banner.css");
/* 首页部分开始 */
.mfbox{width:1100px; min-width:1100px; margin:0 auto; overflow:hidden;}
.header{ position:relative; height:210px;}
.logo{position:absolute; display:inline-block; left:0; top:55px;}
.h_ad{ position:absolute; top:140px;  width:100%; height:242px; text-align:right;}

.i_nav{width:1100px; height:40px; background:url("../Images/nav_bg.png") repeat-x left top; margin:0 auto;}
/*.i_nav li{float:left; text-align:center; font-size:16px; width:156px;}
.i_nav li>a{display:block; height:40px; color:#FFF; line-height:40px; background:url(../Images/nav_abg.png) no-repeat center center;}
.i_nav li:nth-last-child(1) a{background:none;}
.i_nav li>a:hover{ color:#FFF; background:url(../Images/nav_abg_h.png) no-repeat center center;}
.i_nav li>a.on{ color:#FFF; background:url(../Images/nav_abg_h.png) no-repeat center center;}*/

.i_hbox{width:1100px; height:40px; padding:0 20px; margin:0 auto; background:url("../Images/icon03.jpg") no-repeat center top;}
.i_notice{float:left; padding-left:20px; line-height:40px; background:url("../Images/icon04.png") no-repeat left center;}
.i_notice h3{ float:left; display:block; color:#f16b11;}
.i_notice ul{ display:block; width:380px; height:40px; overflow:hidden;}
.i_notice ul li{width:380px;}
.i_notice ul li a{ display:block; width:380px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_barndlist_01{width:880px; height:20px; margin:0px;}
.i_brand{ float:left; width:380px;}


.search{float:right; width:315px; height:32px; margin-top:4px; background:#FFF; border:1px solid #eae9e9; border-radius:3px;}
.search li{float:left;}
.search input{float:left; height:30px; line-height:30px;}
.search input.i_sint{width:268px; text-indent:10px; color:#999; font-family:microsoft yahei;}
.search input.i_sbtn{width:45px; background:url("../Images/icon05.png") no-repeat 5px center; cursor:pointer;}

.i_container{width:1100px; margin:0 auto;}
.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_imgnews{float:left; width:350px; height:360px; background:#FFF;}
.i_imgnews_i{ position:relative; width:350px; height:270px;}
.i_imgnews_i img{width:350px; height:270px;}
.i_imgnews_i span{ display:block; position:absolute; left:0; bottom:0; width:350px; height:40px; background:rgba(0,0,0,0.7); line-height:40px; color:#FFF; padding:0 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_imgnews_i a:hover span{ color:#0b71fa;}
.i_imgnews_l{width:350px; height:90px; border:1px solid #e2e2e2; overflow:hidden;}
.i_imgnews_ll{float:left; width:300px; margin-left:6px; margin-top:8px; overflow:hidden;}
.i_imgnews_ll ul{width:5000px; overflow:hidden;}
.i_imgnews_ll li{float:left; display:inline-block; margin:0 2px;}
.i_imgnews_ll li img{width:71px; height:71px; padding:2px; border:1px solid #d2d2d2;}
.i_imgnews_ll li a:hover img{ border:1px solid #046bfc;}
.i_imgnews_ll li a.on img{ border:1px solid #046bfc;}*/

.i_news01{float:left; margin-left:15px; width:430px; height:330px; background:#FFF; border:1px solid #e2e2e2;}
.i_news01_f{width:430px; padding:5px 15px 0;}
.i_news01_f h4{ display:block; font-size:18px; height:35px; text-align:center; line-height:35px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news01_f h4 a{ display:block; color:#a40505;}
.i_news01_f h4 a:hover{ color:#666; text-decoration:underline;}
.i_news01_f span{ display:block; line-height:22px; height:44px; overflow:hidden;}
.i_news01_l{width:400px; height:219px; margin:10px 15px 0px; }
.i_news01_l li{ height:30px; line-height:30px;}
.i_news01_l li a{float:left; display:block; width:340px; text-indent:15px; background:url("../Images/icon01.jpg") no-repeat 5px center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news01_l li span{float:right; display:block;  text-align:right; font-size:12px; color:#888;}

.i_news02{float:right; width:290px; height:330px; background:#FFF;}
.i_news02_l{width:290px; height:290px; padding:8px 15px; border:1px solid #e2e2e2; border-top:0;}
.i_news02_l ul{}
.i_news02_l li{ text-indent:10px; background: url(../images/icon01.jpg) 0px 12px no-repeat; line-height:150%; padding-top:3px;}
.i_news02_l li a{}
.i_news02_l marquee { height: 270px;}



.no-box { height: 318px; padding: 15px;}
.no-box ul {}
.no-box ul li { text-indent: 1em; background: url(../images/list-ico1.png) 0 9px no-repeat;}
.no-box ul li a {}
.no-box marquee { height: 318px;}

.grey-tit { height: 40px; line-height: 40px; border: solid 1px #e5e5e5; border-bottom: 0; background: #eee;}
.grey-tit h3 { padding-left: 15px; font-size: 16px; font-weight: bold;}
.grey-box { border: solid 1px #e5e5e5; border-top: 0;}




.i_info{float:left; position:relative; width:350px; height:290px; background:#FFF; }
.i_info_l{width:321px; margin:55px auto 0;}
.i_info_l li{ margin-top:14px; height:66px;  border:0px solid #e2e2e2; padding:0px;}
.i_info_l li i{ display:block; margin:10px auto 0; width:310px; height:45px; }
.i_info_l ul li a img { float: left; margin-left: 0px; margin-right: 10px; height:65px; }
.i_info_l li:nth-child(1) i{ margin-top: background:url("../Images/xx_01.png") no-repeat center center;}
.i_info_l li:nth-child(2) i{ background:url("../Images/xx_02.png") no-repeat center center;}
.i_info_l li:nth-child(3) i{ background:url("../Images/xx_03.png") no-repeat center center;}
.i_info_l li:nth-child(4) i{ background:url("../Images/xx_04.png") no-repeat center center;}
.i_info_l li span{ font-size: 18px; font-weight: bold; line-height:45px;}

.i_news03{float:left; margin-left:15px; width:430px; height:290px; background:#FFF;}
.i_news03_l{width:430px; height:250px; padding:10px 15px 0; border:1px solid #e2e2e2; border-top:0;}
.i_news03_l li{float:left; width:398px; height:32px; line-height:32px;}
.i_news03_l li a{float:left; display:block; width:320px; text-indent:15px; background:url("../Images/icon01.jpg") no-repeat 5px center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news03_l li span{float:right; display:block;  text-align:right; font-size:12px; color:#888;}


.i_news04{float:right; width:290px; height:290px; background:#FFF;}
.i_news04_l{width:290px; height:250px; padding:10px 15px 0; border:1px solid #e2e2e2; border-top:0;}
.i_news04_l li{float:left;width:320px;  height:32px; line-height:32px;}
.i_news04_l li a{float:left; display:block; text-indent:15px; background:url("../Images/icon01.jpg") no-repeat 5px center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.i_news04_l li span{float:right; display:block;  text-align:right; font-size:12px; color:#888;}

.i_jiaoliu{width:1100px;}
.i_jiaoliu_c{padding:15px 20px; border:1px solid #e2e2e2;  background:#FFF;}

.i_news06{float:left; width:715px; background:#fcfcfc;}
.i_news06_l{width:715px; height:220px; padding:14px 15px 0; border:1px solid #e5e5e5; border-top:0;}
.i_news06_l li{ text-indent: 1em; background: url(../images/icon01.jpg) no-repeat 5px center; height:32px; line-height:32px;}
.i_news06_l li a{ }
.i_news06_l li span{float:right; display:inline-block;  text-align:right; font-size:12px; color:#888;}


.index-list {}
.index-list li { height: 32px; line-height: 32px; padding-left: 17px; background: url(../images/list-ico2.png) left center no-repeat; overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;-o-text-overflow: ellipsis;-icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis;-moz-text-overflow: ellipsis;-webkit-text-overflow: ellipsis; }
.index-list li a { font-size: 16px; color: #333;}
/*
.index-list li a i { float: right; width: 18px; height: 18px; line-height: 18px; margin-top: 7px; margin-left: 3px; text-align: center; font-style: normal; color: #fff; font-size: 12px; font-family: "SimSun"; display: inline-block;}
.index-list li a i.new { background: #f00;}
.index-list li a i.in { background: #1184e0;} width: 95px;*/
.index-list li span { float: right; color: #aaa; text-align: right; display: inline-block;}

.index-list li a:hover { color: #105eb5;}


.i_pro01{float:right; width:315px;}
.i_pro01_l{padding-top:15px;}
.i_pro01_l p{ line-height:200%;}
.i_pro01_ll{float:left; width:474px; height:203px; overflow:hidden;}
.i_pro01_ll ul{width:3000px; overflow:hidden;}
.i_pro01_ll li{float:left; display:inline-block; width:146px; margin:0 6px;}
.i_pro01_ll li span{ display:block; margin-top:10px; height:30px; line-height:30px; color:#666666; text-align:center; background:#e5e5e5;}
.i_pro01_ll li i{ display:block; width:146px; height:164px; overflow:hidden;}
.i_pro01_ll li i img{width:146px; height:164px;}
.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 a:hover span{ color:#FFF; background:#3397e6;}

.i_pro02{width:1100px;}
.i_pro02_l{padding:15px 9px; border:1px solid #e2e2e2;  background:#FFF;}
.i_pro02_l li{float:left; display:inline-block; width:207px; margin:0 4px 0 5px;}
.i_pro02_l li span{ display:block; height:30px; line-height:30px; color:#666666; text-align:center; width:207px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_pro02_l li i{ display:block; width:207px; height:80px; overflow:hidden;}
.i_pro02_l li i img{width:207px; height:80px;}
.i_pro02_l li a:hover i img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}

.i_links{width:1100px;}
.i_links_l{padding:15px 9px; border:1px solid #e2e2e2; border-top:0; background:#FFF;}
.i_links_l li{float:left; display:inline-block; width:130px; height:40px; margin:0 12px;}
.i_links_l li img{width:130px; height:40px;border:1px solid #e2e2e2;}

.footer{width:100%; padding:10px 0; margin-top:20px; background:#ffffff; text-align:center; border-top:1px solid #e2e2e2; color:#666666;}
.footer_nav{ display:block; line-height:30px;}
.footer_nav a{ padding:0 10px;}
.copyright{display:inline-block; position:relative; margin-top:5px; line-height:25px; text-align:center;}
.cicon{ position:absolute; left:-60px;}
/* 首页部分结束 */

/* 内页部分开始 */
.p_container{width:1100px; margin:0 auto; padding:15px 0;}
.p_left{float:left;}
.p_right{float:right;}
.p_left1{ float:left; width:250px; min-height:300px; padding:0 10px 10px; border-radius:5px; background:url("../Images/clbg.jpg") repeat-x left top #FFF;}
.p_right1{ float:right; position:relative; width:835px; min-height:350px; padding:60px 25px 30px; border-radius:5px; border:1px solid #eeeeee; background:#FFF;}

/*.sidebar{width:100%; min-height:280px; text-align:center; background:#FFF; padding:15px; border-radius:5px 5px 0 0; -webkit-box-shadow:inset 0px 0px 2px -1px #b2c8da; -moz-box-shadow:inset 0px 0px 2px -1px #b2c8da;  box-shadow:inset 0px 0px 2px -1px #b2c8da;}
.sidebar li{float:left; display:block; width:100%; margin-bottom:13px;}
.sidebar li a{ display:block; width:100%; height:31px; color:#2f92e6; border:1px solid #dedede; border-radius:3px; line-height:31px; background:url(../Images/sidebar_bg.png) repeat-x left center; -webkit-box-shadow:0px 1px 2px 0 #ebedf0; -moz-box-shadow:0px 1px 2px 0 #ebedf0;  box-shadow:0px 1px 2px 0 #ebedf0;}
.sidebar li a:hover, .sidebar li a.on{ color:#FFF; border:1px solid #2986e6; background:url(../Images/sidebar_hbg.png) repeat-x left center; -webkit-box-shadow:0px 1px 2px 0 #97caff; -moz-box-shadow:0px 1px 2px 0 #97caff;  box-shadow:0px 1px 2px 0 #97caff;}*/

.path{ position:absolute; left:0; top:0; width:100%; height:45px; padding:0 20px 0 45px; border-radius:3px; line-height:45px; color:#666; background:url("../Images/icon07.png") #f6f6f6 no-repeat 20px;}
.path span{padding:0 10px;}

.p_content{text-align:left; line-height:25px;}
/*带图新闻列表*/

.n_n_list {}
.n_n_list li{
height: 40px;
    line-height: 40px;
    padding-left: 17px;
    background: url(../images/list-ico2.png) left center no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -icab-text-overflow: ellipsis;
    -khtml-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    border-bottom: dashed 1px #ddd;
}
.n_n_list li a { font-size: 16px; color: #333;}
.n_n_list li span { float: right; width: 95px; color: #aaa; text-align: right; display: inline-block;}
.n_n_list li a:hover { color: #105eb5;}



.big-tit { line-height: 30px; padding: 10px 0 20px 0; text-align: center; font-size: 24px; font-weight: bold; border-bottom: dashed 1px #ddd;}
.date { padding: 10px 0 20px 0; text-align: right; color: #aaa;}
.con-txt { line-height: 30px; font-size: 16px;}
.con-txt p { padding-bottom: 20px;}

/* 内页部分结束 */
.i_imgnews{float:left; width:350px; height:330px; background:#FFF;}

#operator {width:350px; height:90px; border:1px solid #e2e2e2; overflow:hidden;}
#operator .btnLeft, #operator .btnRight { float:left;width: 18px;height: 88px;}
#operator .btnLeft { background:url("../Images/rol01.jpg") no-repeat right center; margin-right:6px; }
#operator .btnLeft:hover { background:url("../Images/rol01.jpg") no-repeat right center;}
#operator .btnRight:hover { background:url("../Images/ror01.jpg") no-repeat left center;}
#operator .btnRight { float:right; background:url("../Images/ror01.jpg") no-repeat left center; margin-left:6px; }
#operator .thumbWrap { _width:300px; height:90px; margin:6px 0px; overflow:hidden }
#operator .thumbnails { width:3000px; }
#operator .thumbnails li {float:left; display:inline-block; margin:0 2px;}
#operator .thumbnails .img { display:block; width:71px; height:71px; padding:2px; border:1px solid #d2d2d2;}
#operator .thumbnails .img img{ width:65px; height:65px;}
#operator .thumbnails .detail { width:77px; height:0px; }
#operator .thumbnails .num { margin-top:12px; color:black }
#operator .thumbnails .poster span { font-size:11px }
#operator .thumbnails .current .detail { background:url("images/bg.png") no-repeat -440px -20px }
#operator .thumbnails .current .num { margin-left:6px }
#operator .track { height:21px; margin:0 38px; text-align:left }
#operator .slideDragger { width:200px; height:21px; margin-top:5px; background:url("images/bg.png") no-repeat 0 -173px }
#operator .slideDragger .cover { height:21px; margin-left:20px; background:url("images/bg.png") no-repeat right -152px }


/*.i_imgnews{float:left; width:350px; height:360px; background:#FFF;}
.i_imgnews_i{ position:relative; width:350px; height:270px;}
.i_imgnews_i img{width:350px; height:270px;}
.i_imgnews_i span{ display:block; position:absolute; left:0; bottom:0; width:350px; height:40px; background:rgba(0,0,0,0.7); line-height:40px; color:#FFF; padding:0 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_imgnews_i a:hover span{ color:#0b71fa;}
.i_imgnews_l{width:350px; height:90px; border:1px solid #e2e2e2; overflow:hidden;}
.i_imgnews_ll{float:left; width:300px; margin-left:6px; margin-top:8px; overflow:hidden;}
.i_imgnews_ll ul{width:5000px; overflow:hidden;}
.i_imgnews_ll li{float:left; display:inline-block; margin:0 2px;}
.i_imgnews_ll li img{width:71px; height:71px; padding:2px; border:1px solid #d2d2d2;}
.i_imgnews_ll li a:hover img{ border:1px solid #046bfc;}
.i_imgnews_ll li a.on img{ border:1px solid #046bfc;}*/
.clear1 {
    clear: both;
    font-size: 1px;
    width: 1px;
    height: 0;
    visibility: hidden;
    overflow: hidden;
}


/*---------响应式开始----------*/
@media screen and (max-width: 1366px) { 
/*当屏幕尺寸小于1366px时，应用下面的CSS样式*/

/*当屏幕尺寸小于1366px时，结束应用下面的CSS样式*/
}

@media screen and (max-width: 1024px) { 
/*当屏幕尺寸小于1024px时，应用下面的CSS样式*/
.mfbox{width:100%;min-width:100%;}
.ddsmoothmenu ul li {width: 14%;}
.i_hbox {width: 100%;}
.i_nav {width: 100%;}

.i_container {width: 100%;}
.mt15 {margin-top: 1%;}

.i_imgnews {width: 35%;}
div#player {width: 100% !important;}
#operator {width: 100%;height: 90px;}

.i_news01 {width: 40%;margin-left: 1%;}
.i_news01_f {width: 100%;padding: 1% 1% 0;}
.i_news01_l {width: 100%;margin: 1% 1% 0px;}
.i_news01_l li {width: 98%;height: 34px;line-height: 34px;     overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis}
.i_news01_l li a {width: 98%;text-indent: 3%;background: url("../Images/icon01.jpg") no-repeat 1% center;}
.i_news01_l li span {}

.i_news02 {width: 23%;}
.i_news02_l {width: 100%;padding: 8px 1%;border: 0px solid #e2e2e2; }
.i_news02_l li {width: 100%;line-height: 30px;}
.i_news02_l li a {text-indent: 4%;background: url("../Images/icon01.jpg") no-repeat 1% center;}
.i_news02_l li span {display: none;}

.i_info {width: 34%;}
.i_info_l {width: 94%;margin: 16% auto 0;}
.i_info_l li {width: 50%;}

.i_news03 {margin-left: 2%;width: 40%;}
.i_news03_l {width: 100%;padding: 1% 1% 0;}
.i_news03_l li {width: 100%;}
.i_news03_l li a {width: 70%;text-indent: 3%;background: url("../Images/icon01.jpg") no-repeat 1% center;}
.i_news03_l li span {width: 30%;}

.i_news04 {width: 23%;}
.i_news04_l {width: 100%;padding: 1% 1% 0;}
.i_news04_l li {width: 100%;     overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis}
.i_news04_l li a {width: 100%;text-indent: 3%;background: url("../Images/icon01.jpg") no-repeat 1% center;}

.i_jiaoliu {width: 100%;}
.i_jiaoliu_c {padding: 1% 1%;}
.i_news06 {width: 49%;}
.i_news06_l {width: 100%;padding: 1% 1% 0;}
.i_news06_l li {width: 100%;}
.i_news06_l li a {width: 70%;text-indent: 2%;}
.i_news06_l li span {width: 30%;}
.i_pro01 {width: 50%;}
.i_pro01_ll {width: 92% !important;}

.i_pro02 {width: 100%;}
.i_pro02_l {padding: 1% 1%;}
.i_pro02_l li {width: 19%;margin: 0 0.5%;}
.i_pro02_l li i {width: 100%;height: auto;}
.i_pro02_l li i img {width: 100%;height: auto;}
.i_pro02_l li span {width: 100%;}

.i_links {width: 100%;}
.i_links_l {padding: 1% 1%;}
.i_links_l li {width: 12%;margin: 0 1%;height: auto;}
.i_links_l li img {width: 100%;height: auto;}



/*单页图文*/
.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;}




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


.p_left {width: 22%;}
.p_left1 {width: 100%;padding: 0 10% 20px;}
.p_right {float: left;width: 76%;margin-left: 1%;}
.p_right1 {width: 100%;padding: 60px 3% 30px;}
.path {padding: 0 5% 0 45px;}

/*当屏幕尺寸小于1024px时，结束应用下面的CSS样式*/
}

@media screen and (max-width: 768px) {
 /*当屏幕尺寸小于768px时，应用下面的CSS样式*/
/*nav栏目*/
.i_nav{display:none;height:auto;position:absolute;width:100%;top:80px;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:40px;background-size: 100% 100%;}
.ddsmoothmenu a{line-height:40px;padding:0;}
.selected, .navactive {background: url("../Images/nav_abg_h.png") no-repeat center center;background-size: 100% 100%;}
.navactive,.navactive:hover{padding:0;}
.navbar-toggle{display: block;background: #FFF;margin: 95px 10px 0 0;border: 1px solid #8D9BBB;background-image: url("../images/icon0x.png");background-size: 100% 100%;}
.nava {line-height: 40px;color: #000;background: none;}
/*产品列表*/
.p_p_list li{width:49%;margin-right:0;}

/*带图新闻列表*/



/*留言板*/
.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;}


.i_notice {padding-left: 2%;width: 50%;}
.i_brand {width: 75%;}
.i_barndlist_01 {width: 100%;}
.i_notice ul {width: 100%;}
.i_notice ul li {width: 100%;}
.i_notice ul li a {width: 100%;}


.i_imgnews {width: 49%;margin-left: 1%;}
.i_news01 {width: 48%;margin-left: 1%;}
.i_news01_l li:nth-child(7) {display: none;}
.i_news02 {width: 49%;float: left;margin-left: 1%;height: 290px;}
.i_news02_l li span {display: block;}
.i_news02_l li:nth-child(7) {display: none;}
.i_news02_l li:nth-child(8) {display: none;}
.clear1 {display: none;}
.i_info {width: 48%;float: left;margin-left: 1%;}
.title03 {left: 0;}
.i_news03 {margin-left: 1%;width: 49%;}
.i_news04 {width: 48%;float: left;margin-left: 1%;}

.i_pro01_ll {width: 85% !important;}

/*当屏幕尺寸小于768px时，结束应用下面的CSS样式*/
}

@media screen and (max-width: 480px) {
/*当屏幕尺寸小于480px时，开始应用下面的CSS样式*/
/*产品列表*/

#player img {
    height: 270px;
    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_notice {width: 98%;}
.search {display: none;}
.i_imgnews {width: 98%;}
.i_news01 {width: 98%;}
.i_news02 {width: 98%;}
.i_info {width: 98%;height:320px;}
.title03 {width: 100%;background: url("../Images/icon06.png") no-repeat left top;background-size: 100% 100%;}
.i_news03 {width: 98%;}
.i_news04 {width: 98%;}
.i_news06 {width: 100%;}
.i_pro01 {width: 100%;}
.i_pro01_ll {width: 91% !important;}
.i_pro02_l li {width: 31%;margin: 0 1%;}
.i_links_l li {width: 31%;margin: 0 1%;}

.p_left {width: 100%;}
.sortnavt {display: none;}
.p_left1 {background: none;padding: 0;min-height: 0px;}
ul.sortnavul {background: none;min-height: 0px; text-align:left;}

.sortnavul li {width: 24%;margin-right: 1%;}
.p_right {float: left;width: 98%;margin-left: 1%;}
.p_p_list li {width: 49%;}
/*当屏幕尺寸小于480px时，结束应用下面的CSS样式*/
}

@media (max-width: 414px) { 
body{
background-position: center -130px;
}
.header{height: 220px;}
.navbar-toggle{margin-top:15px;}
.logo{top: -20px;}
}

@media screen and (max-width: 414px) { 
/*当屏幕尺寸小于414px时，应用下面的CSS样式*/
/*留言板*/
.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;}

.i_pro01_ll {width: 90% !important;}
.p_p_list li{width:100%;}
.p_p_list li i {width: 100%;height: auto;}
.p_p_list li i img {width: 100%;height: auto;}
.p_p_list li span {width: 100%;}

/*当屏幕尺寸小于414px时，结束应用下面的CSS样式*/
}

@media screen and (max-width: 375px) { 
/*当屏幕尺寸小于375px时，应用下面的CSS样式*/
.i_hbox {padding: 0 2%;}
.i_notice {padding-left: 5%;}
.i_pro01_ll {width: 88% !important;}
.logo {width: 80%;}
.p_n_info {display: none;}
/*当屏幕尺寸小于375px时，结束应用下面的CSS样式*/
}


@media screen and (max-width: 360px) { 
/*当屏幕尺寸小于360px时，应用下面的CSS样式*/
/*留言板*/
.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_brand {width: 70%;}
/*当屏幕尺寸小于360px时，结束应用下面的CSS样式*/
}


@media screen and (max-width: 320px) { 
/*当屏幕尺寸小于320px时，应用下面的CSS样式*/
textarea#gbookMain{width:216px !important;}
input#gbookTopic{width:216px !important;}
input#userMail{width:216px !important;}

.i_pro01_ll {width: 86% !important;}

/*当屏幕尺寸小于320px时，结束应用下面的CSS样式*/
}

/*---------响应式结束----------*/