<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0;background: transparent;}
body{font-family:"微软雅黑", Arial; font-size:14px; background:#fff; color:#333333;}
ul,li{list-style:none;}
a{ text-decoration:none;color:#333333;}
a:hover{color:#005aaa;}
img{ border:none;background: transparent;}
.Main_center{width:1200px;height:auto;margin:0 auto;}
.ImgBox{display:table-cell; vertical-align:middle; text-align:center;}
.clearfix:before, .clearfix:after { content: ""; display: BLOCK; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 
@font-face {
	font-family:'Didot';
	src: url('fonts/Didot.ttf')  format('truetype');
}
@font-face {
	font-family:'TimesBold';
	src: url('fonts/TimesBold.ttf')  format('truetype');
}

/*top*/
.top{height:auto;width:100%;position:relative;z-index:2;}
.top .top_head{width:100%;height:33px;line-height:33px; background:#f8f8f8; text-align:right;font-size:10px;}
.top .top_head .top_left{float:left;font-size:13px;color:#333333;}
.top .top_head .top_link{float:right;}
.top .top_head .top_link a{font-size:12px;color:#333333;}
.top .top_head .top_link a.on{color:#005aaa;}
.top .top_head .top_link a:hover{color:#005aaa;}
.top .top_box{overflow:hidden;width:1200px;height: 120px;margin:0 auto;}
.top .top_box .logo{overflow:hidden;float:left;height:120px;display:table-cell; vertical-align:middle;}
.top .top_box .logo img{overflow:hidden;float:left;max-height:120px;}
.top .top_box .slogan{float:left;margin-top:34px;text-align:left;font-size:15px; line-height:26px;color:#439594; background: url(../images/top_line.jpg) no-repeat left center;text-transform:uppercase;padding-left:19px;margin-left:16px; letter-spacing:0.2px;}

/*top tel*/
.top .top_box .ph{float:right;margin-top:30px;padding:5px;padding-left:40px; background: url(../images/top_tel.png) no-repeat left center;margin-left:48px}
.top .top_box .ph{font-size:16px;color:#000; text-align:left; line-height:24px;}
.top .top_box .ph h1{font-family: Arial;font-size:20px;color:#000;}
.top .top_box .ph.ph2{padding-left:70px;background: url(../images/top_tel2.png) no-repeat left center;}

/*nav*/
.top .nav{overflow:hidden;width:100%;height:55px;background:#005aaa;}
.top .nav .nav_box{overflow:hidden;width:1200px;margin:0 auto;height:55px;text-align:center;}
.top .nav .nav_box .ul1{height:auto;margin:0 auto;}
.top .nav .nav_box .ul1 .li1{list-style-type:none;float:left;height: 55px;line-height: 55px;margin:0 12px;}
.top .nav .nav_box .ul1 .li1 a{font-size:18px; color: #fff;display: inline-block;height: 55px;line-height: 55px;padding: 0 18px;text-align: center;position:relative;}
.top .nav .nav_box .ul1 .li1:hover .a1,#curr a{color: #fff;/*background:url(../images/top_navbg.png) repeat center center;*/ background-color:#4616fe; }

/*erji*/
.top .nav .nav_box .ul1 .li1 ul{display:none;position:absolute;z-index:100;padding: 8px 4px;margin-left: -4px;background: url(../images/to_navbg.png) repeat center center; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.top .nav .nav_box .ul1 .li1 ul li{ display:block;float:none; height:auto; margin:0; list-style-type:none;padding:2px 0px; }
.top .nav .nav_box .ul1 .li1 ul li a{ font-size:14px; height:35px;line-height:35px;color: #fff; display:block; text-decoration:none; text-align:left;min-width:142px;margin:0;}
.top .nav .nav_box .ul1 .li1 ul li a:hover {color: #005aaa;}


/*banner*/
.banner {clear: both;}
.banner-box {width: 100%!important;min-height: 490px;position: relative;overflow: hidden;}
.banner-box .bd {width: 100% !important;position: relative;}
.banner-box .bd li .m-width {width: 100%!important;margin: 0 auto;overflow: hidden;}
.banner-box .bd li {width: 100% !important;}
.banner-box .bd li {display: block;background-size: auto;min-height: 490px; height:auto!important; overflow:hidden;width: 100vw!important;}
.banner-box .bd li a {display: block;height:auto!important;/*width: 145px;height: 40px;line-height: 40px;text-align: center;position: absolute;color: #FFFFFF;*/}
.banner-box .bd li img {border: none;position: absolute;left: 50%;margin-left: -960px;width: 1920px;height: 490px;/*width:100%!important;height: 490px;*/}
.banner-btn {width: 100%;position: absolute;top: 120px;}
.banner-btn a {display: block;width: 50px;height:490px;position: absolute;top: 0;}
.banner-btn a.prev {/*background:url(../images/banner-left.png) no-repeat;*/left:0;}
.banner-btn a.next {/*background:url(../images/banner-right.png) no-repeat;*/right:0;}
.banner-box .hd {position: absolute;top: 320px;left: 46.8%;}
.banner-box .hd ul li {margin:0 14px;display:inline-block;width:6px;height:6px;line-height:9999px;overflow:hidden;background:transparent;cursor:pointer;border:2px solid #fff;border-radius:50%;}
.banner-box .hd ul li.on {background: #fff;}


/*search*/
.searchBox{width:100%;height:auto;border-bottom:1px solid #dcdcdc;margin:0 auto;position:relative;padding:18px 0;} 
.search{ width:300px; float:right;height:40px;position:relative;}
.search input {width:292px;display:block; line-height:33px;height:33px; color:#000; text-indent:15px;background: #fff;font-family:"微软雅黑", Arial; outline:none;border:1px solid #dcdcdc; border-right:none; border-radius:5px;}
.search .submit {position:absolute;right:0px;top: 0;height:35px;width:35px;border:none;float:right;background:url(../images/index_search.png) center center no-repeat #005aaa;cursor:pointer;border-radius:5px;}
.search_keywords{float:left;width:850px;padding-right:50px;line-height:35px; overflow:hidden;position:relative;font-size:16px;color:#000; }
.search_keywords a{font-size:16px;color:#005aaa;margin-right:16px;}
.search input::-webkit-input-placeholder { color:#5e5e5e; } 
.search input:-moz-placeholder { color: #5e5e5e; } 
.search input::-moz-placeholder { color: #5e5e5e; } 
.search input:-ms-input-placeholder { color: #5e5e5e; } 


/*index_pro*/
.index_pro{width:100%; margin:0 auto;padding-top:32px;padding-bottom:50px;} 

.proFenlei{width:100%; height:35px;line-height:35px; overflow:hidden;position:relative;font-size:16px;color:#fff; background:#005aaa;margin-bottom:30px; letter-spacing:0.2px;padding:5px 0;}
.proFenlei a{font-size:16px;color:#005aaa;margin-right:16px;color:#fff;margin:0 34px; position:relative;}
.proFenlei a:before{ content:"";background:url(../images/index_dotted.png) left 10px no-repeat ; position:absolute;top:0;left:-40px; width:3px;height:100%; }
.proFenlei a.readmore:before{background:none ;}
.proFenlei a:nth-child(1):before{background:none ;}
.proFenlei .tt{ display:inline-block;float:left;margin:0 30px;}
.proFenlei .t2{ display:inline-block; width:850px; overflow:hidden;}
.proFenlei a.readmore{float:right;font-size:12px;background:none;}
.proFenlei a:hover{ color:#d1dbdc;}


/*ListMenu*/
.ListMenu{ position:relative; float:left;width:275px;margin-right:25px;}
.ListMenu .ListMenu_tit{padding:41px 28px;background:url(../images/nav_ssbg.png) center bottom no-repeat #005aaa; text-align:center;}
.ListMenu .ListMenu_tit .tt{font-size:20px;color:#fff;line-hieght:26px; }
.ListMenu .ListMenu_tit .en{font-size:16px; display:block; text-transform:uppercase;margin-top:4px;font-weight:300; color:#cdf0f0}
.ListMenu .ListSub{border:1px solid #005aaa;border-top:none;}
/*.ListMenu .ListSub .ul1{padding-top:11px;}*/

.ListMenu .li1{position:relative;/* background-color: #005aaa; */}
.ListMenu .li1.focus{background-color: #005aaae8;color: white;}
.ListMenu .li1.focus a{color:#ffffff;}
.ListMenu .li1 i{width:47px;height:60px;background:url(../images/nav_ss.png) center center no-repeat; position:absolute;top:0px;right:10px; cursor:pointer;}
.ListMenu .li1 a{display:block;font-size:16px;line-height: 37px;color:#000;padding: 5px 53px 5px 32px;overflow: hidden;/* background-color: #005aaa; */}
.ListMenu .li1 .a1{font-size:18px;color:#000;border-top:1px solid #cde7e7;line-height:50px;padding: 5px 53px 5px 32px;}
.ListMenu .li1:hover .a1,.ListMenu .li1 .a1.on,.ListMenu li.focus .a1{color:#fff;border-color:#005aaa;background:#005aaa;}
.ListMenu .li1:hover i,.ListMenu li.focus i{background:url(../images/nav_ss2.png) center center no-repeat; }
.page .ListMenu .li1 .a1{line-height: 40px;font-size:16px;}
.page .ListMenu .li1 i{height:47px;}
/*erji*/
.ListMenu .li1 ul{display:none;}
.ListMenu li.on ul,.ListMenu li.focus ul{display:block;}
.ListMenu .li1 ul li a:hover,.ListMenu ul .li1 ul li.on a,.ListMenu ul .li1 ul li a.focus{color:#005aaa;}



.index_pro .proList{float:left;width:900px;}
.proList ul{width:930px;}
.proList ul li{width:440px;margin-right:10px;margin-bottom:30px;float:left; background:#f7f7f7;transition: transform 0.3s ease-in-out;}
.proList ul li:nth-child(2n){margin-right:0;}
.proList ul li a{padding:14px; display:block;}
.proList ul li .Img{ float:left;width:210px; height:220px;overflow:hidden;}
.proList ul li .ImgBox{width:210px; height:220px;}
.proList ul li .ImgBox img {max-width:210px; max-height:220px;transition: transform 0.3s ease-in-out;}
.proList ul li .ListInfo{float:left;padding-left:16px;padding-right:6px; width:180px; font-size:14px; color: #000000; line-height:30px;padding-top:10px;}
.proList ul li .product_title{font-size:16px; line-height:30px;height:30px;overflow:hidden; color:#000000; }
.proList ul li .xinghao{font-size:14px; line-height:30px;height:30px;overflow:hidden; }
.proList ul li .jianjie{font-size:13px!important;line-height:26px!important; height:130px!important; overflow:hidden;margin-bottom:10px;font-family:"微软雅黑", Arial!important; }
.more2{display: block;text-align: center;font-size: 12px;color:#FFF;background-color:#005aaa; width:89px;height: 37px;line-height: 37px; border-radius:37px; float:right;}
.proList ul li .jianjie span,.proList ul li .jianjie p{font-size:13px!important;line-height:26px!important;font-family:"微软雅黑", Arial!important; color:#000!important;margin:0!important;padding:0!important;}

.proList ul li:hover{background:#005aaa;}
.proList ul li:hover .ListInfo{color:#fff;}
.proList ul li:hover .product_title{color:#fff;}
.proList ul li:hover .jianjie{color:#fff;}
.proList ul li:hover .more2{background:#fff; color:#005aaa;}
.proList ul li:hover .jianjie span,.proList ul li:hover .jianjie p{color:#fff!important; }

/*ListMenu_more*/
.ListMenu_more{ width:100%; margin:0 auto; text-align: center; clear:both;padding-top:25px;}
.ListMenu_more a{display: block;margin:0 auto;text-align: center;font-size:14px;color:#FFF;background-color:#005aaa; width:290px;height: 40px;line-height: 40px;transition: all 0.6s cubic-bezier(.23, 1, .38, 1) .2s;}
.ListMenu_more a:hover{background:#329998;}



/*index_adtit*/
.index_adtit{ width:100%;margin:0px auto; padding:0; overflow:hidden; background:url(../images/index_aboutline.png) center top no-repeat;padding-top:66px;}
.index_adtit .Main_center{ text-align:center;}
.index_adtit h6{margin-top:40px;}
.index_adtit .txt{ height: 55px;color:#231815;font-size:14px;line-height:26px;}


/*about_box*/
.index_about{ width:100%; height:auto;margin:0px auto;padding:0 0 160px 0;background:url(../images/index_aboutbg.png) center bottom no-repeat; position:relative; z-index:1;margin-bottom:-50px; }
.about_box .pic{display:block;float:left;width:600px;height:460px;margin-bottom:50px;}
.about_box .pic img{overflow:hidden;max-width:600px;max-height:460px;}
.about_box .con_info{overflow:hidden;padding-left:65px;}
.about_box .con_info .wz{font-size:14px;line-height:34px;color:#878787;}
.about_box .con_info .more a{font-size: 12px;display:block;width:82px;border-radius: 2px;padding:0;margin:0;height:32px;line-height:32px; background: #005aaa; color:#fff; text-align:center;margin-top:18px;margin-bottom:10px;}
.about_box .con_info .more a:hover{ background:#e66204;}
.about_box .con_title{overflow:hidden;}
.about_box .con_title .title_t{display:inline-block;float:left;font-size:32px;color: #5e5e5e;}
.shuju sup{font-size: 20px;font-weight: 300;line-height: 10px;letter-spacing: -0.02em;display: inline-block;margin-left: 5px;font-family:'Didot', Arial;vertical-align:top;}

/*index_fangan*/
.index_fangan{ width:100%; height:auto;margin:0px auto; padding:0 0 52px 0;position: relative;z-index:2;}
.index_fangan .con_title{margin:0 auto; text-align: center;}
.index_fangan .con_title a{ display:inline-block;}
.index_fangan .con_title .title_t{display:inline-block;font-size:40px;color: #010101; font-weight:bold;}
.fangan_list {margin:0; padding:0; height:auto; overflow:hidden;margin-top:55px;}
.fangan_list li{width:200px; float:left; list-style:none;padding:5px 0;margin-bottom:30px; text-align: center; font-size:30px; color:#005aaa;}
.fangan_list li .title a{color:#005aaa;}
.fangan_list li .ImgBox{width:100%;margin: 0 auto; text-align:center; display:block;margin-bottom:5px;}
.fangan_list li .ImgBox img{width:100%;margin-bottom:0;margin: 0 auto; text-align:center;}
.fangan_list li .ImgBox{ overflow:hidden; max-width: 114px;max-height: 114px;}

.fangan_list li a img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%);
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);}
.fangan_list li a:hover img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(00%); -o-filter: grayscale(100%); filter: grayscale(100%);*filter: gray;}
.fangan_list li:hover .title a{color: gray; }




/*index_ad*/
.ad_tit{ background:url(../images/index_youshitit.png) center center no-repeat;height:125px;}
.index_ad{line-height:34px; font-size:16px; color:5e5e5e;}
.index_ad .number{font-size: 76px;font-family: Arial;color: #005aaa;font-style:italic;background: url(../images/youshi_titss.png) 4px top no-repeat;padding:30px 0 10px 0;line-height:  normal;margin: 0;letter-spacing: 3px;}
/*index_ad1*/
.index_ad1{padding:70px 0; border-bottom:1px solid #ececec;}
.index_ad1 .left{width:50%; float:left;}
.index_ad1 .tu{width:50%; float:left; text-align:right;}

/*index_ad2*/
.index_ad2{padding:70px 0; border-bottom:1px solid #ececec;}
.index_ad2 .left{width:50%; float:left;padding-top:15px;}
.index_ad2 .wz{padding-left:80px;}
.index_ad2 .tu{width:50%; float:left; text-align:left;}

/*index_ad3*/
.index_ad3{padding:70px 0; border-bottom:1px solid #ececec;}
.index_ad3 .left{width:50%; float:left;}
.index_ad3 .tu{width:50%; float:left; text-align:right;}

/*index_news*/
.index_news{height:auto; overflow:hidden;padding-top:114px;padding-bottom:90px;}
.news_box .news_left{width:690px; height:510px; float:left; margin-left:80px;}
.news_box .news_left .news_left_top{height:auto; overflow:hidden;font-size:20px; color:#000; line-height:34px; }
.news_box .news_left .news_left_top .index_title{font-size:32px;line-height:34px;color:#005aaa;margin-bottom:10px; font-weight:bold;}
.news_box .news_left .news_left_top .index_title a{color:#005aaa;}

.news_box .news_left_content{margin-top:34px; height:auto; overflow:hidden; position:relative;}
.news_box .news_left_content .news_loop{ height:300px;overflow:hidden; }
.news_box .news_left_content ul{margin:0; padding:0;height:249px; overflow:hidden; float:left;}
.news_box .news_left_content ul li{overflow:hidden; list-style:none;padding-bottom:25px;margin-bottom:25px; border-bottom:1px solid #dcdcdc;}
.news_box .news_left_content ul li .date{font-size:14px; color:#000;margin-bottom:5px;}
.news_box .news_left_content ul li .title{height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; color:#000;margin-bottom:5px;}
.news_box .news_left_content ul li .jj{height:52px; line-height:26px; overflow:hidden; font-size:13px; color:#5e5e5e;}
.news_box .news_left_content ul li:hover .title{color:#005aaa;}

.news_box .news_left_content .control{height:74px;margin-top:30px;}
.news_box .news_left_content .control span{width:30px;height:30px;display:inline-block;overflow:hidden;margin-right:5px;border-radius:15px;text-align:center;line-height:30px;cursor:pointer;}
.news_box .news_left_content .control span.prev{background:url(../images/news_icon.png) left center no-repeat #dadada; opacity: 1!important;}
.news_box .news_left_content .control span.next{background:url(../images/news_icon.png) right center no-repeat #dadada;opacity: 1!important;}
.news_box .news_left_content .control span.prev:hover{background:url(../images/news_icon2.png) left center no-repeat #005aaa;}
.news_box .news_left_content .control span.next:hover{background:url(../images/news_icon2.png) right center no-repeat #005aaa;}

.news_box .news_pic{width:430px; height:480px; float:left; position:relative;}
.news_box .news_pic .img{width:400px; height:480px; position:relative; z-index:2; background:#fff;}
.news_box .news_pic .img img{max-width:400px; max-height:480px;}
.news_box .news_pic .img img{-webkit-transition: opacity .3s ease-out;-moz-transition: opacity .3s ease-out;-o-transition: opacity .3s ease-out;transition: opacity .3s ease-out;}
.news_box .news_pic .img:hover img{filter:alpha(opacity=70);-moz-opacity:0.7; opacity:0.7;}
.news_box .news_pic span{display:block; width:400px; height:480px; position:absolute; right:0; top:26px; z-index:1;background-color:#38929b;}





/*foot*/
.foot{background: #f4f4f4;width:100%;height:auto;font-size:12px;color:#333333;}
.foot .foot_box{width:1200px;height:auto;margin:0 auto;padding: 55px 0 62px 0;}
.foot .foot_nav {overflow:hidden;float:left;width:550px;}
.foot .foot_nav ul{height:auto;width: 130px;margin-right: 10px;float:left;padding-bottom: 25px;}
.foot .foot_nav ul li{list-style-type:none;display:block;overflow:hidden;}
.foot .foot_nav .t1{font-size:14px;margin-bottom:24px;}
.foot .foot_nav .t1 a{color:#333;}
.foot .foot_nav .t2{font-size:12px;margin-bottom:10px;padding-left:20px;background: url(../images/bottom_datted.png) no-repeat left 8px;}
.foot .foot_nav .t2 a{display: inline-block;overflow:hidden;height: 24px;line-height: 24px;color:#333333;}
.foot .foot_nav .t2 a:hover{color:#f74493;}
.foot .foot_center{float:left;width:390px;marign-right:20px;}
.foot .foot_center h1{font-size:14px;color:#333;margin-bottom:22px;padding-left:5px;font-weight: normal;}
.foot .foot_lx{padding-left:5px;line-height:26px;}
.foot .share{padding:20px 0;}
.foot .share ul li{width: 25px;height: 25px;float:left;margin-right:10px;}
.foot .share ul li a{overflow: hidden;width: 25px;height:25px;display:inline-block;cursor:pointer;margin:0;padding:0; background-position:left center; background-repeat:no-repeat; position:relative;}
.foot .share ul li a.fa-facebook{background-image:url(../images/bottom_fb.png)}
.foot .share ul li a.fa-twitter{background-image:url(../images/bottom_tw.png)}
.foot .share ul li a.fa-qq{background-image:url(../images/bottom_qq.png)}
.foot .share ul li a.fa-weixin{background-image:url(../images/bottom_wx.png)}
.foot .share ul li a.fa-weibo{background-image:url(../images/bottom_wb.png)}
.foot .share ul li a.fa-zhihu{background-image:url(../images/bottom_zh.png)}
.foot .share ul li a.fa-baidu{background-image:url(../images/bottom_bd.png)}
.foot .share ul li a.fa-renren{background-image:url(../images/bottom_rr.png)}
.foot .share ul li:hover a{background-position:right center;}
.foot .share ul li .li_weixin img{display:none;width: 100px;height: 100px;margin-left: -35px;margin-top: -130px;position:absolute;z-index:1;}
.foot .share ul li:hover .li_weixin img{display:block;}
.foot .foot_right{float:right;width:240px;overflow:hidden;line-height:30px;text-align:right;}
.foot .bq{width:100%;font-size:12px;line-height:20px;color:#333333;text-transform: uppercase;border-top:1px solid #dfdfdf; text-align:center;padding-top: 30px;padding-bottom: 30px;}
.foot .bq .footLogo{}
.foot .bq a{color:#333333;}
.foot a:hover{color:#f74493;}



/****************footer start******************/
/*底部开始*/
        .footWrap{width:100%;background:url(../images/f_bj.png) no-repeat center 0;height:281px;overflow:hidden;font-family:"Microsoft Yahei";padding-top: 141px;/* margin-top: -80px; */z-index: 3;position: relative;}
        .footer{height:281px;width:1200px;margin: 0 auto; overflow:hidden;position: relative;}
        .flogo{ width:200px; height: 235px;background:url(../images/flogo_bj.png) no-repeat 0 0; overflow: hidden;margin-top: 5px;}


        .flogo img{display: block;width: 120px;height: 155px;margin: 18px auto 0;}
        .footerc{width:910px;overflow: hidden;}
        .fnav { overflow:hidden;padding-top: 40px;height:52px; border-bottom: 1px solid #f69e80;overflow: hidden; line-height: 52px;}
        .fnav a{display:inline-block;font-size:14px;color:#fff;padding:0 23px;}
       .footWrap em{display: inline-block;padding:0 15px;}
.link2{overflow: hidden;background:#fff;}
.link{width:1200px;margin: 0 auto;overflow: hidden;font-family:"Microsoft Yahei";position: relative;z-index: 8;}
/*.link h2{width:80px;overflow: hidden;float: left;font-size: 14px;line-height: 45px;overflow: hidden;color: #fff;font-weight: bold;}
.link p{padding-left: 10px;width: 820px;float: left;font-size: 14px;overflow: hidden;line-height: 45px;color: #fff;}
.link p a{color: #fff;padding:0 30px;border-right: 1px solid #dddddd;}*/

.fl {float: left; }
.link_l{width:200px;padding:12px 0 0;}
.link_l a{font-size: 14px;color:#bfbfbf;}
.link_l a:hover,.lk_c a:hover{color:#78b957; text-decoration:none;}
.link_l i{text-transform: uppercase;font-size: 30px;color: #000000;font-family:"宋体";padding:0 10px 0 0;}
.link_l span{display: block;width: 156px;height: 25px;border-radius: 25px;text-align: center;line-height: 25px;overflow: hidden;margin:3px 0 0;background: #05429c;}
.lk_c{ width:1000px; height:70px;line-height: 35px; overflow:hidden; padding:6px 0 0;}
.lk_c a{padding:0 20px;display:inline-block;font-size:14px;color: #020202;border-right: 1px solid #dddddd;}


        .contact{width:590px; padding:27px 0 0 ; overflow:hidden; float: left;font-size:14px;color:#fff;line-height: 36px;}
        .contact a{color:#fff;}
        .code{margin-top: 20px;width:121px;  overflow: hidden; margin-right: 49px;}
        .code img{display: block;width:100px; height:100px;background:#fff;padding:2px; border:1px solid #f0f0f0;}
        .code span{display: block; padding:10px 0 0 ; text-align: center; color:#fff; font-size: 14px;}



/************************page页样式开始************************/


/*pagebanner*/
.pagebanner{overflow:hidden;height:auto;min-height:330px;width:100%;text-align:center;margin:0 auto;position:relative;z-index:1;}
.pagebanner .Main_center{width:1200px;position: relative;height:350px;margin:0 auto;line-height:40px;}



/*position*/
.position{font-size:12px;color:#333333; line-height:26px;padding:11px 0; border-bottom:1px solid #e5e5e5; background:#fff; text-align:right;}


.page{width:1200px;height:auto;overflow:hidden;margin:0px auto;padding-top: 50px;padding-bottom: 30px; position:relative; }


/********zuo menu********/
.page .ListMenu{ width:240px;margin-right:60px;}
.page .ListMenu .li1 .a1{padding: 5px 47px 5px 18px;}
.page .ListMenu .li1 i{right:0;}
/*navph*/
.page  .ListMenu .navph{padding:25px 30px; background:#005aaa;}
.page  .ListMenu .navph .tit{font-size:18px;color:#fff; text-align:left; line-height:30px;padding-left:40px;background: url(../images/nav_tel.png) no-repeat left center;}
.page  .ListMenu .navph h1{font-family: Arial;font-size:24px; font-weight:bold;color:#fff;}


/********zuo menu2********/
.ListMenu2{float:left;width:240px;margin-right:30px; height:100%;}
.ListMenu2:after{ content:"";position:absolute;width:1px; background:#e5e5e5;height:100%; top:0; left:240px;}
.ListMenu2 .li1{ position:relative;}
.ListMenu2 .li1 a{display:inline-block;font-size:16px;line-height: 35px;color:#000;overflow: hidden;margin-left:22px;margin-bottom:5px;padding:0 8px;}
.ListMenu2 .li1.focus .a1,.ListMenu2 .li1 .a1:hover{color:#000;background:#efefef;transition: transform 0.3s ease-in-out;}



.Listpro{width:275px;margin-top:40px;}
.Listpro ul li{width:275px;margin-bottom:14px;float:left; }
.Listpro ul li .ImgBox{width:273px; height:204px;overflow:hidden; position:relative;border:1px solid #dcdcdc;}
.Listpro ul li .ImgBox img {max-width:273px; max-height:204px;transition: transform 0.3s ease-in-out;}
.Listpro ul li:hover .ImgBox{border-color:#005aaa;}
.Listpro ul li .product_title{font-size:14px; line-height:52px; height:52px; text-align:center;color:#333333;overflow:hidden;padding:0 10px;}
.Listpro ul li:hover .product_title{color:#fff;border-color:#005aaa;background:#005aaa;}

.keywordlist{width:224px;}
.keywordlist li{padding: 0;margin: 0;}
.keywordlist li a{display: inline-block;float:left;font-size: 14px;line-height: 26px;color:#fff;background:#005aaa;padding:4px 8px;margin-right:5px;margin-bottom:7px;}
.keywordlist li a:hover{backgrou
nd-color:#f36806;}

.Pagenwlist li{padding: 0;margin: 0;margin-bottom: 6px;line-height: 30px;}
.Pagenwlist li a{display: block;font-size: 14px;line-height: 30px;color:#464646;text-indent:20px;background:url(../images/news_z.png) left center no-repeat;}
.Pagenwlist li .tt{display:block;line-height: 30px;height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.Pagenwlist li:hover a{color:#005aaa;}

.Pagenwlist2 li{padding: 0;margin: 0;margin-bottom: 6px;line-height: 30px;}
.Pagenwlist2 li a{display: block;font-size: 14px;line-height: 30px;color:#464646;text-indent:10px;background:url(../images/news_z.png) left center no-repeat;}
.Pagenwlist2 li .tt{display: inline-block;width:133px;line-height: 30px;height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.Pagenwlist2 li .date{display: inline-block;float: right;font-size: 12px;text-align: right;color:#333333;}
.Pagenwlist2 li:hover a,.Pagenwlist2 li:hover .date{color:#005aaa;}

.page .Listculture ul li{font-size: 12px;line-height: 26px;color:#464646;margin-bottom:20px;}
.page .Listculture ul li h1{font-size: 14px;line-height: 30px;color:#005aaa; font-weight:300; text-align:center;}




/********右侧内容********/
.page_rihgt{ width:900px; height:auto; overflow:hidden; float:left;font-size:14px;color:#000;line-height:30px;}
.page_tit{font-size:20px;color:#333;line-height:30px;margin-bottom:25px; font-weight:bold;}

.page_r_text{width:900px;height:auto;min-height:400px;overflow:hidden;font-size:14px;color:#333333;line-height:36px;padding: 0;}
.page_r_text img{margin-top:5px;max-width:900px;}

/*PageproList*/
.PageproList{width:890px;}
.PageproList ul{width:915px;}
.PageproList ul li{width:290px;margin-right:15px;margin-bottom:10px;float:left; }
.PageproList ul li .ImgBox{width:290px; height:304px;overflow:hidden; position:relative;}
.PageproList ul li .ImgBox img {max-width:290px; max-height:304px;transition: transform 0.3s ease-in-out;}
.PageproList ul li:hover .ImgBox{border-color:#005aaa;}
.PageproList ul li:hover .ImgBox img{transform: scale(1.01, 1.01);}
.PageproList ul li .product_title{font-size:14px; line-height:52px; height:52px; text-align:center;color:#333333;overflow:hidden;padding:0 10px;}





/*detail_box */
.page .Main_left .left-pro{width:480px;float:left;padding: 0;}
.page .Main_left .left-pro .ImgBox2{width:480px;height:355px;position:relative;}
.page .Main_left .left-pro .ImgBox2 a{position:relative;}
.page .Main_left .left-pro .ImgBox2 img{border:1px solid #dfdfdf;}
.page .Main_left .left-pro .ImgBox1{width:480px;float:left;height:75px;padding: 20px 0 0 0;}
.tempWrap{float: left;}
.page .Main_left  #showArea{overflow: hidden;width:444px;height: 75px;float: left;}
.page .Main_left  #showArea a{display:block;}
.page .Main_left  #showArea ul li{cursor:pointer;display:block;width: 101px;height:75px;margin-right: 10px;}
.page .Main_left  #showArea ul li a img{max-width: 101px;max-height:75px;}
.page .Main_left  #gotop{cursor:pointer;float:left;margin-top: 30px;padding-right:11px;}
.page .Main_left  #gobottom{cursor:pointer;float:right;display: inline-block;margin-top: 30px;}


.zxnewList{border-top:1px solid #e3e3e3;margin-top:30px;width:955px;}
.zxnewList .xgListtitle{width:890px; overflow:hidden;}
.zxnewList ul{width:250px;float:left;margin-right:70px;}
.zxnewList li{padding: 0;margin: 0;margin-bottom: 6px;line-height: 30px;}
.zxnewList li a{display: block;font-size: 14px;line-height: 30px;height: 30px;color:#464646;text-indent:20px;background:url(../images/newdotted.png) left center no-repeat;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zxnewList li:hover a{color:#005aaa;}


.page_news ul{width:100%;}
.page_news ul li{width:100%;height:auto;position:relative; border-bottom:1px solid #dcdcdc;margin-bottom:30px;background-color:#fff;}
.page_news ul li a{display:block;position: relative;}
.page_news ul li .ImgBox{width:150px; height:150px; overflow:hidden; float:left;margin-bottom: -1px;}
.page_news ul li .ImgBox img {max-width:150px; max-height:150px;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.page_news ul li a:hover .ImgBox img {transform: scale(1.05);}
.page_news ul li .news_info{width:715px; height:auto; float:left;padding:0 0 0 35px;position:relative;}
.page_news ul li .news_info .shuju{font-size:14px;color:#666;margin-bottom:6px;margin-top:12px;}
.page_news ul li .news_info .shuju .date{ display:inline-block; padding-left:20px;background:url(../images/news_dateicon.png) left center no-repeat;margin-right:15px;}
.page_news ul li .news_info .shuju .see{ display:inline-block; padding-left:20px;background:url(../images/news_seeicon.png) left center no-repeat;}
.page_news ul li .news_info h1{font-size:16px; line-height:32px; height:32px;font-weight:300;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#000;}
.page_news ul li .news_info h2{font-size:13px; line-height:26px; height:78px;font-weight:300;overflow:hidden;margin-top:8px;color:#333333;}
.page_news ul li:hover .news_info  h1{color:#005aaa;}



.pro_list{width:355px;position:relative;overflow:hidden;float:left;}
.pro_list .loop_list{width:355px;height:372px;float:left;overflow:hidden;}
.pro_list .loop_list ul{margin:0; padding:0;width:355px;height:372px;overflow:hidden;}
.pro_list .loop_list ul li{width:355px;float:left;list-style:none;}
.pro_list .loop_list ul li .img{width:355px; height:372px;}
.pro_list .loop_list ul li .img img{max-width:355px; max-height:372px;}
.pro_list .loop_list ul li span{display:block; text-align:center; margin-top:2px; height:52px; line-height:52px; overflow:hidden; font-size:14px;}
.pro_list .prev,.pro_list .next{ position:absolute;top:50%;width:40px; height:40px; border-radius:40px; text-align:center; line-height:40px; float:left; margin-top:-20px; cursor:pointer; z-index:2;}
.pro_list .prev{left:20px;background:url(../images/pro_left.png) left center no-repeat;}
.pro_list .next{right:20px;background:url(../images/pro_right.png) left center no-repeat;}

/*page_tab*/
.page .page_tab{margin:0 auto;padding:0;text-align: right;/* zoom: 1; */z-index: 9999;}
.page .page_tab ul { margin:0 auto;padding: 0;list-style: none; text-align:right;height: 37px;line-height: 37px;font-size: 0;}
.page .page_tab ul li{margin: 0;padding: 0;display: inline-block;position: relative;height: 36px;line-height: 36px;}
.page .page_tab ul li a{display: inline-block;text-align: center;font-size: 14px;color: #5e5e5e;padding: 0 18px;height: 34px;line-height: 34px;border: 1px solid #e5e5e5;background: transparent;}
.page .page_tab ul li a:hover{border-color: #005aaa;color: #fff; background:#005aaa;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.page .page_tab ul li.next-page, .page .page_tab ul li.prev-page{ margin:0 20px;}
.page .page_tab ul li.next-page{ margin-right:0;}

.detail_box{margin-top:50px;}
.detail_nr{width:485px;float:left;height:auto;margin-left:60px;}
.detail_nr .detail_nr_tit{font-size:24px;color:#005aaa; font-weight:bold;margin-bottom:20px;}
.detail_nr .detail_nr_jj{font-size:14px;line-height:30px;color:#000000;min-height:210px;}
.detail_nr .detail_nr_jj span,.detail_nr .detail_nr_jj p{font-size:14px!important;line-height:30px!important;font-family:"微软雅黑", Arial!important;margin:0!important;color:#000!important;}

.detail_title {border-bottom: 1px solid #dcdcdc;text-align: center;margin-bottom:30px;position:relative;display:block;padding-top:15px;}
.detail_title span {color: #000;font-size: 16px;height:30px;background: #ffffff;margin:0 auto;padding:0 12px;text-align:center;display:inline-block;width:auto;font-style: normal;margin-bottom: -15px;}
.detail_wz{padding:0 0px 30px 0px;font-size:14px;line-height:30px;color:#000;}

.detail_nr_tel{font-size: 28px;color: #f69f08;margin-top:20px;line-height:40px;padding-left:50px;background:url(../images/pro_tel.png) left center no-repeat;}
.detail_nr_btn a{display: block;float: left;text-align: center;font-size:14px;text-indent:-5px;height: 37px;line-height: 37px;text-transform: uppercase;text-decoration: none;margin: 0 auto;border-radius:37px;color: #005aaa;background: #f4f4f4;transition: all ease .3s;margin-right:10px; padding:0px 20px;}
.detail_nr_btn a:hover{background: #005aaa;color: #fff;}
.detail_nr_btn a.contactBtn{background: #005aaa;color: #fff;}



/*xgList*/
.XiangGuanList{position:relative; }
.xgList{ text-align:center;margin-left:35px;width:830px; overflow:hidden;}
.xgList ul{width:830px; overflow:hidden;}
.xgList ul li{width:185px;margin-right:30px;margin-bottom:14px;float:left; }
.xgList ul li .ImgBox{width:185px; height:194px;overflow:hidden; position:relative;}
.xgList ul li .ImgBox img {max-width:185px; max-height:194px;transition: transform 0.3s ease-in-out;}
.xgList ul li:hover .ImgBox{border-color:#005aaa;}
.xgList ul li .product_title{font-size:14px; line-height:26px;text-align:center;color:#000;overflow:hidden;padding:0 10px;margin-top:10px;}
.xgList ul li:hover .product_title{color:#005aaa;}
.xgList .prev,.xgList .next{ position:absolute;top:50%;width:40px; height:40px; border-radius:40px; text-align:center; line-height:40px; float:left; margin-top:-20px; cursor:pointer; z-index:2;}
.xgList .prev{left:0;background:url(../images/pro_left2.png) left center no-repeat;}
.xgList .next{right:0;background:url(../images/pro_right2.png) right center no-repeat;}

/*page_tab2*/
.page .page_tab2{width:100%;margin: 0 auto;text-align: center;font-size:14px;padding-top:33px;clear: both; color:#333;padding-bottom:40px;}
.page .page_tab2 a{display:inline-block;overflow:hidden; margin:0 9px;;vertical-align:middle;text-align:center; border-radius:37px;}
.page .page_tab2 .lx_buttom{width:140px;height: 37px;line-height: 37px;color:#fff;background:#005aaa;}
.page .page_tab2 .page_buttom{width:100px;height: 35px;line-height: 35px;border:1px solid #dcdcdc; color:#000;}
.page .page_tab2 a.page_buttom:hover{color:#fff;background:#005aaa; border-color:#005aaa;}




/*SolutionList*/
.SolutionList{width:900px;}
.SolutionList ul{width:915px; font-size:0; line-height:0;}
.SolutionList ul li{ display:inline-block;*display:inline;zoom:1; vertical-align:top;width:290px;margin-right:15px;margin-bottom:40px;}
.SolutionList ul li a{ display:block;width:290px; height:290px;overflow:hidden;position:relative;}
.SolutionList ul li .ImgBox{width:290px; height:290px;overflow:hidden;}
.SolutionList ul li .ImgBox img {max-width:290px; max-height:290px;transition: transform 0.3s ease-in-out;margin:0;}
.SolutionList ul li:hover .ImgBox{border-color:#005aaa;}
.SolutionList ul li:hover .ImgBox img{transform: scale(1.1, 1.1);}
.SolutionList ul li .product_title{width:270px;font-size:14px; line-height:45px; height:45px; text-align:center;color:#fff;overflow:hidden;padding:0 10px; position: absolute; bottom:0; background:url(../images/bg50.png) center center repeat; display:block;}


/*NewsList */
.NewsList {margin-top:34px; height:auto; overflow:hidden; position:relative;}
.NewsList  ul{margin:0; padding:0;  width:100%; height:auto; overflow:hidden;}
.NewsList  ul li{height:84px; overflow:hidden; list-style:none; margin-bottom:35px;padding-bottom:40px;border-bottom:1px solid #f2f2f2; width:100%;display:block;}
.NewsList  ul li a{ display:block;}
.NewsList  ul li .date{width:84px; height:84px; text-align:center; font-size:14px; float:left;margin-right:26px; background:#efefef;line-height:34px; color:#000; font-weight:bold;}
.NewsList  ul li .date span{font-size:16px; text-align:center; display:block; padding-top:9px; position:relative;}
.NewsList  ul li .date span:after{ content:"";position:absolute;width:12px; background:#666;height:1px; bottom:0; left:0; right:0;margin:0 auto;}
.NewsList  ul li .title{width:790px; overflow:hidden; float:left;}
.NewsList  ul li h1{height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-size:16px; color:#000; font-weight:normal;margin-bottom:3px;}
.NewsList  ul li h4{height:52px; line-height:26px; overflow:hidden; font-size:13px; color:#5e5e5e; font-weight:normal;}
.NewsList  ul li:hover .date{background:#005aaa;color:#fff;transition: all ease .3s;}
.NewsList  ul li:hover .date span:after{background:#fff;transition: all ease .3s;}
.NewsList  ul li:hover h1{color:#005aaa;transition: all ease .3s;}


/*feedback*/
.feedback{widows:100%; height:auto; overflow:hidden;}
.feedback input{width:408px; height:40px; border:1px solid #dfdfdf; margin:0;margin-bottom:10px; padding:0 10px;background:transparent; color:#000; font-family:"微软雅黑",Sans-Serif;border-radius:5px; outline:none;}
.feedback .text2{width:408px; height:60px; border:1px solid #dfdfdf; margin:0;margin-bottom:10px; padding:10px 10px;background:transparent; color:#000; font-family:"微软雅黑",Sans-Serif;border-radius:5px; outline:none;}
.feedback .getcode input{width:27.5%; margin-right:15px;}
.feedback .getcode span{margin-left:1em;}
.feedback .getcode img{max-width:100px;}
.feedback .button input{width:100px; height:40px; text-align:center; color:#fff; border:none;background:transparent; font-family:"微软雅黑",Sans-Serif; cursor:pointer;}
.feedback .button input[type=submit]{background:#005aaa; }
.feedback .button input[type=submit]:hover{background:#067473; }
.feedback .button input[type=reset]{background:#005aaa; }
.feedback .button input[type=reset]:hover{background:#067473; }

/*ListMenu listSub2*/
.ListMenu .listSub2{position:absolute;top:0;margin-left:70px!important;left:203px!important;z-index:100;background-color: #ffffff;border: #005aaa solid 1px;display:none;padding-top:5px;padding-bottom:5px;}
.ListMenu .listSub2 a{display:block;line-height:24px; font-weight:normal; color:#000;width: 191px!important;padding: 5px 20px 5px 20px;}
.ListMenu .listSub2 a:hover{background:#005aaa96;text-decoration:none;}
.ListMenu .li1:hover .listSub2{ display:block;}
.page .ListMenu .listSub2 {left: 168px!important;}


      
.PageproList2{margin-top:20px;}                
.PageproList2 ul{width:100%; overflow:hidden; }
.PageproList2 ul li{width:440px;margin-right:20px;margin-bottom:20px;float:left; background-color:#f7f7f7;/*transition: background 0.3s ease-in-out;*/ position:relative; overflow:hidden; font-size:14px; color: #5e5e5e; line-height:30px;}
.PageproList2 ul li:nth-child(2n){margin-right:0;}
.PageproList2 ul li a{padding:13px; display:block;padding-right:20px; color: #000;   /*padding-bottom:55px;*/}
.PageproList2 ul li .ListInfo{ height:210px; overflow:hidden;}
.PageproList2 ul li .Img{ float:left;width:210px; height:210px;overflow:hidden;padding-right:16px;}
.PageproList2 ul li .ImgBox{width: 210px;height: 210px;}
.PageproList2 ul li .ImgBox img {max-width: 210px;max-height: 210px;transition: transform 0.3s ease-in-out;}
.PageproList2 ul li .product_title{font-size:16px; line-height:26px;overflow:hidden;/*width: 150px;*/padding-top:10px;margin-bottom: 10px;}
.PageproList2 ul li .jianjie{font-size:13px!important;line-height:26px!important;font-family:"微软雅黑", Arial!important; height:125px; overflow:hidden;color:#000;}
.PageproList2 ul li .jianjie span,.PageproList2 ul li .jianjie p{font-size:13px!important;line-height:24px!important;font-family:"微软雅黑", Arial!important; color:#000!important;margin:0!important;padding:0!important; }

.PageproList2 ul li .more2{display:inline-block;text-align: center;font-size: 14px;color:#FFF;background-color:#005aaa; width:120px;height: 32px;line-height: 32px; border-radius:32px; position:absolute;right:-12px; /*top:14px;transition: background 0.3s ease-in-out;*/bottom:14px;}
.PageproList2 ul li:hover{background-color:#005aaa;color: #fff;}
.PageproList2 ul li:hover a{color: #fff;}
.PageproList2 ul li:hover .more2{background-color:#fff;color: #005aaa;}
.PageproList2 ul li:hover .jianjie{color: #fff;}
.PageproList2 ul li:hover .jianjie span,.PageproList2 ul li:hover .jianjie p{color:#fff!important;}  


/* side */
.side{position:fixed;width:54px;height:auto;right:0;bottom:50px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #fff; text-align:center;}

.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s; background:#005aaa;color:#fff;font:14px/54px  Arial, Helvetica, sans-serif;overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}

.weixing-container{width:55px;height:54px;background-color:#005aaa;background-image:url(../images/side_icon02.png); float:left; border-bottom:1px solid #fff;}
.weixing-show{width:126px;height:126px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-135px; top:32px; display:none;}
.weixing-show .weixing-ma{width:116px;height:116px;padding-left:5px;padding-top:5px;}
.weixing-show .weixing-ma img{width:116px;}
.weixing-show .weixing-txt{position:absolute;top:125px;left:7px;width:116px;margin:0 auto;text-align:center; font-size:14px; line-height:20px; font-family:"Microsoft YaHei", "微软雅黑", Arial;}
/* side */


/*index-adBox*/
.index-adBox{ position:relative; overflow:hidden;}
.index-ad-btn {}
.index-ad-btn a {display: block;width: 50px;height:50px;position: absolute;top: 50%;margin-top:-25px;}
.index-ad-btn a.prev {background:url(../images/pro_left.png) no-repeat;left:-50px;}
.index-ad-btn a.next {background:url(../images/pro_right.png) no-repeat;right:-50px;}
.index-ad-btn .hd2 {position: absolute;bottom: 30px;left:0; right:0; margin:0 auto; text-align:center;}
.index-ad-btn .hd2 ul li {margin:0 10px;display:inline-block;width:10px;height:10px;line-height:9999px;overflow:hidden;background:transparent;cursor:pointer;border:0;border-radius:50%; background:#ccc;}
.index-ad-btn .hd2 ul li.on {background: #005aaa;}

.index-ad-btn a{-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out;filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.index-adBox:hover .index-ad-btn a{filter:alpha(opacity=1);-moz-opacity:1; opacity:1;}
.index-adBox:hover .index-ad-btn a.prev{left:30px;}
.index-adBox:hover .index-ad-btn a.next{right:30px;}











/*index M-ListSub 20200508*/
.M-ListSub{ position:relative;margin-top:-1px;z-index: 2;}
.M-btn{position:relative;}
.M-btn a{display:block;font-size:18px;color:#fff;border-top:none;line-height:24px;background:#005aaa; text-align:center;padding-bottom:25px;padding-top:10px;}
.M-btn i{display:block;position: absolute;width:15px;height:11px; left:0;right:0; bottom:10px; margin:0 auto;}
.M-btn i:after{content:"";position:absolute; left:0; right:0;bottom:0;width:15px;height:11px;background:url(../images/drop.png) no-repeat center top; background-size:15px;margin:0 auto; -moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.current .M-btn i:after{-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.M-btn a .tit{font-size:18px;color:#fff; text-align:left; line-height:30px;padding-left:26px;background: url(../images/nav_tel.png) no-repeat left center; width:140px; margin:0 auto; background-size:20px; font-weight:bold;}
/*M-dropdown2*/
.M-dropdown2 {position: absolute;width:273px;top: 0;left: 0;background:#fff;z-index: 0;-webkit-box-shadow: 0 20px 30px -5px rgba(0,0,0,.15);box-shadow: 0 20px 30px -5px rgba(0,0,0,.15);max-height: 0;-webkit-transition: all 350ms;transition: all 350ms;overflow: hidden;border-left:1px solid #005aaa;border-right:1px solid #005aaa;border-bottom:1px solid #005aaa;}
.current .M-dropdown2{max-height:640px}
.M-dropdown2 ul {width: 100%;/*padding-bottom: 10px;*/margin: 0;border-top: 1px solid #e4e4e4;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;overflow-y: auto;-webkit-overflow-scrolling: touch;max-height:550px;}
.M-dropdown2 ul{margin-top:55px;}
.M-dropdown2 ul li{ position:relative;}
.M-dropdown2 ul li a{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size:18px;color:#000;border-top:1px solid #cde7e7;line-height:50px;padding: 5px 53px 5px 32px;}
.M-dropdown2 ul li a:hover{ background:#f8f5f5;}
.M-dropdown2 ul li i{width:41px;height:60px;background:url(../images/nav_ss.png) center center no-repeat; position:absolute;top:0px;right:10px; cursor:pointer;}
.M-dropdown2 ul li:hover .a1{color:#fff;border-color:#005aaa;background:#005aaa;}
.M-dropdown2 ul li:hover i{background:url(../images/nav_ss2.png) center center no-repeat; }
/*M-dropdown2 M-listSub2*/
.M-dropdown2 .M-listSub2{position:absolute;top:0;margin-left:70px!important;left:203px!important;z-index:100;background-color: #ffffff;border: #005aaa solid 1px;display:none;padding-top:5px;padding-bottom:5px;}
.M-dropdown2 .M-listSub2 a{display:block;line-height:24px; font-weight:normal; color:#000;width: 191px!important;padding: 5px 20px 5px 20px;}
.M-dropdown2 .M-listSub2 a:hover{background:#b7dede;text-decoration:none;}
.M-dropdown2 ul li:hover .M-listSub2{ display:block;}
/*-webkit-scrollbar */
.M-dropdown2 ::-webkit-scrollbar {width: 6px;border-radius: 3px}
.M-dropdown2 ::-webkit-scrollbar-button {display: none}
.M-dropdown2 ::-webkit-scrollbar-button:hover {display: none}
.M-dropdown2 ::-webkit-scrollbar-thumb {background-color:#e4e4e4;-webkit-box-shadow: none;box-shadow: none;border-radius: 3px}
.M-dropdown2 ::-webkit-scrollbar-thumb:hover {background-color:#e4e4e4}
.M-dropdown2 ::-webkit-scrollbar-track {background-color: transparent;border-radius: 3px}
.M-dropdown2 ::-webkit-scrollbar-track:hover {background-color: transparent}



/*index project 20200508*/
.project-nav .prev {background: url(../images/ipro-larr.png) center no-repeat ;position: absolute;left:20px;top: 50%;margin-top: -10px; width: 10px;height:20px;}
.project-nav .next {background: url(../images/ipro-rarr.png) center no-repeat ;position: absolute;right:20px;top: 50%;margin-top: -10px;width:10px;height:20px;}
.project-nav{width:1060px;height:220px;overflow: hidden;margin: 0 auto;position: relative;/* box-shadow: 0 1px 40px 0 rgba(0,0,0,0.2);*/background-color: #fff;z-index: 5;}
.project-nav .project-navList{width:960px;height:220px;text-align: center;position: relative;margin: 0 auto;}
.project-nav ul{ font-size:0;}
.project-nav li{ width:160px; display:inline-block;*display:inline; zoom:1; vertical-align:top;}
.project-nav .pci{width:110px;height:110px;margin: 40px auto 10px auto;position: relative;}
.project-nav .pci .gray{display: block;width:110px;height:110px;}
.project-nav .pci .green{display: block;width:110px;height:0px;position: absolute;bottom: 0;left: 0;transition: all 0.5s;-webkit-transition: all 0.5s;overflow: hidden;}
.project-nav li:hover .pci .green{height:110px;}
.project-nav li .pci .green img{display: block;height:110px;width:110px;position: absolute;bottom: 0;left: 0}
.project-nav li.on .pci .green{height:110px;}
.project-nav li{position: relative;cursor: pointer;}
.project-nav li .tit { font-size: 18px;line-height:30px;transition: all 0.5s;-webkit-transition: all 0.5s;height:30px;color: #000;text-align: center;}
.project-nav li.on .tit{color: #005aaa;}
.project-nav li:hover .tit{color: #005aaa;}
/*.project-wz*/
.project-wz{min-width: 1200px;width: 100%;height: 0;padding-bottom:30%;background-repeat: no-repeat;background-size: 100%;margin-top:45px;margin-bottom:45px;}
.project-wz a{ display:block}
.project-wz .project-wzBox{padding-top:10%;padding-left:12%;padding-right:50%;padding-bottom:50px;font-size: 18px;line-height:40px;color:#464646; }
.project-wz .project-wzBox h1{font-size:26px;line-height: normal;color:#464646; font-weight:bold;margin-bottom:15px;}
.more3{display: block;text-align: center;}
.more3 a{display:inline-block;text-align:left;font-size:14px;color:#FFF; width:54px;padding:0 40px;height:50px;line-height:50px; border-radius:50px;background: url(../images/more.png)  no-repeat 85px center #005aaa;}</pre></body></html>