@charset "utf-8"; 
/*banner*/ 
 
.banner{height:860px; position:relative; z-index:1}
.banner .item{ height:860px; background-position:center; background-repeat:no-repeat; background-size:cover} 
.banner .slick-dots{ position:absolute; z-index:2; bottom:20px; left:0; right:0; text-align:center}
.banner .slick-dots li{ display:inline-block; width:11px; height:11px; border:1px solid #fff; border-radius:50%; margin:0 8px; cursor:pointer}
.banner .slick-dots li.slick-active{ background-color:#fff;  }
.banner .slick-dots button{ display:none}
/*最新开始*/ 
.xplo{ text-align:center; line-height:1.1; margin-bottom:70px}
.xplo h3{ font-size:42px; color:#0c4da2; font-weight:normal; margin-bottom:15px;}
.xplo .line{ width:60px; height:6px; margin:0 auto; background-color:#0c4da2; margin-bottom:20px}
.xplo .p{ font-size:18px;}
.xindex01{ padding-top:90px; padding-bottom:50px}
.xindex01 .bd ul{ margin:0 -13px;}
.xindex01 .bd li{ float:left; width:25%; margin-bottom:26px;}
.xindex01 .bd li a{ display:block; margin:0 13px; border:1px solid #d8d8d8}
.xindex01 .bd li .img{ overflow:hidden; height:320px}
.xindex01 .bd li .img img{ display:block; width:100%; height:100%;transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s;}
.xindex01 .bd li a:hover .img img{ transform:scale(1.1)}
.xindex01 .bd li a:hover .txt{ background-color:#003f91}
.xindex01 .bd li .txt{ background-color:#0c4da2; text-align:center; color:#fff; padding:20px 10px; }
.xindex01 .bd li .txt h3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight:normal}
.xindex01 .bd li .txt .p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.xmores{ text-align:center; margin-top:55px}
.xmores a{ display:inline-block; width:200px; height:55px; border:2px solid #060a15; line-height:53px;}
.xmores a i{ display:inline-block; vertical-align:middle; width:30px; height:8px; background-image:url(../images/ico-xr.png); background-repeat:no-repeat; background-position: center right; background-size:auto 100%; margin-left:40px}
.xmores a:hover{ background-color:#060a15; color:#fff}
.xmores a:hover i{background-image:url(../images/ico-xrh.png);}

.xindex02{ background:url(../images/xindex02bg.jpg) no-repeat center; background-size:cover; padding:120px 0}
.xindex02 ul{ float:left; width:50%}
.xindex02 ul li{ float:left; width:50%; margin-bottom:18px}
.xindex02 ul li a{transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s; display:block;  background-color:#fff; margin-right:18px; height:256px; padding:40px; position:relative;    box-shadow: 0 0 10px rgba(0,0,0,.3);}
.xindex02 ul li a:hover{ transform:translateY(-5px)}
.xindex02 ul li h3{ font-size:22px;}
.xindex02 ul li .p{ color:#6a6e79}
.xindex02 ul li .more{margin-top: 50px; }
.xindex02 ul li .more span{display:inline-block; font-weight: 500; color: #bcbec4; font-size: 13px; display: inline-block; padding-right: 15px; position: relative; background: url(../images/xgo.gif) no-repeat right center;}
.xindex02 ul li .ico{ width:86px; height:73px; position:absolute; z-index:1; background-repeat:no-repeat; background-position:center; background-size:auto 100%; right:35px; bottom:35px;}
.xindex02 ul li .xindex0201{ background-image:url(../images/xindex0201.png)}
.xindex02 ul li .xindex0202{ background-image:url(../images/xindex0202.png)}
.xindex02 ul li .xindex0203{ background-image:url(../images/xindex0203.png)}
.xindex02 ul li .xindex0204{ background-image:url(../images/xindex0204.png)}
.xindex02 .xindexabout{ width:50%; float:right; height:530px; background:url(../images/xindex0205.jpg) no-repeat center; background-size:cover; color:#fff; padding:50px;}
.xindex02 .xindexabout h3{ font-size:28px; font-weight:normal; margin-bottom:25px}
.xindex02 .xindexabout .line{ height:2px ; width:60px; background-color:#fff; margin-bottom:25px}
.xindex02 .xindexabout .p{ line-height:2; max-width:508px;}
.xindex02 .xindexabout .xmores{ text-align:left; margin-top:40px}
.xindex02 .xindexabout .xmores a{ text-align:center; color:#fff; border:1px solid #fff}
.xindex02 .xindexabout .xmores a i{background-image:url(../images/ico-xrh.png);}
.xindex02 .xindexabout .xmores a:hover{ background-color:#fff; color:#333}
.xindex02 .xindexabout .xmores a:hover i{background-image:url(../images/ico-xr.png);}

.xindex03{ background:url(../images/xindex03bg.jpg) no-repeat center; background-size:cover; padding:95px 0}
.xindex03 .xplo{ color:#fff}
.xindex03 .xplo h3{ color:#fff}

.xindex03 ul{ margin:0 -15px;}
.xindex03 li{ float:left; width:33.33%;}
.xindex03 li a{ display:block; margin:0 15px; background-color:#ffffff}
.xindex03 li .img{ height:285px; overflow:hidden}
.xindex03 li .img span{transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover}
.xindex03 li a:hover .img span{ transform:scale(1.1)}
.xindex03 li .txt{ height:285px; text-align:center; padding:0 40px; padding-top:12%}
.xindex03 li .txt h3{ font-size:25px; margin-bottom:15px} 
.xindex03 li .txt .p{ height:50px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2; color:#666}
.xindex03 li .txt .more{ margin-top:30px}
.xindex03 li .txt .more span{ color:#2148b8}

.xindex04{ padding:80px 0}
.xindex04 li{ float:left; width:33.33%;}
.xindex04 li a{ display:block; margin:0 15px;}
.xindex04 li .img{ margin-bottom:10px; height:295px; overflow:hidden}
.xindex04 li .img img{transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s; display:block; width:100%; height:100%}
.xindex04 li a:hover .img img{ transform:scale(1.1)}
.xindex04 li h3{ font-weight:normal; font-size:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xindex04 li .p{ color:#999;overflow: hidden; height:25px;  white-space: nowrap;text-overflow: ellipsis;}
.xindex04 li .date{ color:#ccc}

.xnbanner{ height:480px; background-repeat:no-repeat; background-position:center; background-size:cover}
.xlanmu{ padding:50px 0}
.xnav{ margin-top:-50px;}
.xnav ul{ text-align:center; font-size:0}
.xnav ul li{ display:inline-block; width:20%}
.xnav ul li a{ display:block; height:95px; line-height:95px; background-color:#fff; border-radius:5px; font-size:22px; color:#0d4ea2; margin:0 15px; box-shadow:0 0 15px rgba(0,0,0,.1)}
.xnav ul li i{ display:inline-block; vertical-align:middle; width:28px; height:24px; background-position:center; background-repeat:no-repeat; margin-right:10px; position:relative;top:-2px}
.xnav ul li .xico-a01{ background-image:url(../images/xico-a01.png)}
.xnav ul li .xico-a02{ background-image:url(../images/xico-a02.png)}
.xnav ul li .xico-a03{ background-image:url(../images/xico-a03.png)}
.xnav ul li .xico-a04{ background-image:url(../images/xico-a04.png)}
.xnav ul li.on .xico-a01,.xnav ul li a:hover .xico-a01{ background-image:url(../images/xico-a01h.png)}
.xnav ul li.on .xico-a02,.xnav ul li a:hover .xico-a02{ background-image:url(../images/xico-a02h.png)}
.xnav ul li.on .xico-a03,.xnav ul li a:hover .xico-a03{ background-image:url(../images/xico-a03h.png)}
.xnav ul li.on .xico-a04,.xnav ul li a:hover .xico-a04{ background-image:url(../images/xico-a04h.png)}
.xnav ul li.on a,.xnav ul li a:hover{ background-color:#0d4ea2; color:#fff}

.xplo02{ text-align:center; margin-bottom:68px}
.xplo02 h3{ font-size:42px;  margin-bottom:15px;}
.xplo02 .line{ width:60px; height:6px; margin:0 auto; background-color:#0c4da2; margin-bottom:20px}

.xlanmu.xabout{ padding-top:1px;}
.xabout01{ padding:90px 0}
.xabout01 .txt{ float:left; width:53%;  }
.xabout01 .img{ float:right; width:42%; overflow:hidden}
.xabout01 .img img{ display:block; width:100%}

.xabout02{ background-color:#f2f2f2; padding:30px;}
.xabout02 li{ float:left; text-align:center; width:25%; height:115px; border-right:1px solid #bbb5b5; padding-top:20px}
.xabout02 li:last-child{ border-right:none}
.xabout02 li .a{ display:inline-block; text-align:left}
.xabout02 li .num{ line-height:1.1;}
.xabout02 li .num span{ font-size:45px; font-family:"DIN Medium"; font-weight:bolder; display:inline-block; vertical-align:middle}
.xabout02 li .num i{ display:inline-block; vertical-align:middle; width:26px; height:26px; background-color:#015198; color:#fff; text-align:center; line-height:26px; border-radius:50%; margin-left:15px; position:relative;top:5px; font-weight:bold}
.xabout02 li .p{ margin-top:10px;}

.xabout03{ padding:80px 0}
.xabout03 li{ overflow:hidden; margin-bottom:70px;}
.xabout03 li .img{ float:left; width:50%; overflow:hidden}
.xabout03 li .img img{ display:block; width:100%}
.xabout03 li .txt{ float:right; width:50%; padding-left:70px}
.xabout03 li:nth-child(even) .img{ float:right}
.xabout03 li:nth-child(even) .txt{ float:left; padding-left:0; padding-right:70px}
.xabout03 li h3{ font-size:28px; margin-bottom:10px}
.xabout03 li h4{ font-size:20px; margin-bottom:10px}

.xabout04{ background:url(../images/xabout04bg.jpg) no-repeat center bottom; background-size:cover; padding:90px 0; overflow:hidden}
.xabout04 .bd{ margin:0 -24px; position:relative}
.xabout04 .bd .a{ margin:0 24px;}
.xabout04 .bd .a .img{ border:1px solid #ddd; overflow:hidden; height:376px; line-height:370px; font-size:0; text-align:center; background-color:#fff}
.xabout04 .bd .a .img img{ display:inline-block; max-width:100%; max-height:100%}
.xabout04 .bd .slick-arrow{ width:48px; height:48px; display:block; position:absolute; z-index:2;top:50%; margin-top:-24px; cursor:pointer; border:none; overflow:hidden; text-indent:-999px; background-size:100%; background-color:transparent}
.xabout04 .bd .slick-prev{ left:-30px; background-image:url(../images/xico-prev.png)}
.xabout04 .bd .slick-next{ right:-30px;background-image:url(../images/xico-next.png)}
.xabout04 .bd .slick-prev:hover{ background-image:url(../images/xico-prevh.png)}
.xabout04 .bd .slick-next:hover{ background-image:url(../images/xico-nexth.png)}

.xabout05{ padding:90px 0}
.xabout05 .hd{ margin-bottom:50px}
.xabout05 .hd ul{ margin:0 -10px}
.xabout05 .hd li{ float:left; width:33.3%; cursor:pointer}
.xabout05 .hd li span{ display:block; height:80px; line-height:80px; background-color:#ddd; text-align:center; font-size:24px; margin:0 10px; border-radius:10px; position:relative}
.xabout05 .hd li.on span{ background-color:#0d4ea2; color:#fff}
.xabout05 .hd li.on span:before{content:"";display:block;width:0;height:0;border-left:8px solid transparent;border-right: 8px solid transparent;border-top:10px solid #0d4ea2; position:absolute; z-index:2; left:50%; margin-left:-8px; bottom:-10px;}
.xabout05 .item ul{ margin:0 -10px}
.xabout05 .item li{ float:left; width:25.5%; margin-bottom:24px}
.xabout05 .item li .img{ margin:0 10px; overflow:hidden; position:relative; height:222px;}
.xabout05 .item li .img .title{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position:absolute; z-index:1; left:0; right:0; bottom:-60px;transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s; line-height:50px; height:50px; padding:0 20px; background:rgba(0,0,0,.5); color:#fff;}
.xabout05 .item li .img img{ display:block; width:100%; height:100%}
.xabout05 .item li:hover .img .title{ bottom:0}
.xabout05 .item li:nth-child(1){ width:49%;}
.xabout05 .item li:nth-child(1) .img{ height:469px}

.xabout06{ height:300px; background:url(../images/xabout06bg.jpg) no-repeat center; background-size:cover}

 
.xlanmuleft{ float:left; width:300px;}
.xlanmuright{ padding-left:350px}

.xsideplo{ line-height:75px; height:75px; background-color:#0c4da2; text-align:center; color:#fff; margin-bottom:1px}
.xsideplo h3{ font-size:24px; font-weight:normal}
.xside-nav h3{ height:54px; line-height:54px; font-weight:normal; font-size:16px; background-color:#ececec; margin-bottom:1px;color:#666666; }
.xside-nav h3 a{ display:block; padding-left:35px; font-size:18px;color:#666666;position:relative; padding-right:50px}
.xside-nav h3 a:before{ content:"+"; display:block; position:absolute; z-index:2; right:0;top:0; line-height:54px; height:54px; width:50px; text-align:center; font-size:20px}
.xside-nav h3.on a:before{ content:"-"; fo99nt-size:24px}
.xside-nav h3.on a,.xside-nav h3 a:hover{ background-color:#0c4da2; color:#fff}
.xside-nav ul li{ margin-bottom:1px;}
.xside-nav ul li a{ display:block; height:54px; line-height:54px; background-color:#ececec; padding-left:50px; color:#666666; position:relative; padding-left:60px; text-align:left}
.xside-nav ul li a:before{content:">"; font-family:"宋体"; font-weight:bolder; color:#b8b8b8; display:block; position:absolute; z-index:2; left:20px;top:0; line-height:54px; height:54px; width:50px; text-align:center; font-size:20px}
.xside-nav ul li a:hover,.xside-nav ul li.on a{  color:#0c4da2}
.xside-nav ul li a:hover:before,.xside-nav ul li.on a:before{  color:#0c4da2}

.xlanmuplo{ border-bottom:1px solid #ebebeb; height:50px; line-height:48px; margin-bottom:30px}
.xlanmuplo h3{ font-weight:normal; font-size:24px; float:left; border-bottom:2px solid #0c4da2; color:#0c4da2}

.xproduct-list{ margin-bottom:30px}
.xproduct-list ul{ margin:0 -13px;}
.xproduct-list li{ float:left; width:33.33%; margin-bottom:26px;}
.xproduct-list li a{ display:block; margin:0 13px; }
.xproduct-list li .img{ overflow:hidden; height:320px;border:1px solid #d8d8d8}
.xproduct-list li .img img{transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s; display:block; width:100%; height:100%}
.xproduct-list li a:hover .img img{ transform:scale(1.1)}
.xproduct-list li .txt{ text-align:center; padding:20px 10px; }
.xproduct-list li a:hover .txt{ background-color:#0c4da2; color:#fff;}
.xproduct-list li .txt h3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight:normal}
.xproduct-list li .txt .p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.xproductpage01{ margin-bottom:50px}
.xproductpage01 .ppage01left{ float:left; width:36%}
.xproductpage01 .bigbox{ border:1px solid #ddd; margin-bottom:10px}
.xproductpage01 .bigbox img{ display:block; width:100%}
.xproductpage01 .smallimg{ position:relative; margin:0 20px;}
.xproductpage01 .smallimg .slick-arrow{ cursor:pointer; display:block; width:18px; background-color:#ededed; position:absolute; z-index:2; border:none; overflow:hidden; text-indent:-999px;top:0; bottom:0}
.xproductpage01 .smallimg .slick-prev{ left:-20px;}
.xproductpage01 .smallimg .slick-prev:before{content:""; display:block;width: 0; height: 0; border-top: 6px solid transparent; border-right: 6px solid #a5a5a5; border-bottom: 6px solid transparent; position:absolute; z-index:1; left:50%; margin-left:-3px;top:50%; margin-top:-6px}
.xproductpage01 .smallimg .slick-prev:hover:before{border-right: 6px solid #767676;}
.xproductpage01 .smallimg .slick-next{right:-20px;}
.xproductpage01 .smallimg .slick-next:before{content:""; display:block;width: 0; height: 0; border-top: 6px solid transparent; border-left: 6px solid #a5a5a5; border-bottom: 6px solid transparent; position:absolute; z-index:1; left:50%; margin-left:-3px;top:50%; margin-top:-6px}
.xproductpage01 .smallimg .slick-next:hover:before{border-left: 6px solid #767676;}		
.xproductpage01 .smallimg .a{ border:1px solid #ddd; margin:0 13px; cursor:pointer; height:122px}
.xproductpage01 .smallimg .slick-current .a{ border:1px solid #0c4da2}
.xproductpage01 .smallimg .a img{ display:block; width:100%; height:100%}
.xproductpage01 .ppage01right{ float:right; width:60%; padding-top:30px;}
.xproductpage01 .ppage01right h1.title{ font-size:31px; line-height:1.1; margin-bottom:30px}
.xproductpage01 .tis{ line-height:2; color:#666; margin-bottom:70px; min-height:224px}
.xproductpage01 .a a{ display:inline-block; width:240px; height:54px; line-height:54px; color:#fff; background-color:#0c4da2; font-size:24px; text-align:center; margin-right:20px;}
.xproductpage01 .a a:hover{ transform:translateY(-5px)}
.xproductpage01 .a{ margin-bottom:40px;}
.xproductpage01 .fx{ padding:20px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
.xproductpage01 .fx a{ margin-right:10px; display:inline-block; vertical-align:middle; width:25px; height:25px; background-repeat:no-repeat; background-position:center; background-size:100%}
.xproductpage01 .fx .a1{ background-image:url(../images/ico-fx01.png)}
.xproductpage01 .fx .a2{ background-image:url(../images/ico-fx02.png)}
.xproductpage01 .fx .a3{ background-image:url(../images/ico-fx03.png)}
.xproductpage01 .fx .a4{ background-image:url(../images/ico-fx04.png)}
.xproductpage01 .fx .a5{ background-image:url(../images/ico-fx05.png)}

.xproductpage02{ margin-bottom:50px}
.xproductpage02 .hd{ height:70px; background-color:#eeeeee}
.xproductpage02 .hd ul li{ float:left; font-size:26px; line-height:70px; height:70px; text-align:center; width:250px; border-right:5px solid #fff; cursor:pointer}
.xproductpage02 .hd ul li:last-child{ border-right:none}
.xproductpage02 .hd ul li.on{ background-color:#0c4da2; color:#fff}
.xproductpage02 .sub{ padding:25px; color:#666; line-height:1.8; overflow:hidden}
.xproductpage02 .sub img{ max-width:100%; height:auto !important}
.xproductpage02 .sub .fz24{ color:#0c4da2; font-size:24px}

.xproductpage03 .hd{ background-color:#eeeeee; height:48px; line-height:48px; margin-bottom:45px}
.xproductpage03 .hd h3{ float:left; background-color:#0c4da2; width:200px; text-align:center; color:#fff; font-size:20px}

.xproductpage03 .bd ul{ margin:0 -13px;}
.xproductpage03 .bd li{ float:left; width:25%; margin-bottom:26px;}
.xproductpage03 .bd li a{ display:block; margin:0 13px; border:1px solid #d8d8d8}
.xproductpage03 .bd li .img{ overflow:hidden; height:320px}
.xproductpage03 .bd li .img img{ display:block; width:100%; height:100%;transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s;}
.xproductpage03 .bd li a:hover .img img{ transform:scale(1.1)}
.xproductpage03 .bd li .txt{ background-color:#0c4da2; text-align:center; color:#fff; padding:20px 10px; }
.xproductpage03 .bd li a:hover .txt{ background-color:#003f91}
.xproductpage03 .bd li .txt h3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight:normal}
.xproductpage03 .bd li .txt .p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xnewslist .bd li{ margin-bottom:20px}

.xnewslist .xindex04{ padding:0}
.xnewslist .xindex04 ul{ margin:0 -10px}
/*最新结束*/


.plo{ text-align:center; margin-bottom:45px;line-height:1.1; color:#1a2c76; font-weight:bold} 
.plo .eng{ font-size:36px; text-transform:uppercase }
.plo h3{ font-size:30px;}

 

.nbanner{ height:400px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative}
.nbanner h3{ font-size:40px; color:#fff; line-height:50px; height:50px; position:absolute; z-index:2; left:0; right:0;top:50%; margin-top:-25px; text-align:center}


.lanmuplo{ text-align:center; margin-bottom:35px;}
.lanmuplo h3{ font-size:36px; line-height:1.1}
.lanmuplo:after{ content:""; display:block; width:68px; height:3px; background-color:#27418c; margin:0 auto; margin-top:30px}

.product01{ padding-top:80px; padding-bottom:60px;}
.product01 .bd{ max-width:920px; margin:0 auto; text-align:center; font-size:15px; line-height:2}

.productlist li{ margin-bottom:50px;}
.productlist li:nth-child(odd) { background-color:#f4f4f4}
.productlist li a{ display:block; overflow:hidden}
.productlist li .img{ width:54.1%; overflow:hidden}
.productlist li .img img{ display:block; width:100%}
.productlist li:nth-child(odd) .img{ float:left}
.productlist li:nth-child(even) .img{ float:right}
.productlist li .txt{ width:40.8%; padding-top:66px;}
.productlist li:nth-child(odd) .txt{ float:right}
.productlist li:nth-child(even) .txt{ float:left}
.productlist li .txt h3{ font-size:24px; position:relative; margin-bottom:35px}
.productlist li .txt i{ display:block; color:#e4e4e4; font-family:Arial, Helvetica, sans-serif; font-size:60px; font-weight:normal; line-height:1.1; position:absolute; z-index:1; left:240px;top:50%; transform:translateY(-50%)}
.productlist li .txt i:before{ content:""; display:inline-block; vertical-align:middle; height:2px; background-color:#e7e7e7; width:90px; vertical-align:middle; margin-right:25px}
.productlist li .txt .p{ line-height:2; margin-bottom:35px; color:#333}
.productlist li .txt .more span{ display:inline-block; width:170px; text-align:center; line-height:38px; height:38px; background-color:#0177d8; color:#fff; border-radius:38px;}
.productlist li .txt .more span:after{ content:""; display:inline-block; vertical-align:middle; width:17px; height:12px; background:url(../images/ico-01.png) no-repeat center; background-size:100%; margin-left:5px}
.productlist li .txt .more span:hover{background-color:#038cfd;}

.lanmunav{ height:60px; border-bottom:1px solid #f0f0f0; line-height:59px;}
.lanmunav .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.lanmunav .path{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-left:30px; background:url(../images/ico-home.png) no-repeat center left}
.lanmunav .path i{ margin:0 5px}
.lanmunav ul{ font-size:0;}
.lanmunav li{ display:inline-block; vertical-align:middle; margin-left:30px}
.lanmunav li a{ display:block; font-size:14px;  position:relative}
 
.lanmunav li.on a{  color:#1a2c76}
.lanmunav li.on a:after{ content:""; display:block; left:0; right:0; height:2px; position:absolute; z-index:1; bottom:0; background-color:#1a2c76}

.productpage01{ padding-top:60px; padding-bottom:50px;}
.productpage01 .bd li{ margin-bottom:60px; position:relative; padding-bottom:8px;}
.productpage01 .bd li:before{ content:""; display:block; position:absolute; z-index:1; left:8px;top:8px; bottom:0; right:0; background-color:#b7bdd3}
.productpage01 .bd li .libox{ overflow:hidden; position:relative; z-index:2; margin-right:8px; background-color:#fff; border:1px solid #e6e6e6; min-height:350px; padding-right:35px }
.productpage01 .bd li .img{ width:280px; position:absolute; z-index:1; left:0;top:0; bottom:0; overflow:hidden; }
.productpage01 .bd li .img span{ display:block; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover}
.productpage01 .bd li .txt{ overflow:hidden; padding-left:320px; padding-top:25px}
.productpage01 .bd li dt{ font-size:16px; color:#057ccc; margin-bottom:10px}
.productpage01 .bd li dd{ margin-bottom:10px; overflow:hidden; line-height:2}
.productpage01 .bd li dd span{ display:block; overflow:hidden}
.productpage01 .bd li dd .t{ float:left; }

.productpage02{ padding-top:40px; padding-bottom:80px}
.productpage02 .bd ul{ overflow:hidden; margin-left:-10px; margin-right:-10px;}
.productpage02 .bd li{ float:left; width:25%;}
.productpage02 .bd li .a{ display:block; margin:0 10px; overflow:hidden}
.productpage02 .bd li .a img{ display:block; width:100%}

.newsbox{ padding-top:60px; padding-bottom:90px}
.newslist .bd li{ padding-bottom:50px; margin-bottom:50px; border-bottom:1px solid #f0f0f0}
.newslist .bd li a{ display:block; overflow:hidden}
.newslist .bd li .img{ float:left; overflow:hidden; width:360px; margin-right:50px}
.newslist .bd li .img img{ display:block; width:100%; height:205px}
.newslist .bd li .txt{ overflow:hidden; padding-top:30px}
.newslist .bd li .txt h3{ font-size:24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight:normal; line-height:1.1; margin-bottom:30px}
.newslist .bd li .txt .p{ height:44px; margin-bottom:25px; overflow:hidden; color:#333}
.newslist .bd li .txt .info{ color:#959595}
.newslist .bd li .txt .info span{ display:inline-block; margin-right:20px; vertical-align:top}

 
.newspages{ padding-top:60px; padding-bottom:80px}
.connpage .title{ font-size:24px; font-weight:normal; margin-bottom:20px; text-align:center; line-height:1.1}
.connpage .info{ text-align:center; color:#999; border-bottom:1px dotted #ccc; padding-bottom:20px; margin-bottom:30px}
.connpage .info span{ margin:0 10px}
.connpage .conn{ line-height:2; overflow:hidden; }
.connpage .conn img{ max-width:100%; height:auto !important}
.connpage .nextprev{ margin-top:30px; padding-top:30px; border-top:1px dotted #ccc;display: -webkit-flex;display: flex ;display: -webkit-box;display: -moz-box; display: -ms-flexbox;}
.connpage .nextprev li{ width:50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#999}
.connpage .nextprev li a{ color:#999}
.connpage .nextprev li a:hover{ color:#da180e}
.connpage .nextprev li:nth-child(2){ text-align:right;}

.about01{ padding:60px 0}
.about01 .bd .aboutvideo{ float:left; width:41.6%; height:375px; background-repeat:no-repeat; background-position:center; background-size:cover; cursor:pointer;}
.about01 .bd .txt{ float:right; width:54%}
.about01 .bd .txt h3{ font-size:30px; color:#22419c; line-height:1.2}
.about01 .bd .txt .line{ width:80px; height:2px; background-color:#cccccc; margin-top:28px; margin-bottom:25px}
.about01 .bd .txt .ms{ line-height:2; font-size:15px}
.about01 .bd .txt .ms p{ text-indent:28px}

.about04{ padding-top:55px; padding-bottom:125px}
.about04 .bdimg{ position:relative; margin-left:-10px; margin-right:-10px}
.about04 .bdimg .slick-arrow{ width:40px; height:40px; border:1px solid #c5c5c5; border-radius:50%; overflow:hidden; text-indent:-99px; background-color:transparent; position:absolute; z-index:1;top:50%; margin-top:-20px; cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:50%}
.about04 .bdimg .slick-arrow:hover{ border:1px solid #026db3}
.about04 .bdimg .slick-prev{ left:-50px;background-image:url(../images/ico-prev.png)}
.about04 .bdimg .slick-next{ right:-50px; background-image:url(../images/ico-next.png)}
.about04 .bdimg .slick-prev:hover{ left:-50px;background-image:url(../images/ico-prevon.png)}
.about04 .bdimg .slick-next:hover{ right:-50px; background-image:url(../images/ico-nexton.png)}
.about04 .bdimg .item img{ display:block;  display:block; max-width:100%; max-height:100%;}
.about04 .bdimg .item .img{ height:182px; overflow:hidden;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; width:100%;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.about04 .bdimg .item a{ display:block; margin:0 10px; border:1px solid #dedede; text-align:center;padding:10px; padding-bottom:0}

.about04 .bdimg .item a h3{ font-size:16px; line-height:45px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } 

.about03{ padding-top:70px; padding-bottom:110px; background-color:#f7f7f7}
.about03 .bd{ background-color:#fff; border:1px solid #f2f2f2; height:390px; position:relative}
.about03 ul{ padding-right:640px; padding-left:30px}
.about03 ul li{ height:96px; border-bottom:1px solid #d8d8d8; padding-left:80px; position:relative}
.about03 ul li:last-child{ border-bottom:none}
.about03 ul li .ico{ width:56px; height:56px; position:absolute; z-index:1; left:0;top:50%; margin-top:-28px; background-repeat:no-repeat; background-position:center; background-size:100%}
.about03 ul li .ico-about0301{ background-image:url(../images/ico-about0301.png)}
.about03 ul li .ico-about0302{ background-image:url(../images/ico-about0302.png)}
.about03 ul li .ico-about0303{ background-image:url(../images/ico-about0303.png)}
.about03 ul li .ico-about0304{ background-image:url(../images/ico-about0304.png)}
.about03 ul li .txt{ padding-top:25px;}
.about03 ul li h3{ font-size:20px; font-weight:normal; line-height:1.1; margin-bottom:5px}
.about03 ul li .p{ font-size:16px; color:#999;}
.about03 .img{ position:absolute; z-index:1; right:0;top:0; height:388px; box-shadow:0 0 5px rgba(0,0,0,.5); width:600px}
.about03 .img img{ display:block; width:100%; height:100%}

.contact01{ padding-top:45px; padding-bottom:20px;}
.contact01 .bd{ height:290px; background:url(../images/contact01bg.jpg) no-repeat center; background-size:cover; padding:30px 35px; position:relative; padding-right:200px }
.contact01 .bd ul{ max-width:520px;}
.contact01 .title{ margin-bottom:25px}
.contact01 .title h3{ font-size:30px; color:#0c4da2}
.contact01 .title .p{ color:#999}
.contact01 .cewm{ position:absolute; z-index:1; right:75px;top:60px; text-align:center}
.contact01 .cewm.cewm02{ right:290px}
.contact01 .cewm .img{ background-color:#fff; width:170px; height:170px; border:1px solid #e2e2e2; padding:5px; margin-bottom:10px}
.contact01 .cewm .img img{ display:block; width:100%}
.contact01 li{ margin-bottom:10px; padding-left:25px; background-repeat:no-repeat; background-position:left 3px; background-size:20px}
.contact01 li.l1{ background-image:url(../images/ico-c01.png)}
.contact01 li.l2{ background-image:url(../images/ico-c02.png)}
.contact01 li.l3{ background-image:url(../images/ico-c03.png)}
.contact01 li.l4{ background-image:url(../images/ico-c04.png); background-size:18px;background-position:left 6px;}
.contact01 li.l5{ background-image:url(../images/ico-c05.png); background-size:18px;}

 
.contact02 { position:relative; padding-bottom:70px}
.contact02 .weap{ position:relative;overflow:hidden; }
.contact02 .map{ position:absolute; z-index:2; right:440px; left:0;top:0; bottom:0; line-height:1.2;-webkit-box-sizing:inherit !important; box-sizing:inherit !important;}
.contact02 .formlist{ float:right; background-color:#f5f5f5; padding:30px; width:440px;}
.contact02 .formlist .hd{ font-size:18px; color:#1a2c6e; font-weight:bold; margin-bottom:30px;}
.contact02 .formlist .hd span{ font-size:12px; margin-left:10px; font-weight:normal}
.contact02 .formlist li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-bottom:10px}
.contact02 .formlist li .intxt,.contact02 .formlist li .intextarea,.contact02 .formlist li .inbtn{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.contact02 .formlist li .t{ width:40px; line-height:36px;}
.contact02 .formlist li .intxt input{    border: 1px solid #eae9e9;width:100%;height: 36px;padding: 0px 10px;border-radius: 3px;}
.contact02 .formlist li .intextarea textarea{    border: 1px solid #eae9e9;width:100%;height:135px;padding: 10px;border-radius: 3px;    resize: none;}
.contact02 .formlist li.tis{ text-align:right; font-size:12px; display:block; color:#999; margin-top:-5px;}
.contact02 .formlist li.tis em{ color:#cc0000}
.contact02 .formlist li .inbtn .btn{    border:none;width:100%;height: 36px; border-radius: 3px; text-align:center; color:#fff; background:#1a2c6e; cursor:pointer}

.contact03{ padding:40px 0}
.contact03 .bd{  height:652px; margin:0 auto; background:url(../images/contact03bg.jpg) no-repeat center; background-size:cover; position:relative}
.contact03 .mbd{ display:none}
.contact03 .mbd img{ display:block; width:100%}
.contact03 .bd li{ position:absolute; z-index:1; width:63px; height:30px; text-align:center; line-height:1.1; font-size:12px}
.contact03 .bd li a:before{ content:""; display:block; margin:0 auto; width:8px; height:8px; background-color:#2275c5; border-radius:50%; margin-bottom:2px}
.contact03 .bd li a{ font-size:12px}
.contact03 .bd li.l1{left:calc(62.83% - 31px);top:69.4%;}
.contact03 .bd li.l1 a{ color:#2275c5; font-weight:bold}
.contact03 .bd li.l1 a:before{ content:""; width:13px; height:13px; background:url(../images/ico-zbu.png) no-repeat center; background-size:100%;border-radius:0;}
.contact03 .bd li.l2{left:calc(70.85% - 31px);top:69.2%}
.contact03 .bd li.l2 a:before{ content:""; width:11px; height:13px; background:url(../images/ico-gc.png) no-repeat center; background-size:100%;border-radius:0;}
.contact03 .bd li.l3{left:calc(54.81% - 31px);top:72.1%}
.contact03 .bd li.l3 a:before{ content:""; width:11px; height:13px; background:url(../images/ico-gc.png) no-repeat center; background-size:100%;border-radius:0;}
.contact03 .bd li.l4{left:calc(66.57% - 31px);top:81.4%}
.contact03 .bd li.l4 a:before{ content:""; width:11px; height:13px; background:url(../images/ico-gc.png) no-repeat center; background-size:100%;border-radius:0;}
.contact03 .bd li.l5{left:calc(57.48% - 31px);top:52.7%}
.contact03 .bd li.l6{left:calc(65.9% - 31px);top:52%}
.contact03 .bd li.l7{left:calc(48.12% - 31px);top:60.7%}
.contact03 .bd li.l8{left:calc(57.35% - 31px);top:64%}
.contact03 .bd li.l9{left:calc(64.4% - 31px);top:62%}
.contact03 .bd li.l10{left:calc(72.1% - 31px);top:57.4%}
.contact03 .bd li.l11{left:calc(77.8% - 31px);top:62.6%}
.contact03 .bd li.l12{left:calc(76.8% - 31px);top:67.5%}
.contact03 .bd li.l13{left:calc(69.5% - 31px);top:75.33%}
.contact03 .bd li.l14{left:calc(45.4% - 31px);top:81.59%}
.contact03 .bd li.l15{left:calc(58.4% - 31px);top:81.59%}

.contact03 .bd .img{ padding-top:58px; padding-left:38px}
.contact03 .bd .img img{ display:block; max-width:704px; width:100%}
.contact03 .bd .txt{ background-color:#47b2ff; color:#fff; font-size:20px; position:absolute; z-index:1; right:70px; width:320px;top:180px; border-radius:10px; padding:50px;}

.contact04{ padding-top:40px; padding-bottom:80px}
.contact04 .bd img{ display:block; width:100%}

.newsproduct01 .imgbox{ float:left; padding:10px; border:1px solid #eeeeee; width:50%}
.newsproduct01 .imgbox img{ display:block; width:100%}
.newsproduct01 .txt{ float:right; width:46%}
.newsproduct01 .txt h1.title{ font-size:30px; color:#2f2d6e; line-height:1.1; margin-bottom:20px}
.newsproduct01 .txt .ms{ line-height:2; margin-bottom:40px}
.newsproduct01 .txt .as a{ display:inline-block; height:50px; line-height:50px; color:#fff; text-align:center; background-color:#666666; font-size:18px; width:35%; margin-right:5%}
.newsproduct01 .txt .as a.a1{ width:45%; background-color:#047fcc}
.newsproduct01 .txt .as a.a1:before{ content:""; display:inline-block; width:32px; height:32px; background:url(../images/ico-f06.png) no-repeat center; background-size:100%; vertical-align:middle; margin-right:10px; position:relative;top:-2px}

.newsproductbox{ padding-top:70px;}
.newsproduct01{ margin-bottom:30px;}
.newsproduct01 .imgbox{ position:relative}
.newsproduct01 .imgbox .slick-arrow{ width:40px; height:40px; border:1px solid #c5c5c5; border-radius:50%; overflow:hidden; text-indent:-99px; background-color:transparent; position:absolute; z-index:1;top:50%; margin-top:-20px; cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:50%; background-color:rgba(100%,100%,100%,.7); border-radius:50%}
.newsproduct01 .imgbox.slick-arrow:hover{ border:1px solid #026db3}
.newsproduct01 .imgbox .slick-prev{ left:15px;background-image:url(../images/ico-prev.png)}
.newsproduct01 .imgbox .slick-next{ right:15px; background-image:url(../images/ico-next.png)}
.newsproduct01 .imgbox .slick-prev:hover{ background-image:url(../images/ico-prevon.png)}
.newsproduct01 .imgbox .slick-next:hover{ background-image:url(../images/ico-nexton.png)}

.newsproduct02 .hd{ border-bottom:1px solid #e6e6e6; position:relative; height:42px; margin-bottom:20px}
.newsproduct02 .hd:before{ content:""; display:block; height:4px; width:98px; background-color:#2f2d6e; position:absolute; z-index:1; left:0; bottom:0;}
.newsproduct02 .hd h3{ font-size:24px; color:#1a2c6e; line-height:1.1}
.newsproduct02 .bd{ overflow:hidden; line-height:2; margin-bottom:50px}
.newsproduct02 .bd img{ max-width:100%; height:auto !important;}

.index01{ background:url(../images/index01bg.jpg) no-repeat center; background-size:cover; color:#fff; font-size:0;}
.index01 .weap{ height:100px; padding-top:8px}
.index01 li{ font-size:14px; display:inline-block; vertical-align:top;}
.index01 li .p{ font-family:Arial, Helvetica, sans-serif; line-height:1.1; margin-top:10px}
.index01 li .ico{ width:91px; height:80px; float:left; overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:100%}
.index01 li .ico-n01{ background-image:url(../images/ico-n01.png)}
.index01 li .ico-n02{ background-image:url(../images/ico-n02.png)}
.index01 li .ico-n03{ background-image:url(../images/ico-n03.png)}
.index01 li .txt{ overflow:hidden; padding-left:15px;padding-top:18px}
.index01 li:nth-child(1){ width:33%}
.index01 li:nth-child(2){ width:37%}
.index01 li:nth-child(3){ width:30%}
.index01 li .txt h3{ font-size:24px; line-height:1.1; margin-bottom:5px }

.index02{ padding-top:65px; padding-bottom:55px}
.index02 .img{ float:left; overflow:hidden; width:377px}
.index02 .img img{ display:block; width:100%;}
.index02 .txt{ overflow:hidden; padding-left:70px;}
.index02 .txt h3{ font-size:30px; color:#0c4aac; line-height:1.1}
.index02 .txt .line{ width:50px; height:2px; background-color:#0c4aac; margin:25px 0}
.index02 .txt .ms{ line-height:1.7; text-align:justify; margin-bottom:30px}
.index02 .txt .more a{ display:inline-block; width:165px; line-height:34px; height:34px; text-align:center; color:#fff; font-size:16px; background-color:#0c4aac}

.index03{ background:#fafafa url(../images/index03bg.png) no-repeat center bottom; background-size:cover; padding:44px 0; padding-bottom:80px}
.plo02{ height:46px; border-bottom:1px solid #eeeeee; margin-bottom:40px}
.plo02 h3{ float:left; font-size:30px; color:#0c4aac; line-height:1.1; height:46px; border-bottom:2px solid #0c4aac}
.plo02 .eng{ float:left; font-size:18px ; color:#999999; line-height:34px; margin-left:10px}
.plo02 .more{ float:right; padding-top:10px}
.plo02 .more a{ font-size:16px; color:#0c4aac}
.plo02 .more a:before{ content:"+"; background-color:#0f489f; display:inline-block; width:13px; height:13px; vertical-align:middle; text-align:center; line-height:10px; font-size:12px; color:#fff; margin-right:5px;}

.index03 .index03img{ float:left; width:600px; overflow:hidden; position:relative}
.index03 .index03img img{ display:block; width:100%; height:350px}
.index03 .index03img a{ display:block; position:relative}
.index03 .index03img h3{ position:absolute; z-index:1; left:0; right:0; height:45px; line-height:45px; font-size:18px; color:#fff; background:rgba(0,0,0,.8); bottom:0; padding-left:15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-right:90px}
.index03 .index03img .slick-dots{ position:absolute; z-index:1; right:15px; bottom:10px;}
.index03 .index03img .slick-dots li{ display:inline-block; width:10px; height:10px; background-color:#fff; border-radius:50%; vertical-align:middle; margin-left:5px; cursor:pointer}
.index03 .index03img .slick-dots li.slick-active{ background-color:#0085d5}
.index03 .index03img .slick-dots button{ display:none}
.index03 .index03img .slick-arrow{ position:absolute; z-index:1; width:30px; height:40px;top:50%; margin-top:-20px; background-color:rgba(40,85,150,.8); border:none; cursor:pointer; overflow:hidden; text-indent:-99px; background-repeat:no-repeat;  background-position:center; background-size:60%}
.index03 .index03img .slick-prev{ left:0; background-image:url(../images/ico-prev02.png)}
.index03 .index03img .slick-next{ right:0;background-image:url(../images/ico-next02.png)}

.index03news{ overflow:hidden; padding-left:35px}
.index03news li{ border-bottom:1px solid #eaeaea}
.index03news li:nth-child(1) a{ padding-top:0}
.index03news a{ display:block; padding:14px 0; position:relative}
.index03news .date{ position:absolute; z-index:1; right:0;top:14px; font-size:13px; color:#777777}
.index03news  h3{ font-weight:normal; padding-right:80px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index03news  h3:before{ content:""; display:inline-block; vertical-align:middle; width:15px; height:3px; background-color:#bcbcbc; margin-right:10px}
.index03news .p{ display:none}
.index03news .on .p{ display:block; color:#666666; height:44px; overflow:hidden}
.index03news .on h3{ font-size:18px; font-weight:bold; margin-bottom:5px}
.index03news .on h3:before{ display:none}
.index03news li:nth-child(1) .date{top:0px;}
.index03news .on a:before{ content:""; display:block; position:absolute; z-index:1; bottom:19px; right:0; background:#fafafa url(../images/ico-arrow02.png) no-repeat center; width:18px; height:12px;}

.index04{ padding-top:55px; padding-bottom:55px}
.index04 .bd{ position:relative; margin-left:-10px; margin-right:-10px}
.index04 .bd .slick-arrow{ width:40px; height:40px;  border-radius:50%; border:none; overflow:hidden; text-indent:-99px; background-color:#3366cc; position:absolute; z-index:1;top:50%; margin-top:-20px; cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:50%} 
.index04 .bd .slick-prev{ left:-50px;background-image:url(../images/ico-prev02.png)}
.index04 .bd .slick-next{ right:-50px; background-image:url(../images/ico-next02.png)} 
.index04 .bd .item img{ display:block; width:100%; height:293px}
.index04 .bd .item .img{ overflow:hidden}
 
.index04 .bd .item a{ display:block; margin:0 10px; text-align:center; }
.index04 .bd .item a h3{ font-size:16px; line-height:58px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; background-color:#f5f5f5; padding:0 10px }  

.links .plo02{ margin-bottom:20px}
.links{ padding-bottom:50px;}
.links .bd a{ display:inline-block; vertical-align:middle;}
.links .bd i{ padding:0 8px;}

.downloadbox{ padding-top:60px; padding-bottom:90px}
.downloadlist .bd li{  border-bottom:1px solid #f0f0f0; padding-bottom:45px; margin-bottom:45px}
.downloadlist .bd li .a{ display:block; position:relative;}
.downloadlist .bd li .img{ float:left; overflow:hidden; width:360px; margin-right:50px}
.downloadlist .bd li .txt h3{ font-size:24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight:normal; line-height:1.1; margin-bottom:20px; padding-right:135px}
.downloadlist .bd li .txt h3 a{ font-size:24px}
.downloadlist .bd li .txt .p{ max-height:44px;margin-bottom:15px; overflow:hidden; color:#999; font-size:14px;}
 
.downloadlist .bd li .txt .info span{ display:inline-block;  vertical-align:top; color:#999}
.downloadlist .bd li .txt .info .downloada{ position:absolute; z-index:1; right:0;top:0; width:132px; height:26px; background-image:url(../images/dl.png); background-repeat:no-repeat; background-position:center; background-size:auto 100%}
.downloadlist .bd li .txt .info .downloada:hover{ background-image:url(../images/dl-on.png);}

.teamlist{ padding-top:60px; padding-bottom:140px}
.teamlist .bd li{ float:left; width:50%; position:relative; margin-bottom:20px; padding:0 18px}
.teamlist .bd li a{ display:block; position:relative; z-index:2; background-color:#fafafa; border:1px solid #f1f1f1; overflow:hidden; padding:20px; box-shadow:5px 5px 0px #f7f7f7}
 
.teamlist .bd li .img{ float:left; overflow:hidden; margin-right:20px; width:130px}
.teamlist .bd li .img img{ display:block; width:100%; height:160px}
.teamlist .bd li .txt{ overflow:hidden}
.teamlist .bd li .txt h3{ font-size:16px; margin-bottom:5px}
.teamlist .bd li .txt .p{ color:#999}

@media (max-width: 1920px){ 
/*最新 s*/
.banner .item,.banner{ height:44.8vw}
.xnbanner{ height:25vw}
/*最新 e*/
}
@media (max-width: 1450px){ 
/*最新 s*/
.xabout04 .slick-dots{ text-align:center; margin-top:20px;}
.xabout04 .slick-dots li{ display:inline-block; width:12px; height:12px; vertical-align:middle; margin:0 10px; background-color:#eee; border-radius:50%}
.xabout04 .slick-dots li button{ display:none}
.xabout04 .slick-dots li.slick-active{ background-color:#0c4da2}
.xabout04 .bd .a .img{ height:30vw; line-height:30vw}
/*最新 e*/
}
@media (max-width: 1366px){ 
.about04 .bdimg{ margin-left:50px; margin-right:50px}

.index04 .bd{margin-left:50px; margin-right:50px}

/*最新 s*/
.xindex01 .bd li .img{ height:23.5vw}
.xindex04 li .img{ height:21.7vw}
.xproduct-list li .img{ height:20vw}
.xproductpage03 .bd li .img{ height:23.5vw}
.xabout05 .item li:nth-child(1) .img{ height:35.4vw}
.xabout05 .item li .img{ height:16.32vw}
/*最新 e*/
}

@media (max-width: 1220px){ 
 
.banner .item,.banner{ height:48vw}
.nbanner{ height:32vw} 

 
.contact01 .cewm{ right:25px}

.contact03 .bd{ height:54.33vw}
.contact03 .bd .img img{ width:58.66vw}
.contact03 .bd .img{ padding-top:4.83vw; padding-left:3.16vw}

.contact03 .bd .txt{ font-size:1.6vw; width:26.6vw; padding:4.16vw;top:15vw; right:5.83vw}

.index01 li .txt h3{ font-size:1.98vw}
.index01 li .p{ font-size:1.15vw; line-height:1.1; margin-top:5px;}

.index01 .weap{ height:auto; padding-top:10px; padding-bottom:10px;}
.index01 li .ico{ width:7.52vw; height:6.61vw}
.index01 li .txt{ padding-top:1.4vw}

.index02 .txt{ padding-left:20px}

.index04 .bd .item img{ height:24.4vw}
} 

@media (max-width:1024px){
.about03 .img{ width:500px; height:325px;}
.about03 ul{ padding-right:520px;}
.about03 ul li{ height:80px;}
.about03 .bd{ height:327px}
.about03 ul li .txt{ padding-top:15px}



}
@media (max-width:1000px){  
.banner .slick-dots{ bottom:5px;}
.banner .slick-dots li{ width:8px; height:8px; border-radius:50%; margin:0 4px}

.plo{ margin-bottom:20px}
.plo h3{ font-size:22px}
.plo .p{ font-size:12px}
 

.banner .slick-arrow{ display:none}

.lanmunav{ margin-top:0; background:rgba(0,0,0,.1); height:auto; padding:5px;}
.lanmunav ul{ overflow:hidden}
.lanmunav li{ padding:0; margin:0; width:50%; border:none; display:block; float:left}
.lanmunav li a{ font-size:14px; color:#333; display:block; text-align:center; margin:5px; line-height:32px; height:32px; background-color:#fff; border-radius:5px;}
 
.lanmunav li.on a:after{ display:none}
 
.productlist .bd li{ width:50%} 
.productlist .bd li a{ margin:0 5px;}
.productlist .bd ul{ margin-left:-5px; margin-right:-5px}
.productlist .bd li .img{ padding:15px;}
.productlist .bd li .txt{ padding:15px 10px;}
.productlist .bd li .txt h3{ font-size:18px; margin-bottom:5px}
.productlist .bd li .txt .p{ font-size:14px; height:66px;}

.newslist{ float:none; width:auto; margin-bottom:20px}
.newslist .bd li{ padding-bottom:10px; margin-bottom:20px}
.newslist .bd li .p{ margin-bottom:15px}
.newslist .bd li h3{ font-size:16px}
.sideleft{ float:none; width:auto}
.sidenews{ padding:20px 10px} 

.index02{ padding-top:20px; padding-bottom:30px}
.index02 .title h3{ font-size:20px; text-align:center}
.index02 .title{ float:none; margin-bottom:15px}
.index02right{ float:none; width:auto; margin:0; height:120px; padding:5px; margin-bottom:10px; } 
.index02left{ float:none; width:auto;font-size:14px}
.index02left .txt{ margin-bottom:15px}
.index02 .title:after{ margin:0 auto;margin-top:10px; width:45px;}
.index02left .txta{ text-align:center}
.index02left .txta a{ height:32px; line-height:32px}

.plo{ margin-bottom:15px}
.plo .eng{ font-size:22px;}
.plo h3{ font-size:16px}

 

.lanmuplo{ font-size:22px; margin-bottom:15px}
.lanmuplo h3{ font-size:22px}
.lanmuplo:after{ width:34px; margin-top:10px}
.product01{ padding:20px 0}
.product01 .bd{ line-height:1.6} 
.productlist li{ padding-bottom:15px; margin-bottom:0px}
.productlist li .img{  width:auto; float:none !important; margin-left:-10px; margin-right:-10px;}
.productlist li .txt{ float:none !important; width:auto !important; padding-top:25px}
.productlist li .txt i{ font-size:30px}
.productlist li .txt i:before{ width:45px}
.productlist li .txt h3{ font-size:18px; margin-bottom:15px}
.productlist li .txt .p{ line-height:1.6; margin-bottom:15px}
.productlist li .txt .more span{ width:120px; height:34px; line-height:34px}
.productlist li a{ overflow:visible}

.productpage01{ padding-top:30px; padding-bottom:20px}

.productpage02{ padding-top:20px; padding-bottom:30px;}

.lanmunav .weap{ padding-left:0; padding-right:0; display:block}
.lanmunav li.on a{ background-color:#1a2c76; color:#fff}
.newslist .bd li .img{ margin-right:20px}
.newsbox{ padding-top:30px; padding-bottom:30px}
.newspages{ padding-top:30px; padding-bottom:40px;}
.connpage .title{ font-size:20px}
.connpage .info{ margin-bottom:10px; padding-bottom:10px}
.connpage .nextprev{ margin-top:15px; padding-top:15px}
.about01{ padding:30px 0}
.about01 .bd{ line-height:1.8; margin-bottom:15px}

.about02{ padding-top:35px}
.about03{ padding-top:30px; padding-bottom:40px}

 

.lanmunav .path{ display:none}
.newsproductbox{ padding-top:30px}
.newsproduct01 .imgbox{ float:none; width:auto; margin-bottom:20px}
.newsproduct01 .txt{ float:none; width:auto}
.newsproduct01 .txt .ms{ line-height:1.8; margin-bottom:20px}
.newsproduct01 .txt h1.title{ font-size:20px; margin-bottom:10px}
.newsproduct01 .txt .as{ overflow:hidden}
.newsproduct01 .txt .as a{ width:49% !important; font-size:16px; margin:0; float:left; height:38px; line-height:38px}
.newsproduct01 .txt .as a.a2{ float:right}
.newsproduct01 .txt .as a.a1:before{ width:22px; height:22px}
.newsproduct02 .hd{ height:32px; margin-bottom:15px}
.newsproduct02 .hd h3{ font-size:18px}
.newsproduct02 .hd:before{ height:2px; width:50px;}
.newsproduct02 .bd{ line-height:1.8; margin-bottom:25px}

.plo02 h3{ font-size:22px; height:36px}
.plo02 .eng{ font-size:14px; line-height:28px}
.plo02 .more a{ font-size:14px}
.plo02 .more{ padding-top:5px}
.plo02{ height:36px; margin-bottom:15px}

.index02 .txt h3{ font-size:22px;}
.index02 .txt .line{ width:40px; margin:10px 0}
.index02 .txt .ms{ line-height:1.6}


.index03 .index03img{ float:none; width:auto; margin-bottom:15px}
.index03 .index03img img{ height:auto}
.index03 .index03img h3{ font-size:14px; height:32px; line-height:32px}
.index03 .index03img .slick-dots{ bottom:0px}
.index03news{ padding-left:0;}

.index04 .bd .item img{ height:30vw}

/*最新 s*/
.xindex02 ul{ width:auto; float:none; margin:0 -9px}
.xindex02 ul li a{ margin:0 9px;}
.xindex02 .xindexabout{ float:none; width:auto}
.xindex03 li .txt{ padding:10px}
.xnav{ margin-top:0; margin-top:20px;}
.xnav ul li{ width:25%; margin-bottom:10px}
.xnav ul li a{ height:80px; line-height:80px}
.xabout01 .txt{ float:none; width:auto; margin-bottom:20px}
.xabout01 .img{ float:none; width:auto}
.xabout02{ padding:30px 0}
.xabout03 li .img{ float:none; width:auto; margin-bottom:20px}
.xabout03 li .txt{ width:auto; padding-left:0;}
.xabout03 li:nth-child(even) .img{ float:none}
.xabout04 .bd .a .img{ height:40vw; line-height:40vw}
.xabout03 li:nth-child(even) .txt{ float:none !important; padding:0 !important}

.xlanmuleft{ float:none; width:auto;}
.xside-nav{ margin-bottom:10px;}
.xlanmuright{ padding-left:0}
 
.xsideplo h3{ text-align:left; padding:0 20px; position:relative}
.xsideplo h3:before{content: ""; display: block; position: absolute; z-index: 2; right: 0; top: 0;bottom:0; width: 50px; text-align: center; font-size: 20px;background:url(../images/ico-prev02.png) no-repeat center; background-size:20px;transform:rotate(-90deg);}
.xside-nav{ display:none}
.xproductpage01 .ppage01left{ float:none; width:auto}
.xproductpage01 .ppage01right{ float:none; width:auto}
/*最新 e*/
}
@media (max-width:900px){ 
 

.about02 .bd li .year{ font-size:18px}
.about02 .bd li:nth-child(1){top:5%}
.about02 .bd li:nth-child(3){top:45%}
.about02 .bd li:nth-child(4){top:80%; left:10%}
.about02 .bd li:nth-child(5){top:3%; left:45%; width:auto}
.about02 .bd li:nth-child(6){top:30% ; left:auto; right:0; width:160px}
.about02 .bd li:nth-child(7){top:65%; width:150px}
.about02 .bd li:nth-child(6):before{ width:25px; height:25px; bottom:-30px}
.about02 .bd li:nth-child(3):before{ width:35px; height:35px; left:-40px}
.about02 .bd li:nth-child(7):before{width:35px; height:35px; left:-40px}

.about03 .bd{ height:auto}
.about03 ul{ padding:0;}
.about03 ul li{ padding-right:10px; padding-left:70px; height:70px}
.about03 ul li .ico{ left:10px; width:45px; height:45px; margin-top:-22px}
.about03 .img{ width:auto; height:auto; position:static}
.about03 ul li h3{ font-size:18px}
.about03 ul li .p{ font-size:14px}

.contact02 .formlist{ width:340px; padding:20px}
.contact02 .map{ right:340px}


}
@media (max-width:766px){ 
.productpage01 .bd li{ margin-bottom:15px; padding-bottom:3px}
.productpage01 .bd li .img{ width:auto; position:static; height:90vw}
.productpage01 .bd li .txt{ padding:10px}
.productpage01 .bd li .libox{ padding:0; margin:0; margin-right:3px}
.productpage01 .bd li dt{ margin-bottom:5px}
.productpage01 .bd li dd{ margin-bottom:0; line-height:1.6}

.productpage02 .bd ul{ margin-left:-5px; margin-right:-5px;}
.productpage02 .bd li{ width:50%; margin-bottom:10px}
.productpage02 .bd li .a{ margin:0 5px;}
.newslist .bd li .img{ float:none; width:auto; margin-right:0}
 
.newslist .bd li .txt{ padding-top:10px;}
.newslist .bd li .txt h3{ font-size:16px; margin-bottom:10px}
.newslist .bd li .txt .p{ margin-bottom:10px}
.newslist .bd li{ margin-bottom:10px}

.about01 .bdimg .item span{ margin:0 5px;}
.about01 .bdimg{ margin-left:-5px; margin-right:-5px}
.about01 .slick-dots{ margin-top:10px; text-align:center}
.about01 .slick-dots li{ display:inline-block; width:10px; height:10px; margin:0 3px; background-color:#eee; border-radius:50%}
.about01 .slick-dots li.slick-active{ background-color:#1a2c76}
.about01 .slick-dots li button{ display:none}
.contact01 .bd{ padding:15px; height:auto} 
.contact01 .title{ margin-bottom:10px}
.contact01 .title h3{ font-size:20px}
.contact01 .title .p{ font-size:10px}
.contact01 .cewm { right:15px; font-size:12px;top:auto; bottom:25px; position:static !important; display:inline-block; vertical-align:top;}
.contact01 .cewm .img{ width:90px; height:90px; margin-bottom:5px; margin:0 auto; padding:0}
 
.contact01{ padding-bottom:20px}
.contact02 .formlist{ float:none; width:auto}
.contact02 .map{ position:static; width:100%; height:300px}

.contact03{ padding:20px 0}
 
.contact03 .mbd{ display:block}
.contact04{ padding-top:20px; padding-bottom:40px}

.contact03 .bd .txt{ font-size:14px; position:static; width:auto; padding:10px; margin-bottom:20px}
.contact03 .bd{ height:auto; background:none}
.contact03 .bd .img{ padding:0; width:80%; margin:0 auto  }
.contact03 .bd .img img{ width:100%}

.nbanner h3{ font-size:20px}
.about01 .bd .aboutvideo{ float:none; width:auto; height:50vw; margin-bottom:10px}
.about01 .bd .txt{ float:none; width:auto}
.about01 .bd .txt h3{ font-size:20px;}
.about01 .bd .txt .line{ margin:15px 0; width:60px}
.about01 .bd .txt .ms{ line-height:1.8}

.about04{ padding-top:30px; padding-bottom:50px}

.index01 li{ width:100% !important; margin-bottom:10px}
.index01 li .ico{ width:50px; height:44px}
.index01 li .txt{ padding-top:5px}
.index01 li .txt h3{ font-size:18px}
.index01 li .p{ font-size:12px}

.index02 .img{ float:none; width:auto; margin-bottom:15px}
.index02 .img img{ width:60%; margin:0 auto}
.index02 .txt{ padding-left:0;}
.index02 .txt h3{ text-align:center}
.index02 .txt .line{ margin:10px auto}
.index02 .txt .more{ text-align:center}
.index02 .txt .more a{ width:120px; font-size:14px}
.index02 .txt .ms{ margin-bottom:15px}

.index04{ padding-top:30px; padding-bottom:30px}
.index04 .bd .item a h3{ line-height:40px; height:40px; font-size:14px}
.index04 .bd{ margin-left:-5px; margin-right:-5px}
.index04 .bd .item a{ margin:0 5px}
.index04 .bd .slick-next{right:4px}
.index04 .bd .slick-prev{left:5px} 
.index04 .bd .slick-arrow{ width:30px; border-radius:0}

.plo02 h3{ font-size:20px}
.links{ padding-bottom:30px}
.links .plo02{ margin-bottom:15px}

.downloadlist .bd li .txt h3{ font-size:16px; padding-right:0}
.downloadlist .bd li .txt h3 a{ font-size:16px}
.downloadlist .bd li .txt .info{ position:relative; line-height:20px}
.downloadbox{ padding-top:30px; padding-bottom:40px}
.downloadbox .lanmuplo{ margin-bottom:25px}
.downloadlist .bd li .txt h3{ margin-bottom:10px}
.downloadlist .bd li{ padding-bottom:20px; margin-bottom:20px}
.downloadlist .bd li .txt .info .downloada{ height:20px; background-position:center right}
.downloadlist .bd li .txt .p{ margin-bottom:10px}

.newslist .bd li .img img{ height:auto}

.teamlist{ padding-top:30px; padding-bottom:50px}
.teamlist .bd li{ float:none; width:100%; padding:0; margin-bottom:15px; }
.teamlist .bd li a{padding:10px}

.teamlist .bd li .img{ width:100px; margin-right:10px}
.teamlist .bd li .img img{ height:123px}


/*最新 s*/
.xindex01{ padding:30px 0}
.xplo h3{ font-size:22px; margin-bottom:10px}
.xplo .line{ width:30px; height:3px; margin-bottom:10px}
.xplo .p{ font-size:13px; line-height:1.4}
.xplo{ margin-bottom:20px}
.xindex01 .bd li{ width:50%; margin-bottom:10px}
.xindex01 .bd li a{ margin:0 5px;}
.xindex01 .bd ul{ margin:0 -5px}
.xindex01 .bd li .img{ height:47vw}
.xindex01 .bd li .txt{ padding:10px 5px}

.xmores{ margin-top:15px}
.xmores a{ height:40px; line-height:38px; font-size:14px;border: 1px solid #060a15; width:140px;}
.xmores a i{ width:20px; margin-left:10px; height:6px}
.xindex02{ padding:30px 0}
.xindex02 ul li{ width:100%}
.xindex02 ul li a{ padding:20px; height:210px}
.xindex02 ul li .more{ margin-top:30px}
.xindex02 ul li .ico{ right:15px; bottom:15px}
.xindex02 .xindexabout{ padding:20px; height:auto}
.xindex02 .xindexabout h3{ font-size:21px;}
.xindex02 .xindexabout .line{ width:30px}
.xindex02 .xindexabout .p{ line-height:1.8}

.xindex03{ padding:30px 0}
.xindex03 li a{ margin:0}
.xindex03 ul{ margin:0;}
.xindex03 li{ width:100%; margin-bottom:10px}
.xindex03 li .img{ height:40vw}
.xindex03 li .txt h3{ font-size:20px}
.xindex03 li .txt{ height:auto}
.xindex03 li:nth-child(even) a{ padding-top:40vw; position:relative}
.xindex03 li:nth-child(even) .img{ position:absolute; z-index:2;top:0; left:0; right:0}
.xindex03 li .txt .more{ margin-top:15px}
.xindex04{ padding:30px 0}
.xindex04 li{ width:100%; margin-bottom:15px}
.xindex04 li .img{ height:55vw; margin-bottom:5px}
.xindex04 li h3{ font-size:18px}
.xindex04 li a{ margin:0;}
.xindex04 ul{ margin:0}
.xindex04 .xmores{ margin-top:10px;}
.xnav ul{ margin:0 -5px}
.xnav ul li{ width:50%}
.xnav ul li a{ margin:0 5px; font-size:16px; height:50px; line-height:50px;    box-shadow: 0 0 10px rgba(0,0,0,.1);} 

.xplo02{ margin-bottom:20px}
.xplo02 h3{ font-size:22px; margin-bottom:10px}
.xplo02 .line{ width:30px; height:3px; margin-bottom:10px}
.xabout01{ padding:30px 0}

.xabout02{ padding-bottom:20px}
.xabout02 li{ width:50%; margin-bottom:10px; border-right:none !important; padding-top:0; height:auto;  }
.xabout02 li .num span{ font-size:30px}
.xabout02 li .num i{ font-size:12px; height:20px; line-height:20px; width:20px; margin-left:10px}
.xabout03{ padding:30px 0}
.xabout03 li h3{ font-size:21px;}
.xabout03 li h4{ font-size:16px}
.xabout03 li{ margin-bottom:15px}
.xabout04 .bd .a{ margin:0 5px;}
.xabout04 .bd{ margin:0 -5px}
.xabout04{ padding:30px 0}
.xabout04 .bd .a .img{ height:60vw; line-height:60vw}
.xabout04 .slick-dots li{ width:10px; height:10px; margin:0 5px}
.xabout05{ padding:30px 0}
.xabout05 .hd li span{ height:40px; line-height:40px; font-size:16px; border-radius:5px; margin:0 5px}
.xabout05 .hd li.on span:before{border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #0d4ea2; margin-left: -2px; bottom: -5px;}
.xabout05 .hd{ margin-bottom:20px}	
.xabout05 .item li:nth-child(1){ width:100%}
.xabout05 .item li{ width:50%; margin-bottom:10px}
.xabout05 .item li .img{ margin:0 5px; height:32vw}
.xabout05 .item li:nth-child(1) .img{ height:auto}
.xabout05 .item li .img .title{ padding:0 10px; height:40px; line-height:40px; font-size:14px; bottom:0;}
.xabout05 .item ul{ margin:0 -5px}
.xabout06{ height:45vw}

.xlanmu{ padding:30px 0}
.xsideplo{ height:50px; line-height:50px}
.xsideplo h3{ font-size:18px; padding: 0 10px}
.xlanmuplo h3{ font-size:19px}
.xlanmuright{ margin-top:10px}
.xlanmuplo{ height:42px; line-height:40px; margin-bottom:20px}
.xproduct-list li{ width:50%; margin-bottom:10px}
.xproduct-list li a{ margin:0 5px}
.xproduct-list ul{ margin:0 -5px}
.xproduct-list li .img{ height:40vw}
.xproduct-list li .txt{ padding:10px}
.xproduct{ padding-top:10px}
.xnbanner{ height:33vw}
.xproductpage{ padding-top:10px}
.xproductpage01 .smallimg .a{ height:20vw}
.xproductpage01 .ppage01right h1.title{ font-size:21px; margin-bottom:10px}
.xproductpage01 .tis{ margin-bottom:20px; line-height:1.8}
.xproductpage01 .a a{ font-size:15px; width:120px; height:40px; line-height:40px; margin:0 10px}
.xproductpage01 .a{ text-align:center}
.xproductpage01 .fx a{ width:20px; height:20px}
.xproductpage01{ margin-bottom:25px}
.xproductpage02 .hd ul li{ width:auto; height:40px; line-height:40px; font-size:16px; padding:0 20px}
.xproductpage02 .hd{ height:40px;}
.xproductpage02 .sub{ padding:10px 0}
.xproductpage02 .sub .fz24{ font-size:20px}
.xproductpage03 .hd h3{ font-size:16px; padding:0 20px; width:auto}
.xproductpage03 .hd{ height:40px; line-height:40px; margin-bottom:15px}
.xproductpage03 .bd li{ width:50%; margin-bottom:10px;}
.xproductpage03 .bd ul{ margin:0 -5px}
.xproductpage03 .bd ul li a{ margin:0 5px;}
.xproductpage03 .bd li .img{ height:40vw}
.xproductpage03 .bd li .txt{ padding:10px}
.xnewslist .xindex04 ul{ margin:0}
.xnewslist{ padding-top:10px}

.lanmunav{ display:none}
/*最新 e*/

}