﻿
.HeaderMobile{display:none;}
.main{width:1200px; margin:0 auto;}
.mainBox{width:1000px;margin:20px auto 0;}
.HeaderComputer .topbar{  background:#ededed;height:30px; line-height:30px;text-align:right;font-size:13px;color:#555;width:100%;}
.HeaderComputer .topbar a{color:#555;}
.HeaderComputer .topbar a:hover{color:#3879d9;}

/* logo区 */
.headerComputer{width:100%;background:#fff; }
.logo{width:50%;padding:10px 0;}
.logo img{display:block;width:70%;}
.tellComputer{width:50%;padding:10px 0;}
.tellComputer .tell{width:160px;margin-left:50px;float:right;margin-top:10px;}
.tellComputer .tell img{width:36px;height:36px;float:left;display:block;  margin-right:10px;}
.tellComputer .tell .tellText{width:110px;float:left;font-size:14px; color:#7b7b7b;}
.tellComputer .tell .tellText p{color:#000;font-size:15px;}

/* 导航 */
/*一级*/
.navbox{ background:#3879d9; height:50px;}
ul.li_Box_first{ width:1200px; margin:0 auto;display:flex;justify-content:space-between;align-items:center;}
ul.li_Box_first > li{ float:left; width:calc(100%/8);text-align:center;color:#FFF; cursor:pointer;position:relative;padding:10px 0; }
ul.li_Box_first > li > a{ color:#FFF;border-right:1px solid #fff;display:block;width:100%;font-size:16px;line-height:30px;height:30px; }

ul.li_Box_first > li > a > img{padding-left:15px;}
ul.li_Box_first > li:hover{ background:#1b56ac; color:#fff;}
ul.li_Box_first > li:hover a{color:#fff;} 

/*二级*/
ul.li_Box_Second{position:absolute;top:50px;left:0;min-width:100%;padding:0px 0px 10px;display:none;z-index:12;background:#3192e9;border-top:1px #3879d9 solid;}
ul.li_Box_Second > li{height:36px; line-height:36px;text-align:center;font-size:14px;color:#333;position:relative;padding:0 15px;}
ul.li_Box_Second > li > a{color:#333;display:block;width:100%;border-bottom:1px #efefef dotted;}
ul.li_Box_Second > li > a > img{padding-left:15px;}
ul.li_Box_Second > li:hover{background:url(../images/bg1.png) repeat 0 0; color:#fff;}
ul.li_Box_Second > li:hover{color:#fff;}

/*三级*/
ul.li_Box_third{position:absolute;top:0px;left:100%;min-width:150px;padding:0px 15px 10px;display:none;z-index:13;background:#2e95f7;border-top:1px #3879d9 solid;}
ul.li_Box_third > li{height:36px; line-height:36px;text-align:center;font-size:14px;color:#333;border-bottom:1px #efefef dotted;}
ul.li_Box_third > li > a{color:#333;display:block;width:100%;}
ul.li_Box_third > li > a:hover{color:#1b56ac;}

ul.li_Box_first > li:hover ul.li_Box_Second{display:block;}
ul.li_Box_Second > li:hover ul.li_Box_third{display:block;}


/* banner */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
  /*position: relative;  margin-bottom: 50px;*/
  float: left;
  width: 100%;
  }
.slide {
  /*position: relative;*/
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.slide li {
  /*position: absolute;*/
  width: 100%;
  left: 0;
  top: 0;
  }
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }
.slide_nav:active,.slide_nav:hover{
  opacity: 1.0;
  }
.slide_nav .slide li:hover {
  opacity: 1.0;
  }
.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }


/* 	footer */
.FooterComputer{background:#1b56ac;padding:24px 0 0;}
.foot{border-bottom:1px #83c8fd solid;height:140px;}
.foot .footmiddle{width:230px;border-right:1px #83c8fd solid;float:left;height:140px;padding-left:20px;}
.foot .footmiddle strong{font-weight:bold;font-size:16px;margin-bottom:13px;color:#fff;display:block;}
.foot .footmiddle img{display:block;margin:0px auto;}
.foot .footleft{width:460px;border-right:1px #83c8fd solid;float:left;color:#fff;padding:0 0 0 20px;height:140px;background:url(../images/ftbg.png) no-repeat right bottom;}
.foot .footleft strong{font-weight:bold;font-size:16px;margin-bottom:20px;display:block;}
.foot .footleft p{line-height:24px;font-size:14px;}
.foot .footright{width:440px;float:right; text-align:left;padding-left:20px;}
.foot .footright strong{font-weight:bold;font-size:16px;margin-bottom:20px;color:#fff;display:block;}
.foot .footright a{padding-right:10px;}
.footbar{padding:20px 0;text-align:center;color:#fff;}
.footbar a{padding:0px 8px;color:#fff;}
.footbar a:hover{text-decoration: underline;color:#1b9add;}

.FooterMobile{ background:#1b56ac; padding:10px 0;width:100%;color:#fff;line-height:26px;text-align:center;display:none;font-size:1rem;}
.FooterMobile a{padding:0px 8px;color:#fff;display:block;}
.FooterMobile a:hover{color:#1b9add;}


.FirstPart_title{margin:45px auto 65px;}
.FirstPart_title img{width:100%;}

.SecondPart,.ThirdPart{ background:url(../images/imgpart1.png) no-repeat 0 0;width:100%;height:480px;padding:29px 32px 29px 140px;}
.SecondPart img,.ThirdPart img{display:block;}
.ThirdPart{ background:url(../images/imgpart2.png) no-repeat 0 0;padding:29px 140px 29px 32px;}

.videoPart{
  background:url(../images/imgpartvideo2.png) no-repeat 0 0;padding:29px 140px 29px 32px;height:525px;box-sizing: border-box;margin-bottom: 60px;
}
.videoPart .videoimg{
  width: 830px;
  height: 367px;position: relative;
}
.videoPart .videoimg .videoimg_img{
  width: 100%;
  height: auto;
}
.videoPart .videoico{
  width: 50px;
  height: 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -25px;
  margin-top: -25px;
  z-index: 100;
  cursor: pointer;
}
.videoPart .videoico:hover{
  opacity: 0.8;
}

.videoPart video{
width: 835px;
height: 467px;
}
.maskbox {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999999999999999999999;
  background: rgba(0, 0, 0, 0.7);
  display: none;
}
.maskbox video{
  width: 1200px;
  height: 675px;
  border: 15px #eee solid;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -600px;
  margin-top: -337.5px;
}
.videoclose {
  position: fixed;
  top: 5%;
  right: 5%;
  text-align: center;
}
.videoclose img {
  width: 40px;
  opacity: 0.8;
  height: auto;
  cursor: pointer;
}
/*左侧导航菜单*/
.ThirdPart_FloatMenu{position:fixed;top:50%; margin-top:-235px;left:2px;display:none;}
.FloatMenu{width:142px;margin:0px 0px auto;position:relative;left:0;background:url(../images/menubg2.png) repeat-y 0 0;padding-bottom:1px;}
.FloatMenu ul{width:94px; margin:0 auto;}
.FloatMenu ul li{width:100%;height:26px; line-height:26px; margin-bottom:8px; text-align:center;background:url(../images/menubgli.png) no-repeat center bottom;}
.FloatMenu ul li:last-child{margin-bottom:0;}
.FloatMenu ul li a{color:#333;font-size:1em;}
.FloatMenu ul li a:hover{color:#1b9add;}
.FloatMenuhd{width:142px;background:url(../images/menubgheader.png) no-repeat 0 0;height:70px;}
.FloatMenuft{width:142px;background:url(../images/menubgft.png) no-repeat 0 0;height:25px;}
.FloatMenuShowIco{position:absolute;right:-11px; margin-top:-6px;top:50%;cursor:pointer;width:11px; height:31px;display:block;}
.ShowIco_show {left:-142px;}

/*右侧二维码浮动*/
.consultmenuQS{width:154px;right:0;position:fixed;top:50%;display:none;margin-top:-153px;}
.consultmenu_righthd{background:url(../images/codehd.png) no-repeat top right; width:154px;height:45px;}
.consultmenu_rightft{background:url(../images/codeft.png) no-repeat top right; width:154px;height:23px;}
.consultmenu_right{background:url(../images/code2.png) repeat-y top right; width:154px;position:relative;right:0;padding-top:10px;}
.consultmenu_right .code{margin:0px 15px 5px 15px;text-align:center;border-bottom:1px #ccc solid;}
.consultmenu_right .code img{display:block; margin:0 auto 5px;}
.consultmenu_right .code p{font-size:1em; line-height:26px;color:#666666;}
.consultmenu_right .codetext{font-size:0.8em; line-height:18px;color:#666666;text-align:center;padding:0;}
.rightfloatwick{position:absolute;left:-11px; margin-top:-6px;top:50%;cursor:pointer;width:11px; height:31px;display:block;}
.Qs_show {right:-154px;}


/* 新闻动态 */
.Newstitle{width:100%; height:56px; line-height:56px; font-size:30px;border-bottom:1px #555 dashed;color:#e3393c;margin-bottom:5px;}
.Newslist{width:100%;}
.Newslist ul{width:98%; padding:0px 0 0px 2%;}
.Newslist ul li{width:100%;border-bottom:1px #888 dashed;margin-bottom:10px; padding:5px 0;}
.Newslist ul li h3{ font-size:20px; line-height:50px; height:50px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#000;}
.Newslist ul li p{ font-size:15px; line-height:26px; height:55px; overflow:hidden;color:#676767;}
.newsMore{text-align:right;text-decoration:underline;color:#e53f41; font-size:26px;margin-top:20px;}
.newsMore a{color:#e53f41;}
.ann{width:100%; height:auto; margin-bottom:20px;}

.leftPart{width:220px;background:url(../images/lef_navbg.png) no-repeat center bottom;min-height:785px;background-color:transparent;}
.leftPart .leftPartTitle{background:url(../images/lmy_ltopbg.png) no-repeat 0 center;height:60px;line-height:50px;text-align:center;}
.leftPart .leftPartTitle span{font-size:20px; line-height:50px;color:#fff;text-align:center;}
.leftPart .leftPartList{margin:10px 15px;}
.leftPart .leftPartList > ul > li{width:100%;color:#000;margin-bottom:10px;}
.leftPart .leftPartList > ul > li > a{font-size:1.1rem; height:38px; line-height:38px; background:#fafafa;display:block;text-align:center;border:1px solid #dbdee1;color:#333;}
.leftPart .leftPartList > ul > li  > a:hover,.leftPart > .leftPartList > ul > li >a.active{background:#319bde;color:#fff;border:1px #319bde solid;}


ul.leftPartListNext{margin-top:15px;}
ul.leftPartListNext li a{width:60%; height:38px; line-height:38px;color:#666;border:1px solid #dbdee1;margin-bottom:10px;text-align:left;list-style:decimal-leading-zero;display:block;padding-left:40%;background:url(../images/lingxing.png) no-repeat 30% center;}
ul.leftPartListNext li a:hover{color:#fff;background:#319bde url(../images/lingxing.png) no-repeat 30% center;}

.rightPart{width:760px;background:#fff;}
.rightPart .rightPartLocal,.rightPartLocal{height:48px;border-bottom:2px #cccccc solid; background:#fff url(../images/wz_ico.png) no-repeat 10px center;color:#595959;font-size:15px;line-height:48px;padding-left:35px;}
.rightPart .rightPartLocal a,.rightPartLocal a{padding:0 5px;color:#585858;font-size:16px;}
.rightPart .rightPartLocal a:hover,.rightPartLocal a:hover{color:#bd272a;font-size:16.5px;}
.rightPart .rightPartNewslist{padding:10px 20px 0px; background:#fff;font-size:15px;margin-bottom:50px;}
.rightPart .rightPartNewslist ul{margin-bottom:13px;}
.rightPart .rightPartNewslist ul li{height:40px; line-height:40px; border-bottom:1px #dcdcdc dotted;}
.rightPart .rightPartNewslist ul li label{display:block; float:left;width:10%;}
.rightPart .rightPartNewslist ul li label > a{ color:#0064d4; margin-left:0px;}
.rightPart .rightPartNewslist ul li > a{color:#333;display:block;width:75%;height:40px; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;float:left;}
.rightPart .rightPartNewslist ul li span{color:#999;display:block; float:right;width:15%;text-align:right;}
.rightPart .rightPartNewslist ul li a:hover{color:#0064d4;}



/*分页*/
.rightPartPageList {width: 100%;height: 35px;text-align: center;margin:2% 0 40px;background:#f6f6f6;border:#d8d8d8 1px solid;line-height:35px;}
.rightPartPageList ul li {float: left;border-right:#d8d8d8 1px solid; }
.rightPartPageList ul li a{color:#666;display:block;padding:0 15px;text-align:center;}
.rightPartPageList ul li a.active,.rightPartPageList ul li a:hover{background:#086cc2;color:#fff;}
.rightPartPageList ul li:first-child{width:80px;color:#666;} 

/*产品列表*/
.rightPartPiclist{margin:20px 10px 0px;background:#fff;}
.rightPartPiclist ul li{width:48%; margin:0 1% 35px;float:left;}
.rightPartPiclist ul li img{width:90%;display:block; margin:0 auto;background:url(../images/shadow.png) no-repeat center bottom;padding-bottom:20px;}
.rightPartPiclist ul li .p1{padding:0px 2%;width:96%;height:30px; line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;margin-bottom:10px;font-size:1.3rem;color:#333;}
.rightPartPiclist ul li .p2{padding:0px 2%;width:96%;line-height:24px;font-size:0.9rem;color:#717171;height:50px;overflow:hidden;}

/*产品详情选项卡*/
.ymlmy-dsbf-xxk-div{width:100%;margin:20px auto 0;border-right:1px solid #e7e7e7;}
.ymlmy-dsbf-xxk-div li{float:left;width:20%;}
.ymlmy-dsbf-xxk-div a{font-weight:normal;color:#676767;font-size:1.1rem;display:inline-block;width:100%;height:40px;line-height:40px;border:1px solid #e7e7e7;text-align:center;border-right:0;}
.ymlmy-dsbf-xxk-div a.on{color:#000;border-top:3px solid red;height:36px;border-bottom:1px solid #fff;line-height:36px;}
.ymlmy-dsbf-xxk-tabCon1,.ymlmy-dsbf-xxk-tabCon2,.ymlmy-dsbf-xxk-tabCon3,.ymlmy-dsbf-xxk-tabCon4,.ymlmy-dsbf-xxk-tabCon5{padding:15px;border:1px solid #e7e7e7;margin-bottom:100px;margin-top:-1px;border-top:0;}

.tabCons{font-size:0.9rem; line-height:26px;color:#666;}
.tabCons strong{font-size:1.1rem; line-height:30px;color:#000;}

.ProConTopIntro{padding:0; margin:40px auto;font-size:1rem; line-height:30px;color:#757575;}
.ProConTopIntro em{font-style:normal;color:#333; font-weight:bold;padding-right:8px;}

.ProConTopImg{width:100%;margin:50px auto 30px;padding-bottom:50px; border-bottom:1px #3979da solid;}
.ProConTopImg .ProConTopImgdimg{width:48%;float:left; height:auto;}
.ProConTopImg .ProConTopImgdimg img{width:100%;background:url(../images/shadow.png) no-repeat center bottom;}
.ProConTopImg .ProConTopImgdintro{width:48%;float:right; height:auto;}
.ProConTopImg .ProConTopImgdintro strong{color:#333; font-weight:bold;font-size:1rem; line-height:35px;}
.ProConTopImg .ProConTopImgdintro p{color:#3979da;font-size:0.9rem; line-height:26px;}


/*团队列表*/
.rightPartTeam{margin:20px 5px 0px;background:#fff;}
.rightPartTeam ul{margin-bottom:50px;}
.rightPartTeam ul li{width:100%; margin-bottom:20px;padding:10px 0 30px;border-bottom:1px #ccc dashed;}
.rightPartTeam ul li:after{display:block;clear:both; content:'';}
.rightPartTeam ul li .teamimg{width:28%;float:left;}
.rightPartTeam ul li .teamimg img{max-width:100%;display:block;margin:0 auto;}
.rightPartTeam ul li .teamtext{width:70%;float:right;}
.rightPartTeam ul li .teamtext strong{line-height:40px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block; margin-bottom:20px;font-size:1.2rem;color:#333;}
.rightPartTeam ul li .teamtext p{line-height:26px;display:block;font-size:1rem;color:#555;}

/*详情*/
.Articlbox{padding-bottom:30px;}
.Articlbox img{ display:inline-block; width:auto; margin:0 auto;max-width:100%;}
.Articl{padding:20px 35px;}
.Articl h3{line-height:40px; text-align:center; font-size:26px; font-weight:bolder; color:#000;}
.Articl .info{ text-align:center; margin:15px 0; line-height:30px;}
.Articl .info span{ padding:0 10px;color:#666;}
.Articl .Artmain{ line-height:220%;margin:15px 0; color:#333; font-size:1rem;}
.Articl .Artmain p{ line-height:220%; margin:15px 0; color:#333; font-size:1rem;}
.Articl .Artmain p img{ display:inline-block; width:auto; margin:0 auto;max-width:100%;}
.rightPartDetail{padding:0; border-bottom:1px #ccc dotted;margin-bottom:30px;font-size:1em;line-height:26px;color:#666;}
.rightPartDetail img{display:block; margin:15px auto 0; max-width:100%;}
.rightPartDetail .rightPartDetailTitle{height:40px;line-height:40px;color:#fff;background:#66ccff;padding:0 5px;margin:15px auto 0;font-size:1.1rem;}
.rightPartDetail p{ line-height:220%; margin:15px 0; color:#666; font-size:1rem;}
.rightPartDetail p img{ display:inline-block; width:auto; margin:0 auto;max-width:100%;}

.ArticlPage{padding:10px 15px;background:#f8f8f8; border:1px #cdcdcd dashed;margin:20px 0px 20px;}
.ArticlPage .ArticlNext{width:100%;height:40px; line-height:40px;}
.ArticlPage .ArticlNext a{width:80%;height:40px; line-height:40px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#333;}
.ArticlPage .ArticlNext a:hover{color:#bd272a;}

#map{width:90%; margin:25px auto;height:auto; min-height:600px;}
.address{width:90%;margin:0 auto 30px;}
.address ul li{width:48%;float:left; text-align:left;line-height:26px;margin-bottom:15px;font-size:1em; color:#666;margin-right:2%;}
.address ul li em{font-size:1.15em;font-weight:bold;color:#333;font-style: italic;display:block;}

.rightPartForm{margin:10px 20px 30px; background:#fff;font-size:15px;border-bottom:0;padding-bottom:60px;background:url(../images/form.png) no-repeat center bottom;}
.rightPartForm ul{margin-bottom:13px;}
.rightPartForm ul li{padding:0px 15px;}
.rightPartForm ul li:after{display:block; clear:both;content:'';}
.rightPartForm ul li label{display:block; float:left;width:13%;text-align:right;padding-right:1%;line-height:40px;font-size:15px;color:#333;}
.rightPartForm ul li label > a{ color:#e43f43; margin-left:0px;}
.rightPartForm ul li div{color:#666;display:block;width:80%;line-height:32px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;float:left;padding:5px 15px 5px 2%;margin-bottom:15px;}
.rightPartForm ul li div input,.rightPartForm ul li div select,.rightPartForm ul li div textarea{padding:3px 10px;border:1px #ccc solid;margin-right:10px;height:30px;line-height:30px;width:90%;}
.rightPartForm ul li div textarea{width:90%;min-height:120px;line-height:30px;padding:10px;}
.rightPartForm ul li a:hover{color:#1880c9;}

.buttoncenter{width:50%; margin:0 auto;text-align:center;border:0;display:block;}
.buttoncenter .button_tousu{border:1px #e7e7e7 solid;padding:8px 20px;background:#eee;color:#000;margin:0px 15px;border-radius:5px;cursor:pointer;text-align:center;}
.buttoncenter .button_tousu:hover,.button_tousu.active{border:1px #1880c9 solid;background:#1880c9;color:#fff;width:120px;height:35px;outline:none;}


/* 表单提交 */
.formbox{margin:10px 20px 30px; background:#fff;font-size:15px;border-bottom:0;padding-bottom:60px;background:url(../images/form.png) no-repeat center bottom;}
.formbox .formbox_title{
  font-size: 16px;
  font-weight: bold;line-height: 30px;padding: 30px 0;
}
.formlist ul{margin-bottom:13px;}
.formlist ul li{padding:0px 10px;margin-bottom: 15px;display: flex;justify-content: flex-start;align-items: flex-start;}
.formlist ul li:after{display:block; clear:both;content:'';}
.formlist ul li > label{display:block; float:left;width:20%;text-align:right;padding-right:1%;line-height:20px;font-size:15px;color:#333;margin-top:10px;}
.formlist ul li > label > a{ color:#e43f43; margin-left:0px;}
.formlist ul li div{color:#666;display:block;width:70%;line-height:32px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;float:left;padding:5px 15px 5px 2%;}
.formlist ul li div > label{
  display: inline;line-height: 24px;
}
.formlist ul li div >  span{
font-size: 12px;color: #999;
}
.formlist ul li div input[type='text'],.formlist ul li div select,.formlist ul li div textarea{padding:3px 10px;border:1px #ccc solid;margin-right:10px;height:36px;line-height:36px;width:100%;box-sizing: border-box;}
.formlist ul li div select{
 margin-right:0px;height:40px;line-height:40px;width:100%;
}
.formlist ul li div input[type='radio'],.formlist ul li div input[type='checkBox']{padding:2px 5px;border:1px #ccc solid;margin-right:5px;line-height:16px;/*height:20px;width:5%;*/}
.formlist ul li div textarea{width:100%;min-height:120px;line-height:30px;padding:10px;}
.formlist ul li div td{
   min-width:100px;
}

.formlist ul li a:hover{color:#1880c9;}
.red{
  color: #f00;
}
.formlist ul li:last-child{
margin-top: 50px;
}