@charset "utf-8";

/* by Sean Lu 20180904 */

/* 移动端全局控制reset */

body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }

article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }

body { font-size: 100%;  font-family:Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color: #fff; }
textarea { resize: none; }

iframe,img { border:0; }


input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }

/* input { -webkit-appearance: none; } */

a { text-decoration: none; color: #666; }

a:hover { text-decoration: underline; color: #ea0000; }



/* 清理浮动 */

.clearfix { clear: both; zoom: 1; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/* 全局浮动 */

.fl { float: left; }

.fr { float: right; }



/* 圆细滚动条样式 20180601 */

::-webkit-scrollbar{width:5px;height:5px;}

::-webkit-scrollbar-button:vertical{display:none;}

::-webkit-scrollbar-track:vertical{background-color:black}

::-webkit-scrollbar-track-piece{background:#FFF}

::-webkit-scrollbar-thumb:vertical{background-color:#c2c2c2;}

::-webkit-scrollbar-thumb:vertical:hover{background-color:#A0A0A0}

::-webkit-scrollbar-corner:vertical{background-color:#535353}

::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}



/* 拖选文字样式 20160628 */

::selection { background: #ea0000; color: #fff; }

::-moz-selection { background: #ea0000; color: #fff; }



.wrapper { margin: 0 auto; }



.fixedblock { height: 126px; }

.fixedtop { background: #fff; position: fixed; top: 0; left: 0; right: 0; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); z-index: 9; }



.topbar { height: 40px; border-bottom: 1px solid #e5e5e5; line-height: 40px; color: #666; font-size: 12px; padding: 0 30px; overflow: hidden; }

.topbar .tip { float: left; }

.topbar .tip span { margin-right: 30px; }

.topbar .link { float: right; }

.topbar .link .split { color: #ddd; margin: 0 10px; }

.topbar .link .lang { margin-left: 15px; padding-left: 25px; background: url(../img/lang_cn.jpg) no-repeat left center; }

.topbar .link .lang.lang_en { background-image: url(../img/lang_en.jpg); }





.header { height: 85px; padding: 0 30px; overflow: hidden; }

.header .logo { height: 100%; float: left; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; padding-right: 20px; margin-right: 20px; position: relative; }

.header .logo:after { content: ''; display: block; position: absolute; right: 0; top: 19.5px;}

.header .logo img { display: block; height: 58px; max-width:100% }

.header .slogan { float: left; padding-top: 19.5px; font-size: 20px; color: #111; font-weight: bold; text-align: center; }

.header .slogan span { font-size: 14px; display: block; }

.header .nav { text-align: center; }

.header .nav .nli { display: inline-block; }

.header .nav .nli .na { display: block; line-height: 85px; color: #333; font-size: 16px; padding: 0 20px; text-decoration: none; position: relative; }

.header .nav .nli .na:after { display: none; content: ''; width: 100%; height: 3px; background: #f00; position: absolute; left: 0; bottom: 0; }

.header .nav .nli:hover .na:after { display: block; }

.header .sea { float: right; padding-top: 21.5px; }

.header .sea .key { height: 40px; border: 1px solid #e5e5e5; color: #aaa; border-radius: 5px; padding-left: 30px;  font-size: 12px; background: url(../img/sea.png) no-repeat 10px center; }

.header .nav .nli:last-child {
    display: none;
}





.bannerslide { position: relative; }

.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; height: 860px; }

.bannerslide .swiper-slide .textboxaa{margin: 220px 0 0 160px; height:251px; -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; -webkit-transition: all .4s .2s; transition: all .4s .2s; }

.bannerslide .swiper-slide.swiper-slide-active .textboxaa { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }





.bannerslide .swiper-slide .textboxcc{margin: 85px auto 0 36% ; height:509px; -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; -webkit-transition: all .4s .2s; transition: all .4s .2s; }

.bannerslide .swiper-slide.swiper-slide-active .textboxcc { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }



.bannerslide .swiper-slide .textboxcc img{max-width:80%; display:block; margin:0 auto;}





.bannerslide .swiper-slide .textboxbb{margin:100px auto 0; width:1100px; height:370px; -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; -webkit-transition: all .4s .2s; transition: all .4s .2s; }

.bannerslide .swiper-slide.swiper-slide-active .textboxbb { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.bannerslide .swiper-slide .textboxbb .pad { padding: 42px; box-sizing:border-box;}

.bannerslide .swiper-slide .textboxbb .sub { font-size: 30px; color:#fff; text-transform: uppercase; text-align:center;}

.bannerslide .swiper-slide .textboxbb .tit { font-size: 45px; font-weight: bold; margin:18px 0; text-align:center; line-height:140%; color:#fff;}

.bannerslide .swiper-slide .textboxbb .txt { font-size: 22px; color: #fff; text-align:center;}





.bannerslide .swiper-slide .textbox { margin: 220px 0 0 60px; width: 340px; background: #fff; color: #111; -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; -webkit-transition: all .4s .2s; transition: all .4s .2s; }

.bannerslide .swiper-slide.swiper-slide-active .textbox { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.bannerslide .swiper-slide .textbox .pad { padding: 40px; }

.bannerslide .swiper-slide .textbox .sub { font-size: 12px; font-weight: bold; margin-bottom: 20px; text-transform: uppercase; }

.bannerslide .swiper-slide .textbox .tit { font-size: 26px; margin-bottom: 20px; }

.bannerslide .swiper-slide .textbox .txt { font-size: 12px; color: #999; line-height: 20px; }

.bannerslide .swiper-slide .textbox .btn { padding: 40px; background: rgba(234,237,242,1); }

.bannerslide .swiper-slide .textbox .btn a { font-size: 14px; line-height: 40px; color: #111; padding: 0 30px; font-weight: bold; border: 1px solid #111; display: inline-block; text-align: center; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }

.bannerslide .swiper-slide .textbox .btn a:hover { background: #fff; color: #000;}

.paginationw { position: absolute; left: 0; text-align: center; bottom: 10px !important; width: 100%; z-index: 9; }

.swiper-pagination-bullet { background: #fff; }

.swiper-pagination-bullet-active { background: #f00; }



.bannerslide .swiper-button-next, .bannerslide .swiper-container-rtl .swiper-button-prev { background-image: url(../img/arrows.png); background-size: 80px 60px; background-position: -40px 0; width: 40px; height: 60px; margin-top: -30px; }

.bannerslide .swiper-button-prev, .bannerslide .swiper-container-rtl .swiper-button-next { background-image: url(../img/arrows.png); background-size: 80px 60px; background-position: 0 0; width: 40px; height: 60px; margin-top: -30px; }





.wrapper { width: 1556px; margin: 0 auto; }



.commontitle { text-align: center; margin-bottom: 40px; }

.commontitle .tit { font-size: 28px; font-weight: bold; color: #111; margin-bottom: 20px; }

.commontitle .txt { font-size: 16px; color: #666; }



.commonbtn { text-align: center; }

.commonbtn a { display: inline-block; line-height: 46px; background: #ea0000; border-radius: 30px; color: #fff; padding: 0 30px; font-size: 13px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }

.commonbtn a:hover { opacity: .8; padding: 0 60px; }


 .header .nav .nli:last-child{display:none;}   





.homebox01 { padding: 50px 0 0; }

.homebox01 .wrapper { border-bottom: 1px solid #eaedf2; padding-bottom: 50px; }

.homebox01 .list { margin-bottom: 40px; }

.homebox01 .list .item { float: left; width: 49%; margin-right: 2%; background: #fff; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-sizing: border-box; padding: 60px; -webkit-transition: all .2s; transition: all .2s; }

.homebox01 .list .item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); }

.homebox01 .list .item:nth-child(2n) { margin-right: 0; }

.homebox01 .list .item .time { font-size: 12px; line-height: 20px; margin-bottom: 10px; color: #999; }

.homebox01 .list .item .time .split { margin: 0 10px; color: #ccc; }

.homebox01 .list .item .name { font-size: 18px; line-height: 28px; margin-bottom: 25px; height: 28px; overflow: hidden; }

.homebox01 .list .item .name a { color: #111; }

.homebox01 .list .item .name a:hover { color: #ea0000; }

.homebox01 .list .item .text { color: #777; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 16px; }

.homebox01 .list .item .link { overflow: hidden; margin-bottom: -12px; }

.homebox01 .list .item .link a { width: 24px; height: 24px; display: block; background: url(../img/hb01img01.png) no-repeat center; float: left; }

.homebox01 .list .item .link a.l02 { float: right; background-image: url(../img/hb01img02.png); }







.homebox02 { padding: 50px 0; }

.homebox02 .list { margin-bottom: 40px; }

.homebox02 .list .item { float: left; width: 49%; margin-right: 2%; background: #fff; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-sizing: border-box; -webkit-transition: all .2s; transition: all .2s; }

.homebox02 .list .item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); }

.homebox02 .list .item:nth-child(2n) { margin-right: 0; }

.homebox02 .list .item .img img { display: block; width: 100%; }

.homebox02 .list .item .box { padding: 40px 30px; }

.homebox02 .list .item .box .name { font-size: 20px; line-height: 32px; margin-bottom: 15px; color: #666; }

.homebox02 .list .item .box .text { font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; margin-bottom: 25px; color: #666; }

.homebox02 .list .item .box .btnn { position: relative; }

.homebox02 .list .item .box .btnn:after { content: ''; width: 36px; height: 3px; background: #e70000; position: absolute; left: 0; bottom: -10px; }

.homebox02 .list .item .box .btnn a { font-size: 12px; line-height: 20px; color: #666; text-decoration: none; }

.homebox02 .list .item .box .btnn a:hover { color: #ea0000; }





.homebox03 { padding: 50px 0; background: #eaedf2; }

.homebox03 .subtit { text-align: center; margin-bottom: 30px; }

.homebox03 .subtit a { font-size: 16px; color: #333; display: inline-block; line-height: 42px; border: 1px solid transparent; text-decoration: none; margin: 0 10px; border-radius: 30px; }

.homebox03 .subtit a.on { padding: 0 30px; border-color: #111; color: #111; }

.homebox03 .subtit a:hover { color: #ea0000; }

.homebox03 .hb03list { padding: 10px 0 90px; }

.homebox03 .hb03list .swiper-slide { background: #fff; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-sizing: border-box; -webkit-transition: all .2s; transition: all .2s; }

.homebox03 .hb03list .swiper-slide:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); }

.homebox03 .hb03list .swiper-slide .img img { display: block; width: 100%; }

.homebox03 .hb03list .swiper-slide .box { padding: 40px 30px; }

.homebox03 .hb03list .swiper-slide .box .nam { line-height: 30px; height: 30px; margin-bottom: 10px; overflow: hidden; }

.homebox03 .hb03list .swiper-slide .box .nam a { font-weight: bold; font-size: 16px; color: #333; }

.homebox03 .hb03list .swiper-slide .box .txt { font-size: 12px; color: #666; line-height: 20px; height: 60px; overflow: hidden; margin-bottom: 20px; }

.homebox03 .hb03list .swiper-slide .box .btn { position: relative; }

.homebox03 .hb03list .swiper-slide .box .btn:after { content: ''; width: 36px; height: 3px; background: #e70000; position: absolute; left: 0; bottom: -10px; }

.homebox03 .hb03list .swiper-slide .box .btn a { font-size: 12px; line-height: 20px; color: #666; text-decoration: none; }

.homebox03 .hb03list .swiper-slide .box .btn a:hover { color: #ea0000; }

.homebox03 .hb03list .swiper-pagination { font-size: 12px; font-family: arial; line-height: 50px; }

.homebox03 .hb03list .swiper-pagination .swiper-pagination-current { margin: 0 10px; }

.homebox03 .hb03list .swiper-pagination .swiper-pagination-total { margin: 0 10px; }

.homebox03 .hb03list .swiper-button-prev { margin-top: 0; height: 50px; width: 20px; top: auto; bottom: 10px; left: 50%; margin-left: -60px; background: url(../img/leftarr.png) no-repeat center; }

.homebox03 .hb03list .swiper-button-next { margin-top: 0; height: 50px; width: 20px; top: auto; bottom: 10px; left: 50%; margin-left: 40px; background: url(../img/rightarr.png) no-repeat center; }





.homebox04 { padding: 50px 0 10px; }

.homebox04 .numlist { overflow: hidden; padding: 0 4%; margin-bottom: 60px; }

.homebox04 .numlist .item { width: 31%; float: left; margin: 0 1.1%; text-align: center; }

.homebox04 .numlist .item .num { color: #111; font-size: 25px; font-weight: bold; padding-bottom: 30px; padding-top: 30px; margin-bottom: 30px; border-bottom: 1px solid #eee; }

.homebox04 .numlist .item .num span{font-size:22px;}

.homebox04 .numlist .item .txt { color: #666; font-size: 14px; line-height: 24px; }

.homebox04 .list { margin-bottom: 40px; }

.homebox04 .list .item { float: left; width: 49%; margin-right: 2%; background: #fff; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-sizing: border-box; -webkit-transition: all .2s; transition: all .2s; }

.homebox04 .list .item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); }

.homebox04 .list .item:nth-child(2n) { margin-right: 0; }

.homebox04 .list .item .img img { display: block; width: 100%; }

.homebox04 .list .item .box { padding: 40px 30px; }

.homebox04 .list .item .box .name { font-size: 20px; line-height: 32px; margin-bottom: 15px; color: #666; }

.homebox04 .list .item .box .text { font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; margin-bottom: 25px; color: #666; }

.homebox04 .list .item .box .btnn { position: relative; }

.homebox04 .list .item .box .btnn:after { content: ''; width: 36px; height: 3px; background: #e70000; position: absolute; left: 0; bottom: -10px; }

.homebox04 .list .item .box .btnn a { font-size: 12px; line-height: 20px; color: #666; text-decoration: none; }

.homebox04 .list .item .box .btnn a:hover { color: #ea0000; }







.homebox05 { padding: 50px 0; background: #eff2f4; margin-top: 220px; }

.homebox05 .list .item { background: #fff; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-sizing: border-box; -webkit-transition: all .2s; transition: all .2s; margin-bottom: 50px; overflow: hidden; }

.homebox05 .list .item:nth-child(1) { margin-top: -260px; }

.homebox05 .list .item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); }

.homebox05 .list .item .img { float: left; }

.homebox05 .list .item:nth-child(2) .img { float: right; }

.homebox05 .list .item .img img { display: block; }

.homebox05 .list .item .box { padding:60px; margin-left: 763px; }

.homebox05 .list .item:nth-child(2) .box { margin-right: 763px; margin-left: auto; }

.homebox05 .list .item .box .name { font-size: 20px; margin-bottom: 15px; color: #666; }

.homebox05 .list .item .box .text { font-size: 14px; margin-bottom: 25px; color: #666; line-height: 24px;}

.homebox05 .list .item .box .btnn { position: relative; }

.homebox05 .list .item .box .btnn:after { content: ''; width: 36px; height: 3px; background: #e70000; position: absolute; left: 0; bottom: -10px; }

.homebox05 .list .item .box .btnn a { font-size: 12px; line-height: 20px; color: #666; text-decoration: none; }

.homebox05 .list .item .box .btnn a:hover { color: #ea0000; }







.homebox06 { padding: 50px 0; background: url(../img/maps.png) no-repeat center; }

.homebox06 .box { background: #fff; text-align: center; width: 100%; margin: 50px auto; padding:50px; overflow:hidden; box-sizing:border-box; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); }

.homebox06 .box .mySwiper{width:100%;}

.homebox06 .box .mySwiper .swiper-slide{font-size:18px; text-align:center;}

.homebox06 .box .mySwiper .swiper-slide img{width:100%; margin-bottom:18px;}







.footer { background: #fff url(../img/bottombg.jpg) no-repeat center top; padding: 50px 0 60px; }

.footer .footbar { font-size: 12px; line-height: 20px; padding: 15px 0; overflow: hidden; margin-bottom: 40px; }

.footer .footbar .link { float: left; }

.footer .footbar .link a { margin-right: 20px; }

.footer .footbar .tips { float: right; }

.footer .footbar .tips a { margin-left: 12px; float: left; }

.footer .footbar .tips a img { display: block; }

.footer .footnav { overflow: hidden; width: 100%; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e3e3e3; }

.footer .footnav dl { display: block; float: left; width: 14.2857%; }

.footer .footnav dl dt { margin-bottom: 5px; font-size: 15px; font-weight:bold;}

.footer .footnav dl dd { line-height: 24px; font-size: 14px; }



.foot{ text-align:center;}

.foot img.gsba{ height:45px; margin-bottom:10px;}

.foot .aa{ font-size:14px;}

.foot .aa img{ vertical-align:middle;}

.copyright{ font-size:14px; color:#777; margin-top:20px; line-height:1.8; font-size:13px;}





.inbanner { height: 300px; background: url(../img/inbanner01.jpg) no-repeat center; position: relative; color: #fff; display: table; width: 100%; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); z-index: 2; }

.inbanner:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../img/a.png) repeat center; content: ''; }

.inbanner .title { position: relative; text-align: center; display: table-cell;vertical-align: middle; }

.inbanner .title .cn { font-size: 38px; letter-spacing: 5px; font-weight: bold; margin-bottom: 5px; text-transform:uppercase;}

.inbanner .title .en { font-size: 20px; text-transform: uppercase; font-family: arial; }



.inpage { background: #f5f7f9; overflow: hidden; padding: 30px 0; }



.side { width:100%;}



.main { width:100%;}







.snav { background: #fff; padding: 10px; box-sizing:border-box; width:100%; margin-bottom: 30px; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); }

.snav .hd { text-align: left; font-size: 20px; color: #333; font-weight: bold; float:left; width:22%; line-height:40px; text-indent:12px;}

.snav .bd { background: #fff; float:right; margin-left:1%; width:77%;}

.snav .bd .bul {width:100%; text-align:right;}

.snav .bd .bul .bli { line-height: 40px; height: 40px; overflow: hidden; border-bottom: 1px dashed #fff;  position: relative; margin:0; display:inline-block;}

.snav .bd .bul .bli .ba { display: block; font-size: 16px; color: #39424b; position: relative; text-align: center; -webkit-transition: all .2s; transition: all .2s; text-decoration: none; padding: 0 20px; }

.snav .bd .bul .bli:before { content: ''; background: linear-gradient(to right, rgba(234,0,0,1), rgba(255,51,0,1)); display: block; border-radius: 30px; -webkit-transform: translateX(-100%); transform: translateX(-100%); height: 40px; width: 100%; position: absolute; left: 0; right: 0; top: 0; -webkit-transition: all .2s; transition: all .2s; text-decoration: none; }

.snav .bd .bul .bli:hover:before, .snav .bd .bul .bli.on:before { -webkit-transform: translateY(0); transform: translateY(0); }

.snav .bd .bul .bli:hover .ba, .snav .bd .bul .bli.on .ba { color: #fff; }

.snav .bd .bul .bli.on { border-color: transparent; }

.snav .bd .bul .bsub { background: #f3f3f3; margin: -20px 0 2px 0; padding-top: 25px; padding-bottom: 10px; text-align: center; border-radius: 0 0 20px 20px; }

.snav .bd .bul .bsub li { line-height: 36px; }

.snav .bd .bul .bsub li a { font-size: 14px; color: #666; }

.snav .bd .bul .bsub li a:hover, .snav .bd .bul .bsub li.on a { color: #d00c18; }



.sbox { background: #fff; padding: 4px; margin-bottom: 30px; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); }

.sbox .hd { text-align: center; font-size: 18px; color: #333; font-weight: bold; line-height: 20px; padding: 20px 0 10px; }

.sbox .bd { background: #fff; padding: 15px; }

.scon { font-size: 14px; color: #666; line-height: 24px; }





.mainbox { background: #fff; border: 0 solid #dedede; padding: 40px 64px; box-sizing:border-box; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); }

.mainbox .hd { height: 20px; border-bottom: 1px solid #dedede; margin-bottom: 60px; }

.mainbox .hd h1 { float: left; background: #fff; line-height: 40px; font-weight: normal; color: #39424b; padding-right: 20px; font-size: 30px; }

.mainbox .now { float: right; background: #fff; line-height: 40px; color: #999; padding-left: 10px; font-size: 12px; }

.mainbox .now .split { margin: 0 4px; font-family: simsun; }

.mainbox .now a { color: #999; }

.mainbox .now a:hover { color: #d00c18; }



.mainbox .bd { font-size: 16px; line-height: 30px; color: #333; word-wrap: break-word; padding:25px 60px; box-sizing:border-box; text-wrap: wrap !important;}

.mainbox .bd img {max-width: 100%; }

.mainbox .bd p { margin-bottom: 20px; text-wrap: wrap !important;}
.mainbox .bd p span{text-wrap: wrap !important;}


.bdshare-button-style0-16.lihaile { width: 112px; margin: 0 auto; }

.bdshare-button-style0-16.lihaile a { width: 50px; height: 50px; padding-left: 0; }

.bdshare-button-style0-16.lihaile .bds_tsina { background: url(../img/icon_01.png) no-repeat 0 0; }

.bdshare-button-style0-16.lihaile .bds_weixin { background: url(../img/icon_02.png) no-repeat 0 0; }





.prolista { }

.prolista .item { width:18%; float: left; margin: 0 1% 40px; box-sizing: border-box; border: 1px solid #dedede; -webkit-transition: all .4s; transition: all .4s; }

.prolista .item:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); z-index: 1; }

.prolista .item .img a { display: block; }

.prolista .item .img img { width: 100%; display: block; }

.prolista .item .box { padding: 18px 18px 42px; position: relative; overflow: hidden; }

.prolista .item .box .nam { font-size: 15px; font-weight: bold; line-height: 20px; margin-bottom: 10px;  height: 20px; }

.prolista .item:hover .box .nam {  }

.prolista .item .box .nam a { color: #333; word-wrap:break-word;}

.prolista .item:hover .box .nam a { color: #ea0000; }

.prolista .item .box .txt { font-size: 14px; color: #666; line-height: 20px; height: 60px; overflow: hidden; }

.prolista .item:hover .box .txt { }

.prolista .item .box .btn { position: absolute; left: 0; bottom: 0; right: 0; height: 40px; line-height: 40px; background: linear-gradient(to right, rgba(234,0,0,1), rgba(255,51,0,1)); color: #fff; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .4s; transition: all .4s; }

.prolista .item:hover .box .btn { -webkit-transform: translateY(0); transform: translateY(0); }

.prolista .item .box .btn a { color: #fff; font-size: 14px; display: block; text-decoration: none; padding-left: 30px; }





.preview{width:48%; float:left; margin-right:2%;}



.prod_ia_right{ width:50%; float:left;}

.prod_ia_right h5{ font-weight:bold; width:100%; color:#fff; background:#093071; padding:15px; font-size:18px; box-sizing:border-box;}

.prod_ia_right ul{}

.prod_ia_right ul li{ width:290px; height:25px; line-height:25px; display:inline; float:left; overflow:hidden;}

.prodli{ margin-top:20px; font-size:15px;}

.prodli li{ border-bottom:1px #CCCCCC dashed; height:36px; line-height:36px; padding-left:30px; background:url(../images/botc.gif) no-repeat 15px;}

.prodli a span{color:#FF0000; font-size:15px; background-color:#eee; display:block; height:45px; line-height:45px; width:250px; text-align:center; margin-left:10px; margin-top:25px;}

.prodlia{ margin-top:20px; font-size:14px;}





.prolist { display:flex; flex-wrap:wrap; align-items: center}

.prolist .item { width:31%; margin: 0 1.1% 40px; box-sizing: border-box; border: 1px solid #dedede; -webkit-transition: all .4s; transition: all .4s; }

.prolist .item:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); z-index: 1; }

.prolist .item .img a { display: block; }

.prolist .item .img img { width: 100%; display: block; }

.prolist .item .box { padding:30px; position: relative; overflow: hidden; background-color:#F7F7F7;}

.prolist .item .box .nam { font-size: 16px; font-weight: bold; overflow: hidden;}

.prolist .item:hover .box .nam {  }

.prolist .item .box .nam a { color: #333; }

.prolist .item:hover .box .nam a { color: #ea0000; }

.prolist .item .box .txt { font-size: 14px; color: #666; line-height: 20px; height: 60px; overflow: hidden; }

.prolist .item:hover .box .txt { }

.prolist .item .box .btn { position: absolute; left: 0; bottom: 0; right: 0; height: 60px; line-height: 60px; background: linear-gradient(to right, rgba(234,0,0,1), rgba(255,51,0,1)); color: #fff; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .4s; transition: all .4s; }

.prolist .item:hover .box .btn { -webkit-transform: translateY(0); transform: translateY(0); }

.prolist .item .box .btn a { color: #fff; font-size: 14px; display: block; text-decoration: none; padding-left: 30px; }



.newstitle { font-size: 26px; text-align: center; line-height: 30px;  margin-bottom: 5px; }

.newsinfo { font-size: 12px; text-align: center; line-height: 30px; color: #999;  }

.newsinfo .author, .newsinfo .time { margin: 0 5px; }

.newsmaincon { margin: 20px 0;  }

.newsmaincon img { max-width: 100%; }

.newsmaincon h3 { font-size: 20px; font-weight:bold; background: linear-gradient(to right, rgba(234,0,0,1), rgba(255,51,0,1)); color: #fff; line-height: 50px; height: 50px; padding: 0 20px; border-radius: 20px; margin-bottom: 20px; margin-top: 40px; }

.newsmaincon .dou { margin-bottom: 20px; }

.newsmaincon .dou02 { overflow: hidden; }

.newsmaincon .dou02 li { width: 50%; float: left; }

.newsmaincon .dou li:before { content: '·'; color: #ea0000; font-weight: bold; margin-right: 10px; }



.newsbackline { height: 30px; line-height: 30px; border-top: 1px solid #dedede; padding-top: 10px; margin: 30px 0 50px; }

.newsbackline ul { width: 100%; }

.newsbackline ul li { width: 33.333333%; float: left; text-align: center; display: block; height: 33px; }

.newsbackline ul li a { display: inline-block; width: 120px; border-width: 1px; border-style: solid; border-color: #dedede; text-decoration: none; color: #666; font-size: 12px; }

.newsbackline ul li a:hover { border-color: #323e4a; color: #323e4a; }

.newsbackline ul li.prev { text-align: left; }

.newsbackline ul li.prev a { text-align: center; }

.newsbackline ul li.next { text-align: right; }

.newsbackline ul li.next a { text-align: center; }





.snav .sd { display: none; }





.newslist { }

.newslist .item { width: 49%; float: left; margin-right: 2%; margin-bottom: 20px; box-sizing: border-box; border: 1px solid #dedede; -webkit-transition: all .4s; transition: all .4s; background: #fff; padding: 30px; }

.newslist .item:nth-child(2n) { margin-right: 0; }

.newslist .item:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }

.newslist .item .time { font-size: 12px; line-height: 20px; margin-bottom: 10px; color: #999; }

.newslist .item .time .split { margin: 0 10px; color: #ccc; }

.newslist .item .name { font-size: 18px; line-height: 28px; margin-bottom: 25px; height: 28px; overflow: hidden; }

.newslist .item .name a { color: #111; }

.newslist .item .name a:hover { color: #ea0000; }

.newslist .item .text { color: #777; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 16px; }

.newslist .item .link { overflow: hidden; margin-bottom: -12px; }

.newslist .item .link a { width: 24px; height: 24px; display: block; background: url(../img/hb01img01.png) no-repeat center; float: left; }

.newslist .item .link a.l02 { float: right; background-image: url(../img/hb01img02.png); }





.process02 { overflow: hidden; }

.process02 li { width: 31.333333%; float: left; margin: 0 1% 20px; }

.process02 li img { display: block; width: 100%; }





.process05 { overflow: hidden; }

.process05 li { width:18%; float: left; margin: 0 1% 20px; text-align: center; }

.process05 li a { display: block; }

.process05 li img { display: block; width: 100%; margin-bottom: 5px; }

.process05 li span { line-height: 22px; height: 22px; overflow: hidden; display: block; }









.caselist { overflow: hidden; }

.caselist li { width: 20%; float: left; text-align: center; }

.caselist li img { display: block; margin: 0 auto; }

.caselist li span { text-align: center; }







.messagecon { font-size: 14px; line-height: 24px; margin-bottom: 20px;  }

.messagecon p { margin-bottom: 20px; }

.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }

.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px;  color: #666; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }

.messagetarea:focus { color: #333; outline: none; background: #fff; }

.messageinput { width: 27%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0;  color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }

.messageinput:focus { color: #333; outline: none; background: #fff; }

.messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b8c5ce; color: #2d3e50; border-radius: 4px;  cursor: pointer; margin-right: 10px; margin-bottom: 30px; }

.messagebtn.btnon { width: 50%; color: #fff; }

.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }

.main .con .yanzhengma { display: inline; }



.messagebtn.btnon { background: linear-gradient(to right, rgba(234,0,0,1), rgba(255,51,0,1)); }



.xxl{display:none;}







.aboutula{width:100%;}

.aboutula li{float:left; width:100%; margin:1.5% 0; border-bottom:1px solid #ddd; padding-bottom:30px; line-height:180%;}

.aboutula li img{width:46%; display:block; margin-bottom:10px; float:left; margin-right:4%;}

.aboutula li strong{display:block; margin-bottom:15px;}



.nywenhuaul{margin:25px auto;}

.nywenhuaul li{width:23%; margin:1%; float:left; text-align:center;}

.nywenhuaul li .nywenhuatit{font-size:20px; font-weight:bold;}

.mainbox .bd .nywenhuaul li img{max-width:40%; display:block; margin:0 auto 20px;}

.nywenhuaul li span{font-size:16px; color:#666; display:block; margin-top:10px; line-height:160%;}



@media (max-width: 1556px){

	.wrapper { width: 100%; padding: 0 20px; box-sizing: border-box; }

	
.header .nav .nli .na { display: block; line-height: 85px; color: #333; font-size: 16px; padding: 0 14px; text-decoration: none; position: relative; }

	.header .sea { display: none; }

}







@media (max-width: 800px){

	.header { height: auto; padding: 0; }

	.header .logo { float: none; margin-right: 0; padding: 16px 0; }

	.header .logo img{width:80%; margin:0 auto; display:block; height:auto !important;}

	.header .logo:after { display: none; }

	.header .slogan { display: none; }
   .prodli{ font-size:14px;}
   .header .nav .nli:last-child{display:block;}   

  .nywenhuaul li{width:48%; font-size:14px; line-height:150%; list-style:none;}
  .nywenhuaul li span{font-size:14px;}
  
  .header .nav .nli:last-child {
    display: block;
}
  .header .nav .nli:last-child span {
    background: #e40007;
    color: #fff;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    width: 60%;
    height: 28px;
    line-height: 28px;
    border-radius: 25px;
}

	.prodlia{ font-size:12px;}

	.header .nav { overflow: hidden; background: #f9f9f9; padding: 6px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }

	.header .nav .nli { display: block; float: left; width: 50%; height:30px;}

	.header .nav .nli .na { line-height: 30px; font-size: 13px; padding:0;}

	.header .nav .nli a{font-size:13px; padding:0; line-height:30px;}
               
.header .nav .nli:last-child{display:block;}
    .aboutula li img{width:100%; display:block;}
	.topbar { display: none; }

	.topbar .link { display: none; }

	.topbar .tip { text-align: center; float: none; }

	.topbar .tip span { margin: 0; }

	.topbar .tip span:nth-child(2), .topbar .tip span:nth-child(3) { display: none; }

	

	.fixedblock { height: 142px; }

	.prolista .item{width:48%; margin:1%;}

	.prolista .item .box{padding:10px; overflow:auto;word-wrap:break-word;word-break:break-all;}

	.prolista .item .box .nam{font-size:12px; height:45px; word-wrap:break-word;word-break:break-all;}

	.prolista .item .box .btn{display:none;}

	
   .prolistb .item{width:48%; margin:1%; height:auto; background-color: #F7F7F7;}

	.prolistb .item .box{padding:10px; }

	.prolistb .item .box .nam{font-size:12px;}

	.prolistb .item .box .btn{display:none;}             
                  
  
   .prolistc .item{width:48%; margin:1%; height: 178px; background-color: #F7F7F7;}

	.prolistc .item .box{padding:10px; }

	.prolistc .item .box .nam{font-size:12px;}

	.prolistc .item .box .btn{display:none;}     
                   

	.prolist .item{width:48%; margin:1%; background-color: #F7F7F7;}

	.prolist .item .box{padding:10px; }

	.prolist .item .box .nam{font-size:12px;}

	.prolist .item .box .btn{display:none;}

	.prodli a span{margin-top:0;}

	

	.xxl{display:block; margin:15px 0;}

	.xxl li{width:49%; margin:0.5%; background-color:#a2a2a2; color:#fff; float:left; height:30px; line-height:30px;}

	.xxl li a{color:#fff; font-size:14px; text-align:center; display:block; text-decoration:none;}

	

	.mainbox .bd{padding:0px;}

	.preview{width:100%; margin:0;}	

	.prod_ia_right{width:100%; margin:0;}

	

	.bannerslide .swiper-slide { height: 300px; }
  
              
              
	.bannerslide .swiper-slide .textboxaa { margin: 80px 0 0 50px; }
  
   .bannerslide .swiper-slide .textboxaa img{width:60%;}
   
	.bannerslide .swiper-slide .textboxcc { margin: 60px 0 0 20px; }
  
   .bannerslide .swiper-slide .textboxcc img{width:80%;}  
  .bannerslide .swiper-slide .textboxbb{margin: 40px auto; width:100%;}
              .bannerslide .swiper-slide .textboxbb .sub{font-size:12px;}
              .bannerslide .swiper-slide .textboxbb .tit{font-size:16px;}
              .bannerslide .swiper-slide .textboxbb .txt{display:none;}
              
              
	.bannerslide .swiper-slide .textbox { margin: 200px 0 0 20px; }
  
   .bannerslide .swiper-slide .textbox img{width:100%;}

	.bannerslide .swiper-slide.swiper-slide-active .textbox { -webkit-transform: scale(.6); transform: scale(.6); }

	.bannerslide .swiper-slide .textbox .txt { display: none; }

	.bannerslide .swiper-slide .textbox .tit { margin-bottom: 0; }

	.bannerslide .swiper-slide .textbox .btn { display: none; }

	

	

	.homebox01 .list .item { float: none; margin: 0 0 20px; width: 100%; padding: 30px; }

	

	.homebox02 .list .item { float: none; margin: 0 0 20px; width: 100%; }

	.homebox02 .list .item .box { padding: 30px 30px 40px; }

	.homebox02 .list { margin-bottom: 0; }

	

	.homebox03 .commontitle { margin-bottom: 20px; }

	.homebox03 .subtit a { font-size: 12px; line-height: 30px; margin: 0 5px; }

	.homebox03 .subtit a.on { padding: 0 15px; }

	

	.homebox04 .commontitle { margin-bottom: 20px; }

	.homebox04 .numlist { padding: 0; margin-bottom: 30px; }

	.homebox04 .numlist .item { width: 100%; float: none; margin: 0 0 20px; }

	.homebox04 .numlist .item .num { padding: 10px 0; margin-bottom: 10px; }

	

	.homebox04 .list .item { float: none; width: 100%; margin: 0 0 20px; }

	.homebox04 .list .item .box { padding: 30px 30px 40px; }

	.homebox04 .list { margin-bottom: 20px; }

	.homebox04 { padding-bottom: 0; }

	

	.homebox05 .list .item { margin-bottom: 20px; }

	.homebox05 .list .item .img { float: none; }

	.homebox05 .list .item:nth-child(2) .img { float: none; }

	.homebox05 .list .item .img img { width: 100%; }

	.homebox05 .list .item .box { margin: 0; padding: 30px 30px 40px; }

	.homebox05 .list .item:nth-child(2) .box { margin: 0; }

	

	.homebox06 .box { width: 100%; padding: 30px 30px 40px; margin-bottom: 0;  }

	.homebox06 .box .mySwiper .swiper-slide{font-size:14px;}

	.homebox06 .box .list { width: 100%; }

	.homebox06 .box .list li { width: 50%; }

	

	.footer { padding: 30px 0; }

	.footbar { display: none; }

	.footer .footnav { display: none; }

	.foot { font-size: 12px; }

	.foot .aa { font-size: 12px; display: block; line-height: 20px; }

	.copyright { font-size: 12px; }

	

	

	.inbanner { height: 120px; background-size: cover; }

	.inbanner .title .cn { font-size: 22px; }

	.inbanner .title .en { font-size: 14px; }

	

	.side { width: 100%; float: none; }

	.main { width: 100%; float: none; }

	

	.sbox { display: none; }

	

	.snav { padding: 0; margin-bottom: 0; }

	.snav .sd { background: #666; line-height: 36px; font-size: 12px; color: #fff; text-align: center; display: block; }

	.snav .hd { display: none; }

	.snav .bd { display: block; width:100%; margin:0;}
   .snav .bd .bul .bli{line-height:28px; overflow:auto; position: static; height:auto; width:90%;}
    .snav .bd .bul .bli .ba{background: linear-gradient(to right, rgba(234,0,0,1), rgba(255,51,0,1)); text-align:center; color:#fff; border-radius:15px;}


	.snav .bd.sbon { display: block; }

	

	.snav .bd .bul .bli .ba { font-size: 14px; }

	.mainbox .now { display: none; }

	

	.mainbox { padding: 20px; font-size:14px;}

	.mainbox .hd { border-color: transparent; margin: -20px -20px 40px; }
.snav .bd .bul{text-align:center; margin:10px auto;}
	.mainbox .hd h1 { float: none; text-align: center; background: linear-gradient(to right, rgba(234,0,0,1), rgba(255,51,0,1)); color: #fff; font-size: 16px; padding-right: 0; }

	

	.newsbackline ul li a { width: 100%; }

	

	

	.newslist .item { width: 100%; float: none; margin-right: 0; }

	.newslist .item .name { height: auto; }

	

	.process02 li { width: 48%; }

	

	.process05 li { width: 48%; }

	.process05 li span { font-size: 12px; }

	

	.caselist li { width: 50%; }

	.caselist li span { font-size: 12px; }

	

	

	.messagecon p  { }

	.messagetarea { width: 90%; margin: 0 auto; display: block; }

	.messagetit { text-align: center; margin-top: 5px; font-size: .75rem; }

	.messageinput { width: 90%; margin: 0 auto; display: block; margin-bottom: 5px; }

	.main .con .yanzhengma { display: block; width: 20%; margin: 20px auto; }

	.messagebtn { margin: 5px auto 0; width: 80%; display: block; }

	.messagebtn.btnon { width: 80%; }

	

}

.gallery-top {

	height: 100%;

	width: 80%;

}



.gallery-top img {

	width: 100%;

}



.gallery-thumbs {

	height: 20%;

	box-sizing: border-box;

	padding: 10px 0;

	width: 80%;

	margin: 0 auto;

}



.gallery-thumbs .swiper-slide {

	width: 20%;

	opacity: 0.4;

}



.gallery-thumbs .swiper-slide-active {

	opacity: 1;

}



.gallery-thumbs .swiper-slide img {

	width: 100%;

}