/* CSS Document */
body{  color:#333; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
#header{ }
.content{ width:1160px; margin:0 auto;}
#nav{ height:120px; background: #FFFFFF; width:100%;   padding-top:15px;}
#nav .content{ position:relative;width:1160px;  margin:0 auto;  padding-top:12px;}
#nav  ul { position:absolute; right:0; top:70px; }
#nav  ul li{ float:left;  text-align:center;  }
#nav  ul li a{ display:block; width:90px ; text-align:center;  padding-bottom:35px;  color:#005cac;  font-size:15px; font-family:"Arial, Helvetica, sans-serif"; position:relative;}
#nav  ul li a:hover, #nav  ul li a.current{ color:#ffb540 ; }
#nav .sec{ position:relative;    }
#nav .sec ul{ position:absolute; left:0; top:50px; display:none; z-index:999; padding-top:25px;width:500px; height:220px;height:auto;background:url(../Image/sec.png) no-repeat left top;width: 168px; }
#nav .sec ul li{ float:none;}
#nav .sec ul li a{ display:block;  color:#fff; padding:8px 20px; background:url(../Image/ulliulli.jpg) no-repeat 130px 14px; width:120px; font-size:14px; /*border:1px solid #f00;*/}
#nav .sec #teUl li a{ background:url(../Image/ulliulli.jpg) no-repeat 136px 10px; padding:6px 20px;}
#nav .sec ul li a:hover{ color:#ffb540;}
.topCon{ position: absolute; right:0; top:0;}
#nav .sec .intro{  position:absolute; left:190px; top:50px; z-index:9999; padding-top:35px; display:none;}
#nav .sec .intro p{ text-align:left; padding-top:8px;}
/*Ã¦Â£â‚¬Ã§Â´Â¢*/
.searchAreaH{  background:url(../Image/search.jpg) no-repeat center top; width:165px; line-height:26px; margin-left:15px; margin-right:15px;}
#keyWordsH{ border:0; background:none; width:128px; /*border:1px solid #f00;*/  line-height:26px;  padding-left:5px; color:#eee; display:inline-block;}
#submitH{ width:30px; line-height:26px; float:right; background:none; border:0;  display:inline-block;}
#submitH:hover{ cursor:pointer;}
#slideShow{ height:470px; width:100%;  background:url(../Image/banner.jpg) no-repeat center top;}
.ma{ display:none; position:absolute; right:0; top:0;}
.language{ color:#01549c; display:inline-block; padding-left:20px; background:url(../Image/en.jpg) no-repeat left 3px;}
/*Ã©Â¦â€“Ã©Â¡ÂµÃ¤Â¸Â»Ã©Â¢ËœÃ¥â€ â€¦Ã¥Â®Â¹*/
#indexMain .content{ width:1160px; margin:0 auto;}
#indexMain .title{ width:100%; position:relative; margin-bottom:30px; }
#indexMain .title h2{ font-size:30px; font-weight:bold; color:#005cac;}
#indexMain .title a{ display:block; position:absolute; right:0; top:0; background:url(../Image/more.jpg) no-repeat left top; width:83px; height:28px;}
#indexMain .title a:hover{ background:url(../Image/moreH.jpg) no-repeat left top;}
/*Ã¦â€“Â°Ã©â€”Â»Ã¨Â¡Å’*/
/*Ã¦â€“Â°Ã©â€”Â»*/
.newsLine{ padding-top:60px;}
.indexNews{ width:555px; overflow:hidden;}
.indexNews ul{ width:105%;}
.indexNews ul li{ width:270px;  margin-right:20px; float:left;}
.img{ position:relative;  width:270px; height:190px; overflow:hidden; display:block;}
.indexNews ul li img{ width:270px; height:190px;}
.img .time{ width:65px; height:50px; background-color:#d76528; color:#fff; text-align:center; position: absolute; left:0; top:20px;}
.img .time span{ font-size:24px; display:inline-block;}
.indexNews ul li h4{ font-size:16px; font-weight:bold; margin-top:10px;  }
.indexNews ul li p{ line-height:2.0; color:#777777; margin-top:10px;}
.indexNews ul li .more { display:block; margin-top:10px;  color:#d76528; }
.hydt{ width:555px; overflow:hidden; margin-left:50px;}
.hydt ul li{ height:118px;}
.hydt ul li  a{ font-size:16px; font-weight:bold;}
.hydt ul li  a:hover, .hydt ul li:hover  a{ color:#005cac; }
.hydt ul li span{ display:block; line-height:25px; color:#6d6d6d;}
.hydt ul li p{ line-height:2.0; color:#a1a1a1;}
.gzAndYw{ margin:30px 0; width:100%; height:200px; background-color:#01549c;}
.gz01{ width:505px; overflow:hidden; height:170px; background:url(../Image/a2.jpg) no-repeat right top #005cac; padding-top:30px; padding-left:50px;}
.gz01 h2{ font-size:16px; color:#ffb540; margin-top:10px;}
.gz01 p{ width:190px; color:#fff; line-height:1.2; margin-top:15px; text-align:left; }
#seGZ{ background:url(../Image/y2-01.jpg) no-repeat right top #005cac; margin-left:50px;}
/*Ã¤Â¸Å¡Ã¥Å Â¡Ã¦Â¦â€šÃ¥â€ Âµ*/
.ywlyLine{}
.ywlyLine .details{  }
.ywlyLine .details img{}
.ywlyLine .details .con{ height:58px; padding-top:20px; width:1160px; background:url(../Image/rb.jpg) no-repeat left top;}
.ywlyLine .details .con h3{ font-size:20px; color:#fff; width:342px; float:left; padding-top:8px; text-indent:2em; }
.ywlyLine .details .con p{ font-size:18px; color:#fff; width:750px; float:left; margin-left:50px; font-size:14px; }
.mr_frbox { height: 256px; padding: 0px; margin-top:12px; }
.mr_frBtnL {  margin-right: 8px; float: left;  cursor: pointer; display: inline; position:relative; top:70px;  }
.mr_frUl { float: left; height: 256px; width: 1110px;  /*border:1px solid #f00;*/ }
.mr_frBtnR { float: left;  cursor: pointer; position:relative; top:70px; margin-left:8px; }
.mr_frUl ul li { display: inline; float: left;   margin-right: 30px; width:350px; height:186px; overflow:hidden; position:relative; }
.mr_frUl ul li img{ opacity:0.9; width:348px; height:184px; border:1px solid #d1d1d1;}
.mr_frUl ul li span{ display:block; position:absolute; left:0; top:74px; line-height:36px; font-size:18px; color:#fff; text-align:center; background:url(../Image/title.png) repeat-x; width:100%; display:none;}
.companyLine{ margin-top:50px; width:100%; height:470px; background:url(../Image/aboutBg.jpg) no-repeat center top; padding-top:80px;}
.companyLine .content{ padding-top:38px; height:360px; overflow:hidden; background:url(../Image/white.png) repeat;}
.companyLine .title1{ width:100%; height:45px; padding-top:13px; position:relative; background-color:#005cac; /*border:1px solid #f00;*/}
.companyLine .title1 h2{ position:absolute; left:30px; top:10px; font-size:28px; font-weight:bold; color:#fff;}
.companyLine .title1 a{ display:block; width:83px; height:28px; background:url(../Image/more1.jpg) no-repeat left top; position:absolute; right:25px; top:15px;}
.indexCompany{ width:555px; overflow:hidden; }
.indexCompany .con{ color:#5a5a5a; padding:15px; line-height:2.0; font-size:14px;}
.indexCompany .con p{ text-indent:2em; margin-bottom:10px;}
.indexCompany .con a{ color:#D76527; float:right; display:none;}
.wzsl{ width:555px; margin-left:50px; overflow:hidden;}
.wzsl ul{ padding:15px;}
.wzsl ul li{ margin-bottom:20px;}
.wzsl ul li h4{ font-size:16px; color:#005cac; font-weight:bold;}
.wzsl ul li p{ line-height:2.0; color:#5a5a5a;  font-size:14px;}
/*Ã¥Âºâ€¢Ã©Æ’Â¨*/
#footer{   height:488px; background:url(../Image/footer.jpg) repeat-x left top;  }
#footer .content{ position:relative;width:1160px;   margin:0 auto; padding-top:68px; z-index:999;    }
.lineOne{ height:310px; overflow:hidden;}
.lineOne .title{ font-size:24px; font-weight:bold; color:#fff; margin-bottom:35px;}
.links{ width:340px; padding-right:110px; overflow:hidden;}
.links ul li{ float:left; width:120px; border-bottom:1px solid #3773e1; padding-bottom:9px; background:url(../Image/fNavLi.jpg) no-repeat 110px 5px; margin-right:40px; margin-bottom:12px;}
.links ul li:nth-child(2n){ margin-right:0;}
.links ul li a{ color:#3773e1; font-size:14px;}
.links ul li a:hover{ color:#fff;}
.indexContact{ width:435px; overflow:hidden;}
.indexContact ul li{ font-size:14px; color:#3773e1; line-height:2.2;}
.fLinks{ width:270px; overflow:hidden;}
.fLinks ul li a{ font-size:14px; color:#3773e1; line-height:2.2; display:block;}
.fLinks ul li a:hover{ color:#fff;}
#footer .copy{  color:#000; font-size:14px; color:#3773e1;   }
#footer .copy p{ line-height:1.8;}
#footer .copy .first  a{ float:right;}
#footer .copy  a{  color:#3773e1; }
#footer .copy  a:hover{ color:#fff;}
/*Ã¥â€ â€¦Ã©Â¡ÂµÃ¦Â Â·Ã¥Â¼Â*/
#listMain{ padding-top:204px; width:100%; background:url(../Image/listMain.jpg) no-repeat center top;     }
#listMain .content{ width:1160px;  margin:0 auto;  overflow:hidden; min-height:400px;background:url(../Image/listMainCon.png)  repeat;  }
#listMain .left{ float:left; overflow:hidden;  width:240px; min-height:400px;  background-color:#fff;}
/*Ã¦Â­Â¤Ã§Â½â€˜Ã§Â«â„¢Ã©Â¦â€“Ã©Â¡ÂµÃ¥Â¤ÂÃ§â€Â¨*/
.typeList{ width:240px; overflow:hidden;  }
.left h2{ color:#fff; background-color:#005cac; padding-top:20px; width:190px; padding-left:50px;  padding-bottom:20px; font-size:30px ; font-weight:bold;}
.typeList ul {  }
.typeList ul li{ border-bottom:1px solid #e5e5e5; }
.typeList ul li a{ display:block; padding-top:20px; width:190px; padding-left:50px;  padding-bottom:20px;  overflow:hidden; color:#005cac;  font-size:16px;   }
.typeList ul li a:hover{  color:#d76528;}
#listMain .right{ padding-top:30px; width:850px;  padding-left:35px; padding-right:35px; padding-bottom:50px; float:left; min-height:400px;  }
#listMain .mainContent{/* border:1px solid #f00;*/}
#listMain .mainContent .h5{ width:100%; font-size:18px; font-weight:bold; text-align:left; color:#005CAC; margin-bottom:15px; padding-left:12px; border-left:5px solid #005CAC; line-height:18px; }
#listMain .mainContent h5{ width:100%; font-size:18px;  text-align:center;  margin-bottom:15px;  }

#listMain .right .title{ position:relative; margin-bottom:30px; width:100%;}
#listMain .right .title h4{ font-size:22px ;  color:#333; display:inline-block; }
#listMain .right .title .yPosition{ position:absolute; right:0px; bottom:0px; color:#989898;}
#listMain .right .title .yPosition a{ color:#989898;  font-size:12px;}
#listMain .right .title .yPosition a:hover{ color:#d76528;}
.newsList ul li{ padding-top:15px; padding-bottom:15px; border-bottom:1px dotted #d1d1d1; overflow:hidden; display:block;  }
.newsList ul li a{ display:block; float:left; text-decoration:none; color:#363636;  }
.newsList ul li a:hover{ color:#d76528;}
.newsList ul li .time{ float:right; display:block; padding-right:5px;}
.newsInfo{ line-height:1.8;}
.newsInfo  p{ text-indent:2em;}
.newsContent{ padding-bottom:45px; padding-top:10px; border-bottom:1px dotted #d1d1d1; font-size:14px;}
.newsInfo .author{ font-size:12px; text-align:center; color:#ccc;}
.newsInfo .context{ margin-top:15px; }
.newsInfo .context a{ color:#363636; }
.newsInfo .context p{ text-indent:0;}
.newsInfo .context a:hover{ color:#d76528;}
.newsInfo .back{ text-align:center; margin-top:20px; }
.newsInfo .back a{ color:#363636;}
.newsInfo .back a:hover{ color:#d76528;}
.proPage{ margin-top:40px; padding-right:40px; float:right;  margin-bottom:30px;}
.company { line-height:2.0; font-size:14px;}
/*Ã¤ÂºÂ§Ã¥â€œÂÃ¥Ë†â€”Ã¨Â¡Â¨Ã©Â¡Âµ*/
.productMain{ padding-top:20px; }
.productMain ul li{ width:100%; position:relative; height:170px; padding:25px 0; border-bottom:1px dotted #d1d1d1; }
.productMain ul li a{ display:block; color:#363636;}
.productMain ul li a img{ width:322px; height:170px; padding:2px; background-color:#fff; border:1px solid #d1d1d1; }
.productMain ul li a img:hover{ border:1px solid #d76528;}
.productMain ul li .details{ width:495px; position:absolute; left:345px; top:25px; padding-top:12px; }
.productMain ul li .details h2{ font-size:17px; color:#005CAC; padding-bottom:10px; font-weight:bold;}
.productMain ul li .details h2:hover{ color:#d76528;}
.productMain ul li .details p{ line-height:2.0;}
.productMain ul li .details  span{ display:block; color:#d76528; padding-top:10px; font-size:13px;}
.productMain ul li .details  span:hover{ color:#d76528; }
.productMain ul li a:hover{ color:#d76528;}

/*Ã¤ÂºÂ§Ã¥â€œÂÃ¥Ë†â€”Ã¨Â¡Â¨Ã©Â¡Âµ*/

/*Ã¦â€¹â€ºÃ¨ÂËœ*/
.zhaopin, #listMain .yingpin{ font-size:14px; }
.zhaopin .job {  border-bottom:1px dotted #dedede; margin-bottom:30px; padding-top:25px; overflow:hidden;}
.zhaopin .job ul li, #listMain .zhaopinXx ul li{ line-height:3.0; overflow:hidden; width:700px; text-align:left; }
.zhaopin .job .zhiwei{ color:#d76528; }
.zhaopin .job .chaKan{ float:right; display:block; padding:4px 15px; color:#fff; background-color:#d76528; position:relative; top:-150px;}
.zhaopin ul li a{ color:#d76528; float:right;}
.zhaopin a{ color:#ffffff;}
.yingpin table tr{ display:block; margin-bottom:15px;}
.yingpin .zhiwei{ color:#d76528;}
.yingpin .yanzhengma{ position:relative; top:6px;}
#allmap { width:700px; height:450px;}
.contactUs  li{ float:left; width:350px; line-height:2.0;}
/*Ã¥Å“Â¨Ã§ÂºÂ¿Ã§â€¢â„¢Ã¨Â¨â‚¬Ã©Â¡ÂµÃ©ÂÂ¢*/
#message th{ font-size:14px; color:#4c4a55 ; font-weight:normal; font-family:"Ã¥Â®â€¹Ã¤Â½â€œ"; }
#message input{  outline:none; height:22px; border:1px solid #d1d1d1; width:588px;}
#message textarea{ border:1px solid #d1d1d1; width:588px;}
#message #captcha{ width:100px;}
#message button{ outline:none;}
#message .but{ width:120px; height:35px; background-color:#d76528; color:#FFF; border:0; border-radius:5px; font-size:14px; font-weight:bold; }
/*Ã¥Â·Â¥Ã¤Â½Å“Ã¨Â¯Â¦Ã¦Æ’â€¦*/
#workDetail{ line-height:2.0;}
#workDetail #apply{ color:#d76528;  font-size:14px; display:block; margin-top:30px; }
.detailTitle{ width:100%; height:30px; background-color:#d1d1d1;  margin:45px 0 30px;}
.detailTitle h6{ background:#005CAC; font-size:14px; border-right: 1px solid #fff;color: #fff; display: inline-block; height: 100%; line-height: 30px; padding-left: 10px; font-weight:bold; padding-right:10px;}
.qqOnline{ width:145px; height:213px; position:fixed; top:80px; right:0px; background:url(../Image/qqBg.png) no-repeat; z-index:99999;}
.qqOnline .left{ width:23px; height:100%; float:left; }
.qqOnline ul{ float:left; width:82px; padding-top:38px;  padding-left:40px;  padding-bottom:0; }
.qqOnline ul li{ line-height:36px; list-style:none;}
.qqOnline ul li a{ color:#4c4a55; font-size:13px;}
.qqOnline .phone{ font-size:12px ; color:#629759; padding-left:0px; }
.backToTop{ display: block; margin-right: -540px; position: fixed;right: 50%; top: 80%;width: 15px;z-index: 9999; padding:15px 8px; color:#fff; background-color:#333;}
.backToTop:hover{ cursor:pointer; background-color:#D70415;}
/*Ã©Â¡ÂµÃ©ÂÂ¢Ã¥Â¯Â¼Ã¨Ë†ÂªÃ¤Â¸Â»Ã¨Â¦Â footerÃ¥â€ â€¦*/
#fNav{ /*border:1px solid #ff0;*/ width:100%; background-color:#005CAC; display:none; position:fixed ; top:0; left:0; z-index:99999; border-bottom:1px solid #fff; }
#fNav #nav{ height:80px;  padding:0;}
#fNav #nav ul{ top:40px;}
#footer #nav .content{ padding-top:0px;}
.forStrong strong{ font-size:15px ; color:#005CAC; }
.honorMain{}
.honorMain ul{ width:105%;}
.honorMain ul li{ float:left; margin-right:20px; text-align:center; width:268px; overflow:hidden; margin-bottom:20px; }
.honorMain ul li img{ padding:2px; width:262px; height:372px; background-color:#fff; border:1px solid #d1d1d1;}
.honorMain ul li a.title{ display:block; padding-top:10px; font-size:14px;}
.honorMain ul li:hover a{ color:#d76528; }
.honorMain ul li:hover img{ border:1px solid #d76528;}


.research{overflow: hidden;}
.research .main-title span{width: 650px;}
.research .re-left{width: 724px; height: 410px;float: left;overflow: hidden;position: relative;}
.research .re-left ul li{position: absolute;display: none;}
.research .re-left ul li:first-child{display: block;}
.research .re-left img{display: block; width: 100%; height: 100%;}
.research .re_right{width: 410px; float: right; position: relative; overflow: hidden; height: 410px;}
.research .re_right .re-con{position: absolute; left: 0; top: 0; display: none; width: 100%;}
.research .re_right .re-con:first-child{display: block;}
.research .re_right h3{font-size: 26px; color: #262626; width: 300px; font-weight: 400;}
.research .re_right span{color: #7b7b7b; display: block; margin: 25px 0; height: 42px;}
.research .re_right a{color: #0070bd; font-size: 14px; text-decoration: underline;}
.research .re_right img{display: block; margin-top: 65px; width: 100%; height: 185px;}
.research .re_right ol{position: absolute; right: 0; top: 0;}
.research .re_right ol li{float: left;}
.research .re_right ol li:nth-of-type(2) i{font-size: 18px;}
.research .re_right ol li i{font-size: 15px; width: 40px; line-height: 40px; height: 40px; text-align: center; border: 1px solid #dcdcdc; background: #f4f4f4; display: block; margin-left: 5px;font-weight: bold;}
.research .re_right ol li:hover i{border: 1px solid #b5b5b5;}
.icon-youjiantou{
    position: relative;
}
.icon-youjiantou:after{
    display: block;
    content: '';
    width: 10px;
    height: 26px;
    background: url(../Image/left.png) no-repeat center;
    background-size: cover;
    position: absolute;
    top:0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.icon-arrow-right{
    position: relative;
}
.icon-arrow-right:after{
    display: block;
    content: '';
    width: 10px;
    height: 26px;
    background: url(../Image/right.png) no-repeat center;
    background-size: cover;
    position: absolute;
    top:0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.logo{}
.logo img{max-width: 400px;}
.logo img{max-width: 300px;}
.footer-links{
    background: url(../Image/footer.jpg) repeat-x left top;
}
.footer-links-title{
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    padding: 15px 0 15px 0;
}
.footer-links .content{}
.footer-links .content ul{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 15px;
    padding: 0 0 15px 0;
}
.footer-links .content ul li{}
.footer-links .content ul li a{
    font-size: 14px;
    color: #fff;
    font-weight: lighter;
    position: relative;
    padding: 0 0 0 15px;
}
.footer-links .content ul li a:after{
    display: block;
    content: '';
    width: 8px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 3px;
    margin: auto;
}
.wechat-box{
    max-width: 300px;
    display: flex;
    gap: 30px;
}
.wechat-pic{
    width: 150px;
}
.wechat-pic img{
    width: 100%;
}
.wechat-pic p{
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.wechat-text{
    font-size: 14px;
    color: #fff;
    text-align: center;
}
#keyWordsH{
    border: 0;
    background: none;
    width: 115px;
    line-height: 22px;
    padding-left: 5px;
    color: #eee;
    display: inline-block;
    border-right: 1px #fff solid;
    border-left: 1px #02549d solid;
    background-color: #fff;
    color: #333;
}
#keyWordsH:focus{
    border: 1px #02549d solid;
}
#keyWordsH:focus-visible{
    border: 1px #02549d solid;
}
.language{
    line-height: 25px;
    background-position: left center;
}
.img .time{
    display: none;
}
.fNav-logo{
    display: inline-block;
    height: 70px;
}
.fNav-logo img{
    height: 100%;
}
.over-clump{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.video-list{
    display: flex;
    flex-wrap: wrap;
}
.video-item{
    width: 45%;
    margin: 0 5% 6% 0;
}
.video-title{
    display: block;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    font-weight: lighter;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
    background-color: #333;
    text-align: center;
}