@charset "utf-8";
html,body{ font:12px/1.8 arial,'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333;-webkit-text-size-adjust:none; background-image:url(../bg.jpg); background-position:center bottom; background-color:#fff; background-repeat:no-repeat}
body,h1,h2,h3,h4,h5,h6,dl,dt,li,dd,th,td,div{ color:#333; font-size:16px;}
body, h1, h2, h3, h4, h5, h6, dl, dt, li, dd, th, td, p, pre, form, input, button, textarea, hr {  margin: 0; padding: 0;    list-style: none;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#333; text-decoration:none;}
.not-animated { opacity:0; }
img { vertical-align: middle;max-width: 100%;}
/*头部*/
.inner{ width:1200px; margin:0 auto;}
header{position:fixed; left:0px; top:0px; height:110px; width:100%; z-index:999999;    background:#fff;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);background: rgba(0,0,0,0.7);}
.header{width:1360px; margin:0 auto; height:100px}
.header_menu{ width:1360px;height:100px;  background-color:none;margin: 0 auto;}
.menu_logo{ width: 460px; height:110px; float:left; line-height: 110px;}
.menu_logo img{ }
.menu_lang{margin-right: 10px;float:right;height:100px;line-height:100px;  font-family:Arial, Helvetica, sans-serif; font-size:16px;  }
nav{width: 900px;padding:0px; float: left; }
.menu_tel {float: left;line-height: 99px;font-size: 16px;font-weight: bold;}
.menu_bg{ background:#fff;}
.toptel{height: 110px;vertical-align: middle;line-height: 110px;}
/* JS导航栏 */

.nav1{float:left; width: auto; height:110px; position:relative}
.nav1 a{display:block; color:#fff; font-weight:bold; width:auto; text-decoration:none;height:110px; font-size:16px; font-weight:100; line-height:110px;padding: 0px 40px; }
.nav1 a:hover{color:#fff; background-color:#0076bf}
.nav1 a.navdown{display:block; color:#fff; background-color:#0076bf}
.link-z{width:1px; height:100px; padding:0px; margin:0px; float:left; }
.nav1Box{ height:92px; line-height:92px; display:block; text-align:center; z-index:9999999999; clear:both;}
.nav2{position:absolute;left:0px;width:210px; background:#0076bf; padding:0px; z-index:9999999999; padding:10px;left:0px; top:110px; border-radius:0 0 2px 2px}
.nav2 a {line-height: 40px; height: 40px; color: #fff; padding-left: 20px;width:160px;}
.nav2:hover a{background;#e11025;}
.nav2 dl{ width:465px; float:left}
.nav2 dd{list-style-type:none; height:30px; border-bottom:#ccc solid 0px; text-align:center; width:120px; float:left; margin-right:15px}
.nav2 dd:hover{border-top:none; z-index:9999999999; height:30px; background-color: #993300; border-bottom:#333 solid 0px;color:#FFFFFF}
.nav2 dd a{ color:#fff; height:30px; border-top:none; line-height:30px; width:120px; font-weight:normal; font-size:14px; padding-top:0px; text-align:left; padding-left:17px; overflow:hidden; border-radius:2px}
.nav2 dd:hover a{ color:#ff0000;background-image:url(../menu-bg-no.jpg); background-color:#FFFFFF}
#nav2_770,#nav2_780,#nav2_796{ top:-500px}
#nav2_206,#nav2_778{ left:-315px}
.nav3{display:none !important;}
#nav2_1{display:none !important;}
#nav2_4{display:none !important;}
#nav2_5{display:none !important;}
/* JS导航栏 */
.imet_flash{ /*margin-top:90px;*/ font-size:0px; overflow:hidden;background-image:url(../bannerbg.jpg);    height: 838px; } 
.met_flash{  font-size:0px; overflow:hidden;margin-top: 100px; } 
.met_flash ul{ margin:0px; padding:0px;overflow: hidden;} 
.i-search{height:41px}
.i-search-1000{ width:1320px; height:50px; margin:0 auto;background-image:url(../isearch-bg.jpg); background-position:right bottom; background-repeat:repeat-x}
.i-search-1000-l{ width:600px; height:50px; float:left; line-height:50px; font-size:14px}
.i-search-1000-r{ width:400px; height:50px; float:right}
.bannercon {
    width: 1200px;
    margin: 0 auto;
    padding: 200px 0;
}
.bannertxt {
    width: 450px;
}
.bannertxt h1 {
    font-size: 36px;
    line-height: 36px;
    color: #000;
}
.bannertxt span {
    font-size:16px;
    color: #666;
    line-height: 18px;
    display: block;
    padding: 30px 0;
}
.bannerbtn {
    width: 136px;
    background: #0174c7;
    border-radius: 20px;
    height: 36px;
    text-align: center;
}
.bannerbtn a span {
    font-size:16px;
    color: #fff;
    text-transform: uppercase;
    line-height: 36px;
}
/*首页*/
.viewport{/* max-height: 544px;
min-height: 544px; */}
/*产品*/
.index-product{background: url(../probg.jpg) no-repeat;background-size: cover;
background-attachment: fixed;z-index: 111;}
.iproduct{padding: 7.7vw 0;overflow: hidden;}
.iproduct .container{width: 1200px;margin: 0 auto;}
.iproduct .container .iproduct_title{text-align: center;margin-bottom: 50px;}
.iproduct .container .iproduct_title h1{font-size: 36px;font-weight: bold;line-height: 60px;}
.iproduct .container .iproduct_title span{font-size: 12px;}
.iproduct_content ul li {
  margin: 0 5px;
  text-align: center;width: 24%;
overflow: hidden;
position: relative;}
.iproduct_content ul li dl{padding: 0 0 30px 0;}
.iproduct_content ul li span{font-size: 20px;
color: #000;
font-weight: bold;}

/*关于*/
.index-about{background: url(../aboutbg.jpg) no-repeat;background-size: cover;
background-attachment: fixed;}
.iabout {  padding: 10vw 0;overflow: hidden;}
.iabout .container {  width: 1200px;margin: 0 auto;}
.iabout_left{float: left;width: 54%;}
.iabout_left .title h1{font-size: 32px;line-height: 42px;color: #fff;}
.iabout_left .title span{font-size: 14px;color: #fff;}
.iabout_left .abouttxt{font-size:15px;margin:40px 0;color: #fff;}
.iabout_left .abouttxt p{font-size:15px;}
.iabout_left .iaboutmore a{background: #1a6fc9;padding: 7px 16px;color: #fff;font-size: 14px;}
.iabout_right{float: right;width: 40%;}
.iabout_right video{width:100%;}
/*******************number**********************************************************************************************************************/
.iabout_number { width: 100%;overflow: hidden;background: rgba(109, 166, 193, 0.5);margin-top: 50px;display: inline-block;}
.countup {  overflow: hidden;padding: 1.5% 0 2%;width: 100%;}
.countup ul { margin: 0 auto;padding: 0;width: 100%;}
.countup ul li {float: left; text-align: center;border-left: 1px solid #e5e5e5; box-sizing: border-box;list-style: none;    padding: 10px 30px;width: 33%;}
.company {    border: 0px !important;padding-left: 0 !important;}
.countup ul li h6 { font-family: 'HeliosExt Thin','arial';font-size: 60px;color: #fff;font-weight: bold;margin: 0;padding: 0;line-height: 72px;}
.countup ul li h6 sup { font-size: 12px;color: #fff;vertical-align: text-top;top: -2em;  position: relative;}
.countup ul li p { font-size: 16px;color: #fff;line-height: 14px;display: block;}
/*******************number**********************************************************************************************************************/
.imorebtn{float: left;background: #0076bf;padding: 5px 30px; margin-top:10px;}
.imorebtn a span{color: #fff;font-size: 14px;}
/*案例*/
.index-case{background: url(../casebg.jpg) no-repeat;background-size: cover;background-attachment: fixed;}
.icase{  padding: 8vw 0;overflow: hidden;}
.icase .container {  width: 1200px;margin: 0 auto;}
.icase .container .icase_title{text-align: center;margin-bottom: 50px;}
.icase .container .icase_title h1{font-size: 36px;font-weight: bold;line-height: 60px;}
.icase .container .icase_title span{font-size: 12px;}
.icase .container .icase_content ul li{}
.swiper-slide ul li dl {overflow:hidden;}
.swiper-slide ul li dl:hover {position:relative;top:0;}
.swiper-slide ul li dl img {transition:all 0.6s;}
.swiper-slide ul li dl:hover img{  transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2);   -moz-transform:scale(1.2, 1.2);  -webkit-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); }

/*荣誉*/
.index-honor{background: url(../honorbg.jpg) no-repeat;background-size: cover;
background-attachment: fixed;}
.ihonor{padding: 140px 0 0;;overflow: hidden;}
.ihonor .container {  width: 1200px;margin: 0 auto;}
.ihonor .container .ihonor_title{text-align: center;margin-bottom: 50px;}
.ihonor .container .ihonor_title h1{font-size: 36px;font-weight: bold;line-height: 60px;color:#fff;}
.ihonor .container .ihonor_title span{font-size: 12px;color:#fff;}
.ihonor .container .ihonor_content{overflow:hidden;}
.ihonor .container .ihonor_content ul li{width:24%;float:left;margin:0 0.5%;}
/* .ihonor .container .ihonor_content ul li dl{overflow:hidden;}
.ihonor .container .ihonor_content ul li dl:hover {position:relative;top:0;}
.carousel-inner .item .row{margin:0;} */
.ihonor .container .ihonor_content ul li dl {overflow:hidden;}
.ihonor .container .ihonor_content ul li dl:hover {position:relative;top:0;}
.ihonor .container .ihonor_content ul li dl img {transition:all 0.6s;}
.ihonor .container .ihonor_content ul li dl:hover img{  transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2);   -moz-transform:scale(1.2, 1.2);  -webkit-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); }

/*新闻*/
.index-news{background:#fff;}
.inews{  padding: 8vw 0;overflow: hidden;}
.inews .container {  width: 1200px;margin: 0 auto;}
.index_news{padding: 140px 0 0;overflow: hidden}
.index_news .container{width:1200px; margin:0 auto;}
.index_news .newstit{overflow: hidden;text-align: center;}
.index_news .newstit h1{font-size: 36px;font-weight: bold;line-height: 60px;}
.index_news .newstit span{font-size: 12px;}
.newscon{overflow: hidden; margin-top:50px}
.newscon .left{width:520px;float:left;}
.newscon .left dd b{padding: 20px 0 10px;
display: block;
border-bottom: 1px solid #e5e5e5;}
.newscon .left dd p{padding: 10px 0;font-size: 14px;line-height: 20px;color: #666;}
.newscon .left dd span{float: left;font-size: 14px;
color: #999;}
.newscon .right{float: left;width: 650px;margin-left: 20px;text-align: left;}
.index_news ul{  padding:0px; margin:0 auto; list-style:none; margin-top:0px}
.index_news ul li {float: left;list-style: none;margin: 0 0.5% 2%;background: #f6f6f6;padding: 30px;}
.index_news ul li a{ width:100%; margin:0 auto; display:block}
.index_news ul li dl{ width:100%; height:auto; overflow:hidden;}
.index_news ul li dl img{width:100%; height:auto; display:block;transition: all 0.6s;}
.index_news ul li dl:hover img{transform: scale(1.2, 1.2);
    -ms-transform:scale(1.2, 1.2); 
    -moz-transform:scale(1.2, 1.2); 
    -webkit-transform:scale(1.2, 1.2); 
    -o-transform:scale(1.2, 1.2);}
.index_news ul li dd{display: block;margin: 0 auto;padding: 1% 0;}
.index_news .right ul li dd .time{text-align:center;width: 18%;
float: left;margin: 18px 0 auto;}
.index_news .right ul li dd .time b{font-size: 36px;}
.index_news .right ul li dd .newsrighttxt{float: left;
width: 80%;padding-left: 1%;
border-left: 1px solid #e5e5e5;}
.index_news .right ul li dd .newsrighttxt b{}
.index_news .right ul li dd .newsrighttxt p{margin: 0;
padding: 5px 0;}
.index_news ul li dd b{font-size:18px; line-height:24px;display:block; color:#000;font-weight: normal;font-weight: bold;}
.index_news ul li dd p{word-break:break-all; color:#666; padding-top:20px;font-size: 14px;padding-bottom: 20px;}
.index_news ul li dd span{display:block; color:#666; line-height:36px; font-family:Arial, Helvetica, sans-serif;font-size: 20px;}
.index_news .container .imoretxt{}
.index_news .container .imoretxt a{}
.newscon .left dl {overflow:hidden;}
.newscon .left dl:hover {position:relative;top:0;}
.newscon .left dl img {transition:all 0.6s;}
.newscon .left dl:hover img{  transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2);   -moz-transform:scale(1.2, 1.2);  -webkit-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); }


/*底部*/
.index_foot{max-height: 560px;min-height: 560px;}
.ifoot{ overflow: hidden;background: url(../bottombg.jpg) no-repeat;background-size: cover;background-attachment: fixed;}
.index_foot .container {  width: 1200px;margin: 0 auto;}
.index_foot .container .contact{width: 100%;overflow: hidden;margin: 160px 0;}
.index_foot .container .contact div{color:#fff;}
.index_foot .container .contact h1{color:#fff;}
.index_foot .container .contact span{color:#fff;}
.index_foot .container .contact p{color:#fff;}
.contactleft{width: 100px;float: left;}
.contactleft li a{font-size: 16px;
color: #fff;line-height: 32px;}
.contactmidd{width: 550px;float: left;margin: 0 80px;}
.contactmidd dl{float:left;}
.contactmidd dl h1{font-size: 22px;font-weight: bold;}
.contactmidd dl span{font-size: 13px;text-transform: uppercase;margin-bottom: 15px;display: block;}
.contactmidd dl li p{font-size:16px;}
.contactmidd dl img{margin-top: 0px;}
.contactmidd dl li i img{margin-top:0;}
.contactright{width: 360px;float: left;}
.contactright dl h1{font-size: 22px;color: #fff;font-weight: bold;text-transform: capitalize;}
.contactright dl span{font-size: 14px;color: #fff;line-height: 36px;}

/*内页简介*/
/*******************number**********************************************************************************************************************/
.about_number { width: 1360px;margin: 0 auto;}
.countup {  overflow: hidden;padding: 1.5% 0 2%;width: 100%;}
.countup ul { margin: 0 auto;padding: 0;width: 100%;}
.countup ul li {float: left; text-align: center;border-left: 1px solid #e5e5e5; box-sizing: border-box;list-style: none;    padding: 10px 30px;width: 33%;}
.company {    border: 0px !important;padding-left: 0 !important;}
.about_number .countup ul li h6 { font-family: 'HeliosExt Thin','arial';font-size: 60px;color: #000;font-weight: bold;margin: 0;padding: 0;line-height: 72px;}
.about_number .countup ul li h6 sup { font-size: 12px;color: #000;vertical-align: text-top;top: -2em;  position: relative;}
.about_number .countup ul li p { font-size: 16px;color: #000;line-height: 14px;display: block;}
/*******************number**********************************************************************************************************************/
.nabout{background: url(../naboutbg.jpg) no-repeat;padding: 100px 0;}
.nabout .container{width: 1200px;margin: 0 auto;}
.nabout .container  .nabout_left .title hr{width: 70px;
border: 2px solid #000;
margin-top: 5px;}
.nabout .container  .nabout_left .title h1{font-size: 32px;font-weight: bold;color: #000;line-height: 42px;}
.nabout .container  .nabout_left .title span{font-size: 14px;color: #000;}
.nabout .container  .nabout_left .abouttxt{margin: 60px 0;color: #000;line-height: 30px;font-size: 16px;width: 80%;}
.nabout .container  .nabout_left .naboutmore a{color: #fff;background: #1a6fc9;padding: 8px 30px;font-size: 14px;}
.nhonor{background: url(../nhonorbg.jpg) no-repeat;background-size: cover;}
.nhonor .container{width: 1200px;margin: 0 auto;}
.nhonor{  padding: 120px 0;overflow: hidden;}
.nhonor .container {  width: 1200px;margin: 0 auto;}
.nhonor .container .nhonor_title{text-align: center;margin-bottom: 50px;}
.nhonor .container .nhonor_title h1{font-size: 36px;font-weight: bold;line-height: 60px;color:#000;}
.nhonor .container .nhonor_title span{font-size: 12px;color:#000;}
.nhonor .container .nhonor_content{overflow:hidden;}
.nhonor .container .nhonor_content ul li{width:24%;float:left;margin:0 0.5%;}
.nhonormore{margin: 0 auto;width: 12%; margin-top:40px;}
.nhonormore a{background: #1a6fc9;padding: 10px 26px;border-radius: 20px;color: #fff;font-size: 14px;}
.nhonor .container .nhonor_content ul li dl {overflow:hidden;}
.nhonor .container .nhonor_content ul li dl:hover {position:relative;top:0;}
.nhonor .container .nhonor_content ul li dl img {transition:all 0.6s;}
.nhonor .container .nhonor_content ul li dl:hover img{  transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2);   -moz-transform:scale(1.2, 1.2);  -webkit-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); }

.nbrand{background: url(../nculturebg.jpg) no-repeat;overflow: hidden;padding: 100px 0;}
.nbrand .container{width: 1200px;margin: 0 auto;}
.nbrand .container .nbrand_title{text-align: center;margin-bottom: 50px;}
.nbrand .container .nbrand_title h1{font-size: 36px;font-weight: bold;line-height: 60px;color:#000;}
.nbrand .container .nbrand_title span{font-size: 12px;color:#000;}
.nbrand .container .nbrand_content{background:rgba(255,255,255,0.8);overflow: hidden;border-radius: 14px;padding: 100px 10px;}
.nbrand .container .nbrand_content ul li{width:28%;float:left;margin:0 0.5%;padding: 0 1.5%;}
.nbrand .container .nbrand_content ul li span{font-size: 18px;line-height: 36px;color: #000;width: 100%;display: block;margin-top: 20px;}
.nenvironment{overflow: hidden;padding: 140px 0;background: #f4f4f4;}
.nenvironment .container{width: 1200px;margin: 0 auto;}
.nenvironment .container .nenvironment_title{text-align: center;margin-bottom: 50px;}
.nenvironment .container .nenvironment_title h1{font-size: 36px;font-weight: bold;line-height: 60px;color:#000;}
.nenvironment .container .nenvironment_title span{font-size: 12px;color:#000;}
.nenvironment .container .nenvironment_content{overflow:hidden;}
.nenvironment .container .nenvironment_content ul{padding:0; margin:0;}
.nenvironment .container .nenvironment_content ul li{width:23%;float:left;margin:0 0.5%;background: #fff;text-align: center;padding: 10px 5px 20px 5px;}
.nenvironment .container .nenvironment_content ul li a span{margin-top: 20px;display: block;}
.nenvironmentmore{margin: 0 auto;width: 12%;margin-top:40px;}
.nenvironmentmore a{background: #1a6fc9;padding: 10px 26px;border-radius: 20px;color: #fff;font-size: 14px;}
.nenvironment .container .nenvironment_content ul li dl {overflow:hidden;}
.nenvironment .container .nenvironment_content ul li dl:hover {position:relative;top:0;}
.nenvironment .container .nenvironment_content ul li dl img {transition:all 0.6s;}
.nenvironment .container .nenvironment_content ul li dl:hover img{  transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2);   -moz-transform:scale(1.2, 1.2);  -webkit-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); }

.nvideo{background: url(../nvideobg.jpg) no-repeat;padding: 100px 0;}
.nvideo_content{width: 640px;margin: 0 auto;}
.nvideo .container{width: 1200px;margin: 0 auto;}
.nvideo .container .nvideo_title{text-align: center;margin-bottom: 50px;}
.nvideo .container .nvideo_title h1{font-size: 36px;font-weight: bold;line-height: 60px;color:#000;}
.nvideo .container .nvideo_title span{font-size: 12px;color:#000;}
/* .contactright img{float:left;margin-left: 20px;}
.contactleft h1{font-size: 24px;color: #000;font-weight: bold;text-transform: capitalize;}
.contactleft ul{ padding:0;}
.contactmiddle h1{font-size: 24px;color: #000;font-weight: bold;text-transform: capitalize;padding-bottom: 30px;}
.contactright h1{font-size: 24px;color: #000;font-weight: bold;text-transform: capitalize;}
.contacttxt {float: left; margin-right: 20px;line-height: 1.5em;}
.contacttxt ul li {padding: 4px 0;}
.contacttxt li h2 {font-size: 22px; color: #fff;line-height: 40px;}
.contacttxt li span { color: #fff;font-size: 16px;text-transform: none;} */
.footercode { margin-top: 26px;}
.footmessage span {    color: #fff;font-size: 20px;text-transform: capitalize;}
.emailcontent {    float: left; width: 80%;}
.emailcontent .input-text{height: 38px;margin-top: 1px;width: 94%;border-radius: 0px;color: #999;font-size: 14px;padding-left: 10px;}
.emailsubmit {    width: 20%; float: left;}
.emailsubmit .button{margin-top: 1px; color:#fff;height: 46px;border-radius: 0px;background: #0174c7;border: 0;width: 100%;}
#bfeedback{ padding:30px 0;overflow: hidden;}



.imessage{background: #0174c7;overflow: hidden;}
.imessage .content {
    background: url(../contactbg.jpg) no-repeat right center;
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;}
.imessage .content .left { width: 32%;float: left; padding: 60px 0;}
.imessage .content .left h3{font-size: 30px;color: #fff;}
.imessage .content .left span{font-size: 18px;color: #fff;    line-height: 24px;}
.imessagemore {
    float: left;
    background: #fff;
    width: 120px;
    height: 36px;
    border-radius: 20px;
    margin-top: 100px;
    margin-left: 500px;}
.imessagemore span {
    text-align: center;
    display: block;
    line-height: 36px;
    text-transform: uppercase;
    color: #0174c7;}
.aboutus{ float:left; width:675px; margin-top:10px;}

.case{ float:right; width:290px; margin-top:10px; overflow:hidden;}
.style-1 h3.title span{ float:left; background:url(../dt-5.gif) repeat-x; height:32px; line-height:32px; padding:0px 25px; color:#fff; font-weight:normal; font-size:16px;}
.style-1 h3.title  a.more{ float:right; width:39px; height:11px; line-height:1320px; overflow:hidden; background:url(../more.gif); margin:10px 10px 0px 0px;}
.style-1 .active{ background:#fff; padding:10px;}
.style-2 h3.title { background:url(../dt-6.gif) repeat-x; height:32px; line-height:32px; padding-left:16px; color:#fff; font-weight:normal; font-size:16px; position:relative;}
.style-2 h3.title a.more{ position:absolute; right:10px; top:0px; color:#fff; font-size:12px;}
.style-2 .active{ background:#fff; padding:10px;}
.style-2 dl.ind{ clear:both; zoom:1}
.style-2 dl.ind dt{ float:left; display:inline; border-bottom:1px dotted #ccc; padding:10px 0px 10px 0px; zoom:1}
.style-2 dl.ind dt a{ margin-left:5px;}
.style-2 dl.ind dd{ float:right; display:inline; border-bottom:1px dotted #ccc; padding:10px 0px 10px 0px; overflow:hidden;}
.style-2 dl.ind dd h4{ margin-left:10px;}
.style-2 dl.ind dd p.desc{ margin-left:10px; font-style: italic; color:#666;}

.listel li{ margin:0px 5px; height:30px; line-height:30px; overflow:hidden; padding-left:13px; background:url(../dt-1.gif) no-repeat left 12px; }
.listel li a{ margin-right:5px; zoom:1;}
.listel li span{ float:right; color:#666;}
.index-conts{ float:right; width:290px; margin-top:15px;}
/* .index-product{ padding-top:15px; *margin-top:15px; *padding-top:0px;} */
.index-product .profld{ margin:0px; position:relative; overflow:hidden;}
.index-product h3 span{ float:left; }
.index-product ol{ position: absolute; width: 2012em; }
.index-product ol li{ float:left; text-align:center; }
.index-product ol li a.img{ display:block; text-align:center; font-size:0px;}
.index-product ol li a.img img{ margin:auto; border:1px solid #d6d6d6;}
.index-product ol li h3{ font-weight:normal; margin-top:5px; height:20px; line-height:20px; overflow:hidden;}
.index-product .flip{ height:20px; overflow:hidden; margin:8px 15px 0px; float:left; }
* html .index-product .flip{ width:300px;}
*+html .index-product .flip{ width:300px;}
.index-product .next,.index-product .prev{ width:18px; height:18px; overflow:hidden; display:block; float:left; background:url(../neu.gif) no-repeat;}
.index-product .next{ background-position:-17px 0px; }
.index-product .next:hover{ background-position:-57px 0px; }
.index-product .prev{ background-position:-40px 0px; }
.index-product .prev:hover{ background-position:0px 0px; }
#trigger{ float:left; margin-right:5px; margin-top:0px; position:relative; bottom:8px; *bottom:0px; *top:5px; zoom:1;}
#trigger a{ background:url(../neu.gif) no-repeat -78px -10px; width:8px; height:8px; font-size:0px; display:inline-block; overflow:hidden; margin-right:5px;}
#trigger a.current{ background-position:-78px 0px;}
#tabs-nav{ float:left;text-align: center; margin-left:15px;}
#tabs-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display:inline; position:relative; *top:12px;}
#tabs-nav li a {width: 8px; height: 8px; display: block; overflow:hidden; background:#9df0f5; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
#tabs-nav li a:hover { background:#fff; }
#tabs-nav li a.flex-active{ background:#fff; cursor: default; }
.links{ background-image:url(../i8-bg.jpg); background-repeat:repeat-x}
.index-links-txt{ background-image:url(../i8.jpg); height:53px}
.index-links{ background:#fff; padding:5px 15px 10px; margin-top:15px; position:relative;}
.index-links h3{ height:32px; line-height:32px; padding-left:20px; background:url(../dt-2.gif) no-repeat left center; font-weight:normal; font-size:16px; position:relative; border-bottom:1px dotted #ccc; margin-bottom:10px;}
.index-links h3 a.more{ position:absolute; right:10px; top:0px; color:#666; font-size:12px;}
.index-links ul{ margin:0px; padding:0px;}
.index-links .img{ margin-bottom:3px;}
.index-links .img li{ list-style:none; display:inline; padding-right:5px;}
.index-links .img img{ width:88px; height:31px;}
.index-links .txt{ zoom:1;}
.index-links .txt li{ list-style:none; float:left; width:88px; height:20px; line-height:20px; margin-right:5px; overflow:hidden;}
/*six contact*/


/*内页侧栏*/
.sidebar{ margin-top:100px;overflow: hidden;}
.sidebar .sb_nav{width:1200px; float:left}
.sidebar .sb_nav h3.title{ text-align: center; height:72px; color:#fff;font-weight:100; background-color:#1e41ca;display: none;}
.sidebar .sb_nav h3.title dl{ font-size:20px; color:#fff; padding-top:15px; line-height:20px; display:inherit}
.sidebar .sb_nav h3.title dd{ font-size:16px; color:#fff; font-weight:100; line-height:25px; font-family:Arial, Helvetica, sans-serif}
.sidebar .sb_nav h3.line{margin-top:15px; }
.sidebar .sb_nav .active{padding: 30px 0;/*margin-bottom: 20px;*/text-align: center;border-bottom: 1px solid #dfdfdf;}
.sidebar .sb_nav .active dl{display: inline-block;margin: 0 10px;height: 40px;overflow: hidden; }
/*#sidebar dl dt{line-height:48px; height:48px;font-size:16px;color:#333;padding-left:20px; margin:0 auto; margin-bottom:5px; border:#ccc solid 1px}*/
#sidebar dl dt a{position: relative;
top: 0;
transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;}
/*#sidebar dl dt a:hover{
    top: -40px;
    transition:all 0.3s;
    -o-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
}*/
#sidebar dl dt a span{
display: block;
width: 118px;
height: 38px;
line-height: 40px;
text-align: center;
color: #eef0f2;
background: #333;
border: 1px solid #333;}
#sidebar dl dt a:hover span{background:#1e41ca;border: 1px solid #1e41ca;}
/*#sidebar dl dt:hover{background-image:url(../pro_list_bg2.jpg);border:#1e41ca solid 1px}
#sidebar dl dt:hover a{ color:#1e41ca}*/
#sidebar dl dd{ padding:0px 0px 5px 0px}
#sidebar dl dd h4{padding-left:30px; background-image:url(../pro_list_bg2j.jpg); line-height:34px; color:#333; font-size:12px; background-color:#ccc}
#sidebar dl dd h4 a{ color:#ff0000; font-weight:100}
#sidebar dl dt.on{background:#1e41ca;border: 1px solid #1e41ca;}
#sidebar dl dt.on a span{ font-weight: 100;
color: #fff;
background: #1e41ca;
border: 1px solid #1e41ca;}
#sidebar dl h4.on a{ font-weight:100}
.sidebar .sb_box{width:1200px; float:right; background-color:#fff; border-radius:10px}
.sidebar .sb_box h3.title{height:30px; line-height:30px; position:relative; border-bottom:#ebebeb solid 1px;display: none;}
.sidebar .sb_box h3.title span{ position:absolute; left:0px; top:-1px; font-size:18px; padding:0px; color:#000; font-weight:100}
.sidebar .sb_box h3.title div.position{ float:right; font-weight:normal; position:relative; top:0px; right:0px; color:#333; font-size:12px}
.sidebar .sb_box h3.title div.position a{ color:#333;; font-size:12px; text-transform:uppercase}
.sidebar .sb_box .active{ padding:0px; min-height:190px}
#showproduct dl dt{text-align: center;}
#newslist ul dd b{color: #1e41ca !important}
.sb_nav { display: none;}
.sb_box .title {  display: none;}
.aboutsidebar.inner {
    width: 100% !important;}
/*首页*/
.ber-b{ background-image:url(../ber-b.jpg); height:54px; background-repeat:repeat-x; }
.ber-b-1000{ width:1320px; height:54px; margin:0 auto}
.ber-b-1000 dl{ width:262px; float:left; height:54px}
.ber-b-1000 dd{ width:600px; float:right; height:54px; line-height:54px; font-size:16px; text-align:right}
.i-link{ background-image:url(../i-link.jpg); width:1320px; height:40px; margin:0 auto}
.i-link-c{ width:1320px; height:50px; text-align:center; margin:0 auto; margin-top:10px; margin-bottom:10px}
.i-link-c a{ width:250px; height:25px; line-height:25px; font-size:16px; float:left; display:block; text-align:left}
/*底部*/
footer{color:#fff; background-color:#010e21;height:80px; background-position:center bottom; width:100%;}
footer .content{ width:1200px; margin:0 auto;}
.footer .content span {line-height: 80px;color: #fff;}
.foot-text{width:1320px; margin:0 auto; padding-top:30px; padding-bottom:20px; color:#FFFFFF;}
.foot-text a{ color:#FFFFFF}
.foot-bg{ background-image: url(../foot-bg.jpg); height:230px; background-position:center top; background-repeat:no-repeat}
#imglist{ padding-left:0px; padding-right:0px}
.img:hover img{filter:alpha(opacity=60);  -moz-opacity:0.6;  -khtml-opacity: 0.6;  opacity: 0.6;}
#showtext{ padding-left:0px; padding-right:0px;padding: 0;}

/*首页*/
.imoretxt{margin-top: 40px;}
.imoretxt a{display:block; padding:2px; color:#fff; background-color:#0174c7; line-height:30px; font-size:16px;width:150px;text-align:center;text-transform:capitalize;height: 30px;margin: 0 auto;}
.imoretxt a:hover{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;background-color:#ca0404;color:#fff;}
.imoretxt2{}
.imoretxt2 a{display:block;box-shadow:0px 0px 0px #000;background-color:#fff;color:#1e41ca;border-radius:20px;border:#1e41ca solid 1px;width:120px;padding:2px;line-height:25px;text-align:center}
.imoretxt2 a:hover{background-color:#1e41ca;color:#fff;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;}
div#nav2_817 {  display: none !important;}
div#nav2_818 {left: -288px;}

/*关于内页*/
.nprofile { background:url(../profilebg.jpg) no-repeat;height: 765px;}
.nprofile .content { width: 1200px;  margin: 0 auto;padding: 200px 0;}
.nprofile .content h1{ font-size:36px;text-transform: capitalize;}
.nprofile .content p{width: 500px;font-size: 16px;color: #666;}
.quoteus {background: #0174c7;padding: 40px 0; overflow:hidden;   }
.quoteus .content { width: 1200px; margin: 0 auto;}
.submint .submit.button.orange { color: #fff;background-color: #00609c;border: #ccc solid 1px;border-radius: 30px;}
.aquoteus { background: #0174c7; padding: 40px 0; overflow:hidden;    margin-top: 90px;}
.aquoteus .content {width: 1200px; margin: 0 auto;}

/*产品*/
.promain_box{ width:1200px; margin:0 auto; margin-top:15px;overflow: hidden;}
.promain_box .l_nav{ margin: 0 auto;padding-bottom: 10px;width: 220px;float: left; border: 1px solid #e5e5e5;}
.promain_box .l_nav h3.title{ text-align:right; height:80px; color:#fff;font-weight: bold; background: #00578d; }
.promain_box .l_nav h3.title dl{ font-size:20px; color:#FFFFFF; padding-top:25px; line-height:25px; text-align:center}
.promain_box .l_nav h3.title dd{ font-size:16px; color:#FFFFFF; font-weight:100; line-height:25px; display:none}
.promain_box .l_nav h3.line{margin-top:15px; }
.promain_box .l_nav .l_sort{display: table;margin: 0 auto;text-align: center;padding: 10px 0;width: 100%;}
.promain_box .l_nav .l_sort dl{float: left;background: #e5e5e5; margin: 5px 5px;padding: 0;width: 96%;font-size: 20px; }
.promain_box .l_nav .l_sort dl:hover{background: #00609c; margin: 5px 5px;}
.l_sort dl dt{font-size:14px;color:#333;  background-image:url(../images/pro_list_bg.jpg); margin:0 auto;  overflow:hidden;padding: 10px 30px;}
.l_sort dl dt a{color:#333;}
.l_sort dl dt:hover{background-image:url(../images/pro_list_bg2.jpg)}
.l_sort dl dt:hover a{ color:#fff}
.l_sort dl dd{ padding:0px 0px 0px 15px;}
.l_sort dl dd h4{width:195px!important;width:250px;padding-left:55px; background-color:#f2f2f2; line-height:52px; color:#666; font-size:14px; margin-bottom:5px}
.l_sort dl dd h4 a{ color:#333; font-weight:100}
.l_sort dl dt.on{color: #fff;background: #00609c;}
.l_sort dl dt.on a{ font-weight:100; color:#fff; }
.l_sortdl h4.on a{ font-weight: bold;}
.promain_box .content_box{ float: left; width: 960px;overflow:hidden;    margin-left: 16px; }
.promain_box .content_box h3.title{height:45px; line-height:45px; position:relative; border-bottom:#eee solid 1px;}
.promain_box .content_box h3.title span{ position:absolute; left:0px; top:-1px; font-size:20px; padding:0px; color:#000; font-weight:100}
.promain_box .content_box h3.title div.position{ float:right; font-weight:normal; position:relative; top:0px; right:0px; color:#333; font-size:12px}
.promain_box .content_box h3.title div.position a{ color:#333;; font-size:12px}
.promain_box .content_box .x_box{  min-height:500px}
.promain_box .content_box .x_box #prolist ul{padding:0;}
.promain_box .content_box .x_box #prolist ul li{width: 30%; float:left;border: 1px solid #e5e5e5;margin: 5px;padding:8px;}
.promain_box .content_box .x_box #prolist ul li dd{line-height: 60px;text-align: center;}
.promain_box .content_box .x_box #prolist ul li dl {overflow:hidden;}
.promain_box .content_box .x_box #prolist ul li dl:hover {position:relative;top:0;}
.promain_box .content_box .x_box #prolist ul li dl img {transition:all 0.6s;}
.promain_box .content_box .x_box #prolist ul li dl:hover img{  transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2);   -moz-transform:scale(1.2, 1.2);  -webkit-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); }

#newslist li .newsleftimg {overflow:hidden;}
#newslist li .newsleftimg:hover {position:relative;top:0;}
#newslist li .newsleftimg img {transition:all 0.6s;}
#newslist li .newsleftimg:hover img{  transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2);   -moz-transform:scale(1.2, 1.2);  -webkit-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); }

.form-group{ width:100%; clear:both; margin-top:10px; height:54px}
.form-group div{ width:600px;  height:54px}
.form-group div input{ width:600px; height:40px; border:#f4f4f4 solid 1px; padding:5px}
.form-group div textarea{width:598px; height:60px; border-radius:7px; border:#f4f4f4 solid 1px; padding:5px}

/*******************number**********************************************************************************************************************/
/* .countup { overflow: hidden;padding: 1.5% 0 2%;}
.countup ul { margin: 0 auto;}
.countup ul li {float: left;  box-sizing: border-box;list-style: none;}
.company {    border: 0px !important;}
.countup ul li h6 { font-family: 'HeliosExt Thin','arial';font-size: 48px;color: #000;font-weight: normal;margin: 0;padding: 0;    line-height: 48px;}
.countup ul li h6 span{font-size: 48px;font-weight: bold;}
.countup ul li h6 sup { font-size: 12px;color: #5b5959;vertical-align: text-top;top: 1em;}
.countup ul li p { font-size: 14px;color:#666;line-height: 14px;} */
/*******************number**********************************************************************************************************************/
a {text-decoration: none;color: black;}
.box{width: 800px;margin:0 auto;overflow: hidden;}
.box-1{width: 1000px;float: left;}
.box-1 ul{margin:0;}
.box-1 ul li{overflow: hidden;}
.box-1 ul li img{display:block;width: 800px; height: 400px;}
.box-1 ul li h2{text-indent: 2em;
				padding-right:50px ;font-size: 15px;line-height: 60px;text-overflow: ellipsis;overflow: hidden;
				white-space: nowrap;font-weight: normal;color:#333;}
.box-2{position: absolute;right: 10px;bottom: 14px;display:none;}
.box-2 ul li{float:left;width: 12px;height: 12px;overflow: hidden; margin: 0 5px; border-radius: 50%;
				background: rgba(0,0,0,0.5);text-indent: 100px;cursor: pointer;}
.box-2 ul .on{background: rgba(255,255,255,0.6);}
.box-3{float: left;width: 100px;}
.box-3 span{color: white;background: rgba(125,125,120,.3);font-family: "宋体";font-size:20px;text-align: center;cursor: pointer;padding: 3px 8px;}
.box-3 .prev{margin-right: 6px;}
.box-3 .next{}
.box-3 span::selection{background: transparent;}
.box-3 span:hover{background: rgba(125,125,120,.8);}
.inewsroll{overflow:hidden;box-shadow: 2px 2px 4px 2px #e5e5e5;
z-index: 999;
position: relative;}
.inewsroll .content{width:1200px;margin:0 auto;height: 60px;line-height: 60px;}
.inewsroll .content .noticeicon{height: 60px;line-height: 60px;float: left;}
.inewsroll .content img{}
.inewsroll .content h1{float:left;}
.inewsroll .content .box{float: left;width: 1100px;}
/*neicontact*/
.messagesb_nav { display: none;}
.messagesidebar {margin-top: 60px; }
.messagesidebar .sb_box{width: 100%; margin: 0 auto;}
.messagesidebar .title { display: none;}
.ncontacttitle h1 { font-size: 60px; color: #fff; text-align: center;  padding: 6% 0;}
.ncontactcon{overflow: hidden;padding-top: 30px;     margin: 0 auto; }
.ncontactcon ul li b{display: block;padding-top: 0;font-weight: inherit;}
.ncontactcon ul li span{font-size: 24px;color: #333;font-weight: bold;line-height: 30px;}
.contactustit{text-align: center;}
.contactustit h1{font-size: 48px;text-align: center;display: block;line-height: 48px;}
.contactustit span{font-size: 20px;color: #999;text-transform: uppercase;text-align: center;display: block;font-weight: bold;}
.contactustit p{color: #707070;text-align: center;font-size: 14px;}
.message{}
.messagerow {padding: 30px 0; margin: 0 auto;overflow: hidden; width: 100%; margin: 0 auto;}
.messagetit { text-align: center;}
.messagetit h1 { font-size: 48px; color: #000; text-transform: uppercase; font-weight: bold;}
.messagetit span {color: #999;} 
.message_table h1 { font-size: 60px; color: #fff; text-align: center;}
.message_table span {font-size: 18px;color: #fff; text-align: center; display: block;}
.ncontact {width: 70%; margin: 0 auto;padding: 80px 0;}
.ncontacttit>b { font-size: 48px; text-align: center;display: block;    line-height: 48px;}
.ncontacttit>span { font-size: 20px; color: #999; text-transform: uppercase; text-align: center; display: block;font-weight: bold;}
.ncontacttit>p { color: #707070; text-align: center;}
.ncontactconleft {
  width: 75%;
  padding: 0 !important;
  float: left;
}
.ncontactconright {
  width: 25%;
  float: left;
  padding: 0 !important;
}
.ncontactcon li.contactadd { text-align: center;width: 75%;float: left;list-style: none;padding: 10px 0;}
.ncontactcon li.contacttel { text-align: center;width: 75%;float: left;list-style: none;padding: 10px 0;}
.ncontactcon li.contactemail { text-align: center;width: 75%;float: left;list-style: none;padding: 10px 0;}
.ncontactcon li.contactercode { text-align: center;list-style: none;padding: 30px 20px;
min-height: 100px}
.ncontactcon li img{display: initial;float: left;}
.ncontactcon li .contacttxt{float: left;text-align: left;}
.ncontactcon li span{display: block;    padding-top: 24px;}
.ncontactcon li p{display: block;    font-size: 24px; color: #333; font-weight: bold; line-height: 30px;}
.message_table{padding:10px 0;overflow: hidden;}
.message_table ul{padding:0;width: 100%; }
.message_table li {margin: 10px 0;}
input.input-text, input.input-file, input.code, textarea{border:0;background: #fff;}
.button{    color: #fff;background-color: #e5007f; border: #ccc solid 1px;  border-radius: 30px;}
.contactmap { background: #fff; padding: 1%;}
.contactmap iframe {border: 0;}
.form-control{display: block;
width: 94%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
}
button, input, select, textarea{font-family: inherit;
font-size: inherit;
line-height: inherit;}
button, input, optgroup, select, textarea{margin: 0;
font: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
color: inherit;}
li{list-style: none;}
textarea.form-control { height: auto;width: 97%;}

.button {
  display: block;
  width: 150px;
  height: 50px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
}
.button {
  color: #fff;
  background-color: #ff8400;
  border: #ccc solid 1px;
  border-radius: 30px;}	
.neimain { background: #eee;}
.x_box table{margin-bottom: 10px;}
.x_box table tr td{font-size: 16px;color: #727171;}
.border-info{text-align: left;
margin-bottom: 25px;
height: 54px;
line-height: 54px;
padding-bottom: 10px;
font-size: 52px;
font-weight: bold;
color: #39363b;
overflow: hidden;}
input.form-control{height:60px;}
input.form-control, input.input-file, input.code, textarea.form-control{border:0;background: #f4f4f4;}
.button{    color: #fff;background-color: #bf1d20; border: #ccc solid 1px;  border-radius: 30px;}
.contactmap { margin-top: 60px;}