body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{font-family: microsoft yahei !important;box-sizing:border-box}
a{text-decoration:none; color: inherit;}
ul,li{list-style:none}
img { max-width:100%;vertical-align: middle; border: 0; }
input:focus{outline:none}
input:autofill {border:none ! important;}
input:-webkit-autofill {border:none ! important;}
.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.fl{float:left}
.fr{float:right}
.w1200{ width: 1200px; margin: 0 auto;}	


/* header */

.fixed{
    position: fixed;left: 0px;top:0px;z-index: 1000;width: 100%;
}

.d-header{ height: 90px; background: #fff; border-bottom: 1px solid #f1f1f1;}

.d-header .d-logo{ float: left; width:240px; height: 90px;}
.d-header .d-logo .p-logo{width: 239px; height: 54px; margin-top: 16px;}

.d-header .d-nav{ float: left;  margin-left: 200px; width: 650px; height: 90px;}
.box880 { font: 16px/1.43 'Microsoft Yahei', Arial, sans-serif; position: absolute; z-index: 999; max-width: 100%;  color: #333; }
.box880 .nav:after { display: block; visibility: hidden; clear: both; height: 0; color: ''; }
.box880 .nav > li {position: relative;float: left;/* background: url(/ufile/93862/img/nav_bg.png) 
no-repeat; */}
.box880 .nav > li:first-child{background:none}
.box880 .nav > li > a {position: relative;display: block;padding: 30px 20px; ;text-align: center;}
.box880 .nav > li > a:hover, .box880 .nav > li.selected > a, .box880 .nav > li > a:hover .subtitle, .box880 .nav .active, .box880 .nav .active .subtitle { color: #005298; }
.box880 .nav > li > a:after { position: absolute; bottom: 20px; left: 50%; width: 70px; height: 2px; margin-left: -35px; content: ''; -webkit-transition: all ease .3s; transition: all ease .3s; -webkit-transform: scale(0, 1); transform: scale(0, 1); background: #005298; }
.box880 .nav > li > a:hover:after, .box880 .nav > li.selected > a:after { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
.box880 .nav a span { display: block; }
.box880 .nav .title {/* font-weight: bold; */font-size: 16px;}
.box880 .nav .subtitle { font-size: 9px; padding-top: 5px; text-transform: uppercase; color: #666; }
.box880 .subnav { position: absolute; top: 65px; left: 50%; visibility: hidden; width: 200px; margin-left: -100px; -webkit-transition: all ease .3s; transition: all ease .3s; -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; background: rgba(255, 255, 255, .9); box-shadow: 0 3px 16px rgba(0, 0, 0, .1); }
.box880 .nav > li:hover .subnav { visibility: visible; -webkit-transform: translateY(2px); transform: translateY(2px); opacity: 1; }
.box880 .subnav li a { font-size: 14px; line-height: 50px; position: relative; display: block; overflow: hidden; height: 50px; padding: 0 30px 0 10px; -webkit-transition: all ease .3s; transition: all ease .3s; white-space: nowrap; text-overflow: ellipsis; color: #666;}
.box880 .subnav li a:hover { padding-left: 15px; color: #fff; background: #005298; }
.box880 .subnav li a:after { position: absolute; top: 50%; right: 10px; visibility: hidden; width: 5px; height: 10px; margin-top: -5px; content: ''; -webkit-transition: all ease .3s; transition: all ease .3s; background: url(/mFile/880/img/arrow-right.png) no-repeat center center / cover; }
.box880 .subnav li a:hover:after { right: 15px; visibility: visible; }


.d-header .d-info{ float: right; margin-top: 30px; width: 110px; }
.d-header .d-info .lang { padding: 0; width: 115px;}
.d-header .d-info .lang a { display: inline-block; margin-left: 15px; }
.d-header .d-info .lang a img{width:38px}

/* banner */
.box806 { overflow: hidden; position: relative } 
.box806 .main_image { width: 100%; height:500px; overflow: hidden; margin: 0 auto; position: relative } 
.box806 .main_image ul { width: 9999px; height: 500px; overflow: hidden; position: absolute; top: 0; left: 0 } 
.box806 .main_image li { float: left; width: 100%; height:500px; } 
.box806 .main_image li span { display: block; width: 100%; height: 500px; } 
.box806 .main_image li a { display: block; width: 100%; height:500px } 
.box806 .main_image li .img_1 { text-align: center; background-repeat: no-repeat } 
.box806 .main_image li .img_2 { text-align: center; background-repeat: no-repeat } 
.box806 .main_image li .img_3 { text-align: center; background-repeat: no-repeat } 
.box806 .flicking_con { width: 100%; margin: 0 auto; } 

/* 焦点 */
.box806 .flicking_con .flicking_inner { position: absolute; bottom: 20px; left: 0; z-index: 22; width: 100%; height: 21px; text-align: center; } 
.box806 .flicking_con a { display: inline-block; width: 18px; height: 18px; border-radius: 50%; margin: 0 3px; cursor: pointer; font-size: 0px; position: relative; } 
.box806 .flicking_con a:after { content: ""; position: absolute; left: 50%; top: 50%; width: 6px; height: 6px; margin-left: -3px; margin-top: -3px; border-radius: 50%; background: #fff; } 
.box806 .flicking_con a.on { background-color: #fff; } 
.box806 .flicking_con a.on:after { background-color: #005298; } 

/* 焦点 */
.box806 #btn_prev, .box806 #btn_next { z-index: 998; position: absolute; width: 40px !important; height: 40px !important; top: 50%; margin-top: -20px; display: block !important; background-color: rgba(0,0,0,.5); background-repeat: no-repeat; background-position: 50% 50%; background-size: 28px; -webkit-transition: all ease .35s; transition: all ease .35s; border-radius: 50%; } 
.box806 #btn_prev { background-image: url(../js/806/arrow-left.png); } 
.box806 #btn_next { background-image: url(../js/806/arrow-right.png); } 
.box806 #btn_prev:hover, .box806 #btn_next:hover { background-color: #005298; } 
.box806 #btn_prev { left: 2%; } 
.box806 #btn_next { right: 2%; } 



.m-pro-tel { padding: 25px 20px 25px 80px; background: #f60 url(../dimg/icon/icon-pro-tel.png) no-repeat 20px center;    margin-top: 10px;
}
.m-pro-tel p.m-title { color: #fff; }
.m-pro-tel p.m-tel { font-size: 22px; color: #fff;  white-space: nowrap;}


#mMain{background-color: rgb(255, 255, 255); float: left; margin-left: 26px; overflow: hidden; padding: 20px; width: 870px;}	
#mMain #mfid1{border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 15px; padding-top: 5px;}
#mMain #mfid3{float: left; width: 29.7701%;}




/* layout MF nav_location */
.box157{}
.box157 .title_157{border-left:2px solid #005298 ; color: #005298 ;font-size: 16px; font-weight:normal; display:inline-block; padding-left:10px;}



.box10017 *{margin: 0;padding: 0;box-sizing: border-box;}
.box10017{    /*background: url(../dimg/icon/2018816165224902.jpg) no-repeat left 7px;*/
    padding-left: 116px;float:right; color: #666;
}
.box10017 a{ height:30px;font-weight:700; line-height:26px;color:#666; text-decoration:none;font-weight:normal;margin:0 5px;    font-size: 14px;}
.box10017 a:hover{text-decoration:none;}


/* footer MF  */
.pull-left {
    float: left !important;
}
.pull-right {
    float: right !important;
}

 .search {
            width: 270px;
            height: 30px;
            border-radius: 20px;
            background: #fff;
            padding-left: 10px;
            margin-top: 28px;
        }
        
        .search input {
            border: 0;
        }
        
        .search .s1 {
            width: 224px;
            height: 30px;
            line-height: 30px;
            color: #a9a9a9;
            float: left;
        }
        
        .search .s2 {
            width: 30px;
            height: 30px;
            background: url(../dimg/soso.png) no-repeat center;
            float: right;
            cursor: pointer;
        }


.mfooter{border-top: 1px solid #eaeaea;padding: 0px 0 30px;background-color: #f0f1f2;}
.mfooter .container{ overflow: hidden;}
.mfooter-fl{float:left; padding: 10px 50px 10px 0;  margin-top: 78px;}
.mfooter-fl img{   /*width: 150px;*/}
.mfooter-fl p{font-size: 16px;margin-top: 10px;text-align: center;}
.mfooter-cen{float:left;padding-left:50px; margin-top: 50px; border-left: 1px solid #cacacb;}
.mfooter-cen li{line-height:2em}
.mfooter-fr{float:right;text-align:center;margin-top: 30px;}
.mfooter-fr img{width:130px;margin-bottom:10px}
.mfooter-copy {background: #1757ab;padding:15px 0;color:#fff; overflow: hidden;}
.mfooter-copy p{margin:0}
.mfooter-copy .pull-right{color:#fff}
 @media(max-width:767px){
            .mfooter-copy{
                background: none;
                color: #666;
                text-align:center ;
                margin-bottom:70px;
               line-height:1.8em
            }
            .mfooter-copy .pull-left, .mfooter-copy .pull-right{
                float: none !important;
                display: inline-block;
            }
          .mfooter-copy .pull-right a{ color: #666;}
        }


/* news */
.box20045 { font-size: 14px; color: #666; /* 分页 */ }
.box20045 * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.box20045 ul, .box20045 li { list-style: none; }
.box20045 img { max-width: 100%; vertical-align: middle; border: 0; }
.box20045 a { text-decoration: none; color: inherit; }
.box20045 .newsList { overflow: hidden; }
.box20045 .newsList li { padding: 30px 0; height: 191px; border-bottom: 1px solid #efefef; position: relative; cursor: pointer; }
.box20045 .newsList li:hover .content .info { -webkit-transform: translateX(3%); transform: translateX(3%); }
.box20045 .newsList li:hover .content .info .title { color: #005298; }
.box20045 .img { width: 200px; height: 130px; overflow: hidden; background-image: url(../dimg/news/nlogo.jpg);}
.box20045 .img img { height: auto; }
.box20045 .content { position: absolute; left: 230px; top: 30px; right: 0; overflow: hidden; }
.box20045 .info { float: left; width: 95%; -webkit-transition: all ease-out 0.3s; transition: all ease-out 0.3s; }
.box20045 .info .title { display: block; padding: 10px 0 5px; font-size: 16px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.box20045 .info .other { overflow: hidden; margin-bottom: 15px; }
.box20045 .info .other .o-item { float: left; margin-right: 20px; }
.box20045 .info .other .o-item span.icon { display: inline-block; width: 20px; height: 20px; vertical-align: bottom; background-repeat: no-repeat; background-position: center center; margin-right: 3px; }
.box20045 .info .other .o-item .icon-date { background-image: url(../dimg/news/date.png); background-size: 20px auto; }
.box20045 .info .other .o-item .icon-check { background-image: url(../dimg/news/check.png); background-size: 20px auto; }
.box20045 .info .other .o-item .icon-author { background-image: url(../dimg/news/author.png); background-size: 20px auto; }
.box20045 .info .other .o-item .txt { color: #666; }
.box20045 .info .main { font-size: 14px; line-height: 2; display: -webkit-box; color: #999; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.box20045 .date { padding-top: 15px; float: right; }
.box20045 .num { font-size: 28px; color: #999; }
.box20045 .ins { display: block; text-align: right; padding-top: 30px; color: #c3c3c3; font-size: 16px; }
.box20045 .page1 { text-align: center; margin: 30px 0; color: #666; font-size: 14px; }
.box20045 .page1 a { display: inline-block; line-height: 30px; padding: 0 12px; margin: 0 5px; border: 1px solid #ededed; color: #666; -webkit-transition: all ease .3s; transition: all ease .3s; }
.box20045 .page1 .page_all > span { padding: 0 3px; }
.box20045 .page1 a.pagenum, .box20045 .page1 a:hover {color: #fff;
    background: #005298;
    border: 1px solid #005298;
    }
.box20045 .page1 select { color: #666; padding-left: 3px; outline: none; }


/* news2 */
.box166 { font-size: 14px; color: #666; }
.box166 * { margin: 0; padding: 0; box-sizing: border; }
.box166 ul, li, ol, dl, dt, dd { list-style: none; }
.box166 a { color: inherit; text-decoration: none; }
.box166 img { max-width: 100%; vertical-align: middle; border: 0; }
.box166 li { list-style: none; width: 48%; float: left; background: url(/ufile/38012/icon/dot1.gif) no-repeat 0px 8px; padding-left: 10px; }
.box166 .clearFix { clear: both; height: 0; overflow: hidden; }
.box166 .title { text-align: center;padding-bottom: 10px; }
.box166 .title h1 { font-size: 26px; font-weight: normal; }
.box166 .title p span { display: inline-block; padding: 5px 0; color: #c1c1c1; font-size: 12px; }
.box166 .title .fromF { display: none; }
.box166 .contMain { padding: 0px; line-height: 200%; }
.box166 .contMain .tiyao { border: #f2f2f2 1px dashed; background: #ececec; padding: 10px; margin-bottom: 30px;  }
.box166 .change { margin-top: 10px; }
.box166 .change a { text-decoration: none;}
.box166 .change a:hover { color: #005298; }
.box166 .change .lastone { color: #005298; }
.box166 .key { background: #F8F8F8 url(../dimg/news/artIcon.gif) no-repeat 10px 10px; height: 30px; line-height: 30px; padding-left: 30px;margin-top: 10px; }
.box166 .key a { text-decoration: none; }
.box166 .newslist h2 { height: 30px; line-height: 30px; }
.box166 .newslist li a { text-decoration: none; line-height: 26px; }
.box166 .newslist li a:hover { text-decoration: underline; }
.box166 .content{margin-top: 10px;}


/* product */
.box868 * { margin: 0; padding: 0; box-sizing: border-box; list-style: none; font-weight: normal;}
.box868 a { color: #666; text-decoration: none;}
.box868 img { vertical-align: middle; border: none;}
.box868 {font: 14px/1.5 'Microsoft Yahei',Arial; color: #333;}
.box868 .title { overflow: hidden; margin: 18px 0; line-height: 40px; display:none;}
.box868 .title h3, .box868 .title .nav-link, .box868 .title .nav-link a { display: inline-block;}
.box868 .title h3 { font-size: 24px; margin-right: 28px;}
.box868 .title .nav-link a { padding: 0 10px; color: #999;}
.box868 .title .nav-link a:hover, .box868 .title .channel-more a:hover { color: #c6151d;}
.box868 .title .channel-more { float: right; padding-top: 4px; }
.box868 .title .channel-more a { margin: 0 6px;}
.box868 .title .channel-more span { display: inline-block; vertical-align: middle; border-radius: 3px; width: 3px; height: 3px; background-color: #bbb; }
.box868 .products { overflow: hidden;  }
.box868 .products li {float: left; width: 278px;margin: 15px 9px; padding: 0px 0px 20px; text-align: center; background-color: #fff; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; position: relative; z-index: 1;border:1px solid #ddd;}

.d-index .box868 .products li{ margin: 15px;}

.box868 .products li:nth-child(5n 5) { margin-right: 0;}
.box868 .products li:hover { -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); transform: translateY(-2px); box-shadow: 0 0 10px rgba(0,0,0,.2); z-index: 2; }
.box868 .pic { text-align: center; /* margin-bottom: 15px; */    height: 180px;
overflow: hidden;}
.box868 .pic img { max-width: 100%;  }
.box868 .info { font-size: 12px; color: #b0b0b0; padding: 4px 0;margin-top:6px;    display: none;}
.box868 .price{display:none;}
.box868 .price .hy{ color: #ca151c; font-weight: bold;}
.box868 .price .sc{ display: inline-block; padding-left: 5px; color: #999; text-decoration: line-through;}
.box868 .caption, .box868 .info, .box868 .price { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.box868 .products li:nth-child(3n) {
margin-right: 0;
}
.box868 .products li:nth-child(1),.box868 .products li:nth-child(4),.box868 .products li:nth-child(7), .box868 .products li:nth-child(10) {
margin-left: 0;
}


/* 分页 */
.list_page{ text-align:center;margin: 20px 0;}
.list_page ul{ display: inline-block;}	
.list_page ul li{ display: inline-block;}	
.list_page a{  text-decoration:none; font-size:14px; color:#333; border:solid 1px #ccc; display:inline-block; height:30px; line-height:30px; text-align:center; margin:0 5px;transition: .5s; padding: 0 10px;}


.list_page a:hover{ color:#fff;background:#005298;transition: .5s;border:1px solid #005298;}
.list_page .pagebarCurrent{ color:#fff;background:#005298;border:1px solid #005298;  text-decoration:none; font-size:14px;  display:inline-block; height:30px; line-height:30px; text-align:center; margin:0 5px;transition: .5s; padding: 0 10px;}

.list_box li:nth-child(1),.list_box li:nth-child(4),.list_box li:nth-child(7){
margin-left:0
}
.list_box li:nth-child(3n){
margin-right:0
}


/* layout MF mSlide.php */

	.m-pro-title { border-top: 3px solid #f60; background-color: #005298; color: #fff; text-align: center; padding: 15px; }
	.m-pro-title .title { font-size: 24px; font-weight: normal; }
	.m-pro-title span { text-transform: uppercase; font-size: 12px; }


.box20054 { font: 14px/1.43 "Microsoft Yahei", Arial, sans-serif; color: #666; padding: 20px 15px; background: #f1f1f1; }
.box20054 * { padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.box20054 ul, .box1049_1 li { list-style: none; }
.box20054 a { text-decoration: none; color: inherit; }
.box20054 img { max-width: 100%; vertical-align: middle; border: 0; }
.box20054 .sortNav {  }
.box20054 .sortTitle { background: #005298; color: #fff; font-size: 22px; font-weight: bold; text-align: center; line-height: 55px; height: 55px; margin-bottom: 5px; display: none;}
.box20054 .sortList { background: #f0f0f0; border-radius: 0 0 3px 3px; }
.box20054 .navItem { overflow: hidden; border-bottom: 1px solid #eee; position: relative; }
.box20054 .navItem:last-child { border-bottom: none; }
.box20054 .navItem > a { position: relative; display: block; vertical-align: middle; background-color: #fff; font-size: 16px; color: #666; padding: 0 15px; margin-bottom: 1px; height: 45px; line-height: 45px; }
.box20054 .navItem > a:after { content: ''; position: absolute; display: block; width: 16px; height: 16px; top: 14px; right: 10px; background-image: url(../dimg/icon/r_d.png); background-repeat: no-repeat; }
.box20054 .navItem:hover > a { background-color: #005298; color: #fff; }
.box20054 .navItem:hover > a:after { background-image: url(../dimg/icon/r_w.png); transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.box20054 .navItem.m-f > a { background-color: #005298; color: #fff; }
.box20054 .navItem.m-f > a::after { background-image: url(../dimg/icon/r_w.png); transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.box20054 .navItem.m-f .subnav {display:block;}
.box20054 .navItem.m-f .subnav .m-s .three-stage{display:block;}
.box20054 .subnav { background: #fff; display: none; }
.box20054 .subnav > li > a { font-size: 14px; color: #666; padding: 15px; position: relative; display: block; border-bottom: 1px solid #ddd; }
.box20054 .subnav > li > a:after { content: ''; position: absolute; display: block; width: 16px; height: 16px; top: 14px; right: 10px; background-image: url(../dimg/icon/r_d.png); background-repeat: no-repeat; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
.box20054 .subnav .m-s > a { color: #005298; background-color: #f7f7f7; font-weight: bold; }
.box20054 .subnav .m-s > a::after { background-image: url(../dimg/icon/r_d.png); transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.box20054 .three-stage { background: #fff; border-bottom: 1px solid #ddd; display: none; }
.box20054 .three-stage li a { position: relative; display: block; font-size: 4px; color: #888; padding: 10px 10px 10px 40px; position: relative; }
.box20054 .three-stage li a:hover { color: #005298; }
.box20054 .three-stage li a:after { content: ''; position: absolute; display: block; width: 16px; height: 16px; top: 10px; left: 20px; background-image: url(../dimg/icon/r_d.png); background-repeat: no-repeat; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
.box20054 .three-stage li.cur a { color: #005298; }
.box20054 .subnav > li > a:hover{color: #005298;}



