@charset "utf-8";
html{font-family:"微软雅黑";}
body{ margin:0px; padding:0px; margin:0px auto; font-size:12px; color:#414446; width:100%; /*min-width:1004px; width:expression((documentElement.clientWidth < 1004) ? "1004px" : "100%" ); zoom:1;*/}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
ul,ul li{ list-style:none;}
h1,h2,h3,h4,h5,h6,p{ padding:0px; margin:0px;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; max-width:100%; vertical-align:top;}
a{ color:#414446; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#fff;}
.clear{ clear:both; height:0px; overflow:hidden;}

.Contain{}
.SildeBar{}
.MainContent{}
.Content{}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; font-size:13px; line-height:24px;}

.Current a{color: #414446;padding:0 5px;}
.Current a:hover{color: #008fd7;}
/*pages*/
.Pages{}
/*pages end*/

/*Top*/
.topbg{height: 90px;background: #fcfcfe;}
.Top{height: 90px;margin: 0 auto;width: 1285px;}
.Top h1{padding-top: 8px;float: left;}
.MainNav{padding-left: 15px;float: left;}
.MainNav ul li{float: left;padding: 0 18px;line-height: 90px;font-size: 16px;height: 90px;background:url(../images/li_03.jpg) right center no-repeat;}
.MainNav ul li:hover{background: #008fd7;}
.MainNav ul li:hover a{color: #fff;}
.MainNav ul li a{color: #333;}
.MainNav ul li.navon a{color: #fff;}
.MainNav ul li.navon{background: #008fd7;}
.share{float: left;padding-top: 30px;}
.share .search{width: 31px;height: 31px;background: url(../images/home_06.jpg) no-repeat;float: left; margin-left: 10px;position: relative;cursor: pointer;}
.share .sousuo{height: 26px;width: 177px;background: #1c84b8;padding: 2px;position: absolute;left: -148px;bottom:-30px;display: none;}
.search input{width: 153px;height: 24px;border: 1px solid #e0e0e0;background: #fff;}
.share .wechat{width: 31px;height: 31px;background: url(../images/home_08.jpg) no-repeat;float: left;position: relative;}
.wechat a{width: 31px;height: 31px;display: block;}
.erweima{width: 141px;height: 154px;position: absolute;top: -125px;left: -42px;display: none;}
.erweimat{z-index: 99;width: 141px;height: 154px;position: absolute;top: 56px;left: -55px;display: none;}

.sousuoan{color:#fff;padding-left:2px}
.logo{width: 300px;height: 70px;float: left;}
.logo h1{width: 300px;height: 70px;}
.logo a img{width: 300px;height: 70px;}
/*Top*/


.Bottom,HomeBan,newscenter,Banner{min-width:1280px; max-width:100%;}



/*Bottom*/
.Bottom{height: 174px;background: url(../images/bottom_02.jpg) repeat-x; min-width:1280px; max-width:100%;}
.bottom_top{height: 109px;background: url(../images/bottombg.png) bottom repeat-x;}
.bottom_top_c{width: 1280px;margin: 0 auto;}
.botlogo{padding-right: 36px;display: none;float: left;}
.bottom_top_l{padding-top: 24px;float: left;width: 870px;}
.phone{color:#fff ;line-height:22px; font-size: 16px;}
.phone span{color: #969696;}
.bottom_top_r{float: right;}
.bottom_top_r img{width:90px; height:90px;float: right;margin:8px 35px 0px 0px; display:inline;}
.bottom_top_r ul li a{display: block;}
.bottom_top_r ul li{float: left;padding-left: 13px;padding-top: 38px;}
.bottom_top_r ul li .email{width: 34px;height: 33px;background:url(../images/bottom_08.jpg) no-repeat;}
.bottom_top_r ul li .weibo{width: 34px;height: 33px;background:url(../images/bottom_10.jpg) no-repeat;}
.bottom_top_r ul li .wechat{width: 34px;height: 33px;background:url(../images/bottom_12.jpg) no-repeat;}
.bottom_top_r ul li .tencent{width: 34px;height: 33px;background:url(../images/bottom_14.jpg) no-repeat;}
.bottom_top_r ul li{position: relative;}
.bottom_bottom_c{width: 1280px;margin: 0 auto;color: #777777;}
.Copyright{float: left;font-size: 14px;line-height: 65px;}
.Copyright a{color: #777777;}
.BottomLinks{float: right;}
.BottomLinks a{color: #777777;padding: 0 9px;font-size: 14px;line-height: 65px;}
/*Bottom*/

/*SildeBar*/
.SildeBar{}
/*SildeBar*/

/*Banner*/

.HomeBan{min-width:1280px; max-width:100%; height:446px; position:relative;}
.HomeBan .BanList{ width:100%; height:446px;}
.HomeBan .BanList ul{margin: 0 auto;}
.HomeBan .BanList li{ width:100%; height:446px; overflow:hidden;}
.HomeBan .BanList li a{ width:100%; height:446px; display:block;}
.HomeBan .TabList{ width:100%; height:14px; left:0px; bottom:30px; position:absolute;}
.HomeBan .TabList .List{ width:130px; height:14px; margin:0 auto;}
.HomeBan .TabList .List ul{ float:right;}
.HomeBan .TabList li{ float:left; width:15px; height:14px; padding:0.5px;}
.HomeBan .TabList li span{ background:url(../images/li.png) no-repeat left top; width:15px; height:14px; display:block; cursor:pointer;}
.HomeBan .TabList li.on span{ background:url(../images/li_on.png) no-repeat left top;}
.Banner{height: 289px;min-width:1280px; max-width:100%;}
/*Banner*/

/*index*/
.hproduct{height: 447px;padding-top: 68px; min-width:1280px; max-width:100%;}
.hproduct .protlt{background:url(../images/libg_03.jpg) left center no-repeat;width: 197px;margin: 0 auto;text-align: center;font-size: 24px;font-weight: normal;}
.hproduct .protlt span{color: #008fd7;}

.hproduct .zthd{margin-top: 24px;height: 154px;}

.hproduct .zthdpic{position: relative;}
.hproduct .zthdpic .zthdpichd{z-index: 99;position: absolute;top: 50%;width: 1290px;left: 50%;margin-left: -640px;}
.hproduct .zthdpic .zthdpichd a{width: 44px;height: 44px;background: url(../images/home_21.jpg) no-repeat;display: block;cursor: pointer;}
.hproduct .zthdpic .zthdpichd a.prev{float: left;}
.hproduct .zthdpic .zthdpichd a.next{float: right;background: url(../images/home_24.jpg) no-repeat;}
.hproduct .zthdpicbd{z-index: 10;padding-top:36px;}
.hproduct .zthdpicbd ul li{float: left;width: 249px;text-align: center;padding: 0 27px;padding-top: 27px;}
.hproduct .zthdpicbd ul li a{font-size: 16px;color: #666;line-height: 56px;}
.hproduct .zthdpicbd ul{position: relative;}
.hproduct .zthdpicbd .tempWrap{width: 1189px !important;margin: 0 auto;}
.hpropic{background: url(../images/home_16.png) no-repeat;}
.hpropic img{margin-top: -19px;width: 249px;height: 272px;}
.hproduct .zthdpicbd ul li:hover{background: #018fd7;}
.hproduct .zthdpicbd ul li:hover a{color: #fff;}
.newscenter{background: #fbf7f7;padding-top: 68px;overflow: hidden;min-width:1280px; max-width:100%;}
.newscenter .protlt{background:url(../images/libg_03.jpg) left center no-repeat;width: 197px;margin: 0 auto;text-align: center;font-size: 24px;font-weight: normal;font-family: "微软雅黑";}
.newscenter .protlt span{color: #008fd7;}
.newstitle{text-align: center;margin-bottom: 62px;padding-top: 36px;cursor: pointer;}
.newstitle span{margin: 0 4px;width: 111px;height: 33px;background: url(../images/hnbg_03.png) no-repeat;display: inline-block;line-height: 33px;text-align: center;font-size: 14px;color: #666;}
.newstitle span.span_on{background: url(../images/home_35.jpg) no-repeat;color: #fff;}
.hy{width: 1280px;margin: 0 auto;display: none;}

.newscontain .newscontain .hy .hy_l{width: 631px;height: 331px;border: 1px dashed #dbd0c9;float: left;}
.newscontain .newsdpic{height:331px; width:262px;display: block;float: left;}
.newscontain .newsmore{width: 98px;height: 29px;background: url(../images/home_45.jpg) no-repeat;display: block;color: #fff;padding-left: 20px;line-height: 29px;margin-top: 53px;}
.newscontain .hnewsd{float: left;width: 331px;padding-left: 22px;}
.newscontain .hnewsd h3{font-size: 16px;font-weight: normal;padding-top: 35px;padding-bottom: 36px;}
.newscontain .hnewsd h3 a{color: #333;}
.newscontain .hnewsd span{color: #f29200;font-size: 18px;padding-bottom: 11px;display: block;}
.newscontain .jshu{font-size: 14px;color: #999;}

.newscontain .hy_r ul li{width: 609px;height: 55px;border: 1px solid #dbd0c9;padding-top: 16px;margin-bottom: 15px;float: right;}
.newscontain .hy_r ul li.top{border: none;width: 623px;height: 377px;overflow: hidden;float: left;}
.newscontain .hy_r ul li.top:hover{background: none;}
.newscontain .hy_r ul li .hyrd{width: 101px;background: url(../images/syrq_03.png) right center no-repeat;height: 41px;float: left;}
.newscontain .hy_r ul li .hyrd span{display: block;color: #989898;text-align: center;}
.newscontain .hy_r ul li .hyrd .riqi{font-size: 23px;}
.newscontain .hy_r ul li .hyrd .nian{font-size: 16px;}
.newscontain .hy_r ul li .nianc{font-size: 14px;padding-left: 14px;line-height: 41px;color: #787878;}
.newscontain .hy_r ul li:hover{background: #008fd7;}
.newscontain .hy_r ul li:hover .hyrd span{display: block;color: #fff;text-align: center;}
#content{height: 433px !important;}
.newscontain .hy_r ul li:hover .nianc{font-size: 14px;padding-left: 14px;line-height: 41px;color: #fff;}



.cgal .picList li{position: relative;width: 310px;height: 207px;border: 1px solid #d9d9d9;text-align: center;font-size: 12px;color: #464646;line-height: 30px;float: left;margin-right: 4px;margin-bottom: 12px;}
.cgal .picList li img{width: 310px;height: 207px;}
.cgal .zhezhao{width: 100%;height: 100%;background: #008fd7;position: absolute;left: 0;top: 0;opacity: 0.8;filter:Alpha(opacity=80);display: none;}
.cgal .picnr{width: 100%;height: 100%;position: absolute;left: 0;top: 0;text-align: center;display: none;}
.cgal .ckxx{margin-top: 9px;background:url(../images/ckxx_03.png) no-repeat;width: 111px;height: 33px;margin: 0 auto;margin-top: 16px;}
.cgal .ckxx a{font-size: 14px;color: #fff;}
.cgal .picjj{font-size: 12px;color: #fff;}
.cgal .picnr h3 {padding-top: 55px;}
.cgal .picnr h3 a{font-size: 16px;color: #fff;}
.cgal .picList li:hover .zhezhao{display: block;}
.cgal .picList li:hover .picnr{display: block;}




.cgal .hd{position: relative;}
.cgal .hd .next:hover{background:url(../images/hover_07.jpg) no-repeat;}
.cgal .hd .prev:hover{background:url(../images/hover_03.jpg) no-repeat;}
.multipleColumn{overflow: hidden;}
.cgal .tempWrap{width: 1920px !important;overflow: hidden;padding-bottom: 20px;}
.picList{overflow: hidden;padding-bottom: 20px;}
.cgal{display: none;padding-left: 78px;}
.cgal_on{display: block;}
/*index*/

/*about*/
.MenuList{background:url(../images/listbg.png) no-repeat;width: 1280px;height: 40px;margin: 0 auto;margin-top: 23px;}
.MenuList ul li{float: left;line-height: 40px;font-size: 14px;color: #333333;}
.MenuList ul li a{padding-left: 19px;height: 40px;display: block;}
.MenuList ul li a span{height: 40px;display: block;float: left;padding: 0 10px;}
.MenuList ul li a div{height: 40px;width: 18px;display: block;float: left;}
.MenuList ul li.lion a div{height: 40px;background: url(../images/listbg_07.png) no-repeat;width: 18px;display: block;float: left;}
.MenuList ul li.lion a{padding-left: 19px;background:url(../images/listbg_03.png) left center no-repeat;height: 40px;display: block;color: #fff;}
.MenuList ul li.lion a span{background: url(../images/listbg_05.png) repeat-x;height: 40px;display: block;float: left;}
.MenuList ul li:hover a div{height: 40px;background: url(../images/listbg_07.png) no-repeat;width: 18px;display: block;float: left;}
.MenuList ul li:hover a{padding-left: 19px;background:url(../images/listbg_03.png) left center no-repeat;height: 40px;display: block;color: #fff;}
.MenuList ul li:hover a span{background: url(../images/listbg_05.png) repeat-x;height: 40px;display: block;float: left;}
.Current{float: right;line-height: 40px;padding-right: 45px;}
.MainContent{width: 1280px;margin: 0 auto;}
.company{padding-top: 60px;}
.company span{font-size: 22px;color: #999;}
.company .gongsi{font-size: 22px;color: #333;line-height: 35px;width: 1280px;border-bottom: 1px solid #dfdfdf;padding-bottom: 30px;}



/*video*/
.videoContent{padding-top: 45px;padding-bottom: 42px;overflow: hidden;text-align: center;}
.videoContent ul{overflow: hidden;}
.videoContent ul li{width: 219px;height: 209px;border: 1px solid #e0e0e0;padding: 8px;margin-right: 23px;margin-bottom: 39px;float: left;}
.videoContent ul li a{font-size: 14px;color:#595959;text-align: center;display: block;line-height: 50px; }

.p_page{float: right;}
.p_page a,.p_page span{width: 22px;height: 29px;text-align: center;line-height: 29px;background: #f1f1f1;color: #5d5855;display: inline-block;margin-right: 8px;}
.p_page .a_first, .p_page .a_prev,.p_page .a_next,.p_page .a_end{width: 62px;height: 29px;text-align: center;line-height: 29px;display: inline-block;}
.p_page a.current,.p_page span.current{background: #008fd7;color: #fff;}
.p_page a:hover{background: #008fd7;color: #fff;}


/*case*/
.caseContent {padding-top: 44px;padding-bottom: 106px;overflow: hidden;}
.caseContent ul li{width: 1260px;height: 150px;padding: 9px;border: 1px solid #f4f4f4;position: relative;margin-bottom: 39px;}
.caseContent ul li .casepic{float: left;width: 209px;height: 150px;}
.caseContent ul li .casepic a{width: 209px;height: 150px;display: block;}
.caseContent ul li .caselist{float: left;width: 683px;padding-left: 34px;}
.caseContent ul li h3{font-size: 16px;font-weight: normal;padding-top: 16px;padding-bottom: 20px;}
.caseContent ul li h3 a{color: #333;}
.caseContent ul li span{line-height: 24px;font-size: 12px;color: #999;}
.caseContent ul li i{display: block;font-style: normal;color: #999;font-size: 12px;padding-top: 16px;}
.caseContent ul li .casemore a{width: 39px;height: 39px;display: block;position: absolute;background: url(../images/case_16.jpg) no-repeat;left: 1180px;top: 50%;margin-top: -20px;}
.caseContent ul li:hover{border: 1px solid #008fd7;}
.caseContent ul li:hover h3 a{color: #008fd7;font-weight: bold;}
.caseContent ul li:hover .casemore a{width: 39px;height: 39px;display: block;position: absolute;background: url(../images/case_10.jpg) no-repeat;left: 1180px;top: 50%;margin-top: -20px;}

/*news*/
.newsContent{padding-top: 61px;padding-bottom: 164px;overflow: hidden;}
.newsContent ul li{overflow: hidden;padding-bottom: 40px;border-bottom: 1px solid #d5d5d5;margin-bottom: 37px;}
.newsContent ul li .newsleft_top_left{width: 73px;height: 55px;background: url(../images/news_05.jpg) no-repeat;float: left;}
.newsContent ul li .day{font-size: 23px;color: #989898;text-align: center;width: 73px;display: block;}
.newsContent ul li .year{font-size: 16px;color: #989898;width: 73px;text-align: center;display: block;}
.newsContent ul li .newsleft_top_right h3 a{font-size: 18px;color: #333;font-weight: normal;}
.newsContent ul li .newsleft_top_right h3 a:hover{color: #008dd8;}
.newsContent ul li .newsleft_top_right span{font-size: 14px;color: #999;padding-top: 8px;display: block;}
.newsContent ul li .newsleft_top_right{height: 55px;background: url(../images/date_03.jpg) left center no-repeat;float: left;margin-left: 15px;padding-left: 15px;}
.newsContent ul li .newsmain{width: 979px;color: #666;line-height: 30px;padding-top: 15px;font-size: 14px;}
.newsContent ul li .newsleft_top{overflow: hidden;}
.newsContent ul li .newsleft{float: left;}
.newsContent ul li .newspic{float: right;width: 243px;height: 163px;}
.newsContent ul li .newspic a{width: 243px;height: 163px;display: block;}
/*skill*/
.skillContent{padding-top: 30px;padding-bottom: 56px;overflow: hidden;}
.skillContent ul li {height: 53px;background: url(../images/ruct_05.jpg) no-repeat 16px  center;padding-left: 34px;padding-right: 19px;border: 1px solid transparent;border-bottom: 1px dashed #ebeaea;}
.skillContent ul li .skilltitle{font-size: 14px;color: #666;line-height: 53px;float: left;}
.skillContent ul li span{float: right;font-size: 14px;color: #a8a8a8;line-height: 53px;}
.skillContent ul li:hover{border: 1px solid #008dd8;}
.skillContent ul li:hover .skilltitle a{color: #008dd8;}
.skillContent ul li:hover span{color: #008dd8;}
.skillContent ul{padding-bottom: 55px;overflow: hidden;}
/*product*/
.productContent{padding-top: 38px;padding-bottom: 28px;overflow: hidden;}
.productContent h3{font-size: 18px;font-weight: normal;padding-left: 17px;color:#595959; background: url(../images/product_05.jpg) left center no-repeat;margin-bottom: 23px;}
.productContent ul li{width: 221px;height: 211px;padding: 9px;border: 1px solid #e0e0e0;line-height: 50px;text-align: center;margin-right: 18px;margin-bottom: 39px;float: left;}
.productContent ul li a{color: #595959;font-size: 14px;}
.productContent ul{overflow: hidden;}



/*product_detail*/
.productdeContent{padding-top: 58px;padding-bottom: 54px;overflow: hidden;}
.productdeContent .prode_l{float: left;width: 465px;height: 467px;}
.productdeContent .prode_r {float: left;width: 687px;padding-left: 126px;}
.productdeContent .prode_r h3{font-size: 22px;color: #008dd8;}
.productdeContent .prodec{color: #676767;font-size: 14px;font-weight: bold;padding-bottom: 30px;border-bottom: 1px solid #f0f0f0;overflow: hidden;padding-top: 29px;}
.productdeContent .prodec span{color: #929292;}
.productdeContent .prodec ul li{color: #929292;font-size: 14px;background: url(../images/prodebg_03.jpg) left center no-repeat;padding-left: 16px;float: left;overflow: hidden;}
.productdeContent .proli1{width: 197px;}
.productdeContent .proli2{width: 172px;}
.productdeContent .prodec ul{float: right;width: 605px;}
.productdeContent .prodec a{text-decoration: underline;color: #008dd8;margin-right: 20px;}
.productdeContent .prode_r .gmzx{width: 156px;height: 45px;text-align: center;line-height: 45px;color: #fff;background: url(../images/xz_03.jpg);display: block;margin-top: 28px;}
.productdeContent .prode_top{overflow: hidden;}
.ProTxt{ padding:40px 0 0 0;}
.ProTxt .TabBox{ background:#f5f5f5; height:49px; line-height:49px;} 
.ProTxt .TabBox li{ float:left; height:49px; padding:0 20px; cursor:pointer; display:block; font-size:14px; font-weight:bold;}
.ProTxt .TabBox li.on{ background:#008dd8; color:#fff;}
.ProTxt .ContBox{ padding:20px 10px 0 10px;}
.ProTxt .ContBox .Box{ display:none;}
.ProTxt .ContBox .Box section{color: #7d7d7d;font-size: 14px;padding-bottom: 27px;}
.ProTxt .ContBox .Box section span{font-weight: bold;padding-bottom: 4px;display: inline-block;}


/*contact*/
.contactContent{padding-top: 31px;}
/*.contactContent ul li.contact_top .contactc{width: 623px;}**/
.contactContent ul{padding-top: 29px;}
.contactContent ul li{position: relative;margin-bottom:20px; padding:29px 0 25px 20px; /*width: 594px;*/ width: 1258px; line-height: 28px; height: 148px;border: 1px solid #e0e0e0;/*float: left;margin-right: 47px;*/overflow: hidden;}
.contactContent ul li.contact_top{overflow: hidden;line-height: 28px;width: 1258px;float: none;}
.contactContent ul li h3{padding-bottom: 18px;font-size: 16px;}
.contactContent ul li h3 span{color:#008dd8;margin-right: 12px;}
/*.contactContent ul li.contact_top .addr{width: 454px;float: left;}
.contactContent ul li.contact_top  .tel{float: left;}
.contactContent ul li.contact_top  .email{float: left;width: 454px;}
.contactContent ul li.contact_top  .fax{float: left;}*/
.contactContent ul li .qqmap{position: absolute;right: 26px;top: 50%;margin-top: -28px;}
.contactContent ul li .qqmapt{background: url(../images/contact_09.jpg) 40px center no-repeat;padding-left: 37px;border-bottom: 1px solid #e7e7e7;width: 110px;text-align: center;padding-bottom: 10px;}
.contactContent ul li .qqmapb{background: url(../images/contact_13.jpg)  40px center no-repeat;padding-left: 37px;width: 110px;text-align: center;color: #008dd8;padding-top: 10px;}
.contactContent ul li .qqmapb a{color: #008dd8;display: block;}
.contactContent ul li .qqmapt a{color: #008dd8;display: block;}

.contactContent ul .title{ width:96%; clear:both; color: #008dd8; font-size:18px; font-weight:bold; margin-bottom:20px; padding: 0 1.7%;}
.contactContent ul ol{ overflow:hidden; padding:0px;}



/*others*/
.otherscontent{padding-top: 50px;padding-bottom: 200px;}
.otherscontent ul li{width: 200px;height: 100px;font-size: 14px;float: left;margin-right: 20px;margin-bottom: 20px;text-align: center;}
.otherscontent ul li img{width: 200px;height: 70px;}
.otherscontent ul li a{color: #333;}
.legal{font-size: 14px;padding: 20px;line-height: 24px;padding-bottom: 200px;}

.PrevNextBox{padding-top: 20px;}

.col-md-6 a{color: #666}
.col-md-6 a:hover{color: #008dd8;}
.proa{width: 50px;height: 15px;float: right;border: 1px solid #d7d7d7;text-align: center;line-height: 15px;color: #d7d7d7;font-size: 12px;}
.proa:hover{color: #008fd7;}





/*sitemap*/
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;}
.ul_sitemap li strong{ width:90px; display:inline-block;}

#map img{ max-width:none;}

.phones{ font-family: "微软雅黑";font-size:16px;
    float: right;
    width: 240px;}
    
    .prodesc{ margin-left: 68px;}

.