/* CSS Document */
*{font-family:"微软雅黑";}
body{margin:0px; padding:0px; font-size:14px; font-family:"微软雅黑";}
p,form,h1,h2,h3,h4,dd,dt,dl,em{margin:0px; padding:0px; font-weight: normal;font-style: normal;}
ul,li{margin:0px; padding:0px; list-style:none;}
img{vertical-align:middle; border:none;max-width: 100%;}
a{text-decoration:none;}
a:hover{text-decoration: none;}
.clear{clear:both;}
/**********/
#pages{padding: 10px 0; text-align: center;}


/*******************************************/
.top{height:30px;background:none;display:block;width:100%;position:absolute;top:0;left:0;z-index:999;background:rgba(0,0,0,.1);}
.top_m{max-width:1440px;margin:0 auto;line-height:30px;display:flex;justify-content: space-between;align-items: center;}
.top_l{text-indent:-9999px;}
.top_r a{margin-left:15px;color:#fff;}
.top_r a:nth-child(1){background:url(../image/cn.png) no-repeat left center;background-size:auto 16px;padding-left:30px;}
.top_r a:nth-child(2){background:url(../image/en.png) no-repeat left center;background-size:auto 16px;padding-left:30px;}
.top_r a:nth-child(3){background:url(../image/ru.png) no-repeat left center;background-size:auto 16px;padding-left:30px;}

.head{position:absolute;left:0;top:30px;z-index:999;background:rgba(0,0,0,.1);width:100%;}

.header{height: 90px;max-width:1440px;margin: 0 auto;display: flex;justify-content: flex-start;align-items: center;}
.logo{width: auto;}
.logo img{height:60px;}
.logo1{margin-left: 20px;}
.logo2{margin-left: auto;}
.menu{height: 90px;margin-left: auto;}
.menu ul{display: flex;justify-content:flex-start;align-items: center;}
.menu ul li{height: 90px;text-align: center;position: relative;margin: 0 20px;}
.menu ul li .a{color: #fff;font-size: 18px;height: 87px;font-weight:bold;line-height: 87px;position: relative;display: block;}
.menu ul li .a::after{content: '';display: block;position: absolute;width: 0;height:3px;background: #fff;transition: all .3s;}
.menu ul li:hover .a::after{width: 100%;}
.dh400{margin-left: auto;text-align:right;}
.dh400 span{font-size:16px;display:block;font-weight:bold;color:#fff;}
.dh400 a{font-size: 32px;color: #fff;font-family: 'Impact';font-weight:normal;}
.menu ul .cur .a::after{content: '';display: block;position: absolute;width: 100%;height:3px;background: #fff;transition: all .3s;}


.head1{width:100%;margin-top:30px;}
.head1 .menu ul li .a{color: #222;font-size: 18px;height: 87px;font-weight:bold;line-height: 87px;position: relative;display: block;}
.head1 .menu ul li .a::after{content: '';display: block;position: absolute;width: 0;height:3px;background: #b31e24;transition: all .3s;}
.head1 .menu ul li:hover .a::after{width: 100%;}
.head1 .dh400{margin-left: auto;text-align:right;}
.head1 .dh400 span{font-size:16px;display:block;font-weight:bold;color:#333}
.head1 .dh400 a{font-size: 32px;color: #1e2974;font-family: 'Impact';font-weight:normal;}
.head1 .menu ul .cur .a::after{content: '';display: block;position: absolute;width: 100%;height:3px;background: #b31e24;transition: all .3s;}

#canvas{display:none;}
.banner{height:auto;background:#fff; width:100%; position:relative;z-index:9; }
.flexslider .slides > li { display: none; }
.flexslider .slides img { max-width: 100%;max-height:100vh; display: block; }
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
.no-js .slides > li:first-child { display: block; }
.flexslider { position: relative; zoom: 1;z-index:0; }
.flexslider .slides { zoom: 1; }
.flexslider .slides > li { position: relative; }
.flex-caption { background: none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
zoom: 1; }
.flex-caption { width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px; }
.flex-direction-nav { height: 0; overflow: hidden; }
.flex-direction-nav li a { display: block; width: 61px; height: 61px; position: absolute; top: 50%; margin-top: -30px; cursor: pointer; text-indent: -9999px;border-radius:5px; }
.flex-direction-nav li a.next { right: 5%;z-index:999999999;background: url("../image/right.png") no-repeat; }
.flex-direction-nav li a.next:active { background: url("../image/right.png") no-repeat; }
.flex-direction-nav li a.prev { left: 5%;z-index:999999999; background: url("../image/left.png") no-repeat; }
.flex-direction-nav li a.prev:active { background: url("../image/right.png") no-repeat; }
.flex-direction-nav li a.disabled { opacity: .3; filter: alpha(opacity=30); cursor: default; }
.flex-control-nav { position: absolute; bottom: 10px; left: 50%;margin-left:-150px;width:250px;height:30px;text-align:right; z-index:9999999999999;text-align:center;}
.flex-control-nav li { display: inline-block; zoom: 1; *display:inline; margin-left: 10px;margin-top:10px; }
.flex-control-nav li a { display: block; width: 50px; font-size:0px;height: 3px; background:#a8a8a8 ; transparent; cursor: pointer; text-indent: -9999px; }
.flex-control-nav li a:hover { background:#fff;  }
.flex-control-nav li a.active { background:#fff; cursor: default; }
.content{position: absolute;left:calc(50% - 600px);top:calc(50vh - 150px);font-size:70px;color:#fff;font-weight:bold;line-height:100px;}
.content p{font-weight:bold;margin-bottom:10px;}


.about{height:485px;background: url(../image/aboutbg.png) no-repeat center;overflow: hidden;padding-top:20px;}
.title{display:block;}
.title span{font-size:28px;font-weight:bold;color:#000;padding-bottom:10px;border-bottom:2px #0098D4 solid;}
.about_m{max-width:1200px;margin:30px auto;display:flex;justify-content: space-between;flex-wrap: wrap;}
.about_l,.about_r{width:48%;}
.about_body{display:block;line-height:32px;font-size:16px;margin-top:25px;text-align: justify;}
.about_body p{text-indent: 2em;}

.more{margin-top:15px;}
.more a{display:block;width:120px;height:40px;background:#3099dd;color:#fff;font-size:16px;text-align: center;line-height:40px;}
.about_r{padding-top:25px;}
.center{text-align: center;}

.chanpin{max-width:1200px;margin:20px auto;}
.cpbody{display:flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin-top:10px;}
.cpbody li{text-align:center;width:23%;margin:1% 0;text-align:center;font-size:16px;}
.cpbody li img{display:block;margin:10px auto;width:100%;}

.mbanner{height:275px;background:url(../image/mbanner.jpg) no-repeat center;}

.news{max-width:1200px;margin:20px auto;}
.xwbody{display:flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;padding-top:30px;}
.xwleft{width:48%;position: relative;padding-bottom:20px;}
.xwleft img{display:block;width:100%;}
.xwleft strong{line-height:40px;font-size:16px;font-weight:bold;display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xwleft p{font-size:14px;line-height:28px;text-indent: 2em;}
.chakan{color:#f68121;font-size:14px;position:absolute;right:0;bottom:0;}
.xwright{width: 48%;}
.newlist{width:100%;}

.newlist li{background:#ddd;padding:15px;margin:0 0 23px 0;width:100%;line-height:28px;font-size:14px;display:flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.newlist li strong{font-size:16px;}
.newlist li p{text-indent: 2em;}
.newlist .time{padding-right:15px;border-right:1px #ccc solid;text-align:center;width:80px;font-size:16px;}
.time b{display:block;font-size:24px;text-align:center;line-height:40px;}
.bt{width:calc(100% - 100px);}

.huoban{max-width:1200px;margin:20px auto;}
.hb{margin:30px auto;display:flex;justify-content: space-between;align-items: center;}
.footer{background:#014e9e;padding:30px 0;}
.foot{max-width:1200px;display:flex;justify-content: space-between;align-items: flex-start;margin:0 auto;}
.f1{line-height:28px;color:#fff;font-size:14px;}
.f1 img{height:60px;margin-bottom:5px;}
.f1 p:nth-child(2){padding-left:30px;background:url(../image/d1.jpg) no-repeat left center;}
.f1 p:nth-child(3){padding-left:30px;background:url(../image/d2.jpg) no-repeat left center;}
.f1 p:nth-child(4){padding-left:30px;background:url(../image/d3.jpg) no-repeat left center;}

.f3{font-size:14px;color:#fff;display:flex;justify-content: flex-end;align-items: center;}
.f3 span{text-align:center;margin-left:20px;}
.f3 img{width:120px;height:120px;display:block;margin-bottom:5px;}

.copy{text-align:center;padding:10px 0;display:flex;align-items:center;justify-content:center;}
.copy a{margin-left:15px;}


.nybanner{height:350px;background:url(../image/nybanner.jpg) no-repeat center;}
.gray{background:#f0f0f0;overflow: hidden;padding:20px 0;}

.max1200{max-width: 1200px;margin:0px auto;;}
.list{max-width:1200px;margin:30px auto;display:flex;justify-content: space-between;align-items: flex-start;}
.listleft{width:200px;background:#fff;}
.listleft li{height:80px;font-size:20px;line-height:80px;border-bottom:1px #eee solid;text-align:center;}
.listleft li.cur,.listleft li:hover{background:#0098D4}
.listleft li.cur a,.listleft li:hover a{color:#fff;display:block;}

.listright{width:960px;min-height:500px;background:#fff;box-shadow:  0 0 5px #ccc;}
.jjbody{padding:30px;font-size:18px;line-height:36px;text-align: justify;}
.jjbody p{margin-bottom:10px;}

.jjimg{padding:30px 30px 0 30px;text-align:center;}
.jjimg img{width:80%;margin:0 auto;display:block;}

.jjbody a{color:#444;}

.listchanpin{min-height: 500px;margin: 0 auto;padding:20px;}
.listcp{display: flex;justify-content:flex-start;align-items: flex-start;flex-wrap: wrap;}
.listcp li {width: 31.33%;margin:1%;}
.listcp li label{box-shadow: 0px 0px 10px #ccc;overflow: hidden;width:100%;}
.listcp li label img{transition: all 0.3s;height:250px;width:100%;}
.listcp li label img:hover{-webkit-transform:scale(1.03);-o-transform:scale(1.03);cursor: pointer;}
.listcp li .hcc h1 a{font-size: 22px;color: #333;display: block;text-align: center;margin: 10px auto}
.listcp li .hcc .listdesc{font-size: 16px;line-height: 28px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;margin-top: 10px;color: #999;text-indent: 2em;}
.showchanpin{min-height: 500px;max-width: 1200px;margin: 50px auto;}


.jjtit{text-align: center;font-size:20px;margin-top:20px;font-weight:bold;}
.mx700 img{max-width:700px;margin:0px auto 20px;display:block;}

.ditu{max-width:840px;margin:20px auto;}
#container{height:400px;}

.caozuotable{max-width:450px;margin:-10px auto 20px;width:100%;}
.caozuotable td{padding:6px;}
.caozuotable td input{width:100%;height:50px;}

.caozuotable td .tijiao{width:100%;height:50px;background:#014e9e;color:#fff;border-radius:5px;border:none;font-size:18px;line-height:40px;margin:0 auto;display:block}

.form-control{height:40px;font-size:18px;}
.pian{display:flex;justify-content: space-between;align-items: center;width:100%;max-width:700px;margin:0px auto 40px;font-size:18px;}

.hclist{text-align:left;max-width:1200px;overflow:hidden;margin:10px auto;position: relative;padding:0 20px}
.hclist ul{overflow:hidden;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.hclist ul li{width:calc(100% - 10px);margin-top: 20px;border-bottom: 1px #ddd solid;padding-bottom: 20px;padding-left: 10px;}
.hclist ul li img{float:left;margin-right:30px;width:170px;height:170px;padding: 10px;border-radius: 10px;transition: all 0.3s;box-shadow: 0px 0px 10px #aaa;}
.hclist ul li img:hover{-webkit-transform:scale(1.03);-o-transform:scale(1.03);}
.hclist ul li strong {display: block;margin-bottom: 5px;}
.hclist ul li strong a{font-size:20px;line-height:28px;color: #000; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hclist ul li strong a:hover{color: #014e9e;}
.hclist ul li span{display: block;font-size:16px;line-height:32px;color: #999;margin-top: 5px;}
.hclist ul li p{margin:3px 0;line-height:28px;font-size: 16px;color:#666;  overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.hclist ul li .ckxx{font-size: 18px;margin-top: 15px;color: #333;display: block;font-weight: bold;}
.hclist ul li .ckxx:hover{color: #014e9e}


.ntit{font-size: 28px;text-align: center;padding: 40px 0 20px 0}
.ninfo{text-align: center;font-size: 16px;color: #888}
.nbody{line-height: 28px;font-size: 16px;padding: 30px 0;}

.pian1{display:flex;justify-content: space-between;align-items: center;width:100%;max-width:900px;margin:0px auto 40px;font-size:18px;}

@media (max-width:820px){
    .top{position: static;}
    .top_m{justify-content: flex-end;padding-right:5px;}
    .top_l{display:none;}
    .top_r a{color:#000;}
    .mmhead{background:#fff;position:relative;padding:2%;display:flex;justify-content: space-between;align-items: center;border-bottom:1px #eee solid;height: auto;}
    .mmlogo{height:40px;width: ;}
    .mmlogo img{height:40px;width: ;}
    .lian{display:block;background:none;}
    .mmrexian{width: 50%;}
    
    .mmdl{position: fixed;width:100%;height:100vh;overflow:hidden;background:rgba(29, 41, 115, .8);left:0;text-align:center;line-height:40px;font-size:16px;top:0;z-index:99999;padding-top:5vh;}
    .mmdl a{display:block;color: #fff;border-bottom:1px rgba(255, 255, 255, .5) solid;text-align:left;padding:5px;width:75%;margin:0 auto;font-size: 22px;line-height: 80px;}
    .gb{width:26px;height:216px;position:absolute;right:3%;top:1%;}
    .gb img{width: 100%;}
    .header{display:none;}
    .banner{height:200px;background-size:auto 100%;}
    .banner div{height:200px !important}
    .banner .content{font-size:18px;left:50px;top:60px;line-height:28px;}
    .flex-direction-nav li a.next,.flex-direction-nav li a.prev{width:30px;height:30px;background-size:100% 100%;}
    .flex-control-nav li a{width:20px;}
    canvas{display:none !important;}
    .about{height:auto;background-position: bottom;padding-bottom:20px;}
    .about_m{display:block;margin:0px auto;}
    .about_l, .about_r{width:92%;margin:0 auto;}
    .about_r{display:none;}
    .more{overflow: hidden;}
    .more a{float:right;}
    .chanpin{width:92%;margin:20px auto;}
    .cpbody li{width:48%;margin:1% 0;}
    .mbanner{height:90px;background-size:auto 100%;}
    .title span{font-size:24px;}
    .about_body{line-height:28px;}
    .news{width:92%;}
    .xwbody{display:block;}
    .xwleft,.xwright{width:100%;}
    /*.xwleft strong{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}*/
    .xwleft{padding-bottom:20px;margin-bottom:10px;}
    .xwleft p{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
    .bt strong{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
    .bt p{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
    .newlist .time{padding-right:5px;width:85px;}
    .newlist li{padding-left:5px;}
    .huoban{width:92%;margin:20px auto;}   
    .foot{display:block;width:92%;margin:0 auto;}
    .f3{margin-top:15px;justify-content: center;} 
    .copy a{display:block;text-align:center;}
    .zxrx{text-align:center;background:rgba(48,153,221,.9);color:#fff;padding:15px;position:fixed;left:0;bottom:0;width:100%;font-size:18px;height:70px;}
    .copy{margin-bottom:70px;}
    .zxrx a{color:#fff;font-size:28px;font-weight:bold;}

 .nybanner{background-size:auto 100%;height:150px;}
.list{display:block;margin:20px auto;}
.gray{padding:10px 0}
.title{width:96%;}
.listleft{width:96%;margin:0 auto;display:flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.listleft li{width:33.33%;height:40px;font-size:14px;line-height:40px;border-right:1px #eee solid;}
.listright{width:96%;margin:10px auto;min-height:100px;padding-bottom:5px;}
.listchanpin{padding:10px;}
.listcp li{width:48%;}
.listcp li label img{height:170px;}
.listcp li .hcc h1 a{font-size:18px;}
.jjimg{padding:10px;padding-bottom:0;display:none;}
.jjimg img{width:100%;}
.jjtit{margin-top:10px;padding-top:15px;}
.jjbody{padding:10px;}
.jjbody img{max-width:100%;}
.pian{width:95%;margin:5px auto 10px;font-size:14px;}
.mx700 img{margin:10px auto;}

.hclist{padding:0;}
.hclist ul li img{width: 30%;margin: 0 auto;float: left;height: auto;}
.hclist ul li strong{width: 66%;margin: 0 auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float:right;}
.hclist ul li span{width: 66%;margin: 0 auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float:right;}
.hclist ul li p{width: 66%;margin: 0 auto;float:right;}
.hclist ul li .ckxx{display: none;}

.copy{display:block;line-height:28px;}







}


@media (min-width:821px){
    .mmhead,.wapbanner,.zxrx{display: none;}
}

@media (min-width:1441px){
    .header,.about_m,.chanpin,.news,.huoban,.foot,.list,.max1200{max-width:1440px;}
    .listleft{width:300px;}
    .listright{width:1100px}
}

@media (min-width:1921px){
    .about{background-size: 100% auto;}
    .mbanner{background-size: 100% auto;height:350px;}
}