/* CSS Document */
body { max-width: 1920px; margin: 0 auto; padding: 0; font-family: Arial,'Microsoft YaHei'; padding-top: 80px; }
* { margin: 0; padding: 0; }
a { text-decoration: none; }
ul, li { list-style: none; }
li { list-style: none; float: left; }
img { display: block; max-width: 100%; border: none; }
.clear { clear: both; }
.left, lt { float: left; }
.right, rt { float: right; }
.container { width: 1200px; margin: 0 auto; box-sizing: border-box; }

.transition { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.Item .pic { overflow: hidden; }
.Item .pic img { width: 100%; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; }
.Item a:hover .pic img { transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.1s; -o-transition: all 0.3s; }
.Item a:hover h3 { color: #3b6caa; }

#Header { position: fixed; left: 0; top: 0; width: 100%; background: #fff; z-index: 98; }
#Header .nav-bg { position: absolute; left: 0; top: 80px; width: 100%; height: 200px; display: none; z-index: 996; }
#Header .left { float: left; width: 25%; }
#Header .right { float: right; width: 75%; }
#Header .right .boxR { float: right; }
#Header .right .nav { float: right; }
#Header .container {text-align: center }
#Header .container2 {text-align: center }
#Header .logo { padding: 8px 0; }
#Header .nav li { float: left; }
#Header .nav li a {  display: block; position: relative; font-size: 14px; color: #000; line-height: 80px; background: #fff; overflow: hidden; height: 80px; }
#Header .nav li a span { display: block; font-size: 14px; color: #fff; line-height: 80px; background: #3b6caa; padding: 0 10px; box-sizing: border-box; position: absolute; left: 0; top: -80px; width: 100%; transition: all 0.3s; }
#Header .nav li a abbr { display: block; font-size: 14px; color: #000; line-height: 80px; background: #fff; padding: 0 10px; box-sizing: border-box; position: relative; left: 0; top: 0px; width: 100%; transition: all 0.3s; }
#Header .nav li:hover a span { top: 0; }
#Header .nav li:hover a abbr { top: 80px; }
#Header .nav li.selected a span { top: 0; }
#Header .nav li.selected a abbr { top: 80px; }
#Header .main .nav_down { position: absolute; text-align: right; left: 0; top: 80px; width: 100%; z-index: 999; background: #fff; display: none;  }
#Header .main .Down-li-row li { float: none;  }
#Header .main .Down-li-row li a { line-height: 50px; height: auto; padding: 0 0px;  }
#Header .main .Down-li-row li:hover a{background: #3b6caa}
#Header .main .Down-li-row li:hover a {color:#fff}
#Header .nav li .nav_down .li-box .nav-pic { margin: 0 auto; text-align: center; padding: 0 20px; }
#Header .nav li .nav_down .li-box .nav-pic img { margin: 0 auto; }
#Header .nav li .nav_down .li-box { border-right: 1px solid #e0e0e0; }
#Header .nav li .nav_down .li-box a { line-height: 30px; height: auto; text-align: left; }
#Header .nav li .nav_down .li-box dt a { font-size: 16px; color: #000; text-align: left; }
#Header .nav li .nav_down .li-box dd a { font-size: 14px; color: #666; line-height: 26px; text-align: left; }
#Header .nav li .nav_down .li-box dd:hover a { color: #3b6caa; }
#Header .nav li .nav_down li:last-child .li-box { border: none; }
#Header .nav li.nav-sub-Product .nav_down .li-box dt a { color: #000; }
#About-nav { padding: 30px; }
#About-nav .sub-nav-left { float: left; width: 60%; }
#About-nav .sub-nav-right { float: right; right: 40%; }
#About-nav .li-box { }
#Header .nav li #About-nav li { float: left; width: 33.33%; }
#Header .nav li #About-nav .li-box { padding: 0 50px; height: 186px; }
#Header .nav-li{ width:120px;text-align: center;position: relative ;font-size:15px;}
#Header .nav .nav-li a span{ font-size:16px;}
#Header .nav .nav-li a abbr{ font-size:16px;}


#Home-nav { padding: 30px; }
#Home-nav .sub-nav-left { float: left; width: 60%; }
#Home-nav .sub-nav-right { float: right; right: 40%; }
#Home-nav .li-box { }
#Header .nav li #Home-nav li { float: left; width: 33.33%; }
#Header .nav li #Home-nav .li-box { padding: 0 50px; height: 186px; }



#Header .main .boxR { padding: 0 10px; }
#Header .main .boxR .search { float: right; padding: 30px 10px; position: relative;display: none }
#Header .main .boxR .search .mens-but { cursor: pointer; width: 30px; box-sizing: border-box; height: 30px; font-size: 18px; padding: 2px 0; }
#form_s { position: absolute; top: 80px; right: 0; width: 300px; display: none; z-index: 99; background: #fff; padding: 10px; box-sizing: border-box; }
#Header .main .boxR .language { float: left; margin-left: 10px; position: relative; }
#Header .main .boxR .search input { outline: none; border: 1px solid #3b6caa; cursor: pointer; display: block; float: left; padding: 0 10px; background: none; font-size: 14px; color: #333; line-height: 40px; height: 40px; box-sizing: border-box; }
#Header .main .boxR .search input.opinst { width: 40px; box-sizing: border-box; border-left: none; border-bottom-right-radius: 5px; border-top-right-radius: 5px; background: url('../images/icon/icon_search.png') no-repeat center center; }
#Header .main .boxR .search input#KeyWord { width: 238px; box-sizing: border-box; border-right: none; border-bottom-left-radius: 5px; border-top-left-radius: 5px; }
#Header .main .boxR .language a { padding: 30px 0; display: block; }
#Header .main .boxR .language span { display: inline-block; font-size: 14px; color: #000; line-height: 30px; font-weight: 100; float: left; }
#Header .main .boxR .language span.icon-lang { width: 35px; height: 30px; display: inline-block; display: none; }
#Header .main .boxR .language span.icon-down { width: 0; height: 0; display: block; margin: 0 20px 0 5px; }
#Header .main .boxR .language .down { background: #fff; position: absolute; top: 80px; left: 0; display: none; width: 100%; z-index: 99; }
#Header .main .boxR .language .down a { font-size: 14px; line-height: 40px; padding: 0; display: block; color: #333; text-align: center; }
#Header .main .boxR .language .down a.selected { background: #3b6caa; color: #fff; }
#Header .main .boxR .language .down a:hover { background: #3b6caa; color: #fff; }


.menu-bar { position: absolute; display: none; right: 20px; top: 50%; margin-top: -12px; -webkit-transition: -webkit-transform .25s ease-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; transition: transform .25s ease-out; transition: top .25s ease-in-out; }
.menu-bar .btn-menu { display: block; box-sizing: border-box; width: 30px; text-align: center; text-decoration: none; border-bottom: none; }
.menu-bar .btn-menu .menu-line { display: block; width: 30px; height: 3px; margin: 8px auto; border-radius: 2px; background-color: #3b6caa; }
.menu-bar .btn-menu .menu-line.menu-line-top { margin-top: 0; -webkit-transition: -webkit-transform .25s ease-out, background-color .25s ease-out; transition: transform .25s ease-out, background-color .25s ease-out; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; }
.menu-bar.is-open .btn-menu .menu-line.menu-line-top { width: 36px; -webkit-transform: rotate(45deg) translate(-1px, -1px) scaleX(1); -ms-transform: rotate(45deg) translate(-1px, -1px) scaleX(1); transform: rotate(45deg) translate(-1px, -1px) scaleX(1); background-color: #3b6caa; }
.menu-bar .btn-menu .menu-line.menu-line-middle { -webkit-transition: opacity .25s ease-out, background-color .25s ease-out; transition: opacity .25s ease-out, background-color .25s ease-out; opacity: 1; }
.menu-bar.is-open .btn-menu .menu-line.menu-line-middle { opacity: 0; }
.menu-bar .btn-menu .menu-line.menu-line-bottom { margin-bottom: 0; -webkit-transition: -webkit-transform .25s ease-out, background-color .25s ease-out; transition: transform .25s ease-out, background-color .25s ease-out; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; }
.menu-bar.is-open .btn-menu .menu-line.menu-line-bottom { width: 36px; -webkit-transform: rotate(-45deg) translate(-2px, 1px) scaleX(1); -ms-transform: rotate(-45deg) translate(-2px, 1px) scaleX(1); transform: rotate(-45deg) translate(-2px, 1px) scaleX(1); background-color: #3b6caa; }


#Footer {border-top:2px solid #3b6caa;color:#888}
#Footer .main { background: #3b6caa; }
#Footer .main .left { float: left;  box-sizing: border-box; }
#Footer .main .right { float: right; border-left: 1px solid #ddd;padding-left:80px}
#Footer .main .boxM { padding: 40px 0; }
#Footer .main .f-nav { box-sizing: border-box; }
#Footer .main .f-nav ul { width: 100%; }
#Footer .main .f-nav li { float: left;margin-right:70px}
#Footer .main .f-nav dt { font-size: 15px; font-weight: bold; line-height: 20px; margin-bottom: 20px;color:#fff }
#Footer .main .f-nav dd a { font-size: 14px;line-height: 30px;color:#fff }
#Footer .main .f-nav dd a:hover {color:#333 }
#Footer .main .lxfs { float: left;margin-right:50px }
#Footer .main .lxfs .tt1{font-size:18px}
#Footer .main .lxfs .tt2{font-size:12px;margin-top:9px}
#Footer .main .lxfs .bicon a{display: inline-block;margin-right:10px}
#Footer .main .lxfs .tel{color:#fff;font-size:38px;font-weight:700;border-bottom:1px solid #ddd;margin-top:10px;margin-bottom:12px;padding-bottom:5px;}
#Footer .main .cont { text-align: center; float: right; }
#Footer .main .cont .qcrod { position: relative; width: 135px; height: 135px; overflow: hidden; margin: 0 auto;border:8px solid #fff; }
#Footer .main .cont .qcrod img { width: 100%; }
#Footer .main .cont h3 { font-size: 14px; line-height: 40px; font-weight: 500; }
#Footer .Copyright { text-align: center; background: #303032; }
#Footer .Copyright p { display: inline-block; font-size: 12px; color: #fff; line-height: 60px; }
#Footer .Copyright a { display: inline-block; font-size: 12px; color: #fff; line-height: 60px; margin: 0 10px; }
.f-tool { float: right; text-align: center; width: 100px; }
.f-tool li { display: inline-block; margin: 10px 0px 10px 10px; }
.f-tool li a { width: 30px; height: 30px; display: block; border-radius: 2px; background: url('../images/sprite_02.png') no-repeat; }
.f-tool li .wb { background-position: 0px -3px; }
.f-tool li .fb { background-position: -78px -3px; }
/* Footer ��ʽend */






.newsfl{background:#fff;padding:20px 5px;text-align: center;width:100%}
.newsfl li{display:inline-block;padding:0 5px;}
.newsfl a{padding:0 5px;display: block;font-size:15px;height:22px;line-height:22px;}
.newsfl .hoverss{}
.newsfl .hoverss a{color:#3b6caa}

.ixstit{text-align: center;margin:50px 0}
.ixstit .tit1{font-size:32px;color:#3b6caa;}
.ixstit .tit2{color:#888;margin-top:5px}
.ixstit.baise .tit1{color:#fff;}
.ixstit.baise .tit1{color:#fff;}
.ixstit.baise .tit2{color:#fff;}


/* 产品目录页样式 */
.iProduct { margin-bottom: 50px; }
.iProduct-Intro { margin-bottom: 30px; }
.iProduct-Intro p { font-size: 14px; color: #333333; line-height: 25px; }
.iProduct-list { margin: 0 -10px; }
.iProduct-list li { float: left; width: 33%; }
.iProduct-list .Item { margin: 10px; border: 1px solid #efefef; box-sizing: border-box; }
.iProduct-list .Item h3 { transition: all .3s; background: #f2f2f2; line-height: 55px; font-size: 14px; color: #000000; text-align: center; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.iProduct-list .Item:hover h3 { background: #3b6caa; color: #fff; }

.main1{max-width: 1200px;margin:0 auto;}


/* 产品目录页样式 */
.iProduct2 { margin-bottom: 50px; }
.iProduct2-Intro { margin-bottom: 30px; }
.iProduct2-Intro p { font-size: 14px; color: #333333; line-height: 25px; }
.iProduct2-list { margin: 0 -10px; }
.iProduct2-list li { float: left; width: 33.33%; }
.iProduct2-list .ms {background: #fff;color:#888;padding:0 15px 15px 15px;}
.iProduct2-list .ms .con{height:40px;overflow: hidden;}
.iProduct2-list .Item { margin: 10px; }
.iProduct2-list .Item h3 {  background: #fff; line-height: 45px;padding-top:5px; font-size: 18px; color: #000000; text-align: center; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;padding-left:15px; }
.iProduct2-list .Item:hover h3 { background: #3b6caa; color: #fff; }
.iProduct2-list .Item:hover .ms { background: #3b6caa; color: #fff; }




.main2{min-height:600px;width:100%;background:url(../images/midbk.jpg);}
.main2c{max-width: 1200px;margin:0 auto;}


.main3{max-width: 1200px;margin:0 auto;padding-bottom:45px}

.inews li{float:left;width:50%;height:170px;position: relative}
.inews .con{padding:10px 100px 40px 40px}
.inews li:hover{box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.8);}
.inews .tit{height:35px;line-height:35px;font-size:18px;color:#3b6caa}
.inews .ms{color:#888;line-height:28px}
.inews .more{height:30px;line-height:30px;width:30px;border:1px solid #efefef;text-align: center;color:#888;position: absolute;right:20px;bottom:60px}


.main6{min-height:590px;width:100%;background:url(../images/main6bk.jpg) center;}
.main6c{max-width: 1200px;margin:0 auto;padding-top:120px}
.main6 .af1{float:left;width:660px;position: relative}
.main6 .af2{float:right;width:510px}
.main6 .abtit{color:#3b6caa;height:45px;line-height:45px;font-size:30px;margin-bottom:20px}
.main6 .abcon{color:#666;line-height:25px;}
.main6 .more{height:42px;line-height:42px;width:100px;background:#3b6caa;text-align: center;border-radius:5px}
.main6 .more a{color:#fff}
.main6 .bkcon1{width:660px;height:328px;background:#ccc;position: absolute;left:0;top:70px}
.main6 .abtucon{position: absolute;right:0;}
.main6 .abtucon img{width:580px;height:328px}

.main9{min-height:300px;width:100%;background:#e8f0f3;}
.main9c{max-width: 1200px;margin:0 auto;padding-top:40px}
.main9c .tx1{font-size:24px;}
.main9c .tx2{font-size:12px;color:#888;margin-top:6px;margin-bottom:30px}


/* 图片滚动 */
.picScroll{ position:relative;  padding-left:15px }
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ float:left; margin: 0 15px;  width:200px; overflow:hidden; display:inline;border:1px solid #efefef;  }
.picScroll ul li img{ width:200px; height:90px;}
.picScroll .prev,
.picScroll .next{ position:absolute;  left:-10px; top: 30px; display:block; width:18px; height:28px; overflow:hidden; background:url(../images/icons.png) -40px 0 no-repeat; cursor:pointer;  }
.picScroll .next{ left:auto; right:-10px; background-position:-120px 0; }
.picScroll .prevStop{ background-position:0 0; }
.picScroll .nextStop{ background-position:-80px 0; }


@media (min-width: 1200px) {

}
@media (max-width: 1150px) {
    #form_s1{width:100px !important;}
    #KeyWord1{width:60%;}
}
@media (min-width: 768px) {
}

@media (max-width: 1500px) {
}

@media (max-width: 1200px) {
    .container { margin: 0 auto; width: 100%; }
    #Footer .main { padding: 0 10px; }
}

@media (max-width: 1025px) {
    body { padding-top: 80px; }
    #Header { }
    .menu-bar { display: block; }
    #Header .left { width: 30%; }
    #Header .right { width: 65%; padding-right: 50px; box-sizing: border-box; }
    #Header .logo { padding: 10px; }
    #Header .main .boxR .language a { padding: 25px 0; }
    #form_s1{display: none;}
    #Header .main .boxR .search { padding: 25px 10px; display:block; }
    #Header .right .nav { position: fixed; left: 0; top: 80px; width: 100%; z-index: 99; display: none; height: 100%; }
    #Header .right .nav ul { position: relative; overflow: scroll; height: 100%; width: 100%; display: block; padding-bottom: 100px; box-sizing: border-box; }
    #Header .right .nav ul ul { padding: 0; }
    #form_s { position: fixed; left: 0; right: auto; margin-left: 0; top: 80px; width: 100%; box-sizing: border-box; height: 60px; padding: 10px; background: #3b6caa; z-index: 99; }
    #Header .main .boxR .search input#KeyWord { font-size: 14px; color: #333; line-height: 40px; border: none; outline: none; float: left; width: 90%; padding: 0 10px; box-sizing: border-box; background: #fff; }
    #Header .main .boxR .search input.opinst { width: 10%; float: left; height: 40px; border: none; font-size: 0; cursor: pointer; outline: none; background: url(../images/icon/icon_search.png) no-repeat center center #fff; }
    #Header .main .boxR .language .down { top: 80px; }
    #Header .right .nav li { float: none; width: 100%; }
    #Header .right .nav li a { margin: 0; line-height: 50px; height: 50px; }
    #Header .right .nav li a span { line-height: 50px; font-size: 16px; }
    #Header .right .nav li a abbr { line-height: 50px; font-size: 16px; }
    #Header .main .nav_down { position: relative; top: 0; box-shadow: none; padding: 10px 30px; text-align: left; }
    #Header .main .Down-li-row li a { padding: 0; color: #3b6caa; font-size: 16px; }
    #About-nav .sub-nav-left { width: 100%; }
    #About-nav .sub-nav-right { display: none; }
    #Header .right .nav #product-nav li { width: 25%; float: left; }
    #Header .nav li #About-nav .li-box { padding: 0; text-align: left; }
    #Header .nav li .nav_down .li-box { border: none; }
    #Header .nav li .nav_down .li-box .nav-pic { display: none; }
    #product-nav .li-box .rt { width: 100%; float: none; }

    #Footer .main { padding: 0 10px; }
    #Footer .main .left { width: 75%; }
    #Footer .main .f-nav dt { }
    #Footer .main .f-nav dd a { }
}

@media (max-width: 800px) {
}

@media (max-width: 640px) {
    body { padding-top: 60px; }
    #Header .logo img { width: auto; max-width: initial; height: 40px; }
    #Header .main .boxR .language a { padding: 15px 0; }
    #Header .main .boxR .search { padding: 15px 10px;  display:block; }
    #form_s1{display: none;}
    #Header .right .nav { top: 60px; }
    #form_s { top: 60px; }
    #Header .main .boxR .language .down { top: 60px; width: 100px; left: -50px; }
    #Header .main .boxR .language span.lang { display: none; }
    #Header .main .boxR .language span.icon-lang { display: block; width: 20px; }
    #Header .main .boxR .language span.icon-down { display: none; }

    #Footer .main .left { width: 100%; float: none; border: none; }
    #Footer .main .right { width: 100%; float: none; }
    #Footer .main .cont { float: none; margin: 20px auto; margin-bottom: 0; }
    #Footer .Copyright { padding: 10px 0; }
    #Footer .Copyright p { line-height: 30px; }
    #Footer .Copyright a { line-height: 30px; }
    #Footer .main .lxfs { display: none}
    #Footer .main .right { border-left: 0;padding-left:0px}
    .main1{padding:0 15px 15px 15px ;}
    .iProduct .iProduct-list li { width: 50%; }
    .iProduct .iProduct-Intro { margin-top: 10px; }
    .iProduct2{ padding:0 15px 15px 15px ;}
    .iProduct2 .iProduct2-list li { width: 100%; }
    .inews li{float:none;width:100%;height:120px;border-bottom:1px dashed #ddd;margin-bottom:15px}
    .inews .con{padding:0 10px 10px 10px}
    .inews .tit{line-height:25px;font-size:15px;color:#3b6caa;margin-bottom:5px;overflow: hidden;height:25px;}
    .inews .ms{color:#888;line-height:20px}
    .inews .more{display: none}
    .main9{display: none}
}

@media (max-width: 480px) {
    #Header .right .nav li a span { padding: 0 10px; }
    #Header .right .nav li a abbr { padding: 0 10px; }
    #Header .main .nav_down { padding: 0; }


    #Footer .main .boxM { padding: 20px 0; }
    #Footer .main .f-nav li { float: none; width: 100%; }
    #Footer .main .f-nav dt { margin: 0; line-height: 50px; font-size: 16px; border-bottom: 1px solid #fff; background: url('../images/icon/icon_jia.png') no-repeat right center; background-size: 30px; }
    #Footer .main .f-nav dd { padding: 0 20px; display: none; }
    #Footer .main .f-nav dd a { line-height: 50px; font-size: 16px; }
    #Footer .main .f-nav li.selected dt { background: url('../images/icon/icon_jian.png') no-repeat right center; background-size: 30px; }
    #Footer .main .lxfs { display: none}
    #Footer .main .right { border-left: 0;padding-left:0px}
    .main1{padding:0 15px 15px 15px ;}
    .iProduct .iProduct-list li { width: 50%; }
    .iProduct .iProduct-Intro { margin-top: 10px; }
    .iProduct2{ padding:0 15px 15px 15px ;}
    .iProduct2 .iProduct2-list li { width: 100%; }
    .inews li{float:none;width:100%;height:120px;border-bottom:1px dashed #ddd;margin-bottom:15px}
    .inews .con{padding:0 10px 10px 10px}
    .inews .tit{line-height:25px;font-size:15px;color:#3b6caa;margin-bottom:5px;overflow: hidden;height:25px;}
    .inews .ms{color:#888;line-height:20px}
    .inews .more{display: none}
    .main9{display: none}
}


@media (max-width: 420px) {
    #Header .main .nav_down { padding: 0px; }
    #Header .nav li #About-nav li { float: none; width: 100%; }
    #Header .nav li #About-nav .li-box { height: auto; }
    #Header .nav li .nav_down .li-box dd a { padding: 0 ; }
    #Header .nav li .nav_down .li-box dt a { border-bottom: 1px solid #f0f0f0; }
    #Header .right .nav #product-nav li { float: none; width: 100%; }
    #Header .nav li .nav_down .li-box { }
    #Header .main .Down-li-row li a { border-bottom: 1px solid #f0f0f0; }
    #Footer .main .lxfs { display: none}
    #Footer .main .right { border-left: 0;padding-left:0px}
    .main1{padding:0 15px 15px 15px ;}
    .iProduct .iProduct-list li { width: 50%; }
    .iProduct .iProduct-Intro { margin-top: 10px; }
    .iProduct2{ padding:0 15px 15px 15px ;}
    .iProduct2 .iProduct2-list li { width: 100%; }


    .inews li{float:none;width:100%;height:120px;border-bottom:1px dashed #ddd;margin-bottom:15px}
    .inews .con{padding:0 10px 10px 10px}
    .inews .tit{line-height:25px;font-size:15px;color:#3b6caa;margin-bottom:5px;overflow: hidden;height:25px;}
    .inews .ms{color:#888;line-height:20px}
    .inews .more{display: none}
    .main9{display: none}


    .main6{width:100%;padding-bottom:30px}
    .main6c{width:100%;padding-top:0px}
    .main6 .af1{float:none;width:100%}
    .main6 .af2{float:none;width:100%}
    .main6 .abtit{text-align:center}
    .main6 .abcon{color:#666;line-height:25px;padding:0 15px;}
    .main6 .more{margin:0 auto;}
    .main6 .more a{color:#fff}
    .main6 .bkcon1{display: none}
    .main6 .abtucon{position: relative;padding:15px;}
    .main6 .abtucon img{width:100%;height:auto}







}


@media (max-width: 320px) {
}
#dcms_pager .pages { margin-bottom: 20px; }
#dcms_pager .pages a { display: inline-block; text-align: center; font-size: 12px; line-height: 30px; color: #666666; background: #fafafa; margin: 0 5px 0 0; height: 30px; width: 26px; font-weight: bold; border: 1px solid #cccccc; cursor: pointer; }
#dcms_pager .pages a.pgnext, #dcms_pager .pages a.pgnext { padding: 0 5px; font-weight: 100; }
#dcms_pager .pages a.pgempty { display: inline-block; text-align: center; font-size: 12px; line-height: 30px; color: #333; height: 30px; border: 1px solid #d7d7d7; padding: 0 10px; cursor: pointer; }
#dcms_pager .pages .pgcurrent { background: #3b6caa; color: #fff; }
#dcms_pager .pages a:hover { background: #3b6caa; color: #fff; }

html{ overflow-x:hidden;}
.clear{ font: 0px/0px sans-serif; clear:both; display: block; height:0px; overflow:hidden }
.mainc{width:1200px;margin:0 auto;padding-bottom:40px;position: relative}
.maincx{width:1200px;margin:0 auto;padding-bottom:40px;}

.fenye{text-align:center;margin:30px 0;width:100%;display: block}
.fenye li{float: none;display: inline-block; text-align: center;border:1px solid #ddd;height:32px;line-height:32px;padding:0 10px;margin:0 5px;}