@charset "utf-8";
/* CSS Document */
html {font-size: 62.5%;  height: 100%; scroll-behavior: smooth;}

body {margin: 0 auto;font-family:Arial, Helvetica, sans-serif;font-size: 12px; font-size: 1.2rem; height: 100%;background:#fff;width:100%;max-width:1920px; overflow-x:hidden;}


img {border: none; max-width: 100%;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span,em {margin: 0;padding: 0;list-style: none;color: #333;}
img{display:block; transition: 0.5s;}
a {text-decoration: none;color: #333;outline: none;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}
h1,h2 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.maln {margin-left: auto !important}
input, textarea, select {font-family:Arial, Helvetica, sans-serif;font-size: 12px;font-size: 1.2rem;color:#999999;border: none;outline: none;}
.fl {float:left;}
.fr {float:right;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

input[type= "button"],input[ type="submit" ],input[type="reset"] {-webkit-appearance: none;}
button{border-radius : 0px; -webkit-border-radius:0px;}

::selection { color: #fff; background: #ffc10e;}


::-webkit-input-placeholder{/* WebKit browsers */
    color:#a6a6a6; opacity: 1}
:-o-placeholder{/* Mozilla Firefox 4 to 18 */
    color:#a6a6a6; opacity: 1}
::-moz-placeholder{/* Mozilla Firefox 19+ */
    color:#a6a6a6; opacity: 1}
:-ms-input-placeholder{/* Internet Explorer 10+ */
    color:#a6a6a6; opacity: 1}
	
.foxin ::-webkit-input-placeholder{/* WebKit browsers */
    color:#fff; opacity: 1}
.foxin :-o-placeholder{/* Mozilla Firefox 4 to 18 */
    color:#fff; opacity: 1}
.foxin ::-moz-placeholder{/* Mozilla Firefox 19+ */
    color:#fff; opacity: 1}
.foxin :-ms-input-placeholder{/* Internet Explorer 10+ */
    color:#fff; opacity: 1}

@media screen and (min-width:1000px){
    .zong {width: calc(100% - 160px); max-width: 1200px; margin: auto;}
    .zong1 {width: calc(100% - 160px); max-width: 1200px; margin: auto;}
}
@media screen and (max-width:999px) {
    .zong,.zong1 {width: 95%;margin: auto;}
}

.guoqi{float: right;
  margin-top: 52px;
  margin-left: 15px;
  width: 32px;}
  @media screen and (max-width:1360px){
      
      .guoqi{float: right;
  margin-top: 32px;
  margin-left: 15px;
  width: 32px;}
  }
    @media screen and (max-width:1000px){
      
      .guoqi{float: right;
  margin-top: 0;
  margin-left: 0;
  width: 32px;}
  }
.marn{ margin-right:auto !important;}
.maln{ margin-left:auto !important;}

.head{ border-top:6px solid #00277c; padding-top:6px; padding-bottom:3px;}
.logo{ width:517px; float:left;}
.logo a{ display:block;}
.logo2{ width:110px; float:left; margin-left:26px;}
.logo2 a{ display:block;}
.logo2 a img{ width:110px; height:108px;}
.sousuo{ width:262px; height:39px; border:1px solid #8e989b; border-radius:4px; float:right; overflow:hidden; margin-top:42px;}
.sou{ width:183px; height:37px; line-height:37px; padding-left:17px; float:left; font-size:14px; font-size:1.4rem; color:#999999;}
.suo{ width:46px; height:39px; float:right; background:url(../images/sousuo.jpg) no-repeat center; cursor:pointer;}

.daohang{ background:url(../images/daohang.jpg) repeat-x;}
.daohangn{ display: flex; flex-flow: wrap; justify-content: space-between;}
.daohangn>li{ position:relative; z-index:999; padding-top:10px; padding-bottom:13px;}
.daohangn>li>a{ display:block; line-height:28px; padding:0 23px; font-size:16px; font-size:1.6rem; border-radius:3px;}
.daohangn>li:hover>a{background:url(../images/daohang2.jpg) repeat-x; color:#fff;}
.dangqiandao{background:url(../images/daohang2.jpg) repeat-x !important; color:#fff !important;}
.yiji{ position:absolute; width:200px; left:0px; top:-9999px; background:#fff; background:rgba(255,255,255,0.8);}
.yiji li{ position:relative;}
.yiji li a{ display:block; padding:5px 10px; line-height:24px; font-size:14px; font-size:1.4rem;}
.yiji li:hover>a{ background:#0094f6; color:#fff;}
.erji{ position:absolute; width:200px; left:200px; top:-9999px; background:#fff; background:rgba(255,255,255,0.8);}
.daohangn>li:hover .yiji{ top:51px;}
.yiji li:hover .erji{ top:0px;}

.daohang2,sousuo2,.xnav{display:none}

/*lun bo*/
.index_focus {position: relative;width: 100%;margin: 0 auto; overflow:hidden; z-index:9}
.index_focusn{width:100%; position:absolute; left:0px; top:0px; height:100%;z-index:99}
.index_focus .bd li {display: none;position: absolute;left: 0;top:0;width:100%;z-index:999}
.index_focus .slide_nav {position: absolute; bottom:26px; left:50%; transform: translateX(-50%); z-index:9998 }
.index_focus .slide_nav a{ width:15px; height:15px; cursor:pointer;float:left; margin-right:7px; margin-left:8px; background:#002075;}

.index_focus_post {z-index: 10;}
.index_focus .pic {height: auto;display: block;	margin:0 auto;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none; background:#ff6900;}
.index_focus_pre,.index_focus_next {display: none;position: absolute;top: 50%;margin-top:-37px;width:41px;height:52px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index:9999}
.index_focus_pre {left: 64px; background:url(../images/baleft.png) no-repeat; background-size:100%}
.index_focus_next {right: 63px;background:url(../images/baright.png) no-repeat; background-size:100%}

@media screen and (max-width:1359px) {
.logo{ width:370px;}
.sousuo{ width:262px; height:39px; margin-top:20px;}
.daohangn>li>a{ padding:0 16px; font-size:14px; font-size:1.4rem;}
}
@media screen and (min-width:1000px) {.carousel,.nav,.clear2{display: none}}
@media screen and (max-width:999px) {
.sousuo{display: none;}
.logo{ width:230px; margin: auto; float: none;}

.index_focus .slide_nav { bottom:10px;}
.index_focus .slide_nav a{ width:10px; height:10px; margin: 0 10px;}
    .yiji{display: none;}
    
.xnav{ display:block}
.nav { position:fixed;width: 35px;height: 24px;background: #0095f6;right:2.5%;top:13px;cursor: pointer; border-radius:5px; z-index: 999999999}
.nav span {display: block;width: 20px;height: 2px;background: #ffffff;position: absolute;left: 50%;margin-left: -10px;top: 50%;transition:0.8s;z-index: 99999991}
.nav .nav1 {margin-top: -1px;}
.nav .nav2 {margin-top: -8px;}
.nav .nav3 {margin-top: 6px;}
.nav:hover .nav1 {width: 25px;}
.navh .nav1 {transform: rotate(45deg)}
.navh .nav2 {transform: rotate(-45deg);width: 10px;margin-left: -1px;margin-top: -5px;}
.navh .nav3 {transform: rotate(-45deg);width: 9px;margin-top: 3px;margin-left: -8px;}
.navh:hover .nav2 {margin-top: -8px;margin-left: 7px;}
.navh:hover .nav3 {margin-top: 5px;margin-left: -12px;}
.smdaohang {position: fixed;width:300px;height:0px;overflow: auto;top:0px;right:0px;background:#0095f6; z-index: 9999999;transition:0.8s;text-align: center;}
.smdaohangh {right: 0px; top:0px; height:100%;}
.topnav {margin: auto;margin-top: 30px;padding: 20px;}

ul.topnav li {text-align: left; position:relative;}
ul.topnav li a {padding:15px 5px;padding-left: 0px;color: #fff;display: block; font-size: 16px;font-size: 1.6rem;line-height: 24px; padding-right:50px; border-bottom: 1px dashed #fff; font-family: Lato-Regular, Arial, Helvetica, sans-serif;}
ul.topnav ul {display: none;}
ul.topnav ul li {clear: both;}
ul.topnav ul li a {padding: 10px 5px; padding-left: 20px;font-size: 14px;font-size: 1.4rem;font-weight: normal;outline: 0; border: none;}
ul.topnav ul li a:hover {}
ul.topnav ul ul li a {padding-left: 40px; font-size: 12px; font-size: 1.2rem;}
ul.topnav ul ul{ border-top: 1px dashed rgba(255,255,255,0.5); border-bottom: 1px dashed rgba(255,255,255,0.5);}
ul.topnav ul ul ul li a {padding-left: 60px;}
ul.topnav span { display:block; position:absolute; right:0px; top:7px; width:20px; height:20px; background:#fff; background:rgba(255,255,255,0.6); cursor:pointer; border-radius:50%; transition:0.5s;}
ul.topnav span:before{ content:""; width:6px; height:2px; background:#333; position:absolute; left:50%; margin-left:-3px; top:50%; margin-top:0px; transform:rotate(45deg); transform-origin:right center}
ul.topnav span:after{ content:""; width:6px; height:2px; background:#333; position:absolute; left:50%; margin-left:-3px; top:50%; margin-top:-1px; transform:rotate(-45deg); transform-origin:right center; transition:0.5s;}
ul.topnav span.yizi{ transform:rotate(90deg)}

.smdaohang form { margin-top:15px; margin-bottom:15px; width: 240px;height: 26px;border: 1px solid #fff;position: relative;background: #fff; border-radius:13px;}
.smdaohang form .iptc {-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 15px;background-color: #fff;width: 80%;height: 24px;line-height: 24px;display: block;float: left; border-radius:10px;}
.smdaohang form .ipsc {width: 20%;height: 24px;line-height: 24px;display: block;float: right;background: transparent;position: relative;z-index: 99;}
.smdaohang form i {position: absolute;right: 10px;top: 2px;}

.index_focus_pre,.index_focus_next {margin-top:-15px;width:20px;height:30px;}
.index_focus_pre {left: 20px;}
.index_focus_next {right: 20px;}

  }
@media screen and (min-width:768px) {.clear3{display: none}}
@media screen and (max-width:767px) {.head{padding-bottom:8px;}
.daohang2{display:block;text-align:center; margin-top:20px;}
.daohang2 a{float:left;width:25%;font-size:14px;font-size:1.4rem;color:#fff;line-height:24px;text-align:center;}
.daohang2 .dangqiandao{ color:#ffc10e !important}

.daohang,.daohang1{display: none}
.clear3{clear:both;}

.banner1 .slick-arrow { margin-top: -15px; width: 20px; height: 20px; line-height: 18px; font-size: 12px; font-size: 1.2rem; background: #ffc10e; border-color: #ffc10e; color: #fff;}
.banner1 .slick-prev { left: 10px;}
.banner1 .slick-next { right: 10px;}
}

/*  main  */
.main{ background:url(../images/mabei.png) no-repeat center; background-size: cover; background-attachment:fixed; position: relative;}
.main:before{content: ""; position: absolute; width: 100%; left: 0px; top: 0px; background:url(../images/mabei.png) no-repeat center; background-size: cover; z-index: -1}

.main1{ padding-top:44px; position:relative; padding-bottom:24px;}
.m1tu{ width:624px; margin-left:17px;}
.m1tu a{ display:block;}
.m1zi{ width:637px; position:absolute; right:19px; top:50%; transform: translateY(-50%)}
.m1zin{ border:1px solid #23418a; background:#fff; background:rgba(255,255,255,0.8); padding:20px 17px 14px 17px;}
.m1biao{ display:block; text-align:center;}
.m1zi span{ color:#0574ac; display:block; float:right; text-transform:uppercase; line-height:30px; margin-top:10px;}
.m1zi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; margin-top:15px; margin-left:5px; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;}
.m1mor{ display:block; width:93px; height:29px; background:#ff6900 url(../images/m1mor.png) no-repeat right center; line-height:29px; padding-left:9px; font-size:14px; font-size:1.4rem; color:#fff; margin-top:27px;}
.m1zi p a:hover{ color:#ff6900;}
.m1mor:hover{ background:#0574ac url(../images/m1mor.png) no-repeat right center;}

@media screen and (max-width:1359px) {
.m1tu{ width:50%; margin-left:0px;}
.m1zi{ width: 55%; right: 0px;}
}
@media screen and (max-width:767px) {
.main1{ padding-top:30px; padding-bottom:15px;}
.m1tu{ width:100%; max-width: 500px; margin: auto;}
.m1zi{ width: 100%; position: relative; right: auto; top: auto; transform: translate(0); margin-top: 15px;}
.m1zin{ padding: 20px 10px;}
    .m1biao{ width: 160px;}
}

/*  main2  */
@font-face {
    font-family: 'FuturaStdBold';
    src: url('../fonts/FuturaStdBold.eot');
    src: url('../fonts/FuturaStdBold.eot') format('embedded-opentype'),
         url('../fonts/FuturaStdBold.woff2') format('woff2'),
         url('../fonts/FuturaStdBold.woff') format('woff'),
         url('../fonts/FuturaStdBold.ttf') format('truetype'),
         url('../fonts/FuturaStdBold.svg#FuturaStdBold') format('svg');
}

.main2{ background:#fff; background:rgba(255,255,255,0.2); padding-top:32px; padding-bottom:18px;}
.m2biao{ background:url(../images/m2lantiao.png) repeat-x bottom; position:relative; margin-bottom:15px;}
.m2biaon{ display:block; text-align:center;}
.m2biaon img{ margin-bottom: -3px;display: block;
margin-left: auto;
margin-right: auto;}
.m2mor{ display:block; width:59px; height:19px; background:url(../images/m2mor.jpg) no-repeat center; position:absolute; bottom:2px; right:0px; padding-left:8px; color:#ffffff;font-family: 'FuturaStdBold'; line-height:19px; text-transform:uppercase;}
.m2mor:hover{color:#ff6900;}

.m2lie{ width:283px; float:left; margin-left:22px; background:url(../images/m2yinying.png) no-repeat bottom center; padding-bottom:19px; margin-top:20px;}
.m2lien{ padding:2px; background:#fff; border:1px solid #cecece;}
.m2tu{ position:relative; overflow:hidden;}
.m2tun{ display:block; text-align:center;}
.m2tun img{ width:100%; max-width:509px; max-height:404px;}
.m2fu{ background:#000; background:rgba(0,0,0,0.2); position:absolute; top:100%; left:0px; width:100%; height:100%; transition:0.5s;}
.m2fu img{ position:absolute; width:57px; height:57px; top:50%; margin-top:-29px; left:50%; margin-left:-29px;}

.m2zi{ padding:0 17px; padding-top:13px; padding-bottom:14px;}
.m2zi>a{ display:block; font-size:16px; font-size:1.6rem; text-align:center; line-height:30px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m2zi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; color:#666666; margin-top:6px; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}
.m2lie:hover .m2fu{ top:0px;}

.m2lien:hover{ background:#cccccc; border:1px solid #626262;}
.m2lien:hover .m2zi>a{ color:#ff6900;}
.m2lien:hover .m2zi p a{ color:#333;}

@media screen and (max-width:1359px) {
.m2lie{ width:24%; margin-left: 1.333%;}
.m2zi{ padding: 10px 5px;}
}
@media screen and (max-width:999px) {
.m2lie{ margin-top:15px; padding: 0px;}
    .m2fu{ display: none;}
}
@media screen and (max-width:767px) {
.m2biaon{ width: 230px;}
    .m2mor{ display: none;}
.m2lie{ width:49%; margin-left: 2%;}
.m2lie:nth-child(2n-1){margin-left: 0px;}
.m2zi>a{ font-size:14px; font-size:1.4rem; line-height:26px;}
.m2zi p a{ font-size:12px; font-size:1.2rem; line-height:22px;}
}

/*  main3  */
.main3{ padding-bottom:40px;}
.m3biaon{ display:block; text-align:center; padding-top:32px;}
.m3biaon img{ margin-bottom: -3px;}

.m3lie{ width:382px; float:left; margin-left:27px; margin-top:17px;}
.m3tu{ position:relative;}
.m3tu>a{ display:block;}

.m3fu{ width:93px; height:62px; position:absolute; left:21px; bottom:18px; background:#000; background:rgba(0,0,0,0.8);}
.m3fu a{ display:block; text-align:center; font-size:18px; font-size:1.8rem; color:#f7f7f7; line-height:24px; padding-top:5px;}
.m3fu p{ text-align:center; font-size:14px; font-size:1.4rem; color:#f7f7f7; line-height:18px; padding-top:5px;}
.m3zi{ padding-top:29px;}
.m3zi>a{ display:block; font-size:18rem; font-size:1.8rem; color:#00469f; line-height:26px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m3zi p a{ display:block; font-size:14px; font-size:1.4rem; color:#666666; line-height:24px; margin-top:14px; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}
.m3zi p a:hover{ color:#00469f;}
.m3zi>a:hover{ color:#033b82;}

@media screen and (max-width:1359px) {
.m3lie{ width:32.33%; margin-left:1.5%; margin-top:17px;}
}
@media screen and (max-width:999px) {
.m3fu{ width:70px; height:48px; left:2px; bottom:2px;}
.m3fu a{ font-size:14px; font-size:1.4rem; line-height:24px; padding-top:0px;}
.m3fu p{ font-size:12px; font-size:1.2rem; line-height:18px; padding-top:0px;}

.m3zi{ padding-top:10px;}
.m3zi>a{ font-size:16rem; font-size:1.6rem; line-height:26px;}
.m3zi p a{ margin-top:4px;}
}
@media screen and (max-width:767px) {
.main3{ padding-bottom:30px;}
.m3biaon{ width: 180px; padding-top: 20px;}
.m3lie{ width:49%; margin-left:2%; margin-top:17px;}
.m3lie:nth-child(2n-1){margin-left: 0px !important;}
.m3zi>a{ font-size:14rem; font-size:1.4rem; line-height:24px;}
.m3zi p a{ font-size:12rem; font-size:1.2rem; line-height:22px;}
}


/*  foot  */
.foot{ background:#0a1355 url(../images/footbei.jpg) no-repeat bottom center; padding-top:52px; padding-bottom:10px;}
.fbiao{ display:block; font-size:24px; font-size:2.4rem; font-weight:bold; text-transform:uppercase; color:#fff;}
.ful1{ width:381px; float:left; margin-left:10px;}
.ful2{ width:333px; float:left; margin-left:139px;}
.ful3{ width:280px; float:right;}

.foxin{ margin-top:11px;}
.foxin .xing{ background:url(../images/fxing.png) no-repeat left top !important;}
.foxin .int1{ width:161px; height:27px; padding-left:11px; color:#ffffff; border:1px solid #ffffff; float:left; line-height:27px; margin-top:19px;}
.foxin .int2{ width:161px; height:27px; padding-left:11px; color:#ffffff; border:1px solid #ffffff; float:right; line-height:27px; background:none; margin-top:19px;}
.foxin .int3{ width:367px; height:27px; padding-left:11px; color:#ffffff; border:1px solid #ffffff; line-height:27px; margin-top:20px;}
.foxin textarea{ width:367px; height:69px; padding-left:11px; color:#ffffff; border:1px solid #ffffff; line-height:27px; margin-top:20px; background:url(../images/fxing.png) no-repeat left top;}
.fyanzheng{ width:137px; height:31px; float:right; margin-top:20px; cursor:pointer;}
.foxin .int4{ width:381px; height:31px; background:#e6e7ee; font-size:18px; font-size:1.8rem; color:#4d4d4d; margin-top:19px; cursor:pointer;}
.foxin .int4:hover{ background:#ff6900; color:#fff;}

.ful2 ul{ margin-top:30px;}
.ful2 ul li{ padding-left:32px; font-size:14px; font-size:1.4rem; color:#fff; line-height:24px; margin-top:11px;}
.ful2 ul li a{ color:#fff;}
.fdianhua{ background:url(../images/fshouji.png) no-repeat left 0px;}
.fapp{ background:url(../images/app.png) no-repeat left 5px;}
.fs{ background:url(../images/fs.png) no-repeat left 3px;}
.fyouxiang{ background:url(../images/fxinfeng.png) no-repeat left 5px;}
.fdizhi{ background:url(../images/fdingwei.png) no-repeat left 1px;}
.ful2 ul li a:hover{ color:#ff6900;}

.ful3n{ margin-top:22px;}
.ful3n a{ display:block; font-size:14px; font-size:1.4rem; color:#fff; line-height:35px; padding-left:18px; background:url(../images/huangkuai.jpg) no-repeat left center;}
.ful3n a:hover{ color:#ff6900;}
.shejiao{ margin-top:32px;}
.shejiao a{ display:block; width:34px; float:left; margin-right:27px;}

.youlian{ margin-top:21px;}
.youlian p{ font-size:14px; font-size:1.4rem; color:#fff; margin-left:10px; line-height:24px; float:left;}
.youlian a{ display:block; font-size:14px; font-size:1.4rem; color:#fff; line-height:24px; float:left; margin:0 10px;}
.youlian a:hover{ color:#ff6900;}

.foot2{ line-height:25px; padding:14px 0; background:#000;}
.p1{ float:left; margin-left:10px; font-size:14px; font-size:1.4rem; color:#fff;}
.p2{ float:right; margin-left:10px; font-size:14px; font-size:1.4rem; color:#fff; margin-right:21px;}
.p1 a,.p2 a{display: inline-block;}
.foot2 p a{ color:#fff;}
.foot2 p a:hover{ color:#ff6900;}

.foot3{ padding-bottom:54px;}

@media screen and (max-width:1359px) {
.ful1{ width:36%; float:left; margin-left:0px;}
.ful2{ width:36%; float:left; margin-left:2%;}
.ful3{ width:24%; float:right; margin-left:2%;}

.foxin .int1{ width:49%; height:27px; padding-left:11px; margin-top:10px;  -moz-box-sizing: border-box; box-sizing: border-box;}
.foxin .int2{ width:49%; height:27px; padding-left:11px; margin-top:10px; -moz-box-sizing: border-box; box-sizing: border-box;}
.foxin .int3{ width:100%; height:27px; padding-left:11px; margin-top:10px; -moz-box-sizing: border-box; box-sizing: border-box;}
.foxin textarea{ width:100%; height:69px; padding-left:11px; margin-top:10px; -moz-box-sizing: border-box; box-sizing: border-box;}
.fyanzheng{ width:49%; height:27px; margin-top:10px;}
.foxin .int4{ width:100%; height:27px; font-size:14px; font-size:1.4rem; margin-top:10px;}

.shejiao a{ width:28px; margin-right:10px;}

.p1{ float: none;}
.p2{ float: none;}
}
@media screen and (max-width:999px) {

}
@media screen and (max-width:767px) {
.foot{ padding-top:10px; padding-bottom:10px;}
    .ful1,.ful2,.fbiao,.ful3n,.youlian{display: none;}
    .ful3{width: 100%; text-align: center; margin: auto;}
.shejiao{ margin-top:0px;}
    .shejiao a{ float: none; display: inline-block; vertical-align: middle; margin: 3px;}
}


/************************************************************************  product  ***************************************************************/
/*lun bo*/
.index_focus2 {position: relative;width: 100%;margin: 0 auto; overflow:hidden; z-index:9}
.index_focusn2{width:100%; position:absolute; left:0px; top:0px; height:100%;z-index:99}
.index_focus2 .bd li {display: none;position: absolute;left: 0;top:0;width:100%;z-index:999}
.index_focus2 .slide_nav {position: absolute; bottom:26px; left:50%; margin-left:-60px; z-index:9998 }
.index_focus2 .slide_nav a{ width:15px; height:15px; cursor:pointer;float:left; margin-right:7px; margin-left:8px; background:#002075;}

.index_focus_post {z-index: 10;}
.index_focus2 .pic {height: auto;display: block;	margin:0 auto;}
.index_focus2 .pic:hover {text-decoration: none;}
.index_focus2 .slide_nav li:hover,.index_focus2 .slide_nav .on{text-decoration: none; background:#ff6900;}
.index_focus_pre2,.index_focus_next2 {display: none;position: absolute;top: 50%;margin-top:-37px;width:41px;height:52px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index:9999}
.index_focus_pre2 {left: 64px; background:url(../images/baleft.png) no-repeat;}
.index_focus_next2 {right: 63px;background:url(../images/baright.png) no-repeat;}

/*  mian bao  */
.mianbao{ border-bottom:1px solid #c9c9c9; line-height:47px; padding-bottom:1px; font-size:16px; font-size:1.6rem; color:#666666;}
.mianbao a{ color:#666666;}
.mal1{ margin-left:16px;}
.mianbao a:hover{ color:#0095f6;}
.co00{ color:#0095f6 !important;}

@media screen and (max-width:999px) {
.index_focus2 .slide_nav { bottom:10px;}
.index_focus2 .slide_nav a{ width:10px; height:10px; margin: 0 10px;}
    
.mianbao{ line-height:30px; font-size:14px; font-size:1.4rem;}
}
@media screen and (max-width:767px) {    
.mianbao{ line-height:22px; font-size:12px; font-size:1.2rem; padding: 10px 0;}
    .mianbao a{ margin-left: auto !important;}
}

.prmain{ padding-top:13px; padding-bottom:34px;}

.prn{ font-size: 0px;}
.chanlie{ width:373px; display: inline-block; vertical-align: top; background:url(../images/chanyinying.jpg) no-repeat bottom center; padding-bottom:24px; margin-left:15px; margin-right:5px; margin-top:15px;}
.chanlien{ background:#e5e5e5; border:1px solid #cecece;}
.chantu{ position:relative; border:3px solid #fff; overflow:hidden;}
.chantun{ display:block; text-align:center;}
.chantun img{ width:100%; max-width:509px; max-height:404px; display: block;}
.chanfu{ display:block; position:absolute; width:100%; height:100%; left:0px; top:100%; background:#000; background:rgba(0,0,0,0.4); transition:0.5s;}
.chanfu span{ display:block; width:113px; height:40px; background:#fff; border-radius:20px; text-align:center; line-height:40px; position:absolute; left:50%; margin-left:-56px; top:50%; margin-top:-20px; font-size:14px; font-size:1.4rem; color:#153b58;}
.chanfu span:hover{ background:#ff6900; color:#fff;}
.chanxiang table,.nex table{ width:97%; border-collapse:collapse; line-height:24px; /*word-break:break-all;*/}
.chanxiang tr td,.nex tr td{ line-height:24px; padding:2px;}

.chanzi{ background:url(../images/chanyinhao.jpg) no-repeat right 24px; padding-left:24px; padding-bottom:14px; padding-top:21px;}
.chanzi>a{ display:block; padding-right:45px; font-size:18px; font-size:1.8rem; font-weight:bold; line-height:24px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.chanzi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; color:#666666; margin-top:7px; padding-right:20px; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}
.chanlie:hover .chanfu{ top:0px;}
.chanlie:hover .chanzi a{ color:#ff6900;}

@media screen and (max-width:1359px) {
.chanlie{ width:32.33%; padding-bottom:24px; margin-left:1.5%; margin-right:0px; margin-top:15px;}
.chanlie:nth-child(3n-2){margin-left: 0px;}
.chanzi{ padding-left:10px; padding-bottom:14px; padding-top:21px;}
.chanzi>a{ padding-right:45px; font-size:16px; font-size:1.6rem;}
.chanzi p a{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:7px; padding-right:20px;}
}
@media screen and (max-width:999px) {
.chanlie{ padding-bottom:0px; background: none;}
.chanfu{ display: none;}
.chanzi{ background: none; padding: 10px 5px;}
.chanzi>a{ padding-right:0px;}
}
@media screen and (max-width:767px) {
    .chanlie{ width: 49%; margin-left: 2% !important;}
    .chanlie:nth-child(2n-1){margin-left: 0px !important;}
.chanzi>a{ font-size:14px; font-size:1.4rem;}
.chanzi p a{ font-size:12px; font-size:1.2rem; line-height:22px; margin-top:7px; padding-right:0px;}
}


/************************************************************************  product2  ***************************************************************/
.prmain2{ padding-bottom:39px;}
.prl{ width:283px; float:left; margin-top:40px;}
.prr{ width:874px; float:right; margin-top:40px; margin-right: 33px;}

.subNavBox{ background:#f3f3f3 url(../images/prltbei.jpg) repeat-x top; padding-bottom:10px; padding-top:5px;}
.prltbiao{ display:block; line-height:63px; text-align:center; font-size:27px; font-size:2.0rem; color:#fff; font-weight:bold; background:#001f73;}
.subNav{cursor:pointer;font-size:16px;color:#999;line-height:30px; padding:10px; background:url(../images/prljian.jpg) no-repeat center bottom; padding-left:32px; padding-right:35px;}
.subNav2{background:url(../images/jian2.jpg) no-repeat right center !important;}
.subNav:hover{ background:url(../images/prljianh.jpg) no-repeat  bottom, url(../images/beitiao.jpg) repeat-y 0px !important; background-size: 100% auto !important}
.subNav:hover a{ color:#fff;}
.currentDd{color:#277fc2}
.currentDt{ background:url(../images/prljianh.jpg) no-repeat bottom, url(../images/beitiao.jpg) repeat-y 0px !important;background-size: 100% auto !important}
.currentDt a{ color:#fff;}
.navContent{display: none;}
.navContent>li{ background:url(../images/shuangxian.jpg) repeat-x bottom;}
.navContent>li a{display:block; font-size:16px; font-size:1.6rem; line-height:30px; padding:10px 0; color:#666666; padding-left:71px; padding-right:20px; background:url(../images/quan.jpg) no-repeat 48px 21px;}
.navContent>li a:hover{color:#333;}
 .navContent .dangprer{color:#0095f6 }

.prlb{ margin-top:26px; background:#f9f9f9; padding-left:10px; padding-right:7px; padding-bottom:39px;}
.prlbbiao{ background:url(../images/prlbbiao.jpg) no-repeat bottom center; background-size: 100% 1px; padding-top:20px; padding-bottom:8px;}
.prlbbiaon{ display:block; font-size:16px; font-size:1.6rem; font-weight:bold; text-transform:uppercase; color:#4b687f; float:left;}
.prlbmor{ margin-right:2px; float:right; margin-top:9px;}
.prlbmor img{ width:10px; height:10px;}
.prlblie{ border-bottom:1px dashed #636363; padding-left:6px; margin-top:18px; margin-top:19px;}
.prlblie p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; color:#153b58;}
.prlblie span{ display:block; color:#666666; line-height:30px; background:url(../images/prshizhong.jpg) no-repeat left center; padding-left:18px;}
.prlblie p a:hover{ color:#4d4d4d;}

.j-nextshow { position: relative;}
.proslide_menubtn { display: none; width: 23px; height: 18px; position: absolute; top: 50%; margin-top:-9px; right: 12px; cursor: pointer; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }
.proslide_menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #FFFFFF; }

#container{ width:auto; background:#fcfcfc; border:1px solid #5a75be; padding-top:8px;}
#wrap{position: relative;overflow: hidden; padding:0 18px;}
#wrap p{ font-size:14px; font-size:1.4rem; line-height:24px; color:#666666;}
#gradient{width: 100%;height:23px;position: absolute;bottom: 0;left: 0;}
#read-more{ font-size:15px; font-size:1.3rem; width:91px; height:23px; background:url(../images/zhankai.jpg) no-repeat right center; float:right; margin-right:21px; margin-top:2px;}
#read-more a{color:#153b58; display:block; line-height:23px; padding-left:9px;}

.wrbiao{ display:block; font-size:28px; font-size:2.8rem; line-height:30px; font-weight:bold; color:#002075;font-family: 'FuturaStdBold'; margin-bottom:10px;}
.pr2n{ font-size: 0px;}
.chanlie2{ width:274px; display: inline-block; vertical-align: top; border:1px solid #153b58; position:relative; margin-left:23px; margin-top:23px; margin-bottom:13px;}
.chantu2{ display:block; text-align:center; position: relative;}
.shuiyin{position: absolute; max-width: 100%; max-width: 600px; max-height: 476px; left: 0px; top: 0px;}
.chantu2 img{ width:100%; max-width:509px; max-height:404px;}
.chanzi2{ position:absolute; width:100%; line-height:44px; bottom:0px; left:0px; background:#e2e2e2;}
.chanzi2 input{ position:absolute; left:8px; top:13px;}
.chanzi2n{ display:block; font-size:16px; font-size:1.6rem; color:#153b58; line-height:44px; padding-left:33px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.chanlie2:hover .chanzi2{ background:#153b58;}
.chanlie2:hover .chanzi2n{ color:#fff;}

.fenye{}
.fenyen{ float:left; margin-top:40px;}
.fenyen a{ display:inline-block; width:25px; height:25px; text-align:center; line-height:23px; border-radius:50%; background:#333; margin:0 5px 0 6px; font-size:14px; font-size:1.4rem; font-family:Verdana, Geneva, sans-serif; margin-bottom:10px; color:#fff;}
.sx{ width:auto !important; background:none !important; font-size:12px !important; font-size:1.2rem !important; color:#333 !important;}
.fenyen a:hover{ background:#2b6190; color:#fff;}


.sx:hover{ color:#2b6190 !important;}
.dangqianfen{ background:#2b6190 !important; color:#fff !important;}
.fenyen a.big{ width:auto !important; background:none !important; color:#333;}
.fenyen a.big:hover{color:#2b6190 }
.fenyen a.no:hover{color:#333 !important;}
.fuxuan{ background:url(../images/fuxuan.jpg) no-repeat left center; padding-left:30px; float:right; font-size:16px; font-size:1.6rem; color:#4b4b4b; margin-top:34px;}
.fuxuan input{font-size: 16px; font-size: 1.6rem; width:160px; height:32px; background:#153b58; border:none; color:#fff; margin-left:13px; cursor:pointer;}
.fuxuan input:hover{ background:#2b6190; }
.fuxuan11{ text-align: center; line-height: 32px; width:162px; height:32px; background:#153b58; border:none; color:#fff; margin-left:13px; cursor:pointer; display: block; float: left;}
.fuxuan11:hover{ background:#2b6190; }
.fuxuan22{font-size: 16px; font-size: 1.6rem; text-align: center; line-height: 32px; width:162px; height:32px; background:#153b58; border:none; color:#fff; margin-left:-225px; margin-top: 257px; cursor:pointer; display: block; float: left;}
.fuxuan22:hover{ background:#2b6190; }

@media screen and (max-width:1359px) {
.prl{ width:250px; margin-top:30px;}
.prr{ width:calc(100% - 270px); margin-top:30px; margin-right: 0px;}
.prltbiao{ line-height:40px; padding: 5px; font-size:20px; font-size:2rem;}
.subNav{ font-size:14px; padding-left:20px; padding-right:35px;}

.chanlie2{ width:32.33%; margin-left:1.5%; margin-top:23px; margin-bottom:13px; -moz-box-sizing: border-box; box-sizing: border-box;}
    .chanlie2:nth-child(3n-2){margin-left: 0px;}

.wrbiao{ font-size:22px; font-size:2.2rem; line-height:30px;}
}
@media screen and (max-width:999px) {
    .chanzi2n{ font-size: 14px; font-size: 1.4rem;}
.wrbiao{ font-size:18px; font-size:1.8rem; line-height:30px;}
.chanlie2{ margin-top:15px; margin-bottom:0px;}

.prl{ width:220px; margin-top:30px;}
.prr{ width:calc(100% - 240px);}

.chanlie2{ width:49%; margin-left:2% !important;}
    .chanlie2:nth-child(3n-2){margin-left: 2% !important;}
    .chanlie2:nth-child(2n-1){margin-left: 0px !important;}
#wrap{ padding:0 10px;}
}
@media screen and (max-width:767px) {
.prl{ width:100%; margin-top:30px;}
.prr{ width:100%; margin-top:30px; margin-right: 0px;}

    .subNavBox{ display: none;}
.subNav{ background:#f3f3f3 !important;}
.subNav:hover{ background:#001f73 !important}
.currentDt{ background:#001f73 !important}

    .proslide_menubtn { display: block;}
.chanzi2{ line-height:30px;}
.chanzi2 input{ left:2px; top:5px;}
.chanzi2n{ font-size:12px; font-size:1.2rem; line-height:30px; padding-left:25px; padding-right: 5px;}
}


/************************************************************************  product3  ***************************************************************/
.prmain3{ padding-bottom:39px; overflow:hidden;}

#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{width:509px;position:relative; float:right; margin-top:24px;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;  }
#tsShopContainer #tsImgS img{border:0px; width:509px !important; height:404px !important; }

#tsShopContainer #tsPicContainer{width:100%;height:89px;position:relative;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:17px;height:73px;background:url(../images/prleft.jpg) no-repeat left bottom;position:absolute;top:10px;left:0px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:17px;height:73px;background:url(../images/prright.jpg) no-repeat right bottom;position:absolute;top:10px;right:0px;cursor:pointer;} 
#tsShopContainer #tsPicContainer #tsImgSArrL:hover{background:url(../images/prlefth.jpg) no-repeat left bottom;}
#tsShopContainer #tsPicContainer #tsImgSArrR:hover{background:url(../images/prrighth.jpg) no-repeat right bottom;} 
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:4px;left:21px;width:1px;height:83px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:94px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li a{ display:block; padding-top:6px;width:91px;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{border:1px solid #fff;display:block;width:89px;height:71px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{ border:1px solid #274a65;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg a{ background:url(../images/zhizhen.jpg) no-repeat top center;}

.MagicZoomBigImageCont{border:1px solid #ccc;background:#FFF; display:none !important;}
.MagicZoomPup{border:0px solid #aaa;background:#ffffff;  display:none !important;}
.MagicZoomMain{text-align:center !important;width: 92px;  display:none !important;}
 
.jianjie{ width:350px; float:left;}
.jianjie h1{ font-size:24px; font-size:2.4rem; color:#153b58; line-height:36px; margin-left:14px; margin-top:33px;}
.jianjie ul{ font-size:16px; font-size:1.6rem; line-height:36px; margin-top:27px; margin-left:14px;}
.inno{ margin-top:85px;}
.inno a{ display:block; width:156px; height:47px; background:#ff6900; float:left; text-align:center; line-height:47px; margin-right:18px; font-size:14px; font-size:1.3rem; color:#fff; text-transform:uppercase;}
.inno a:hover{ background:#001f73;}

#outer { padding-bottom:62px; margin-top:41px;}
#tab {overflow:hidden;zoom:1; border-bottom:1px solid #ebebeb; background:#f9f9f9;}
#tab li {float:left; cursor:pointer; background:url(../images/chanxian.jpg) no-repeat right center; line-height:45px; padding:0 19px; font-size:16px; font-size:1.6rem;}
#tab li.current { background:url(../images/chanxbei.jpg) no-repeat top right;background-size: cover;}
#content {}
#content ul {line-height:36px;display:none; font-size:16px; font-size:1.6rem; padding:0 30px; padding-top:18px;}
#content ul img{/* max-width:100%;*/}

.hotmain{ padding-bottom:34px;}
.hotbiao{ background:#e1effa;}
.hotbiao a{ display:block; line-height:44px; background:url(../images/hotbiao.jpg) no-repeat left center; padding-left:48px; font-size:14px; font-size:1.4rem; color:#fff; text-transform:uppercase;}
.hotlie{ width:258px; border:1px solid #1c415d; float:left; margin-left:32px; margin-top:19px; position:relative;}
.mal1{ margin-left:17px !important;}
.hottu{ display:block; text-align:center;}
.hottu img{ width:100%; max-width:509px; max-height:404px;}
.hotzi{ position:absolute; display:block; width:100%; line-height:42px; left:0px; bottom:0px; text-align:center; background:#e2e2e2; background:rgba(226,226,226,0.8); font-size:15px; font-size:1.5rem; color:#153b58;}
.hotzi:hover{ background:#e2e2e2;}
.jianjie .jjmaoshu p{ font-size:14px; font-size:1.4rem; line-height:26px; text-align: center; margin: auto; margin-top:15px;}
@media screen and (max-width:1359px) {
    #tsShopContainer{ float: none; margin: auto;}
.jianjie{ width:100%;}
.jianjie h1{ font-size:20px; font-size:2rem; line-height:30px; margin: auto; text-align: center; margin-top:15px;}
.jianjie .jjmaoshu p{ font-size:14px; font-size:1.4rem; line-height:26px; text-align: center; margin: auto; margin-top:15px;}

.inno{ margin-top:20px; text-align: center;}
.inno a{ width:130px; float:none; display: inline-block; vertical-align: middle; margin: 5px; font-size:12px; font-size:1.2rem;}

.MagicZoomBigImageCont,.MagicZoomPup,.MagicZoomMain{ display: none !important}

    .hon{font-size: 0px;}
.hotlie{ width: 32.33%; margin: auto; margin-left: 1.5%; margin-top: 15px; -moz-box-sizing: border-box; box-sizing: border-box;}
    .hotlie:nth-child(3n-2){margin-left: 0px !important;}
}
@media screen and (max-width:999px) {
#content ul {line-height:26px; font-size:14px; font-size:1.4rem; padding:0px; padding-top:18px;}

}
@media screen and (max-width:767px) {
#content ul {line-height:26px; font-size:12px; font-size:1.2rem; padding:0px; padding-top:18px;}
#tab li { font-size:14px; font-size:1.4rem;}
.hotlie{ width: 49%; margin-left: 2%;}
    .hotlie:nth-child(3n-2){margin-left: 2% !important;}
    .hotlie:nth-child(2n-1){margin-left: 0px !important;}

.hotzi{ line-height:24px; font-size:12px; font-size:1.2rem;}
}

.img-scroll {position: relative; display: none;}
.img-scroll .prev, .img-scroll .next {position: absolute; text-align:center; display: block; top: 50%; transform: translateY(-50%); margin: 0px; transition: 0.5s; z-index: 999}
.img-scroll .prev { left: 0px; cursor: pointer;width:17px;height:73px;background:url(../images/prleft.jpg) no-repeat left bottom;}
.img-scroll .next { right:0px; cursor: pointer;width:17px;height:73px;background:url(../images/prright.jpg) no-repeat left bottom;}
.img-scroll .prev:hover,.img-scroll .next:hover { color: #0064fb;}
.img-list {position: relative;overflow: hidden; margin: 0 20px;}
.img-list ul {width: 10000%;}
.img-list li {float: left; width:0.3233%; margin-right: 0.015%; position:relative;}

@media screen and (max-width:999px) {
    .img-scroll { display: block;}
    #tsShopContainer{ display: none;}
}
@media screen and (max-width:767px) {
.img-list li { width:0.49%; margin-right: 0.03%; position:relative;}
}


/************************************************************************  news  ***************************************************************/
.nemain{ padding-bottom:39px;}

.nelie{ border-bottom:1px dashed #666666; margin-top:30px; padding-bottom:25px; margin-bottom:44px;}
.shijian{ width:110px; float:left;}
.shijian a{ display:block; line-height:69px; font-size:55px; color:#fff; text-align:center; background:#1a7cc6;}
.shijian p{ line-height:41px; text-align:center; background:#001f73; font-size:14px; font-size:1.4rem; color:#fff;}
.nezi{ width:1020px; float:right; margin-right:43px;}
.nezi>a{ display:block; font-size:16px; font-size:1.6rem; line-height:50px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.nezi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:25px; color:#666; margin-top:2px; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}
.nelie:hover{ background:#fafafc;}
.nelie:hover .nezi a{ color:#1a7cc6;}
.jvzhong{ float:none; text-align:center; margin-top:-2px;}
.jvzhong a{ float:none; display:inline-block; *float:left;}

.hotmain2{ margin-top:16px; margin-bottom:4px;}
.hotmain2 .hotlie{ margin-left:42px; margin-top:18px;}

@media screen and (max-width:1359px) {
.nezi{ width:calc(100% - 135px); margin-right:10px;}
.hotmain2 .hotlie{ width: 24%; margin-left:1.33% !important; margin-top:18px;}
    .hotmain2 .hotlie:nth-child(4n-3){margin-left: 0px !important;;}
}
@media screen and (max-width:767px) {
.nemain{ padding-bottom:29px; padding-top: 30px;}
.nelie{ margin-top:0px; padding-bottom:25px; margin-bottom: 20px;}
.shijian{ width:70px; margin-top: 0px;}
.shijian a{ line-height:40px; font-size:30px;}
.shijian p{ line-height:30px;}

.nezi{ width:calc(100% - 90px); margin-right:10px;}
.nezi>a{ font-size:14px; font-size:1.4rem; line-height:24px;}
.nezi p a{ font-size:12px; font-size:1.2rem; line-height:22px;}

.hotmain2 .hotlie{ width: 49%; margin-left:2% !important; margin-top:18px;}
    .hotmain2 .hotlie:nth-child(2n-1){margin-left: 0px !important;;}
}

/************************************************************************  news2  ***************************************************************/
.nemain2{ padding-bottom:23px;}
.nel{ width:283px; float:left; margin-top:40px;}
.ner{ width:874px; float:right; margin-top:30px;}

.ner h1{ font-size:30px; font-size:3rem; line-height:50px; text-align:center;}
.riqi{ float:right; display:block; color:#999999; margin-right:13px; background:url(../images/riqi.jpg) no-repeat left center; padding-left:25px; line-height:26px;}
.nexiang{ font-size:14px; font-size:1.4rem; line-height:25px; color:#666666; border-top:1px dashed #666666; margin-top:3px; padding-top:27px;}
.nexiang p{ color:#666666;}
.nexiang p a{ color:#117dc2;}
.fanpian{ font-size:14px; font-size:1.4rem; color:#666666; line-height:26px; margin-top:30px;}
.fanpian li{ color:#666666;}
.fanpian li span{ color:#001f73;}
.fanpian li a{ color:#666666;}
.fanpian li a:hover{ color:#001f73;}

@media screen and (max-width:1359px) {
.nel{ width:250px;}
.ner{ width:calc(100% - 270px);}

.ner h1{ font-size:24px; font-size:2.4rem; line-height:30px;}
}
@media screen and (max-width:999px) {
.ner h1{ font-size:20px; font-size:2rem; line-height:30px;}
}
@media screen and (max-width:767px) {
.nel{ width:100%;}
.ner{ width:100%;}

.ner h1{ font-size:18px; font-size:1.8rem; line-height:30px;}
}

/************************************************************************  equipments&tech  ***************************************************************/
.pjmain{ padding-bottom:29px; margin-top:8px;}
.pjn{ font-size: 0px;}
.pjlie{ width:365px; display: inline-block; vertical-align: top; background:#f7f5f5; border-bottom:3px solid #153b58; margin-left:52px; margin-top:27px; margin-bottom:11px; padding-bottom:17px;}
.pjlie:nth-child(3n-2){margin-left: 0px;}
.pjtu{ display:block; margin:5px 6px; position:relative; overflow:hidden;}
.pjtu a{ display:block; position:absolute; width:100%; height:100%; top:100%; left:0px; background:#000; background:rgba(0,0,0,0.4);filter:alpha(opacity=70); transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;}
.pjtu a img{ position:absolute; width:53px; height:53px; left:50%; top:50%; margin-left:-27px; margin-top:-27px;}
.pjlie:hover .pjtu a{ top:0px;}
.pjzi{ display:block; font-size:16px; line-height:33px; border-bottom:1px dashed #d2d2d2; text-align:center; margin-left:16px; margin-right:13px; padding-top:8px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.pjlie span{ display:block; width:90px; margin:auto; background:url(../images/shizhong3.jpg) no-repeat left center; padding-left:19px; font-size:14px; line-height:28px; color:#056ec9; margin-top:9px;}
.pjlie p a{ display:block; margin-left:31px; margin-right:25px; font-size:14px; line-height:26px; color:#4d4d4d; height:78px;overflow:hidden;}
.pjlie a:hover{ color:#056ec9;}
.mat3{ margin-top:27px;}

.hotmain3{ padding-bottom:24px;}

@media screen and (max-width:1359px) {
.pjlie{ width:32.33%; margin-left:1.5%; margin-top:20px; margin-bottom:0px;}
}
@media screen and (max-width:999px) {
.pjzi{ font-size:14px; line-height:33px; margin-left:10px; margin-right:10px; padding-top:8px;}
.pjlie p a{ margin-left:10px; margin-right:10px;}
    .pjtu a{ display: none;}
}
@media screen and (max-width:767px) {
.pjlie{ width:49%; margin-left:2%; margin-top:20px; margin-bottom:0px;}
.pjlie:nth-child(3n-2){margin-left: 2%;}
.pjlie:nth-child(2n-1){margin-left: 0px;}

.pjzi{ line-height:24px; margin-left:5px; margin-right:5px; padding-top:3px;}
.pjlie span{ font-size:12px; line-height:20px; margin-top:2px;}
.pjlie p a{ margin-left:5px; margin-right:5px; font-size: 12px; font-size: 1.2rem;}
}

/************************************************************************  equipments&tech2  ***************************************************************/
.eqmain{ padding-bottom:33px;}
.eql{ width:283px; float:left; margin-top:40px;}
.eqr{ width:874px; float:right;}

.eqr h1{ font-size:20px; font-size:2rem; font-family:Tahoma, Geneva, sans-serif; text-align:center; line-height:40px; margin-top:31px;}
.eqt{}
.eqt span{ margin-left: 10px; line-height:18px; font-family:Tahoma, Geneva, sans-serif;}
.eqt a{ color:#666666; line-height:18px; font-family:Tahoma, Geneva, sans-serif;}
.eqxiang{ font-size:14px; font-size:1.4rem; line-height:24px; color:#4d4d4d; font-family:Tahoma, Geneva, sans-serif; margin-top:34px;}
.eqxiang p,.eqxiang em,.eqxiang strong{ color:#4d4d4d;}
.eqxiang p a{color:#117dc2;;}
.fanpian2{ border:1px solid #1438fe; line-height:29px; padding:15px 21px; margin-top:33px; *height:29px; display: flex; flex-flow: wrap; justify-content: space-between;}
.fanpian2 li{ width: 49%; padding-left:22px; font-size:14px; font-family:Tahoma, Geneva, sans-serif; -moz-box-sizing: border-box; box-sizing: border-box; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.fanpian2 li:nth-child(1){ float:left; background:url(../images/pr.jpg) no-repeat left center;}
.fanpian2 li:nth-child(2){ float:right; background:url(../images/ne.jpg) no-repeat left center;}
.fanpian2 li a:hover{ color:#1438fe; border-bottom:1px solid #1438fe;}
.hotmain4{ margin-bottom:14px;}

@media screen and (max-width:1359px) {
.eql{ width:250px; margin-top:40px;}
.eqr{ width:calc(100% - 270px);}

.fanpian2 li{ width:100%; padding-left:22px; font-size:14px; font-family:Tahoma, Geneva, sans-serif;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
}
@media screen and (max-width:767px) {
.eqr h1{ font-size:18px; font-size:1.8rem; line-height:30px; margin-top:25px;}
.eql{ width:100%; margin-top:20px;}
.eqr{ width:100%;}
    .eqxiang{ font-size: 12px; font-size: 1.2rem;}
.fanpian2{ padding:15px 10px; margin-top:25px;}
}

/************************************************************************  about  ***************************************************************/
.abmain{ padding-bottom:63px; padding-top: 20px;}
.abtu1{ width:535px; float:left; margin-top:17px; margin-right: 20px;}
.abtu1 a{ display:block; text-align:center;}
.abtu1 a img{ width:100%; max-width:535px; max-height:346px;}
.abr{ width: calc(100% - 555px); float: right;margin-top:17px;}
.abr a{ display:block; width:152px; height:47px; background:#ff6900; padding-left:29px; font-size:20px; font-size:2rem; color:#fff; text-transform:uppercase; line-height:47px; margin-bottom:72px;}
.abr p{ font-size:16px; font-size:1.6rem; line-height:26px; margin-top:27px; margin-left:10px;}
.ab2{ margin-top:42px;}
.ab2>p{ float:left; font-size:16px; line-height:32px;}
.ab2r{ width:1061px; float:right;}
.ab2r a{ display:block; float:left; *float:none; font-size:16px; line-height:34px; margin-right:33px;}

.abn{ padding-top:3px;}
.abn p{ font-size:16px; font-size:1.6rem; line-height:26px; margin-top:26px;}
.ablie{ margin-top:59px;}
.ablie a{ display:block; width:399px; float:left; margin-left:1px;}

@media screen and (max-width:1359px) {
.abr a{ width:140px; height:47px; padding-left:15px; font-size:18px; font-size:1.8rem; margin-bottom:20px;}
.abr p{ font-size:14px; font-size:1.4rem; line-height:26px; margin-top:10px; margin-left:10px;}
.ab2>p{ float:none; font-weight: bold;}
.ab2r{ width:auto; float:none;}
.ab2r a{ font-size:14px; line-height:30px; margin-right:33px;}

.abn p{ font-size:14px; font-size:1.4rem;}

.ablie a{ width:33.333333%; float:left; margin-left:0px;}
}
@media screen and (max-width:999px) {
.abmain{ padding-bottom:33px; padding-top: 20px;}
.abtu1{ width:100%; max-width: 500px; float:none; margin: auto; margin-top:17px;}
.abr{ width: 100%; float: none; margin-top:20px;}
.ab2{ margin-top:20px;}

.ablie{ margin-top:29px;}
}
@media screen and (max-width:767px) {
.abr p{ font-size:12px; font-size:1.2rem; line-height:22px; margin-top:10px; margin-left:0px;}
.ab2r a{ font-size:12px; line-height:26px; margin-right:33px;}

.abn p{ font-size:12px; font-size:1.2rem;}
}

/************************************************************************  contact  ***************************************************************/
.comain{margin-top:12px; padding-bottom:124px;} 
.con{ margin:auto; font-size: 0px; text-align: center;}
.colie{ display: inline-block; vertical-align: top; text-align:center; width: 20%; padding: 0 10px; margin-top:40px;}

.cotu{ display:block;}
.cotu img{ width:100px; height:100px; margin: auto;}
.colie .cop1{ font-size:16px; font-size:1.6rem; line-height:28px; color:#4d4d4d; text-transform:uppercase; margin-top:17px;}
.colie .cop2{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:5px; color:#000;}
.colie .cop2 a{ color:#000;}
.colie .cop2 a:hover{ color:#0096f7;}

.cubiao{ padding-left:15px; margin-bottom:18px; margin-top:23px;}
.cubiao a{ display:block; font-size:36px; font-size:3.6rem; line-height:26px; text-align:center;}
.cubiao p{ font-size:14px; font-size:1.4rem; line-height:30px; color:#4d4d4d; padding-top:33px; margin:auto; text-align:center;}

.cuxin{ width:1004px; margin:auto;}
.xinl{ width:493px; float:left;}
.cuxin .int1{ padding-left:15px; margin-top:19px;}
.cuxin .xing{ background:url(../images/xing.jpg) no-repeat left 22px;}
.cuxin .int1 input{ width:464px; height:50px; border:1px solid #a0a0a0; padding-left:11px; font-size:14px; font-size:1.4rem; line-height:50px; background:none;}
.cuxin .int2{padding-left:15px; margin-top:19px;width:478px; float:right;}
.cuxin .int3{padding-left:15px; margin-top:16px;}
.cuxin textarea{ width:465px; height:197px; border:1px solid #a0a0a0; padding-left:11px; font-size:14px; font-size:1.4rem; line-height:46px;background:none;}
.cuxin .int4{width:213px; height:50px; border:1px solid #a0a0a0; padding-left:11px; font-size:14px; font-size:1.4rem; line-height:50px; float:left; background:none;}
.cuxin .cuyanzheng{ max-height:54px; float:left; margin-left:25px; cursor:pointer;}
.cuxin .int5{ width:478px; height:54px; border:none; background:#00b617; float:right; cursor:pointer; font-size:14px; font-size:1.4rem; text-transform:uppercase; color:#fff;}
.cuxin .int5:hover{ background:#0096f7;}
.ditu{ display:block; margin:auto; border:1px solid #a0a0a0; max-width:985px; margin-left:107px; margin-top:73px;}
.ditu img{ width:100%; max-width:985px; max-height:372px;}

@media screen and (max-width:1359px) {
 .comain{margin-top:12px; padding-bottom:50px;} 
   .colie{ width: 25%;-moz-box-sizing: border-box; box-sizing: border-box;}
.cuxin{ width:100%; margin:auto;}
    .xinl{ width: 49%;-moz-box-sizing: border-box; box-sizing: border-box;}
    .cuxin .int2{ width: 49%;-moz-box-sizing: border-box; box-sizing: border-box;}
    .cuxin .int1{ width: 100%; -moz-box-sizing: border-box; box-sizing: border-box;}
    
    .cuxin .int1 input,.cuxin textarea{width: 100%; -moz-box-sizing: border-box; box-sizing: border-box;}
    .cuxin .int5{width:calc(49% - 7px);}
    .cuxin .int4{width:calc(49% - 200px);}
    .cuxin .cuyanzheng{  margin-left:25px; cursor:pointer;}
.ditu{ max-width:100%; margin: auto; margin-top:30px;}

.cubiao a{ font-size:28px; font-size:2.8rem; line-height:26px;}
.cubiao p{ padding-top:20px;}
}
@media screen and (max-width:999px) {
.cotu img{ width:70px; height:70px;}
}
@media screen and (max-width:767px) {
   .colie{ width: 50%; margin-top: 20px;}
.cubiao{padding: 0px; margin: auto; margin-top: 30px;}
.cubiao a{ font-size:26px; font-size:2.6rem;}
    .xinl{ width: 100%;}
    .cuxin .int2{ width: 100%;}
    .cuxin .int5{width:100%; margin-top: 10px;}
    .cuxin .int4{width:calc(100% - 130px); -moz-box-sizing: border-box; box-sizing: border-box;}
    .cuxin .cuyanzheng{ max-height:30px; margin-left:10px;}

.colie .cop1{ font-size:14px; font-size:1.4rem; line-height:28px; margin-top:17px;}
.colie .cop2{ font-size:12px; font-size:1.2rem; line-height:22px;}
}


/*  ke fu  */
#online_qq_layer{ z-index:9999; position:fixed; right:0px; top:50%; margin-top:-113px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); }
#online_qq_tab{ width:24px; float:left; margin:0px; margin-top:68px; position:relative; z-index:9; }
#online_qq_tab a{ display:block; height:90px; line-height:999em; overflow:hidden; }
#online_qq_tab a#floatShow{ background:url(../images/erduo.png) no-repeat;}
#online_qq_tab a#floatHide{ background:url(../images/erduo.png) no-repeat; }
#onlineService{ display:none;float:left;width:153px;  background:#06104e; display:block; border-radius:8px; padding:6px; padding-bottom:5px;}
.kefubiao{ display:block; text-align:center; line-height:27px; color:#fff; font-size:14px;font-family:Arial, Helvetica, sans-serif}
.kefun{ background:#fff; padding-bottom:5px;}
.kefutu{ display:block; margin-bottom:8px; text-align:center; padding-top:11px;}
.kefutu img{ width:117px; height:106px;}
.kes{ background:url(../images/kes.jpg) no-repeat left center; display:block; line-height:26px; padding-left:15px; margin-left:15px; margin-right:14px; font-family:Arial, Helvetica, sans-serif}
.keqq{background:url(../images/keqq.jpg) no-repeat left center; display:block; line-height:26px; padding-left:25px; margin-left:15px; margin-right:14px; font-family:Arial, Helvetica, sans-serif}
.keweixin{background:url(../images/keweixin.jpg) no-repeat left center; display:block; line-height:26px; padding-left:25px; margin-left:15px; margin-right:14px; font-family:Arial, Helvetica, sans-serif}
.kes:hover,.keqq:hover,.keweixin:hover{color:#dd0000;}











.qyincxinx { display: none }
.qmoren_zk { text-indent:13px; background:#eeeeee url(../images/faq-jia.jpg) no-repeat 99% 11px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; font-size:1.4rem; cursor: pointer; line-height:28px;  padding-top:4px;  padding-bottom:3px; margin-bottom:33px; width:90%; padding-right:10%; }


.qyincxinx {  width:100%; overflow: hidden;  }
.qyincxinx .qyinc_baioti { text-indent:13px; background:#eeeeee url(../images/faq-jian.jpg) no-repeat 99% 11px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; font-size:1.4rem;  line-height:28px; padding-top:4px;  padding-bottom:3px; width:90%; padding-right:10%; }
 
.qyincxinx_wz{ display:block; font-size:14px; font-size:1.4rem; padding-left:20px; padding-top:7px; padding-bottom:10px; color:#666666; line-height:28px; }

.faq_wz1{ padding-left:30px; }

.qxuanze .qwsm_xzbti { width:100%; }
#qcommentpic1 { display: block }
#qcomment1 { display: none }


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

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

}
@media screen and (max-width:767px) {
.qyincxinx_wz{ font-size:12px; font-size:1.2rem; padding-left:0px; line-height:22px; }
}

.chanlie2 .cxdy{ position:relative}
.shanchu{ font-size:14px; font-size:1.4rem; text-align:center; color:#333; display:block; width:100%; margin-top:10px; margin-bottom:10px;}
.wuone{ font-size:14px; font-size:1.4rem; line-height:30px; margin-top:15px; margin-bottom:15px;}

.xunpanc a:hover{ color:#153b58}
.xunpanc  table tr td {font-size: 14px !important;

line-height: 24px !important;}
.xunpanc{ margin:15px 0px; width:100%; overflow:hidden; box-sizing:border-box;}
.listcart {

 

    margin-top: 40px;
	text-align:right

}

.listcart a {

    display: inline-block;

    height: 30px;

    width: 175px;

 line-height: 32px;

    cursor: pointer;

    border: none;

    overflow: hidden;

    background: #153b58;

    cursor: pointer;

    

    padding-left: 5px;

    padding-right: 5px;

    text-align: center; 

    font-size: 16px;

    font-size: 1.6rem;

    margin-left: 10px; color:#fff;

}

.listcart a:hover {

   
    background: #153b58;

    color: #fff

}

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

.listcart a {

    width: 40%;

    margin-left: 2.5%;

    margin-right: 2.5%;

    padding-left: 0px;

    padding-right: 0px

}

.listcart {

    width: 100%;

    margin-top: 2rem

}

}

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

.listcart a {

    width: 95% !important;

    float: none;

    overflow: hidden;

    margin-bottom: 1rem;

    margin-top: 1rem

}

}




