@charset "utf-8"; 
.main{ overflow:hidden; width:100%}
.xindex01{ padding:90px 0; background:url(../images/xindex01bg.jpg) no-repeat center; background-size:cover}
.xindex01 ul{ margin:0 -8px}
.xindex01 li{ float:left; width:16.66%; text-align:center; margin-bottom:16px}
.xindex01 li .a{ display:block; background-color:#fff; margin:0 8px; padding-top:45px; padding-bottom:30px; box-shadow:0 0 5px rgba(0,0,0,.1)}
.xindex01 li .a:hover{ background-color:#cb191d; color:#fff}
.xindex01 li .ico{ width:70px; height:70px; margin:0 auto; background-repeat:no-repeat; background-position:center; background-size:auto 100%; margin-bottom:15px;}
.xindex01 li .ico-xindex0101{ background-image:url(../images/ico-xindex0101.png)}
.xindex01 li .ico-xindex0102{ background-image:url(../images/ico-xindex0102.png)}
.xindex01 li .ico-xindex0103{ background-image:url(../images/ico-xindex0103.png)}
.xindex01 li .ico-xindex0104{ background-image:url(../images/ico-xindex0104.png)}
.xindex01 li .ico-xindex0105{ background-image:url(../images/ico-xindex0105.png)}
.xindex01 li .ico-xindex0106{ background-image:url(../images/ico-xindex0106.png)}
.xindex01 li .ico-xindex0107{ background-image:url(../images/ico-xindex0107.png)}
.xindex01 li .ico-xindex0108{ background-image:url(../images/ico-xindex0108.png)}
.xindex01 li .ico-xindex0109{ background-image:url(../images/ico-xindex0109.png)}
.xindex01 li .ico-xindex0110{ background-image:url(../images/ico-xindex0110.png)}
.xindex01 li .ico-xindex0111{ background-image:url(../images/ico-xindex0111.png)}
.xindex01 li .ico-xindex0112{ background-image:url(../images/ico-xindex0112.png)}
 
.xindex01 li .a:hover .ico-xindex0101{ background-image:url(../images/ico-xindex0101h.png)}
.xindex01 li .a:hover .ico-xindex0102{ background-image:url(../images/ico-xindex0102h.png)}
.xindex01 li .a:hover .ico-xindex0103{ background-image:url(../images/ico-xindex0103h.png)}
.xindex01 li .a:hover .ico-xindex0104{ background-image:url(../images/ico-xindex0104h.png)}
.xindex01 li .a:hover .ico-xindex0105{ background-image:url(../images/ico-xindex0105h.png)}
.xindex01 li .a:hover .ico-xindex0106{ background-image:url(../images/ico-xindex0106h.png)}
.xindex01 li .a:hover .ico-xindex0107{ background-image:url(../images/ico-xindex0107h.png)}
.xindex01 li .a:hover .ico-xindex0108{ background-image:url(../images/ico-xindex0108h.png)}
.xindex01 li .a:hover .ico-xindex0109{ background-image:url(../images/ico-xindex0109h.png)}
.xindex01 li .a:hover .ico-xindex0110{ background-image:url(../images/ico-xindex0110h.png)}
.xindex01 li .a:hover .ico-xindex0111{ background-image:url(../images/ico-xindex0111h.png)}
.xindex01 li .a:hover .ico-xindex0112{ background-image:url(../images/ico-xindex0112h.png)}

.xindex01 li .txt h3{ font-size:24px; font-weight:normal; line-height:1.3; margin-bottom:15px}
.xindex01 li .txt .p{ color:#666; line-height:1.6}
.xindex01 li .txt .p span{ display:block}
.xindex01 li .a:hover .txt .p{ color:#fff}

.xindex02{ background-color:#cb191d; color:#fff; border-bottom:6px solid #d2a36c; padding:44px 0}
.xindex02 ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.xindex02 ul li{ width:25%; text-align:center; line-height:1.4; border-right:1px solid rgba(255,255,255,.2)}
.xindex02 ul li:last-child{ border-right:none}
.xindex02 ul li .a{ display:inline-block; text-align:left}
.xindex02 ul li .p{ font-size:16px; margin-bottom:10px}
.xindex02 ul li .nums{ line-height:1.1}
.xindex02 ul li .nums span{ font-size:60px}
.xindex02 ul li .nums i{ display:inline-block; vertical-align:top; width:22px; height:25px; line-height:25px; color:#000; background:url(../images/ico-i.png) no-repeat center; background-size:100%; text-align:center; position:relative;top:10px}

.xindex03{ padding-top:55px; padding-bottom:30px;   text-align:center}
.xindex03 img{ max-width:100%}

.xindex04 img{ display:block; width:100% }

.xindex05{ background-color:#f5f7fa; padding:70px 0}
.xindex05 .hd{ text-align:center; margin-bottom:110px}
.xindex05 .hd h3{ line-height:1.1; font-size:36px; color:#cb191d}

.xindex05 .bd ul{ margin:0 -8px;}
.xindex05 .bd li{ width:20%; float:left}
.xindex05 .bd li .a{ margin:0 8px; background-color:#dc0612; color:#fff}
.xindex05 .bd li .a .img img{ display:block; width:100%}
.xindex05 .bd li .a .txt{ font-size:16px; padding:25px 35px; height:160px;}
.xindex05 .mores{ margin-top:80px;}
.xindex05 .mores a{ line-height:74px; height:74px; width:345px; font-size:24px;}
.xindex05 .mores a:after{ display:none}

.xindex06{ padding:75px 0}
.xindex06 .left{ float:left; width:64%}
.xindex06 .right{ float:right; width:30%}
.xindex06 .hd{ height:50px; line-height:1.1; border-bottom:1px solid #dcdcdc}
.xindex06 .hd ul{ float:left;}
.xindex06 .hd ul li{ float:left; font-size:28px; margin-right:30px; cursor:pointer}
.xindex06 .hd ul li.on{ color:#cb191d}
.xindex06 .hd .more{ float:right; line-height:40px;}
.xindex06 .hd .more a{ font-size:16px}
.xindex06 .topnews{ border-bottom:1px solid #ccc; margin-bottom:10px}

.xindex06 .topnews a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; padding:25px 0}
.xindex06 .topnews .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.xindex06 .topnews .txt h3{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size:20px; font-weight:normal; margin-bottom:10px}
.xindex06 .topnews .txt .p{ font-size:15px; color:#999; height:108px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.xindex06 .topnews .img{ height:200px; overflow:hidden;flex:0 0 40%; width:40%; margin-right:25px;}
.xindex06 .topnews .img img{object-fit: cover; display:block; width:100%; height:100%}
.xindex06 .topnews .date{ margin-top:20px; text-align:right; font-size:16px; color:#999}
.xindex06 .left .bd li{ padding:10px 0}
.xindex06 .left .bd li a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;font-size:16px;color:#666}
.xindex06 .left .bd li a:hover{color:#cb191d;}
.xindex06 .left .bd li h3{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:16px; font-weight:normal;padding-left:15px; background:url(../images/ico-d1.png) no-repeat left center; }
.xindex06 .right .bd{ background-color:#fbfbfb; height:558px; padding:25px}
.xindex06 .right .bd h3{ font-size:16px; line-height:1.2; font-weight:normal; margin-bottom:10px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp:2; padding-left:15px; background:url(../images/ico-d2.png) no-repeat left 5px; margin-left:-15px;}
.xindex06 .right .bd li{ padding:10px 0}
.xindex06 .right .bd .p{ color:#999;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp:2;}

.xindex07{ background:url(../images/xindex07bg.jpg) no-repeat center; background-size:cover}
.xindex07{ padding:130px 0}
.xindex07 .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex}
.xindex07 .left{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; color:#fff; line-height:1.4}
.xindex07 .left .p1{ font-size:72px; font-weight:bold}
.xindex07 .left .p2{ font-size:27px; font-weight:bold; text-transform:uppercase; margin-bottom:45px}
.xindex07 .left .p3{ font-size:36px; font-weight:bold}
.xindex07 .left .p4{ font-size:27px; margin-top:20px;  }
.xindex07 .left .p4 p{ margin-bottom:20px;}
.xindex07 .right{flex:0 0 460px; width:460px;}
.xindex07 .formlist{ background-color:#fff; border-radius:20px; padding:40px; padding-bottom:20px}
.xindex07 .formlist .hd{ text-align:center; font-size:30px;}
.xindex07 .formlist .bd li{ margin-bottom:25px; position:relative}
.xindex07 .formlist .bd .input{ width:100%; height:54px; background-color:#f5f5f5; border:none; padding:0 10px; font-size:16px;}
.xindex07 .formlist .bd i{ display:block; position:absolute; z-index:3; right:10px; line-height:54px; color:#F00;top:0}
.xindex07 .formlist .inbtn{ width:100%; background-color:#b6161a; color:#fff; border:none; font-size:20px; height:54px; cursor:pointer}
.xjoinmain{ padding:0 !important}
.xjoin01{ padding-bottom:100px; padding-top:70px}
.xjoin01 .hd{ text-align:center; margin-bottom:65px}
.xjoin01 .hd .p1{ font-size:34px; color:#e60000; font-weight:bold; margin-bottom:10px}
.xjoin01 .hd .p2{ font-size:24px; color:#e60000; font-weight:bold; margin-bottom:10px}
.xjoin01 .hd .p3{ display:inline-block; text-align:left; padding-left:80px; background:url(../images/ico-wen.png) no-repeat left center; height:95px}
.xjoin01 .hd .p3 .p31{ font-size:30px;}
.xjoin01 .hd .p3 .p32{ font-size:22px; color:#999}
.xjoin01 .bd img{ display:block; width:100%}

.xjoin02{ padding-top:70px; padding-bottom:40px; background-color:#f2f2f2}
.xjoin02 .bd{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.xjoin02 .bd .left{ width:46%; margin-right:4%}
.xjoin02 .bd .left img{ display:block; width:100%;}
.xjoin02 .bd .right{ width:50%}
.xjoin02 .bd .right li{ margin-bottom:15px}
.xjoin02 .bd .right li .t{ font-size:24px; color:#cc191d; font-weight:bold}
.xjoin02 .bd .right li .p{ font-size:18px;}

.xjoin03{ padding-top:75px}
.xjoin03 .bd img{ display:block; width:100%}

.xjoin04{ padding-top:100px; padding-bottom:110px}
.xjoin04 ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit--moz-box-pack:space-betweenr;box-pack:space-between; text-align:center} 
.xjoin04 ul li .ico{ width:104px; height:104px; margin:0 auto; border:1px solid #e60c12; background-position:center; background-repeat:no-repeat; background-size:100%; border-radius:50%; margin-bottom:10px;}
.xjoin04 ul li .xico-01{ background-image:url(../images/xico-01.png)}
.xjoin04 ul li .xico-02{ background-image:url(../images/xico-02.png)}
.xjoin04 ul li .xico-03{ background-image:url(../images/xico-03.png)}
.xjoin04 ul li .xico-04{ background-image:url(../images/xico-04.png)}
.xjoin04 ul li .xico-05{ background-image:url(../images/xico-05.png)}
.xjoin04 ul li .xico-06{ background-image:url(../images/xico-06.png)}
.xjoin04 ul li .p{ font-size:18px; color:#999}
.xjoin04 ul li.arrow{ width:22px; background:url(../images/xico-arrow.png) no-repeat center 52px; background-size:100%; flex:0 0 22px}

.newslisttxt li a{ display:block; padding:22px; border:1px solid #eee; margin-bottom:15px}
.newslisttxt li h3{ font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:10px}
.newslisttxt li .date{ color:#999; margin-bottom:10px;}
.newslisttxt li .ms{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#666}

.xcontact01 .bd{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.xcontact01 .contact01left{ width:555px;flex:0 0 555px; margin-right:25px; background-color:#f7f8fa}
.xcontact01 .contact01left li{ font-size:20px; padding:25px 0; border-bottom:1px solid #edf0f0; padding-left:110px; background-repeat:no-repeat; background-size:40px; background-position:30px center}
.xcontact01 .contact01left li.li1{ background-image:url(../images/ico-adder03.png)}
.xcontact01 .contact01left li.li2{ background-image:url(../images/ico-tel03.png)}
.xcontact01 .contact01left li.li3{ background-image:url(../images/ico-kf.png)}
.xcontact01 .contact01left li:last-child{ border-bottom:none}
.xcontact01 .contact01left li a{ font-size:24px}
.xcontact01 .contact01right{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.xcontact01 #map{ height:400px}

.xcontact02{ padding:70px 0}
.xcontact02 ul{ margin:0 -10px}
.xcontact02 li{ float:left; width:33.33%; }
.xcontact02 li .a{  margin:0 10px; padding:25px 0; border-bottom:1px solid #ccc;padding-left:77px; background-repeat:no-repeat; background-size:38px; background-image:url(../images/ico-adder04.png); background-position:10px center;}
.xcontact02 li .t{ font-size:18px; color:#999; margin-bottom:10px}
.xcontact02 li .p{ font-size:16px; line-height:1.4; height:45px;}
 
/*banner*/
.banner{ position:relative; z-index:1}
.banner .item{ height:800px; background-repeat:no-repeat; background-position:center; background-size:cover} 
.banner .item a{ display:block; width:100%; height:100%}
.banner .owl-dots{ text-align:center; position:absolute; z-index:1; bottom:20px; left:0; right:0;}
.banner .owl-dot{ display:inline-block; width:52px; height:8px; margin:0 5px; background-color:#fff}
.banner .owl-dot.active{ background-color:#cb191d} 

.plo{ margin-bottom:55px; text-align:center; margin-bottom:75px}
.plo h3{ font-size:40px; line-height:1.2}
.plo .line{ height:1px;   width:175px; margin:0 auto; position:relative; margin-top:25px} 
.plo .line:after{ content:""; display:block; width:50px; height:3px; background-color:#cb191d; position:absolute; z-index:2; left:50%; margin-left:-25px; bottom:-2px;}
.plo .p{}

.serviceindex{ padding-top:40px; padding-bottom:100px;}
.serviceindex .plo{ margin-bottom:25px}
.serviceindex .hd{ text-align:center; max-width:750px; margin:0 auto; margin-bottom:90px; border:1px solid #efefef; border-radius:60px; box-shadow:0 0 3px rgba(0,0,0,.1)}
.serviceindex .hd li{ display:inline-block; vertical-align:middle; margin:0 5%;}
.serviceindex .hd li a{ display:block; height:55px; line-height:55px; font-size:18px; position:relative;}
.serviceindex .hd li.on a:after{ content:""; display:block; position:absolute; z-index:1; bottom:0;left:0; right:0; height:2px;background:#25b532} 
.serviceindex .hd li i{ display:inline-block; width:22px; height:22px; background-position:0 0; vertical-align:middle; margin-right:8px; background-size:22px;}
.serviceindex .hd li .ico-a01{ background-image:url(../images/ico-a01.png)}
.serviceindex .hd li .ico-a02{ background-image:url(../images/ico-a02.png)}
.serviceindex .hd li .ico-a03{ background-image:url(../images/ico-a03.png)}
.serviceindex .hd li .ico-a04{ background-image:url(../images/ico-a04.png)}
.serviceindex .hd li.on a{ color:#03a03f}
.serviceindex .hd li.on i{background-position:0 -23px;}
.serviceindex .conn .ms{ width:49%; float:left;}
.serviceindex .conn .img{ width:48.7%; float:right; overflow:hidden}
.serviceindex .conn .img img{ width:100%}
.serviceindex .conn .ms h3{ font-size:30px; font-weight:normal; margin-bottom:20px; line-height:1.3}
.serviceindex .conn .ms h3 span{ color:#e0e0e0; margin-left:10px; font-size:28px; display:inline-block}
.serviceindex .conn .ms .conn{ font-size:16px;  height:110px; margin-bottom:20px; overflow:hidden; }
.serviceindex .conn .more a{ display:inline-block; width:160px; height:48px; line-height:48px; border:1px solid #01923e; color:#fff; background-color:#01923e; text-align:center; border-radius:50px;}
.serviceindex .conn .more a:hover{ background-color:#fff; color:#01923e}

.productseries{ padding-top:50px;} 
.productseries .bd a{ display:block; border:1px solid #f0f0f0}
.productseries .bd .img{ overflow:hidden; position:relative}
.productseries .bd a:hover .img:after{ content:""; display:block; position:absolute; z-index:1; left:0; right:0; bottom:0;top:0; background:rgba(0,0,0,.5) url(../images/ico-jia.png) no-repeat center; background-size:15%;}
.productseries .bd .txt{ padding:20px 30px; padding-bottom:39px; background-color:#e8e8e8; } 
.productseries .bd h3{ font-size:18px; position:relative;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:10px;}
.productseries .bd a:hover .txt{ background-color:#88b829; color:#fff; }
.productseries .bd .txt .ms{ font-size:14px;height:50px; overflow:hidden}

.productseries .owl-prev,.productseries .owl-next{ display:block; position:absolute; z-index:1; width:50px; height:50px; border-radius:50%; border:1px solid #88b829; background-repeat:no-repeat; background-position:center; background-size:31%;  overflow:hidden; text-indent:-99px; position:absolute; z-index:1;top:50%; margin-top:-25px;}
.productseries .owl-prev{ left:-60px; background-image:url(../images/owl-prev.png)}
.productseries .owl-next{ right:-60px; background-image:url(../images/owl-next.png)}

.aboutindex .bd{ background-color:#01923e; overflow:hidden; padding-left:46.6%; position:relative; color:#fff; padding-top:50px; padding-bottom:45px; padding-right:2.5%}
.aboutindex .bd .img{ float:left; height:100%; width:44%; position:absolute; z-index:1; left:0;top:0; bottom:0; background-repeat:no-repeat; background-position:center; background-size:cover}
.aboutindex .bd .eng{ color:#7fbf34; font-size:36px; font-weight:bold; text-transform:uppercase}
.aboutindex .bd h3{ font-size:28px; font-weight:normal; margin-bottom:10px}
.aboutindex .bd .conn{ text-align:justify; font-size:18px; margin-bottom:30px}
.aboutindex .bd .conn p{ text-indent:32px;}
.aboutindex .bd .more a{ display:inline-block; width:120px; height:38px; border:1px solid #fff; border-radius:40px; background:url(../images/ico-jt.png) no-repeat 45px center;}
.aboutindex .bd .more a:hover{ background:url(../images/ico-jt.png) no-repeat 55px center;}

.newsindex{ padding-top:50px; padding-bottom:80px;}
.newsindex .hotnews{ float:left; width:46.66%}
.newsindex .hotnews .img{ overflow:hidden; margin-bottom:5px}
.newsindex .hotnews .img img{ width:100%}
.newsindex .hotnews h3{ font-size:22px; font-weight:normal;    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsindex .hotnews .ms{ margin-bottom:15px; height:56px; overflow:hidden; color:#999}
.newsindex .hotnews .more span{ border:1px solid #01923e; display:inline-block; width:170px; height:35px; line-height:35px; background-color:#01923e; color:#fff; text-align:center}
.newsindex .hotnews .more span:hover{ background-color:#fff; color:#01923e}
.newsindex ul{ float:right; width:52%}
.newsindex ul h3{ font-size:18px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsindex ul li{ border-bottom:1px solid #e5e5e5; padding-bottom:29px; margin-bottom:29px; margin-top:-10px}
.newsindex ul a{ display:block;  position:relative; padding-left:88px;}
.newsindex ul .date{ display:block; position:absolute; z-index:1; left:0;top:0px; width:88px; text-align:center; line-height:1.2}
.newsindex ul .date span{ display:block; }
.newsindex ul .date .d{ font-size:50px; color:#aaaaaa}
.newsindex ul .date .y{ color:#666}
.newsindex ul .ms{ color:#999;height:56px; overflow:hidden;}

/*关于我们*/
.mainlanmu{ min-height:400px; padding:60px 0}
.nbanner{ height:388px; background-repeat:no-repeat; background-position:center; background-size:cover; color:#fff} 
.nbanner .weap{ padding-top:5%; line-height:1.5}
.nbanner .title{ font-size:40px; font-weight:normal}
.nbanner .line{ height:5px ; width:38px; background-color:#fff}
.nbanner .eng{ font-size:24px;}
.pathbar{ background-color:rgba(0,0,0,.7); height:60px; line-height:60px; margin-top:-60px;}
.pathbar .path{ float:right; font-size:14px; color:#fff}
.pathbar .path a{ font-size:14px; color:#fff}
.pathbar .classify{ float:left;}
.pathbar .classify li{ float:left;}
.pathbar .classify li a{ display:block; padding:0 35px;text-align:center; color:#fff; font-size:16px}
.pathbar .classify li a:hover,.pathbar .classify li.on a{ background-color:#cc191d; color:#fff}

.pagesconn{  overflow:hidden; line-height:2;  }
.pagesconn img{ max-width:100%; height:auto !important}
.pagesconn .title{ font-size:32px; color:#00933d; font-weight:normal}
.pagesconn .eng{ font-size:28px; text-transform:uppercase; margin-bottom:10px;}

/*产业*/ 
.industrylist li{ overflow:hidden; margin-bottom:40px; background-color:#f7f7f7; position:relative; padding-right:49.5%}
.industrylist .img{ position:absolute; z-index:1; right:0;top:0; bottom:0; width:49.5%}
.industrylist .img a{ display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover}
.industrylist .txt{ padding:30px}
.industrylist .txt h3{ margin-bottom:10px}
.industrylist .txt h3 a{ font-size:30px; color:#1e9d50}
.industrylist .txt .ms{ font-size:14px; line-height:2.2; margin-bottom:15px} 
.industrylist .txt .more a{ display:inline-block; border:1px solid #1e9d50; background-color:#1e9d50; color:#fff; text-align:center; font-size:14px; width:135px; height:40px; line-height:40px}
.industrylist .txt .more a:hover{ background-color:#fff; color:#1e9d50}

/*产品*/ 
.productlist ul{ margin-left:-1%; margin-right:-1%}
.productlist li{ float:left; width:31.33%; margin:0 1%; margin-bottom:25px;}
.productlist li a{ display:block}
.productlist li .img{ overflow:hidden; position:relative; height:316px}
.productlist li .img img{ width:100%; height:100%}
.productlist li .txt{ background-color:#e8e8e8; padding:20px 30px;}
.productlist li .txt h3{font-size:16px; text-align:center; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.productlist li .txt .ms{ font-size:14px; height:50px; overflow:hidden}
.productlist li a:hover .txt{ color:#fff; background-color:#cb191d}
.productlist li a:hover .img:after{ content:""; display:block; position:absolute; z-index:1; left:0; right:0; bottom:0;top:0; background:rgba(0,0,0,.5) url(../images/ico-jia.png) no-repeat center; background-size:15%;}

/*新闻*/
.newslist li{ margin-bottom:40px;}
.newslist li a{ display:block; position:relative; padding-left:275px;}
.newslist li .img{ position:absolute; z-index:1; left:0;top:0; width:260px; height:145px; overflow:hidden;}
.newslist li .img img{ width:100%}
.newslist li .txt{ height:145px; font-size:18px; border-bottom:1px solid #e8e8e8; padding-left:118px; position:relative}
.newslist li .txt .date{ position:absolute; z-index:1; left:0;top:0; text-align:center; width:88px; line-height:1.5; border-right:1px solid #e8e8e8; padding-bottom:15px;}
.newslist li .txt .date span{ display:block; color:#666}
.newslist li .txt .date .d{ font-size:45px; color:#333}
.newslist li .txt h3{overflow: hidden; white-space: nowrap;text-overflow: ellipsis; margin-bottom:10px;}
.newslist li .txt .ms{ font-size:14px; height:50px; overflow:hidden; color:#666}

/*新闻详情*/
.newspages .title{ color:#333; text-align:center; font-size:24px; font-weight:normal; line-height:1.5; margin-bottom:15px;}
.newspages .info{ text-align:center; font-size:14px; border-bottom:1px dashed #dbdbdb; padding-bottom:10px; margin-bottom:20px}
.newspages .info a{ font-size:14px;}
.newspages .info span{ margin:0 10px}
.newspages .conn{ overflow:hidden}
.newspages .conn img{ max-width:100%; height:auto !important}
.nextpages { margin-top:30px; padding-top:50px; border-top:1px dashed #dbdbdb;}
.nextpages ul{ overflow:hidden}
.nextpages ul li{ width:48%; margin:0 1%; float:left}
.nextpages ul li a{ display:block; text-align:center; border:1px solid #d2d2d2; height:40px; line-height:40px; border-radius:50px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis; padding:0 10px }
.nextpages ul li a:hover{ background-color:#cb191d; color:#fff}
/*专家*/
.expertlist li{ overflow:hidden; min-height:270px; position:relative; margin-bottom:55px}
.expertlist li a{ color:#666}
.expertlist li:nth-child(odd){ padding-left:315px;}
.expertlist li:nth-child(odd) .img{ left:0}
.expertlist li:nth-child(even){ padding-right:315px;}
.expertlist li:nth-child(even) .img{ right:0}
.expertlist li .img{ width:270px; height:270px; border-radius:50%; overflow:hidden; position:absolute;top:0;}
.expertlist li .img img{ width:100%; display:block}
.expertlist li .txt{ padding-top:20px;}
.expertlist li .title{ margin-bottom:20px;}
.expertlist li .title h3{ display:inline; font-size:18px; font-weight:normal}
.expertlist li .title span{ font-size:14px; margin-left:20px; color:#999}
.expertlist li .ms{ font-size:14px; line-height:2}

.index01{ padding:75px 0}
.index01 .bd ul{ font-size:0}
.index01 .bd li{ display:inline-block; vertical-align:top; width:33.33%; text-align:center}
.index01 .bd li h3{ font-size:22px; line-height:1.4; margin-top:20px; font-weight:normal;}
.index01 .bd li img{ width:160px; max-width:80%;}

.index02{ background-color:#eff1f4; padding:75px 0}
.index02 .bd{ position:relative}
.index02 .img{ text-align:center}
.index02 .img img{ max-width:100%}
.index02 .bd li{ position:absolute; z-index:2; width:360px;}
.index02 .bd .a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.index02 .bd .a .num{ color:#3991f5; font-size:60px; font-weight:bold; font-family:Impact; line-height:1.1; margin-right:10px}
.index02 .bd .a .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.index02 .bd .a .txt h3{ font-size:24px; font-weight:normal }
.index02 .bd .a .txt .p{ color:#666; line-height:1.6}
.index02 .bd li:nth-child(1){ left:0;top:30px}
.index02 .bd li:nth-child(2){ left:0;top:160px; width:310px}
.index02 .bd li:nth-child(3){ left:0;top:315px}
.index02 .bd li:nth-child(4){ right:0;top:120px; width:330px}
.index02 .bd li:nth-child(5){ right:35px;top:290px}

.owl-prev{ position:absolute; z-index:2; width:44px; height:44px; position:absolute; z-index:2; left:-55px;top:50%; margin-top:-22px; overflow:hidden; text-indent:-999px; background:url(../images/ico-prev.png) no-repeat center; background-size:100%; opacity:.6}
.owl-next{ position:absolute; z-index:2; width:44px; height:44px; position:absolute; z-index:2; right:-55px;top:50%; margin-top:-22px;overflow:hidden; text-indent:-999px; background:url(../images/ico-next.png) no-repeat center; background-size:100%; opacity:.6}
.owl-prev:hover{ opacity:1}
.owl-next:hover{ opacity:1}

.index03{ padding:75px 0;}
.index03 a{ display:block; position:relative}
.index03 .img{ overflow:hidden; height:328px;}
.index03 .img img{ display:block; width:100%; height:100%;object-fit: cover;}
a:hover .img img{ transform:scale(1.1)}
.img img{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.index03 a .txt{ position:absolute; z-index:2; left:0; right:0; bottom:0; background-color:rgba(0,0,0,.7); color:#fff; padding:10px; text-align:center; opacity:1;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.index03 a .txt h3{ font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index03 a .txt .p{ display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.index03 a .poptxt{ position:absolute; z-index:3; left:0; right:0; bottom:0; background-color:#3991f5; color:#fff; padding:10px 20px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3; font-size:15px; opacity:0;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.index03 a:hover .txt{ opacity:0}
.index03 a:hover .poptxt{ opacity:1}

.mores{ text-align:center; margin-top:35px;}
.mores a{ display:inline-block; width:170px; height:44px; line-height:44px; background-color:#cb191d; color:#fff; border-radius:40px;}
.mores a:after{ content:""; display:inline-block; width:16px; height:16px; background:url(../images/ico-jtright.png) no-repeat center; background-size:auto 100%; vertical-align:middle; margin-left:10px}
.mores a:hover{ background-color:#a6070b}

.index04{ padding-bottom:75px}
.plo .p{ font-size:18px; color:#666666; margin-top:20px}
.index04 .bd ul{ margin:0 -12px}
.index04 .bd li{ float:left; width:25%;}
.index04 .bd li a{ display:block; margin:0 12px;}
.index04 .bd li .img{ height:188px; overflow:hidden}
.index04 .bd li .img img{ display:block; width:100%; height:100%;object-fit: cover;}
.index04 .bd li h3{ font-size:16px; background-color:#eeeeee; line-height:46px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding:0 10px; font-weight:normal; text-align:center}

.index05{ background:url(../images/index05bg.jpg) no-repeat center; background-size:auto 100%; padding:65px 0; height:auto; padding-bottom:95px}
.index05 .plo{ margin-bottom:46px}
.index05 .bd img{ max-width:100%}

.index06{ padding:75px 0}
.index06 .a{ margin-bottom:20px}
.index06 .a a{ display:block}
.index06 .a .img{ overflow:hidden; height:210px;}
.index06 .a .img img{ display:block; width:100%; height:100%;object-fit: cover;}

.index07 {background:#fff; padding:70px 0; background-size:cover}
.index07 .bd{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; }
.index07 .bd>div{ width:50%}
.index07 .txt{  float:right; padding-right:70px;margin-bottom:30px;}
.index07 .txt .title{ margin-bottom:20px}
.index07 .txt .title h3{ font-size:48px; font-weight:bold; line-height:1.4 } 
.index07 .txt .fb{ font-size:24px; } 
.index07 .img{ overflow:hidden; position:relative}
.index07 .img .pay{ display:block; width:124px; height:124px; background:url(../images/ico-pay.png) no-repeat center; background-size:100%; position:absolute; z-index:3; left:50%;top:50%; margin-left:-62px; margin-top:-62px; cursor:pointer}
.index07 .img img{ display:block; width:100%}
.index07 .img:hover img{ transform:scale(1.1)}
.index07 .txt .mores{ text-align:left;}
.index07 .txt .mores a{ text-align:center}
.index07 .txt .p{ font-size:16px; color:#666666}

.index08{ padding-bottom:75px;}
.index08 .item a{ display:block; padding:10px; font-size:0; height:208px; border:1px solid #d5d5d5; text-align:center; line-height:188px; position:relative}
.index08 .item img{ max-width:100%; max-height:100%; display:inline !important}
.index08 .item .txtpop{ position:absolute; z-index:2; left:0; right:0;top:0; bottom:0; background-color:rgba(0,0,0,.7); color:#fff; line-height:1.6; font-size:16px; font-weight:normal; padding:10px; padding-top:60px; opacity:0}
.index08 .item a:hover .txtpop{ opacity:1}
.index08 .item .txtpop h3{ font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index08 .item .txtpop .arrow{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; width:43px; height:43px; background:url(../images/ico-arrowleft.png) no-repeat center; background-size:100%; margin:0 auto; margin-top:10px; position:relative;top:30px;}
.index08 .item a:hover .txtpop .arrow{top:0;}

.index09{ padding-bottom:75px;}
.index09 .item a{ display:block}
.index09 .item .img{ overflow:hidden; height:235px; margin-bottom:25px;}
.index09 .item .img img{ display:block; width:100%; height:100%;object-fit: cover;}
.index09 .item .txt h3{ font-size:18px; font-weight:bold; margin-bottom:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index09 .item .txt .p{ color:#666; display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;   margin-bottom:15px}
.index09 .item .info{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; line-height:1.1;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;padding-top:15px;border-top:1px solid #eee;}
.index09 .item .info .times{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;color:#858585}
.index09 .item .info .date{ font-size:28px; }
.index09 .item .info .jt{ width:34px; height:34px; background-color:#f7f7f7; border:1px solid #d3d3d3; border-radius:50%; background-image:url(../images/icon_06.png); background-repeat:no-repeat; background-position:center;    animation: xia 1s linear infinite; -webkit-animation: xia 1s linear infinite;-webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms; background-size:40%}
.index09 .item a:hover .info .jt{  background-color:#0179d8; background-image:url(../images/icon_06h.png);}	

.plo02{ text-align:center; margin-bottom:65px}
.plo02 h3{ font-size:36px; color:#333}
.plo02 .line{ width:68px; height:3px; background-color:#c52a30; margin:0 auto}

.aboutx01{ overflow:hidden}
.aboutx01 .imgs{ float:right; margin-left:10px; margin-bottom:10px; cursor:pointer}
.aboutx01 .imgs img{ max-width:585px; width:100%; border-radius:10px; display:block}
.aboutx01 img{ max-width:100%; height:auto !important}

.contact01{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-bottom:40px}
.contact01>div{ width:50%;}
.contact01 .contact01left{ padding-right:10px}
.contact01 .contact01left h3{ color:#a92e33; font-size:22px; margin-bottom:15px}
.contact01 .contact01left .line{ width:40px; height:1px; background-color:#a92e33; margin-bottom:15px}
.contact01 .contact01left li{ padding-left:30px; background-repeat:no-repeat; background-position:left 5px ;}
.contact01 .contact01left .li1{ background-image:url(../images/ico-adder.png); background-size:18px;}
.contact01 .contact01left .li2{ background-image:url(../images/ico-tel.png); background-size:20px;}
.contact01 .contact01left .li3{ background-image:url(../images/ico-email.png); background-size:24px;}
.contact01 .contact01right{ border-left:1px solid #cdcdcd}
.contact01 .contact01right ul{ text-align:center}
.contact01 .contact01right li{ display:inline-block; vertical-align:top; text-align:center; margin:0 25px;}
.contact01 .contact01right li .img{ border:1px solid #cbcbcb; padding:5px; width:122px; margin-bottom:5px}
.contact01 .contact01right li .img img{ display:block; width:100%}
.contact01 .contact01right li .p{ font-size:14px}

.contact02{ margin-bottom:60px;}
.contact02 .map{ height:400px}
.contact03 .hd{ margin-bottom:55px;}
.contact03 .hd h3{ text-align:center; font-size:30px; font-weight:normal}

.contact03 li{ width:30.33%; margin:0 1.5%; float:left; position:relative; margin-bottom:20px}
.contact03 ul{ margin:0 -1.5%}
.contact03 li .input{ width:100%; height:55px; background-color:#f0f0f0; border:none; padding-left:60px; padding-right:10px;-webkit-box-sizing: border-box; box-sizing: border-box; font-size:16px;}
.contact03 li.yzmli .input{ padding-left:75px;}
.contact03 li i{ display:block; position:absolute; z-index:2; left:20px;top:0; line-height:55px;}
.contact03 li textarea{ font-size:16px; width:100%; height:145px;background-color:#f0f0f0; border:none; padding:10px 20px;-webkit-box-sizing: border-box; box-sizing: border-box;resize: none;}
.contact03 li.w100{ width:97%}
.contact03 li.libtn{ text-align:center; margin-top:30px}
.contact03 li .inbtn{ width:275px; height:52px; background-color:#fff; border:1px solid #d5d6e3; cursor:pointer; color:#a92e33}
.contact03 li .inbtn:hover{ background-color:#a92e33; color:#fff;border:1px solid #a92e33;}
.contact03 li.yzm img{ height:55px; cursor:pointer}

.index07.xabout01 .bd{-webkit-box-align: flex-start;
    -ms-flex-align:flex-start;
    -webkit-align-items:flex-start;
    align-items: flex-start;}
.index07.xabout01 .bd p{ text-align:justify}	

.xabout02{ background-color:#f7f7f7; padding:70px 0;}
.xabout02 .bd{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; background-color:#ffffff}
.xabout02 .bd ul{ width:50%; padding:30px;}
.xabout02 .bd li{ padding:25px 0; border-bottom:1px solid #ccc}
.xabout02 .bd li:last-child{ border-bottom:none}
.xabout02 .bd li .t{ font-size:24px; line-height:1.1; margin-bottom:10px}
.xabout02 .bd li .p{ font-size:16px;}
.xabout02 .bd li .p span{ display:block}
.xabout02 .bd .img{ overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,.5)}
.xabout02 .bd .img img{ display:block; width:100%; height:100%;object-fit: cover;}
.xabout02 .bd .a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; }
.xabout02 .bd li .ico{ width:60px;flex:0 0 60px; margin-right:20px}
.xabout02 .bd li .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.xabout02 .bd li .ico img{ width:100%; display:block}

.xabout03{ padding-top:70px}
.xabout03 .bd{ background-color:#cb191d}
.xabout03 .bd .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.xabout03 .bd .left{flex:0 0 400px; position:relative}
.xabout03 .bd .left img{ display:block; position:absolute; z-index:2; bottom:0; width:75%; margin:0 auto}
.xabout03 .bd .right{ padding-top:60px;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; font-size:16px; color:#fff; padding-bottom:55px;}
.xabout03 .bd .right .p3 p{ text-indent:2em}
.xabout03 .bd .right .p2{ margin-bottom:10px}
.xabout03 .bd .right .p1{ font-size:18px}
.xabout03 .bd .right .p1 span{ font-size:30px; margin-right:10px;}
.xabout03 .bd .right .p4{ text-align:right; margin-top:30px}

 
.xabout04{ padding:70px 0; background:url(../images/about_3_bg.jpg) no-repeat center; background-size:cover}
.xabout04 .slider-for{ margin-bottom:70px}
.xabout04 .slider-for .slick-slide{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.xabout04 .slider-for .years{ font-size:280px;font-family: arial; font-weight:bold; line-height:1.1; padding:0 90px; }
.xabout04 .slider-for .txt{ font-size:16px;border-left:1px solid #333; padding-left:68px; padding-right:90px}
.xabout04 .slider-nav .slick-slide{ padding-top:11px}
.xabout04 .slider-nav .years{ text-align:center; font-size:20px; color:#999; border-top:1px solid #ccc; padding-top:20px; position:relative; cursor:pointer}
.xabout04 .slider-nav .slick-current .years{ color:#cb191d; font-size:26px}
.xabout04 .slider-nav .years:before{ content:""; display:block;display:block;width: 22px;
    height: 22px;
    background: url(../images/time_1.png) center center no-repeat;
	background-size:100%;
    position: absolute;
    left: 50%;
    top: -11px;
    margin-left: -11px;
    z-index: 11; border:1px solid #ccc; border-radius:50% }
.xabout04 .slider-nav .slick-current .years:before{background: url(../images/time_2.png) center center no-repeat; border:1px solid #2252cb}
.xabout04 .slick-arrow{ width:60px; height:60px; overflow:hidden; position:absolute; z-index:3;top:50%; margin-top:-30px; cursor:pointer; border:1px solid #333; border-radius:50%; text-indent:-999px; background-color:transparent; background-repeat:no-repeat; background-position:center; background-size:50%}
.xabout04 .slick-arrow:hover{ background-color:#cb191d; border:1px solid #cb191d}
.xabout04 .slick-next{ right:0; background-image:url(../images/ico-next.png)}
.xabout04 .slick-next:hover{ background-image:url(../images/ico-next02.png)}
.xabout04 .slick-prev{left:0;background-image:url(../images/ico-prev.png)}
.xabout04 .slick-prev:hover{left:0;background-image:url(../images/ico-prev02.png)}

.xabout05{ padding:70px 0}
/*业务*/ 
 
.businesslist li{ margin-bottom:50px;}
.businesslist li:nth-child(odd) { background-color:#f4f4f4}
.businesslist li a{ display:block; overflow:hidden}
.businesslist li .img{ width:54.1%; overflow:hidden}
.businesslist li .img img{ display:block; width:100%}
.businesslist li:nth-child(odd) .img{ float:left}
.businesslist li:nth-child(even) .img{ float:right}
.businesslist li .txt{ width:40.8%; padding-top:66px;}
.businesslist li:nth-child(odd) .txt{ float:right}
.businesslist li:nth-child(even) .txt{ float:left}
.businesslist li .txt h3{ font-size:24px; position:relative; margin-bottom:35px}
.businesslist 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%)}
.businesslist li .txt i:before{ content:""; display:inline-block; vertical-align:middle; height:2px; background-color:#e7e7e7; width:90px; vertical-align:middle; margin-right:25px}
.businesslist li .txt .p{ line-height:2; margin-bottom:35px; color:#333}
.businesslist 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; font-size:14px;}
.businesslist li .txt .more span:after{ content:""; display:inline-block; vertical-align:middle; width:17px; height:12px; background:url(../images/icon_06h.png) no-repeat center; background-size:100%; margin-left:5px}
.businesslist li .txt .more span:hover{background-color:#038cfd;}
.businesslist li .txt{ font-size:20px;}
.businesslist li .txt span{ display:block}
.businesslist li .txt em{ color:#fea227; font-size:30px; font-weight:bold; line-height:1.2}

.applist li{ float:left; width:25%; margin-bottom:20px;}
.applist li a{ display:block; background-color:#f4f4f6; margin: 0 10px; text-align:center; padding:20px 10px;}
.applist li .img{ margin-bottom:10px}
.applist li .img img{ width:70px; max-width:100%;}
.applist li .p{ border-top:1px solid #dcdcdc; color:#999; font-size:16px; padding-top:10px; height:120px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.applist li .txt h3{ font-size:20px; margin-bottom:10px}

.aboutmain{ padding-top:0}
.aboutpage01{ padding:75px 0}
.aboutpage01 .conn{ overflow:hidden; margin-bottom:20px; font-size:15px;}
.aboutpage01 .conn img{ max-width:100%; height:auto !important}
 
.aboutpage02 li{ float:left; width:25%; margin-bottom:30px}
.aboutpage02 li a{ display:block; position:relative; margin:0 15px;}
.aboutpage02 li .img{ overflow:hidden; height:328px;}
.aboutpage02 li .img img{ display:block; width:100%; height:100%;object-fit: cover;}
.aboutpage02 li a .txt{ position:absolute; z-index:2; left:0; right:0; bottom:0; background-color:rgba(0,0,0,.7); color:#fff; padding:10px; text-align:center; opacity:1;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.aboutpage02 li a .txt h3{ font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.aboutpage02 li a .txt .p{ display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2; font-size:15px;}
.aboutpage02 li a .poptxt{ position:absolute; z-index:3; left:0; right:0; bottom:0; background-color:#3991f5; color:#fff; padding:10px 20px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3; font-size:15px; opacity:0;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.aboutpage02 li a:hover .txt{ opacity:0}
.aboutpage02 li a:hover .poptxt{ opacity:1}

.aboutpage03{ padding:75px 0}
.aboutpage03 .item a{ display:block; padding:10px; font-size:0; border:1px solid #d5d5d5; text-align:center; line-height:188px; position:relative}
.aboutpage03 .item img{ max-width:100%; max-height:100%; display:inline !important}
.aboutpage03 .item .txtpop{ position:absolute; z-index:2; left:0; right:0;top:0; bottom:0; background-color:rgba(0,0,0,.7); color:#fff; line-height:1.6; font-size:16px; font-weight:normal; padding:10px; padding-top:60px; opacity:0}
.aboutpage03 .item a:hover .txtpop{ opacity:1}
.aboutpage03 .item .txtpop h3{ font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.aboutpage03 .item .txtpop .arrow{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; width:43px; height:43px; background:url(../images/ico-arrowleft.png) no-repeat center; background-size:100%; margin:0 auto; margin-top:10px; position:relative;top:30px;}
.aboutpage03 .item a:hover .txtpop .arrow{top:0;}

.nbanner .a{ display:block; width:100%; height:100%}
.nbanner.n05{ height:509px;}

.joinmain{ padding-top:0}
.join01{ padding:75px 0; background-color:#f0f5f8}
.join01 li{ overflow:hidden; background-color:#fff}
.join01 li>div{ width:50%; float:left}
.join01 li:nth-child(even) .img{ float:right}
.join01 li .img{ overflow:hidden}
.join01 li .img img{ display:block; width:100%; height:100%}
.join01 li .txt{ padding:45px;}
.join01 li .txt h3{ font-size:32px; font-weight:normal; margin-bottom:20px}
.join01 li .txt .p{ font-size:16px; color:#666; padding-left:25px; background:url(../images/ico-g.png) no-repeat left 10px;}
.join01 em{ font-weight:bold; color:#f65b2d}

.join02{ padding:75px 0}
.join02 .bd{ padding:136px 0; position:relative;}
.join02 .bd ul{ height:210px; background:url(../images/join02bg.png) no-repeat center right; }
.join02 .bd ul:before{ content:""; display:block; width:39px; height:32px; background:url(../images/ico-jtrifht.png) no-repeat center; background-size:100%; position:absolute; z-index:2; left:5px; bottom:120px}
.join02 .bd ul li{ text-align:center; width:16.66%; position:absolute;top:0; height:136px;}
.join02 .bd ul li:before{ content:""; display:block; width:12px; height:12px; background-color:#3fa3fc; position:absolute; z-index:2; border-radius:50%; bottom:-6px; left:50%; margin-left:-6px;}
.join02 .bd ul li:nth-child(n+7):before{top:-6.5px; bottom:auto}
.join02 .bd ul li:nth-child(1){ left:0}
.join02 .bd ul li:nth-child(2){ left:16.66%}
.join02 .bd ul li:nth-child(3){ left:33.32%}
.join02 .bd ul li:nth-child(4){ left:49.98%}
.join02 .bd ul li:nth-child(5){ left:66.64%}
.join02 .bd ul li:nth-child(6){ left:83.3%}
.join02 .bd ul li:nth-child(n+7){ bottom:0;top:auto; padding-top:32px}
.join02 .bd ul li:nth-child(7){right:83.3%}
.join02 .bd ul li:nth-child(8){right:66.64%}
.join02 .bd ul li:nth-child(9){right:49.98%}
.join02 .bd ul li:nth-child(10){right:33.32%}
.join02 .bd ul li:nth-child(11){right:16.66%}
.join02 .bd ul li:nth-child(12){right:0}
.join02 .bd ul li h3{ font-size:18px; font-weight:normal; position:absolute; left:0; right:0;}
.join02 .bd ul li h3{ bottom:-50px}
.join02 .bd ul li:nth-child(n+7) h3{ bottom:auto;top:-50px}
.join02 .bd ul li .ico{ width:104px; height:104px; margin:0 auto; background-color:#1078d4; border-radius:50%; position:relative; position:relative}
.join02 .bd ul li .ico img{ width:100%;}
.join02 .bd ul li .ico:before{ content:""; display:block; width:15px; height:17px; position:absolute; z-index:3; background:url(../images/ico-djt.png) no-repeat center; background-size:100%; left:50%; margin-left:-7.5px; bottom:-16px;}
.join02 .bd ul li:nth-child(n+7) .ico:before{ bottom:auto;top:-16px;background:url(../images/ico-djtup.png) no-repeat center; }

.join03{ background:url(../images/join03bg.jpg) no-repeat center; background-size:cover; padding:75px 0; }
.join03 .plo h3{ color:#fff}
.join03 li{ float:left; width:33.33%; margin-bottom:30px}
.join03 li .a{ margin:0 15px; background-color:#f1f1f1; padding:25px; border-radius:10px;}
.join03 li .a h3{ font-size:26px; font-weight:normal; margin-bottom:10px}
.join03 li .a .p{ height:77px; color:#999; font-size:15px; display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp:3;}

.join04 .tis{ text-align:center; font-size:36px; font-weight:bold; margin-top:30px}
.join04 .tis a{ font-size:48px; color:#ff5c19}
.join02 .bd ul li i{ display:none}

@media(max-width:1920px) {
.banner .item{ height:41.66vw}
}
@media(max-width:1460px) {
.productseries .owl-prev{ left:10px;}
.productseries .owl-prev, .productseries .owl-next{ width:60px; height:60px; margin-top:-30px; background-color:rgba(255,255,255,.7)}
.productseries .owl-next{ right:10px;} 

.xabout04 .slider-for .years{ font-size:200px}
}
@media(max-width:1360px) {
.index03 .bd,.index06 .bd,.index08 .bd,.index09 .bd{ padding:0 60px}
.owl-prev{ left:0px;}
.owl-next{ right:0px;}

.plo h3{ font-size:28px}
.plo .p{ font-size:16px}


.xindex07 .left .p1{ font-size:49px}
.xindex07 .left .p2{ font-size:18px}
.xindex07 .left .p3{ font-size:25px}
.xindex07 .left .p4{ font-size:21px}

.productlist li .img{ height:20vw}
}
@media(max-width:1201px) {
.banner .item{ height:52vw}

.index02 .img img{ width:500px}
.index02 .bd li:nth-child(1){top:10px}
.index02 .bd li:nth-child(2){top:100px}
.index02 .bd li:nth-child(3){top:220px}
.index02 .bd li:nth-child(4){top:60px}
.index02 .bd li:nth-child(5){top:190px}

.nbanner.n05{ height:42vw}

.xindex01 li{ width:25%}
}
 
@media(max-width:999px) {

.xjoin04{ padding:50px 0}	
.xjoin03{ padding-top:50px;}	
.xjoin02 .bd .left{  width:auto; margin-right:0;}	
.xjoin02 .bd .right{ width:auto; text-align:center}
.xjoin02 .bd .right li .t{ font-size:18px}
.xjoin02 .bd .right li .p{ font-size:14px}
.xjoin02 .bd{ display:block}	
.xjoin02{ padding:50px 0}	
.xjoin01{ padding:50px 0}	
.xjoin01 .hd{ margin-bottom:20px}	
.xjoin01 .hd .p1{ font-size:21px; margin-bottom:0}	
.xjoin01 .hd .p2{ font-size:16px}
.xjoin01 .hd .p3 .p31{ font-size:19px}
.xjoin01 .hd .p3 .p32{ font-size:14px}
.xjoin01 .hd .p3{ background-size:30px; padding-left:40px}
.xcontact01 .contact01left{ width:auto; margin-right:0}	
.xcontact02 li{ width:50%}
.xcontact01 .bd{ display:block}	
.xjoin04 ul li .ico{ width:70px; height:70px}	
.xjoin04 ul li.arrow{background: url(../images/xico-arrow.png) no-repeat center 32px;}
.xabout04 .slider-for .years{ font-size:140px}	
.xabout04 .slick-arrow{ width:40px; height:40px;}
.xabout04 .slider-for .years{ padding:0 50px}
.xabout04 .slider-for .txt{ padding:0 50px}
.xindex07 .right{ width:350px;flex:0 0 350px}
	
.xindex06 .hd ul li{ font-size:21px}	
.xindex06 .topnews .txt h3{ font-size:}
.xindex05 .mores a{ line-height:50px; width:300px; font-size:16px; height:50px}
.xindex02 ul li .nums span{ font-size:42px}	
 
.xindex05 .hd{ margin-bottom:80px}
.xindex05 .bd li{ width:33.33%; margin-bottom:20px}
.xindex05 .hd h3{}
 .newslisttxt li{ margin-bottom:10px;}
.newslisttxt li a{ padding:10px;}
.newslisttxt li h3{ font-size:16px; margin-bottom:5px}
.newslisttxt li .date{ margin-bottom:5px}

.banner .owl-dot{ width:20px; height:3px; }

.mainlanmu{ padding:20px 0;}
.nbanner{ height:200px;}
.nbanner .title{ font-size:28px;}
.nbanner .eng{ font-size:18px}
.nbanner .line{ height:4px}
.nbanner .weap{ padding-top:30px}
.pathbar{ height:auto; background:none; line-height:normal}
.pathbar .weap{ margin-left:-10px; margin-right:-10px}
.pathbar .path{ float:none; background-color:#f7f7f7; margin-bottom:5px; padding:0 10px; height:45px; line-height:45px}
.pathbar .classify{ float:none; overflow:hidden; padding:0 10px; padding-top:1px}
.pathbar .classify li{ width:33.33%; margin-left:-1px; margin-top:-1px;}
.pathbar .classify li a{ line-height:40px; border:1px solid #eee; padding:0; text-align:center; width:auto; font-size:15px;}
 
.industrylist .txt{ padding:20px}
.industrylist li{ margin-bottom:20px;}

 

.pathbar{ margin-top:0}
.pathbar .path{ color:#666}
.pathbar .path a{ color:#666}
.pathbar .classify li a{ color:#666}
.plo02 h3{ font-size:24px}
.plo02{ margin-bottom:25px}
.contact01{ display:block}
.contact01>div{ width:100%; padding:0 !important}
.contact01 .contact01right{ border-left:none; margin-top:20px}
.contact01 .contact01left h3{ font-size:19px; text-align:center; line-height:1.4}
.contact01 .contact01left .line{ margin:0 auto; margin-bottom:15px}
.contact02{ margin-bottom:30px}
.contact02 .map{ height:50vw}
.contact03 .hd h3{ font-size:24px}
.contact03 .hd{ margin-bottom:25px}
.contact03 li{ width:97%; margin-bottom:10px}
.contact03 li.libtn{ margin-top:20px}
.contact03 li .inbtn{ width:100%}

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

.plo h3{ font-size:28px;}
.plo .line{ width:122px}
.plo .line:after{ width:42px; margin-left:-21px}
.index01 .bd li img{ width:112px}
.index01 .bd li h3{ font-size:16px}
.index02 .img{ display:none}
.index02 .bd li{ position:static; width:100% !important; margin-bottom:20px}
.index02 .bd .a .num{ font-size:42px}
.index02 .bd .a .txt h3{ font-size:18px;}
.plo .p{ font-size:14px}

.index07 .txt{ width:100%; padding-left:10px}
.index07 .txt .title{ font-size:26px}
.index07 .txt{ padding-right:10px}
.index07{ padding-bottom:10px}

.index02{ padding:30px 0}

.applist li .img img{ width:38px}
.aboutpage02 li{ width:33.33%}

.joinmain{ padding-top:0}
.join01 li .txt h3{ font-size:21px; margin-bottom:10px}
.join01 li .txt .p{ font-size:14px}
.join01 li .txt{ padding:20px}

.join03 li .a h3{ font-size:20px}
.join04 .tis{ font-size:25px}
.join04 .tis a{ font-size:32px}
}
.mimg{ display:none}
@media(max-width:766px) {
.pcimg{ display:none}		
.mimg{ display:block}	
.xindex07 .formlist .bd li{ margin-bottom:15px;}	
.xindex07 .formlist .inbtn{ height:42px; line-height:42px; font-size:14px}
.xindex07 .formlist .hd{ font-size:21px; margin-bottom:10px}
.xindex07 .formlist .bd .input{ height:42px; font-size:14px}
.xindex07 .formlist .bd i{ line-height:42px;}	
.xindex07 .left{ margin-bottom:30px}	
.xindex07 .left .p1{ font-size:24px}	
.xindex07 .left .p2{ font-size:16px; margin-bottom:20px}
.xindex07 .left .p3{ font-size:18px}
.xindex07 .left .p4{ font-size:15px}
.xindex07 .right{ width:100%}
.xindex07 .left .p4 p{ margin-bottom:5px;}
.xindex07{ padding:50px 0; text-align:center}	
.xindex07 .weap{ display:block}	
.xindex06 .right .bd{ padding-bottom:0}	
.xindex06{ padding:50px 0}	
.xindex06 .left .bd li{ padding:5px 0}	
.xindex06 .topnews a{ padding:15px 0}	
.xindex06 .topnews .txt .p{ height:auto;    -webkit-line-clamp: 3;}	
.xindex06 .topnews .img{ margin-right:15px; height:160px}	
.xindex06 .topnews .txt h3{ font-size:16px}	
.xindex06 .hd ul li{ font-size:18px; font-weight:bold}
.xindex06 .hd{ height:40px}
.xindex06 .right .bd .p{ font-size:14px}
.xindex06 .hd .more{ line-height:24px}	
.xindex06 .hd .more a{ font-size:14px;}
.xindex06 .right{ float:none; width:auto; margin-top:20px}	
.xindex06 .left{ float:none; width:auto;}	
.xindex05 .mores a{ width:180px; line-height:42px; height:42px; font-size:14px}	
.xindex05 .mores{ margin-top:30px}	
.xindex05 .bd li .a .txt{ font-size:14px; height:120px; padding:10px}	
.xindex05 .bd ul{ font-size:0; text-align:center}
.xindex05 .bd li{ width:50%; float:none; display:inline-block; vertical-align:top}	
.xindex05{ padding:50px 0}	
.xindex05 .hd{ margin-bottom:30px}	
.xindex05 .hd h3{ font-size:24px}	
.xindex02{ padding-bottom:20px;border-bottom: 3px solid #d2a36c;}	
.xindex02 ul{ display:block; overflow:hidden}	
.xindex02 ul li:nth-child(even){ border-right:none}
.xindex02 ul li .nums i{ width:16px; height:18px; line-height:18px; vertical-align:top; margin-left:5px; font-size:12px}
.xindex02 ul li{ width:50%; float:left; margin-bottom:20px}	
.xindex02 ul li .nums span{ font-size:28px}	
.index07 .txt .fb{ font-size:16px}	
.index07 .txt .title h3{ font-size:24px}	
.index07 .bd{ display:block}	
.xindex01 li .txt .p{ font-size:14px}	
.xindex01 li .txt h3{ font-size:18px}	
.xindex01 li .a{ padding:25px 0}	
.xindex01 li .ico{ width:49px; height:49px}	
.xindex01 li{ width:50%}	
.xindex01{ padding:50px 0}	
.xabout04 .slider-for{ margin-bottom:35px}	
.xabout04 .slick-arrow{ width:32px; height:32px}	
.xabout04 .slider-nav .years{ font-size:18px;}	
.xabout04 .slider-nav .slick-current .years{ font-size:22px;}
.xabout04 .slider-for div{ display:block; text-align:center}	
.xabout04 .slider-for .slick-slide{ display:block; text-align:center}	
.xabout04 .slider-for .txt{ font-size:14px}
.xabout04 .slider-for .txt{ border-left:none}
.xabout04 .slider-for .years{ font-size:50px}	
.xabout03 .bd .right{ font-size:14px; padding-top:50px; padding-bottom:50px}	
.xabout03{ padding-top:50px}	
.xabout03 .bd .right .p1{ text-align:center}	
.xabout03 .bd .left img{ position:static}	
.xabout03 .bd .left{ display:none}
.xabout03 .bd .weap{ display:block}	
.xabout02 .bd li .ico{ width:50px; flex:0 0 50px;}
.xabout02 .bd li .t{ font-size:20px;}
.xabout02 .bd li .p{ font-size:14px;}	
.xabout02 .bd ul{ width:100%; padding:10px}	
.xabout02 .bd{ display:block}	
.index07{ padding-top:40px}	
.index07 .txt .p{ font-size:14px}	
.index07 .bd>div{ width:100%}	
.index07.xabout01 .bd{ display:block;}	
.xjoin04 ul{ display:block; overflow:hidden}
.xjoin04 ul li{ float:left; width:33.33%; margin-bottom:20px}	
.xjoin04 ul li.arrow{ display:none}
.xjoin04 ul li .p{ font-size:16px; line-height:1.2}
.xcontact01 .contact01left li{ font-size:16px; background-size:24px; padding:10px 0; padding-left:60px;background-position: 10px center;}
.xcontact01 .contact01left li a{ font-size:20px}
.xcontact01 #map{ height:60vw}
.xcontact02 li{ width:100%}
.xcontact02 li .a{ background-size:28px;}
.xcontact02 li .p{ height:auto; font-size:14px}
.xcontact02 li .t{ font-size:16px}
.xcontact02 li .a{ padding:10px; padding-left:60px}
 
.banner .owl-dots{ bottom:0px;}
.plo{ margin-bottom:25px}
.serviceindex .plo{ margin-bottom:5px;}
.plo h3{ font-size:22px;} 
.plo .t i{ margin:0 10px; width:60px}
.serviceindex{ padding-top:20px; padding-bottom:50px;}
.serviceindex .hd{ margin-bottom:20px}
.serviceindex .hd li i{ background-size:16px; width:16px; height:16px;}
.serviceindex .hd li{ margin:0}
.serviceindex .hd li a{ font-size:15px; height:50px; line-height:50px}
.serviceindex .hd{ border:none; border-bottom:1px solid #efefef; box-shadow:none; border-radius:0}
.serviceindex .hd li.on i{background-position: 0 -17px;}
.serviceindex .conn .img{ float:none; margin-bottom:10px; width:auto}
.serviceindex .conn .ms{ float:none; width:auto}
.serviceindex .conn .ms h3{ font-size:21px; margin-bottom:10px}
.serviceindex .conn .ms h3 span{ margin-left:10px; font-size:18px}
.serviceindex .conn .more{ text-align:center}
.serviceindex .conn .more a{ height:40px; line-height:40px; font-size:14px}
.aboutindex .bd{ padding:0}
.aboutindex .bd .img{ float:none; height:150px; width:auto; position:static}
.aboutindex .bd .txt{ padding:10px}
.aboutindex .bd .eng{ font-size:24px}
.aboutindex .bd h3{ font-size:22px; margin-top:-5px}
.aboutindex .bd .conn{ font-size:16px;}
.aboutindex .bd .more{ text-align:center}

.productseries .bd .txt{ padding:10px;}
.productseries .bd h3{ font-size:16px; margin-bottom:0px}
.productseries .owl-dots{ text-align:center; margin-top:10px}
.productseries .owl-dot{ display:inline-block; width:12px; height:12px; border:2px solid #00903b; margin:0 3px; border-radius:50%}
.productseries .owl-dot.active{ background-color:#00903b}
.productseries{ padding-top:20px}

.newsindex{ padding-top:20px; padding-bottom:30px}
.newsindex .hotnews{ float:none; width:auto; margin-bottom:0; border-bottom:1px solid #eee}
.newsindex ul{ float:none; width:auto}
.newsindex .hotnews h3{ font-size:18px;}
.newsindex ul h3{ font-size:18px;}
.newsindex .hotnews .more{ display:none}
.newsindex .hotnews .more span{ font-size:14px; width:100px}
.newsindex ul li{ margin-top:0; padding:10px 0; margin-bottom:0}
.newsindex ul li:last-child{ border-bottom:none}
.newsindex ul .date .d{ font-size:40px}
.newsindex ul .date{ width:58px;}
.newsindex ul a{ padding-left:68px;}
.newsindex .hotnews .ms{ font-size:14px; height:50px;}
.newsindex ul .ms{ font-size:14px; height:50px;}
.pagesconn{   line-height:1.6}
.pagesconn .title{ font-size:24px;}
.pagesconn .eng{ font-size:18px;}

.industrylist li{ padding-right:0; margin-bottom:10px}
.industrylist .img{ position:static; height:150px; width:100%}
.industrylist .txt{ padding:10px}
.industrylist .txt h3{ text-align:center; margin-bottom:5px}
.industrylist .txt h3 a{ font-size:21px}
.industrylist .txt .more{ text-align:center}
.industrylist .txt .ms{ line-height:2}

.productlist li{ width:48%; margin-bottom:10px}
.productlist li .txt{ padding:10px}

.newslist li{ margin-bottom:10px}
.newslist li a{ padding-left:150px;}
.newslist li .txt h3{ margin-bottom:5px;}
.newslist li .img{ width:140px; height:90px; padding-top:6px}
.newslist li .txt .date{ display:none} 
.newslist li .txt{ padding-left:0; height:auto; padding-bottom:10px}

.newspages .title{ font-size:20px}
.nextpages{ padding-top:30px}

.expertlist li .img{ width:120px; height:120px; position:static; margin:0 auto}
.expertlist li:nth-child(odd){ padding-left:0;}
.expertlist li:nth-child(even){ padding-right:0;}
.expertlist li{ margin-bottom:35px;}
.expertlist li .title{ margin-bottom:0px; text-align:center}

.index01{ padding:30px 0}
.plo .line{ margin-top:10px}
.plo .line:after{ height:4px;}
.plo .line{ width:100px; }
.index01 .bd li img{ width:80px}
.index01 .bd li h3{ font-size:15px; margin-top:10px}

.index03 .bd, .index06 .bd, .index08 .bd, .index09 .bd{ padding:0}

.index03{ padding:30px 0}
.owl-dots .owl-dot{ display:inline-block; width:8px; height:8px; background-color:#999; border-radius:50%; margin:0 5px}
.owl-dots{ text-align:center}
.index03 a .txt .p{ font-size:13px}
.index03 .img{ height:280px}
.owl-dots .owl-dot.active{ background-color:#0179d8}
.mores{ margin-top:25px;}
.mores a{ font-size:13px; line-height:32px; height:32px; width:120px}
.mores a:after{ position:relative;top:-1px}
.index04 .bd ul{ margin:0 -5px}
.index04 .bd li{ width:50%; margin-bottom:10px}
.index04 .bd li a{ margin:0 5px;}
.index04 .bd li .img{ height:30vw}
.index04 .bd li h3{ font-size:15px}
.index04{ padding-bottom:30px}
.index05{ padding-top:6vw; padding-bottom:8vw}

.index06{ padding:30px 0;}
.index06 .a{ width:50%; float:left}
.index06 .a a{ display:block; margin:0 5px;}
.index06 .a .img{ height:35vw}
.index07>div{ width:100%}
.index07{ display:block; margin-bottom:30px}
.index07 .txt{ margin-bottom:10px}
.index07 .txt .title{ text-align:center}
.index07 .txt .title:after{ margin:0 auto}
.index07 .txt .mores{ text-align:center}
.index07 .img{ padding:0 10px}
.index07 .img .pay{ width:50px; height:50px; margin-top:-25px; margin-left:-25px}
.index08 .item a{ height:170px; line-height:150px}
.index09 .item .img{ height:50vw; margin-bottom:10px}
.index09 .item .info .date{ font-size:18px}
.index08{ padding-bottom:30px}
.businesslist li .txt .p{ font-size:14px;}
.businesslist li .txt em{ font-size:21px;}

.applist ul{ margin:0 -5px}
.applist li{ width:50%; margin-bottom:10px}
.applist li a{ margin:0 5px;}
.applist li .img img{ width:50px}
.applist li .p{ font-size:14px; height:144px;-webkit-line-clamp: 7; line-height:1.4}

.aboutpage01{ padding:30px 0}
.aboutpage02 li a{ margin:0 5px;}
.aboutpage02 li{ width:50%; margin-bottom:10px}
.aboutpage02 ul{ margin:0 -5px}
.aboutpage02 li .img{ height:60vw}
.aboutpage01 .conn{ font-size:14px}
.aboutpage03 .item a{ height:170px; line-height:150px}
.aboutpage03{ padding:30px 0}

.join01{ padding:30px 0}
.join01 li>div{ float:none; width:100%}
.join01 li .txt .p{ background-size:10px}
.join01 li:nth-child(even) .img{ float:none}
.join02{ padding:30px 0}
.join03{ padding:30px 0}
.join03 li{ width:50%; margin-bottom:10px}
.join03 li .a{ margin:0 5px; padding:10px}
.join03 ul{ margin:0 -5px}
.join03 li .a h3{ font-size:18px}
.join03 li .a .p{ font-size:14px; line-height:1.4; height:77px;    -webkit-line-clamp: 4;}
.join04 .tis{ margin-top:20px; font-size:16px}
.join04 .tis a{ font-size:20px; display:inline-block}
.join02 .bd ul li{ width:33.33%; position:static; float:left}
.join02 .bd ul{ background:none; height:auto}
.join02 .bd ul li{ margin-bottom:10px; height:auto}
.join02 .bd ul li h3{ position:static}
.join02 .bd ul li .ico:before{ display:none}
.join02 .bd ul li:before{ display:none}
.join02 .bd{ padding:0}
.join02 .bd ul li .ico{ width:60px; height:60px}
.join02 .bd ul li h3{ font-size:15px}
.join02 .bd ul li:nth-child(n+7){ padding-top:0}
.join02 .bd ul li i{ font-weight:bold; color:#f65b2d; display:inline}
.join02 .bd ul:before{ display:none}

.productlist li .img{ height:40vw}
}
@media(max-width:580px) {
.nbanner{ height:30vw}
.nbanner .title{ font-size:20px;}
.nbanner .eng{ font-size:14px;}
}