@charset "utf-8";
@import url(dll.css);
@import url(global.css);
@import url(module.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/* 首页部分开始 */
.sidebar-right > span:hover .saoma {
    display: block;
}.sidebar-right > span:hover .dropdown {
    display: block;
}.alink_href_content {
    font-family: 微软雅黑;
    font-size: 14px;
    padding-bottom: 20px;

}
.mfbox{width:1200px; min-width:1000px; margin:0 auto; overflow:hidden;}
.sidebar-right > a > img, .sidebar-right > span > img {
    display: block;
    margin: 0 auto;
    padding: 6px 0 2px 0;
}.sidebar-right {
    position: fixed;
    top: 23%;
    right: 10px;
    z-index: 1;
}.sidebar-right > a, .sidebar-right > span {
    display: block;
    width: 60px;
    height: 69px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: #255ba7;
    position: relative;
}.sidebar-right > a > img, .sidebar-right > span > img {
    display: block;
    margin: 0 auto;
    padding: 6px 0 2px 0;
}.sidebar-right > span .dropdown {
    display: none;
    position: absolute;
    top: 0;
    right: 60px;
    width: 170px;
    border: 1px solid #ccc;
    color: #666;
    padding: 20px 0;
    background-color: #fff;
    z-index: 9999;
}.sidebar-right > span .dropdown li {
    padding: 4px 0;
}.sidebar-right > span .saoma {
    display: none;
    position: absolute;
    top: 0;
    width: 150px;
    height: 160px;
    right: 60px;
    padding: 10px 10px;
    background: #255ba7;
    z-index: 9999;
}.sidebar-right > span .dropdown {
    display: none;
    position: absolute;
    top: 0;
    right: 60px;
    width: 170px;
    border: 1px solid #ccc;
    color: #666;
    padding: 20px 0;
    background-color: #fff;
    z-index: 9999;
}
.sidebar-right > a, .sidebar-right > span {
    display: block;
    width: 60px;
    height: 69px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: #E7282F;
    position: relative;
}
.Unable_to_view {
 display: block;
 width: 0px;
 eight: 1px;
 overflow: hidden;
 osition: relative;
 z-index: -1000;
 color: transparent;
}

.Unable_to_view a{
    color: transparent;
}
.sidebar-right > a, .sidebar-right > span {
    display: block;
    width: 60px;
    height: 69px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: #255ba7;
    position: relative;
}
.header{position:relative;width:100%;height: 75px;background:#ffffff;}
.logo{float:left;    margin-top: -18px;}
.header_r{float:right; padding-top:25px;}
.qw {
    display: none;
}td {
    line-height: 40px;
}

.honor {
    display: none;
}
.productview img {
    padding: 10px;
    text-align: center;
}
.hotline{float:right; line-height:28px; text-align:right; font-size:14px; color:#b2b2b2;}
.hotline span{ color:#013568; font-family:impact; font-size:18px;}
.hotline div{display:inline;}
.lan{float:right; line-height:28px;}
.lan a{ padding:0 15px 0 0; color:#b2b2b2;}
.lan a:hover {color:#0f56a8; text-decoration:none;}
.lan li{float:left;}
.lan li:nth-child(2){display:none;}
.search{float:right; width:224px; height:36px; padding:5px; border-radius:5px; background:#ebebeb    display: none;;}
.search input{float:left; display: none;height:26px; margin:0; padding:0; border:0; line-height:26px;}
.search input.s_int{width:188px; background:#ebebeb; color:#888;}
.search input.s_btn{width:26px; background:url(../Images/btn_search.png) no-repeat center center; cursor:pointer;}

.i_nav{height:100px; border-bottom:10px solid #cecece; background:#eee;}
.i_nav ul{width:1000px; margin:0 auto;}
.i_nav li{float:left; text-align:center; margin-right:30px;    position: relative;}
.i_nav li>a{display:block; height:100px; border-bottom:10px solid #cecece; color:#666; padding:0 15px; line-height:90px; font-size:16px;}
.i_nav li>a:hover{ color:#FFF; background:#013568; border-bottom:10px solid #000;}
.i_nav li>a.on{ color:#FFF; background:#013568; border-bottom:10px solid #000;}


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


.i_container{width: 100%; margin: 60px 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_pro{width:100%; background:url(../Images/bg.jpg) no-repeat center top;}

.i_pro_l{ margin:30px auto 0; width:1200px; overflow:hidden;}
.i_pro_l ul{width:100%; overflow:hidden;}
.i_pro_l li{width:24%; padding:0 1%; box-sizing: border-box; margin-bottom:22px; display:inline-block;}
.i_pro_l li i{width:100%; height:auto; display:block; overflow:hidden; background:#FFF; -webkit-box-shadow:3px 3px 3px rgba(0, 0, 0, .1); -moz-box-shadow:3px 3px 3px rgba(0, 0, 0, .1); box-shadow:3px 3px 3px rgba(0, 0, 0, .1);}
.i_pro_l li i img{width:100%; height:auto;}
.i_pro_l li a:hover i img{ z-index:-1; -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}
.i_pro_l li span{ display:block; width:100%; height:90px; margin-top:7px; padding:10px; box-sizing: border-box; color:#255ba7; font-size:12px; 
    overflow:hidden; text-align:left; background:#FFF; -webkit-box-shadow:3px 3px 3px rgba(0, 0, 0, .1); 
    -moz-box-shadow:3px 3px 3px rgba(0, 0, 0, .1); box-shadow:3px 3px 3px rgba(0, 0, 0, .1);
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.i_pro_l li span strong{  
    overflow : hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
     line-height:25px;  font-size:14px; color:#255ba7;
}
.i_pro_l li a:hover span{ background:#255ba7; color:#FFF;}
.i_pro_l li a:hover span strong{color:#FFF;}



.i_ys{width:100%; margin-top:50px; padding:60px 0 0; background:url(../Images/bg2.jpg) no-repeat center top;}
.i_ys_l{ margin:30px auto 0; width:1200px; overflow:hidden;}
.i_ys_l dl{float:left; width:50%; box-sizing: border-box; height:130px; margin-bottom:65px; padding-right:35px; color:#FFF;}
.i_ys_l dl dt{float:left; width:25%; height:122px;}
.i_ys_l dl dd{float:right; width:75%;}
.i_ys_l dl dd h4{ display:block; height:35px; line-height:34px; border-bottom:1px solid #103267; font-weight:bold; font-size:18px;}
.i_ys_l dl dd span{ display:block; padding-top:13px; line-height:20px;}

.i_about{width:1200px; margin:50px auto 0; background:url(../Images/icon02.png) no-repeat left top;}
.i_about_c{ margin-top:20px;  width: 1200px;}
.i_about_cl{float:left; width:38%;}
.i_about_cl img{width:388px; -webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, .1); -moz-box-shadow:5px 5px 10px rgba(0, 0, 0, .1); box-shadow:5px 5px 10px rgba(0, 0, 0, .1);}
.i_about_cr{float:left; width:60%; line-height:24px; color:#000;}



.i_cooperative{width:980px; margin:30px auto 0;    display: none;}

.i_txt01{float:right; margin-top:20px; color:#999; padding-right:30px; height:23px; line-height:23px; background:url(../Images/icon04.jpg) no-repeat right center;    width: 371px;text-align: center;}
.i_txt01 span{ display:inline-block; float:left; width:23px; height:23px; margin-right:10px; background:url(../Images/icon03.jpg) no-repeat center center;}

.i_cooperative_l{width:980px; margin-top:20px; overflow:hidden;}
.i_cooperative_l li{ display:inline-block; float:left; margin:0 2px; width:157px; height:105px; border:1px solid #f1efef;}
.i_ad{width:100%; margin-top:50px;}

.i_news{float:left; width:50%; margin-top:50px;}
.i_news_l{ margin-top:25px; padding-right:50px;}
.i_news_l li{height:41px; line-height:25px; padding-bottom:12px; background:url(../Images/icon07.jpg) no-repeat left 10px; padding-left:15px;}
.i_news_l li a{ display:block; float:left; width:355px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news_l li span{ display:block; float:right; width:80px; text-align:right; color:#ccc; font-size:10px;}

.footer{width:100%; border-top:1px solid #565658; background:#333; text-align:left; color:#b3b3b3;}

.ftxt{width:1200px; padding:30px 0; margin:0 auto; border-bottom:1px solid #565658;}
.ftxt strong{ display:block; color:#8c8c8c; font-size:24px;}
.ftxt span{ display:block; padding-top:15px; font-size:16px;}

.footerbox{width:1200px; margin:0 auto; padding:20px 0;}

.fewm{float:left; width:160px; overflow:hidden;}

.ftel{float:left; width:160px; line-height:25px;}
.ftel strong{display:block; font-size:20px;}

.footer_nav{float:right;}
.footer_nav dl{float:left; width:150px; }
.footer_nav dl dt{ font-size:20px; padding:0 0 20px; font-weight:bold;}
.footer_nav dl dt a{color:#8c8c8c;}
.footer_nav dl dd{ line-height:30px;}
.footer_nav dl dd a{color:#b3b3b3;}
.copyright{width:1000px; margin:0 auto; line-height:20px; padding:20px 0; border-top:1px solid #565658;}

.copyright{ padding-top:10px; line-height:25px; color:#e7e7e7; text-align:center; font-size:13px; background:url(../Images/icon03.png) repeat-x left top;}
.jsq{ padding-bottom:10px; line-height:25px; color:#e7e7e7; text-align:center; font-size:13px;}

.footer a:hover{ color:#d40d1b;}

.row7 {
    overflow: hidden;
    margin-top: 66px;
}
.mfbox {
    width: 1200px;
    margin: 0 auto;
}
.row7 .mfbox {
    position: relative;
}
.row7 .i_news_title {
    height: 55px;
    background: #e0e0e0;
}
.row7 .i_news_title li {
    width: 164px;
    float: left;
    line-height: 55px;
    color: #333;
    text-align: center;
    cursor: pointer;
}
.row7 .i_news_title li:hover, .row7 .i_news_title .on {
    color: #fff;
    background: #0152ad;
}
.container_box {
    height: 300px;
    visibility: visible;
    position: relative;
}

#container_item_one {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 1200px;
    z-index: 10;
    opacity: 0;
}
#container_item_two {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 1200px;
    z-index: 99;
    opacity: 1;
}

.box_con {
    position: relative;
    overflow: hidden;
    border: #e0e0e0 1px solid;
    padding: 15px 10px;
}
.box_con .btnl {
    background-image: url(../Images/left.png);
    left: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px auto;
}
.box_con .btnr {
    background-image: url(../Images/right.png);
    right: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px auto;
}
.conbox .swiper-slide a {
    margin: 0 5px;
    padding-top: 100%;
    position: relative;
    height: 0;
    display: block;
    border-top: #f5f5f5 1px solid;
    border-bottom: #f5f5f5 1px solid;
}
.conbox .swiper-slide {
    float: left;
    width: 295px;
    height: 100%;
    min-height: 1px;
}

.conbox .swiper-slide img {
    height: 100%;
    display: block;
    position: absolute;
    margin: 0 auto;
    left: 50%;
    top: 0px;
    transform: translateX(-50%);
}
.conbox {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.swiper-button-next {
    width: 50px !important;
}
.swiper-button-prev {
    width: 50px !important;
}
#chatframe_1 {
    z-index: 9999;
}

/* 首页部分结束 */

/* 内页部分开始 */
.p_banner_box{width:100%; height:500px; z-index:1; overflow:hidden;}
.p_banner{ float:left; display:inline;}


.p_container{width:1000px; margin:15px auto;}
.p_left{float:left; width:250px; overflow:hidden;height:auto !important;}
.p_right{float:right; width:710px; overflow:hidden;}

.path{    height: 66px;
   
    line-height: 50px;
    color: #999;
    border-bottom: 1px dotted #d3d3d3;}
.path span{ padding:0 5px;}

.plad{ margin-top:20px;display: none;}
.plad li{ padding:10px 0;}
div#com_singles_sec4 {
    display: none;
}

.p_content{ font-size:14px; padding:20px 5px; line-height:25px;}
.min_contact{display: none;}
.i_case {
    margin-top: 40px;
}
.i_case .p_p_list {
    display: flex;
    flex-wrap: wrap;
}
.i_case .p_p_list .swiper-slide {
    width: 25%;
    padding: 10px 1%;
    box-sizing: border-box;
}
.i_case .p_p_list .swiper-slide span {
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
}
/* 内页部分结束 */



.nm_def{ margin:0 auto; width:1100px;}
.i_nav ul li ul{display:none;    position: absolute;
    left: 0;
    top: 100px;
    background: #013568;
    opacity: 0.9;
    z-index: 999;
    display: none;
    width: 213px !important; }
.i_nav ul li:hover ul{display:block;}
.i_nav ul li ul li a{height: 35px;
    line-height: 35px;
    margin: 0;
    border: 0;
    font-size: 14px;
    color: #fff;
    overflow: hidden;}
.i_nav ul li ul li:hover a{color: white; background: #013568; border-bottom-color: #000; text-decoration: none;width:213px;text-align:left;}
.i_nav ul li:hover ul a:hover{background:#eee; color:#013568;}

.blk.fl{    margin-bottom: 22px;    width: 233px;}
.prolist .imgbox {
    width: 221px;
    padding: 0 3px 4px 0;
    margin: 0 -3px -4px 0;
    background: url(http://www.lyterminals.com/templates/cn/images/pdbg.png) no-repeat;
}
.imgbox img {    
    overflow: hidden;
    width: 100%;
    border: 10px;
    border-color: #06C;    height: 190px;
}
.prolist .intro {
    margin-top: 7px;
}
.prolist .intro {
    position: relative;
    width: 221px;
    height: 58px;
    padding: 0 3px 5px 0;
    margin: 0 -3px -5px 0;
    background: url(http://www.lyterminals.com/templates/cn/images/pdibg.png) no-repeat;
}
 .intro h3 a {
    display: block;
    font-size: 12px;
    line-height: 14px;
    height: 14px;
    overflow: hidden;
    padding-top: 15px;
    margin-bottom: 3px;
    text-align: center;
    font-weight: normal;
    color: #666;
}
 .intro h4 a {
    display: block;
    font-size: 12px;
    line-height: 14px;
    height: 14px;
    overflow: hidden;
    margin-bottom: 0px;
    text-align: center;
    font-weight: normal;
    color: #666;
}
.prolist .intro:hover {
	background: #255ba7;
	margin-right: 0;
	margin-bottom: 0;
	padding-right: 0;
	padding-bottom: 0;
}
.prolist .intro:hover h3 a { color: white; text-decoration: none; }
.prolist .intro:hover h4 a { color: white; text-decoration: none; }
h3.name{
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    color: #255ba7;
  
}



.box_top {
    border-bottom: 1px solid #d0d0d0;
    height: 39px;
    display: none;
}
li.sel a {
    display: block;
    padding: 0 20px;
    line-height: 39px;
    font-size: 18px;
    color: #333;
    cursor: pointer;
}
li.sel {
    width: 123px;
    float: left;
}
.box_bottom {
    margin-top: 20px;
}
.activetab{    background: #e8e8e8;
    text-decoration: none;}
.productinfoslist div {
    height: 201px;
    overflow: hidden;
}
.tubiao {
   
    right: 93px;
    top: 260px;    margin-top: 18px;
}
.tubiao a {
    margin-left: 10px;
}
a.gob {
    float: right;
    margin-top: -30px;
}
.case_gallery>.fl {

    width: 706px !important;}
	
.build-list {
    margin-top: 20px;
    border-top: #e5e5e5 0px solid;
}
.build-list li {
    height: 60px;
    overflow: hidden;
    line-height: 60px;
    border-bottom: #e5e5e5 1px solid;
}
.build-list li span {
    float: right;
    color: #9e9e9e;
}
.build-list li a {
    display: inline-block;
    color: #5c5c5c;
    padding-left: 19px;
    background: url(http://www.lyterminals.com/templates/cn/images/about_img26.gif) no-repeat;
}

.prolist123 .imgbox {
    width: 221px;
    height: 152px;}
a.navactive{    color: white !important;
    background: #013568;
    border-bottom-color: #000 !important;
    text-decoration: none;}
.qw div#com_indexistop_products .title02.wow.zoomIn.animated.animated h3{    display: block;
    color: #333;
    line-height: 50px;
    padding-bottom: 14px;
    font-size: 40px;
    font-weight: bold;}
.qw div#com_indexistop_products span{ 
    color: #666;
 }
 
 .i_yy_lr{float:right; width:312px; height:344px; overflow:hidden;}
.i_yy_lr li{position:relative; width:312px; height:156px; margin-bottom:32px; overflow:hidden;}
.i_yy_lr li i{width:312px; height:156px; overflow:hidden;}
.i_yy_lr li i img{width:312px; height:156px;}
.i_yy_lr li a:hover i img{z-index:-1; -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2); z-index:1;}
.i_yy_lr li span{position:absolute; display:block; width:312px; height:30px; line-height:30px; font-size:15px; color:#FFF; left:0; bottom:0; text-align:center; background:rgba(0,0,0,0.6); z-index:2;}
.fewm img {
    width: 141px;
    height: 141px;
}

ul.sortsubnavcontainer {
    margin-left: 10%;
}
.honor_l{
    margin: 30px auto 0;
    width: 1000px;
    overflow: hidden;
}
.honor_l ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.honor_l ul li {
    width: calc(100% / 3 - 20px);
    margin-bottom: 20px;
}
.honor_l ul li .pic{
    width: 100%;
}
.honor_l ul li .pic img{
   
}
.honor_l ul li span {
    width: 100%;
    display: block;
    text-align: center;
    line-height: 35px;
}
/*响应式开始*/
@media screen and (max-width: 1280px) {
    .mfbox,
    .i_pro_l,
    .i_ys_l,
    .i_about,
    .i_about_c,
    #container_item_one,
    #container_item_two,
    .ftxt,
    .footerbox {
        width: 1000px;
    }
    .i_about_c .i_about_cl {
        width: 45%;
    }
    .i_about_c .i_about_cr {
        width: 50%;
    }
    .i_ad img {
        height: auto !important;
    }
}

.i_banner_box123 .slider .slide .box img{width:100%;}
@media screen and (max-width: 1024px) {
div{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.mauto{width:100%;}
.header{width:100%;}
.mfbox{width:100%;min-width:100%;}
.i_container{width:100%;min-width:100%;}
.i_pro{width:100%;min-width:100%;}
.i_pro_l{width:100%;}
.title01{width:100%;}
.copyright{width:100%;}
.jsq{width:100%;}
.navPage{width:100%;box-sizing: border-box;}
.i_nav li>a{height:90px;}
.i_pro_l ul{width:100%;}
.i_pro_l li{width:31%;margin-right:0;margin-left:2%;}
.i_ys_l{width:100%;}
.case_gallery>.fl{width:70%!important;}
.i_yy_lr{width:29%;margin-right:1%;}
.i_yy_lr li{width:100%;}
.i_yy_lr li span{width:100%;}
.i_ys_l{padding:0 10px;}
.i_ys_l dl{width:48%;margin-right:1%;}
.i_about{width:100%;}
.i_about_c{padding:0 10px; width: 100%;}
.i_about_cl{width:42%;}
.i_about_cl img{width:100%;}
.i_about_cr{width:56%;margin-left:2%;}
.i_cooperative{width:100%;padding:0 10px;}
.title04{width:50%;}
.i_txt01{width:40%;}
.i_cooperative_l{width:100%;}
.i_cooperative_l li{width:14%;margin:0 1%;}
.i_news{width:50%;padding:0 10px;}
.i_news_l li a{width:60%;}
.ftxt{width:100%;padding:30px 15px;}
.footerbox{width:100%;padding:20px 15px}
.cnt{width:100%!important;}
#container_item_two {
    width: 100%;
}
#container_item_one {
    width: 100%;
}
/*单页图文*/
.producttitle{width:100%;}
.productimg{width:100%;}
.productimg a img{width:100%;height:auto;}
.prevrecord, .nextrecord{width:100%;}
.path{width:100%;}
.p_container{width:100%;padding:20px 0;margin:0;}
.p_content{width:95%;}
.p_content_p{width:95%;}

/*产品列表*/
.n_j_list{width:100%;}
.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;}
.p_p_list li a img{width:100%;height:auto;}
.p_p_list li a span{width:100%;}
.p_pro{width:100%;padding:70px 15px 56px;}
.n_n_list li a{width:60%;}
.p_n_info{text-align: center;}
.blk.fl{width:49%;margin-left:1%;}
.prolist .imgbox{background:none;width:100%;height:auto;}
.prolist .intro{background:#fff;width:100%;}
.build-list li a{width:60%;}
/*带图新闻列表*/
.n_n_list{width:100%;}
.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;width:100%;}
.n_j_list li a{width:60%;}
/*下载中心*/
.n_d_list li a{width:60%;}
/*内页*/
.productremark{padding:0 10px;}
.p_about{padding:0 10px;}
.remark{padding: 0 10px;}

.remark img{width:100%;}
}

@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{width:100%;}
.ddsmoothmenu ul li{display:block;width:100%;border-top:1px solid #ccc;line-height: 50px;}
.i_nav .line{display:none;}
.navactive, .navactive:hover, .nava:hover, .nava.selected{line-height:50px;width:100%;background:#383334;}
.ddsmoothmenu a{line-height:50px;padding:0;width:100%;color:#000;}
.ddsmoothmenu a.navactive, .navactive:hover{padding:0;    background: #383334;color:#fff;width:auto;}
.navbar-toggle{display:block;background:#383334;}
.iconfont.icon-fenlei{position:absolute;top:0;right:0;}
.i_nav li>a{height:45px;line-height: 45px;}
.header_r{display: none;}
.header{height:80px!important;}
.i_pro_l li{width:47%;}
.i_pro_l li i{width:100%;}
.i_pro_l li span{width:100%;}
.i_pro_l li i img{width:100%;}
.case_gallery>.fl{width:93%!important;float:none;margin:0 auto;}
.i_yy_lr{width:93%;margin:15px auto;float:none;height:auto;}
.i_yy_lr li{width:47%;float:left;margin-left:2%;}
.i_yy_lr li i img{width:100%;}
.i_ys{margin-top:50px;background-repeat: repeat;}
.i_ys_l dl{width:100%;margin-left:0;margin-bottom:20px;}
.i_ys_l dl dd{width:60%;float:left;margin-left:25px;}
.i_ys_l{height:600px;}
.fewm{display: none;}
.ftel{width:100%;float:none;text-align: center;}
.footer_nav{overflow: hidden;width:100%;text-align: center;}
.footer_nav dl{width:25%;}
.ftxt{text-align: center;}
.p_left{width:100%;float:none;padding:0 15px;}
.sortnavul li{width:50%;padding:0;float:left;}
.plad{display: none;}
.title06{text-align: center;}
.sidebar_l{width:100%;}
.p_right{width:100%;float:none;padding:0 15px;}
/*产品列表*/
.p_p_list li{width:49%;margin-right:0;}
.p_p_list li a img{width:100%;height:auto;}
.p_p_list li a span{width:100%;}
/*带图新闻列表*/
.n_n_list li{overflow: hidden;}
.n_n_list dd{width:55%;float:left;margin-left:15px;}
.sec4{display: none;}

/*留言板*/
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
textarea#gbookMain{width:432px !important;}
input#gbookMain{width:432px !important;}
input#gbookTopic{width:432px !important;}
input#userMail{width:432px !important;}
}
@media screen and (max-width: 736px) { 

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

}
@media screen and (max-width: 568px) { 
    
    .i_about .title03 {
        padding-left: 0;
        text-align: center;
    }
    .i_about_c .i_about_cl {
        width: 100%;
        text-align: center;
    }
    .i_about_cl img {
        width: 80%;
    }
    .i_about_c .i_about_cr {
        width: 100%;
    }
    .container_box {
        height: 235px;
    }
    .i_ys_l dl dt {
        width: 30%;
    }
    .i_case .p_p_list .swiper-slide span {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
}
@media screen and (max-width: 480px) {
  ul.sortsubnavcontainer li {
    display: none;
}.imgbox img {
    height: 301px;
    overflow: hidden;
    width: 100%;
    border: 10px;
    border-color: #06C;
}
  .footer_nav dl dt {
    font-size: 16px;
    padding: 0 0 20px;
    font-weight: bold;
}
  .ftxt span {
    display: block;
    padding-top: 15px;
    font-size: 14px;
}
  .i_pro_l li i img {
    width: 100%;
    height: 208px;
}
  .i_pro_l li i {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    background: #FFF;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
}
  .i_pro_l li span {
    display: block;
   width: 100%;
    height: auto;
    margin-top: 7px;
    padding: 15px 0;
    color: #255ba7;
    font-size: 12px;
    overflow: hidden;
    text-align: center;
    background: #FFF;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
   height: 125px;
	box-sizing: border-box;
	overflow: hidden;
}
.logo{position:absolute;top:0;left:10px;}
#chatframe_1{display: none !important;}
.i_nav{top:80px;}
.title01{height: auto;}
.title01 h3,.title01 span{display: block;}
.header{height:80px!important;}
.iconfont.icon-fenlei{width:45px;height:45px;font-size:30px;}
.i_pro_l{padding:0 10px;}

.i_about_cl{width:100%;}
.i_about_cr{width:100%;margin:0;}
.i_cooperative_l li{width:30%;}
.title04{width:100%;display: block;float:none;text-align: center;margin:0;padding:0;}
.i_txt01{width:100%;display: block;float:none;margin:0;padding:0;}
.i_news{width:100%;}
.case_gallery>.fl{height:300px!important;}
.blk.fl{width:100%;margin:0;}
/*产品列表*/
.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#gbookMain{width:300px !important;}
input#gbookTopic{width:300px !important;}
input#userMail{width:300px !important;}
.i_nav li>a{
	padding-left: 0;
}
.min_contact{
    background: #2358A5;
    background: linear-gradient(#134467, #2358A5); 
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    height: 45px;
    line-height: 45px;
}
.min_contact a {
	color: #fff !important;
	width: 33.33333%;
    border-right: 2px solid #637fa6;
    padding-left: 10px;
    font-size: 17px;
}
.min_contact a img{
  vertical-align: middle;
}
.min_contact em {
    font-size: 18px;
}
.min_contact a:last-child{
	margin-right: 0;
}
.i_ad img{
    width: 100%;
    height: auto !important;
}
.actGotop{
  bottom: 60px !important;
}
}


@media screen and (max-width: 414px) {
.title03{padding:0;}
.i_pro_l li span strong{
    max-height: 85px;
    overflow: hidden;
}
.container_box {
    height: 200px;
}
}

@media screen and (max-width: 380px) { 
/*留言板*/
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
textarea#gbookMain{width:270px !important;}
input#gbookMain{width:270px !important;}
input#gbookTopic{width:270px !important;}
input#userMail{width:270px !important;}
.i_ys_l dl dt {
    width: 40%;
}
.i_ys_l dl dd {
    width: 60%;
    float: right;
    margin-left: 0;
}
.i_ys_l dl dd h4 {
    height: auto;
    line-height: auto;
}
  .i_pro_l li i img {
    width: 171px;
    height: 169px;
}
  .i_pro_l li i {
    height: auto;
    display: block;
    overflow: hidden;
    background: #FFF;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
}
  .i_pro_l li span {
    display: block;
	height: 110px;
    margin-top: 7px;
    padding: 15px 0;
    color: #255ba7;
    font-size: 12px;
    overflow: hidden;
    text-align: center;
    background: #FFF;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
}
.i_pro_l li span strong{
	line-height: 25px;
    padding-top: 5px;
    font-size: 12px;
}
}

@media screen and (max-width: 360px) { 
/*留言板*/
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
textarea#gbookMain{width:256px !important;}
input#gbookMain{width:256px !important;}
input#gbookTopic{width:256px !important;}
input#userMail{width:256px !important;}
  .i_ys_l dl dt {
    float: left;
    width: 101px;
    height: 122px;
}
  .i_ys_l dl dd {
    width: 60%;
    float: right;
   
    margin-top: 0px;
}
  .i_pro_l li i img {
    width: 100%;
    height: 154px;
}.i_pro_l li i {
    height: auto;
    display: block;
    overflow: hidden;
    background: #FFF;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
}
  .i_pro_l li span {
    display: block;
    margin-top: 7px;
    padding: 15px 0;
    color: #255ba7;
    font-size: 12px;
    overflow: hidden;
    text-align: center;
    background: #FFF;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
}
}

@media screen and (max-width: 320px) {
textarea#gbookMain{width:216px !important;}
input#gbookMain{width:216px !important;}
input#gbookTopic{width:216px !important;}
input#userMail{width:216px !important;}
.i_pro_l li span strong{
    max-height: 75px;
    overflow: hidden;
}
}

/*响应式开始*/