@charset "utf-8";

/* CSS Document */



*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  

-moz-tap-highlight-color:rgba(0, 0, 0, 0);  

-ms-tap-highlight-color:rgba(0, 0, 0, 0);  

-o-tap-highlight-color:rgba(0, 0, 0, 0);  

tap-highlight-color:rgba(0, 0, 0, 0);}



body{ font-family:"Source Han Sans CN","Hiragino Sans GB","Heiti SC","PingFang SC","Microsoft Yahei","WenQuanYi Micro Hei",Helvetica,Arial,sans-serif; font-size:14px;overflow-x:hidden; color:#666;}

body.en{ font-family:Arial, Helvetica, sans-serif}

a{ text-decoration:none;outline:none;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;color:#666}

a:hover{color:#003399}

strong{ color:#333}

img{ border:none;}

table{ border-collapse:collapse}

ul,ol,li{ list-style:none}

.clearfix{zoom:1; clear:both}

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

.fl{ float:left}

.fr{ float:right}

botton,input,textarea,select{ outline:none; font-family:Arial}

h1,h2,h3,h4,h5{ font-weight:normal}

.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}

.col01{ color:#006835}

.col02{ color:#008abd}

.col03{ color:#ec6a17}

.red{ color:#f00}

.ovh{ overflow:hidden}

.f20{ font-size:20px;}

.f18{ font-size:18px;}

.f16{ font-size:16px;}

video:focus{ outline:none}





.wrap{margin:0 auto;width:62.86836%;min-width:1300px;padding: 0 15px;}

.header{position: fixed;top: 0;left: 0;z-index:100;width: 100%;line-height: 90px;text-align: center; background:#fff;transition: all 0.5s;}

.header .wrap{ position:relative; display:flex; display:-webkit-flex;justify-content:space-between;align-items:center}

.header-scroll{ box-shadow:0 0 15px rgba(0,0,0,.15)}

.logo{ display:flex; display:-webkit-flex; align-items:center; height:90px;position:relative;}

.logo img{ display:block;}



.menu>ul{display:flex; display:-webkit-flex}

.menu>ul>li{ float:left; font-size:18px; margin:0 22px;position:relative;white-space: nowrap;}

.menu>ul>li>a{ display:block; color:#333;line-height:90px; font-weight:bold;position:relative}

.menu>ul>li:hover>a, .menu>ul>li.cur>a{color:#003399}

.menu .sub{ position:absolute;left: 50%;top: 100%; min-width: 100%;text-align: center;box-shadow: 0 0 10px rgba(0,0,0,0.1);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%); display:none}

.menu .sub a{ display:block; background:#fff; border-bottom:1px solid #ddd;font-size: 15px;color:#666; line-height: 20px; padding: 12px 20px; word-break: keep-all; white-space: nowrap;}

.menu .sub a:hover{background:#003399;color:#fff}





.search{ position:relative;}

.search-btn{ display:block;width:35px;height:80px;background:url(../images/search-btn.png) no-repeat center;cursor:pointer; margin-right:10px;}



.search-alert{height:100%;position: absolute;right:30px;top:0;z-index: 50;background: #fff;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);transition:.3s; -webkit-transition:.3s; display:flex; display:-webkit-flex;align-items:center}

.search-alert-show{overflow:visible;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}

.search-alert form {position: relative; width:100%; border:1px solid #e8e8e8;line-height:35px; height:35px;}

.search-alert input[type=text]{border:0;height:100%; width:240px;color: #555;background:#fff;padding-left:10px; padding-right:40px; display:block}

.search-alert input[type=submit]{border: none;position: absolute;right: 0;top: 0;width:40px; height:100%;cursor:pointer; background:url(../images/search-btn.png) no-repeat center; background-size:15px; opacity:.6}

.search-alert .search-close{ width:15px; height:15px;cursor:pointer;margin-left: 15px;position:relative}

.search-alert .search-close:before{ content:""; width:20px; height:1px; background:#0a2d5a; position:absolute; top:0; left:0; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); transform-origin:left top}

.search-alert .search-close:after{ content:""; width:20px; height:1px; background:#0a2d5a; position:absolute; bottom:0; left:0; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg); transform-origin:left bottom}

.search-show .search-btn{ opacity:0}

.header .tel{ display:block;height:40px; line-height:40px;font-weight:bold;font-size:16px; color:#fff;padding: 0 15px; border-radius:20px; background:#003399;

background: -webkit-linear-gradient(left, #496db6 , #003399); /* Safari 5.1 - 6.0 */

background: -o-linear-gradient(right, #496db6, #003399); /* Opera 11.1 - 12.0 */

background: -moz-linear-gradient(right, #496db6, #003399); /* Firefox 3.6 - 15 */

background: linear-gradient(to right, #496db6 , #003399); }

.header .tel span{ display:block; background:url(../images/tel.png) no-repeat 0 center; padding-left:22px}

.lang{ position:relative}

.lang a{ display:block; padding:0 45px; background:#005bac; color:#fff; display:flex; display:-webkit-flex; align-items:center}

.lang em{ display:block; width:0; height:0; border-top:4px solid transparent; border-left:4px solid #669dcd; border-bottom:4px solid transparent; margin-left:5px}

.lang a:hover{ background:#0a5598}

/*banner*/



.banner{ position:relative; margin-top:90px;}

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

/*分页器*/

.banner .swiper-pagination{bottom:4%}

.banner .swiper-pagination-bullet{ width:12px; height:12px;background:none; border:1px solid #fff;border-radius:50%;opacity:1;position:relative;transition:.3s}

.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 10px;}

.banner .swiper-pagination-bullet-active{ opacity:1;background:#fff}



.m-banner{position: relative;z-index: 1;overflow: hidden;width: 100%; display:none;border:1px solid #fff;}

.m-banner a{ display:block; background:#131313}

.m-banner img{ display:block; width:100%; height:auto}

.m-banner .swiper-pagination-bullet{ background:none; border:1px solid #fff; opacity:1}

.m-banner .swiper-pagination-bullet-active{ background:#fff}







@font-face{

font-family:'bebas';

src:url("../fonts/bebas.eot");

src:url("../fonts/bebas.eot") format("embedded-opentype"),

url("../fonts/bebas.woff2") format("woff2"),

url("../fonts/bebas.woff") format("woff"),

url("../fonts/bebas.ttf") format("truetype"),

url("../fonts/bebas.svg#BEBAS") format("svg");

}



.space{ padding:80px 0}

.titleBox{ margin-bottom:40px}

.title{ color:#181818; font-size:35px; font-weight:bold;text-align:center;position:relative}

.title:after{ content:""; width:36px; height:2px; background:#003399; display:block; margin:10px auto 25px}

.titleBox .intro{ color:#181818; text-align:center; font-size:16px; font-weight:300}

.more{display:flex; display:-webkit-flex; align-items:center; justify-content:center; width:160px;line-height:45px; background:#003399;font-size:14px; font-weight:300; color:#fff;}

.more em{ width:8px; height:8px; display:block; border-top:2px solid #fff; border-right:2px solid #fff; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-left:12px}

.more:hover{ background:#bf936d;color:#fff;}





.i-search{ border-bottom:1px solid #e8e8e8; color:#666; position:relative; z-index:2}

.i-search:before{ content:""; width:calc(calc(100% - 1280px)/2); height:130%; position:absolute; left:0;bottom:0;background:#003399;}

.i-search .wrap{ position:relative}

.i-search .left{ background:#003399; color:#fff; width:380px; position:absolute; height:130%; left:0;bottom:0}

.i-search .left h3{ padding-top:20px;}

.i-search .left b{ font-weight:bold; font-size:30px; line-height:1; position:relative}

.i-search .left b:after{ content:""; width:75px; height:1px; background:#fff; position:absolute; right:-105%;top:50%}

.i-search .left span{ display:block; font-size:24px; font-weight:300}

.i-search .right{ padding:30px 0; line-height:20px; width:calc(100% - 380px); padding-left:55px}

.i-search .right b{ font-weight:normal}

.i-search .right a{ margin-right:10px}

.i-advantage{ background:url(../images/bg1.jpg) no-repeat right bottom}

.i-adv-list li{ width:20%; height:226px; float:left; text-align:center; border-right:1px solid #ddd;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;position: relative;}

.i-adv-list li:last-child{ border-right:0}

.i-adv-list .ico{display: block;margin: 32px auto 0;height:48px;overflow: hidden;}

.i-adv-list .ico img{display: block; margin-left:auto; margin-right:auto;transition:all 0.5s;}

.i-adv-list h3{font-size:24px; line-height:1; color:#181818;padding-top: 20px;padding-bottom:12px;}

.i-adv-list .en-tit{font-size: 12px;color: #ccc;line-height:1;text-transform: uppercase; font-weight:300}

.i-adv-list .intro{display: none;font-size: 14px;line-height:1.4;color: #666;padding: 0 20% 0;}

.i-adv-list li.cur{ box-shadow: 0 0 32px 13px rgba(44,47,62,0.10);}

.i-adv-list li.cur img:nth-child(1){ margin-top:-48px;}

.i-adv-list li.cur h3{font-weight:bold;}

.i-adv-list li.cur .intro{ display:block;}

.i-adv-list li.cur .en-tit{ display:none}



.i-product{ background:#faf8f6 url(../images/bg2.jpg) no-repeat center; background-size:cover}

.i-protab{ background:#fff;}

.i-protab ul{ display:flex; display:-webkit-flex;}

.i-protab li{ width:14.2758%}

.i-protab a{ display:block; text-align:center; height:70px; line-height:70px; font-size:18px; color:#333; position:relative}

.i-protab a:after{ content:""; width:1px;  height:35px; background:#e8e8e8; position:absolute; right:0;top:50%; margin-top:-17px}

.i-protab li:last-child a:after{ display:none}

.i-protab .active a{ background:#003399; color:#fff}

.i-protab .active a:after{ display:none}

.i-product-box .tabs-container .item{ display:none}

.i-product-box .tabs-container .item.active{ display:block}

.i-product-box .pic-top{ margin-bottom:20px}

.i-product-box .pic-top img{ display:block; width:100%}

.i-prolist .pic{ position:relative; overflow:hidden; background:#fff;}

.i-prolist .pic:before{ content:""; width:100%; padding-top:75%; display:block}

.i-prolist .pic img{ position:absolute; left:0;top:0;right:0;bottom:0; margin:auto;width:100%;height:100%; object-fit:cover}

.i-prolist .tit{ position:absolute; left:0;bottom:0; background:rgba(0,0,0,.4); line-height:45px; width:100%; font-size:16px; text-align:center; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s}

.i-prolist .swiper-slide:hover .tit{ background:#003399}







.i-about{}

.i-about .pic{ width:50%; position:relative}

.i-about .pic img{ display:block; width:calc(100% - 22px); padding-top:22px; position:relative; z-index:2}

.i-about .pic:before{ content:""; width:90%; height:90%; background:#003399; position:absolute; right:0;top:0}

.i-about .txt{ width:43%; padding-top:3%}

.i-about .titleBox{ margin-bottom:20px}

.i-about .title{ text-align:left; margin-bottom:0}

.i-about .title:after{ margin:10px 0}

.i-about .intro{ font-size:16px; line-height:30px; margin-bottom:5%}

.i-about .intro h2{ color:#181818; font-size:24px; margin-bottom:5%}

.i-about .intro p{ margin-bottom:15px}

.i-about ul{ display:flex; display:-webkit-flex;}

.i-about ul li{ margin-right:10%}





.i-news{ background:#faf8f6 url(../images/bg3.jpg) no-repeat center; background-size:cover}

.i-news>.wrap>.more{ margin:50px auto 0}

.i-news-list{ position:relative;}

.i-news-list a{ display:block; background:#fff}

.i-news-list .pic{ position: relative; overflow:hidden}

.i-news-list .pic:before{content:""; display:block; padding-top:66.58595%}

.i-news-list .pic img{ position:absolute;left:0;top:0; width:100%; height:100%; object-fit:cover; -moz-transition:1s;-webkit-transition:1s;transition:1s}

.i-news-list .time{font-size:14px;color:#999; font-weight:300;}

.i-news-list .txt{position:relative; z-index:2; padding:6% 8% 8%}

.i-news-list h3{ color:#333; font-size:20px; line-height:28px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; overflow:hidden;margin-bottom:3%}

.i-news-list .desc{ font-size:14px; color:#666; line-height:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; margin-bottom:5%}

.i-news-list .more{ -webkit-transition:.5s;-moz-transition:.5s;transition:.5s}

.i-news-list .txt, .i-news-list h3, .i-news-list .desc, .i-news-list .more{-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}

.i-news-list .swiper-slide:hover .pic img{ -moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}

.i-news-list .swiper-slide:hover .txt{background:#003399}

.i-news-list .swiper-slide:hover h3{color:#fff}

.i-news-list .swiper-slide:hover .desc{ color:#fff; opacity:.9}

.i-news-list .swiper-slide:hover .time{ color:#fff; opacity:.6}

.i-news-list .swiper-pagination{ width:100%;bottom:0; display:none}

.i-news-list .swiper-pagination-bullet{ background:#ccc; width:6px; height:6px; margin:0 3px; opacity:1}

.i-news-list .swiper-pagination-bullet-active{ background:#005bac}









.footer{ background:#18191c;color:#fff;position:relative;z-index: 2;}

.footer a{color:#fff;}

.footer a:hover{ opacity:.6}

.footer .top{ padding:50px 0 40px;}



.footer .bot{ padding:20px 0; border-top:1px solid rgba(255,255,255,.3); font-size:13px; font-weight:300}

.f-ewm{ text-align:center;}

.f-ewm img{ display:block; width:125px; margin-bottom:5px}



.f-message{ width:280px;}

.f-message>p{ font-size:16px; line-height:1; margin-bottom:25px}

.f-message .item{ margin-bottom:10px}

.f-message input[type=text], .f-message textarea {display: block;width: 100%;border: 0;background:#fff; padding: 0 10px;line-height:36px;color: #333;font-size: 14px;}

.f-message textarea{ line-height:20px; height:60px; padding:5px 10px}

.f-message input.code{ float:left; width:80px;}
.f-message .item2 img{}
.f-message .submit{ float:right;width:90px;height:36px; border:0; color:#fff;cursor:pointer;display:block; cursor:pointer;background: -webkit-linear-gradient(left, #496db6 , #003399);
    background: -o-linear-gradient(right, #496db6, #003399);
    background: -moz-linear-gradient(right, #496db6, #003399);
    background: linear-gradient(to right, #496db6 , #003399);}



.f-nav{ width:calc(100% - 405px); padding:0 10%;}

.f-nav ul{display:flex; display:-webkit-flex; justify-content:space-between}

.f-nav li>p{font-size:16px; line-height:1; margin-bottom:18px}

.f-nav li a{ display:block;line-height:32px; color:#fff; position:relative; padding-left:12px}

.f-nav li a:before{ content:""; width:4px; height:4px; background:#fff; border-radius:50%; position:absolute; left:0;top:14px}


.f-contact{ max-width:280px}
.f-contact .sub p{ padding-left:30px; margin-bottom:10px}

.f-contact .tel{ font-size:18px; font-weight:bold; background:url(../images/f-ico1.png) no-repeat left center;}

.f-contact .mail{background:url(../images/f-ico2.png) no-repeat left center;}

.f-contact .add{background:url(../images/f-ico3.png) no-repeat left center;}

/*============================================================*/

.headHeight{ height:90px; position:relative}

.nbanner{ position:relative;overflow:hidden; margin-top:90px; height:350px;}

/*.nbanner:after{ content:""; width:100%; height:30%; position:absolute; left:0;right:0;bottom:0;background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));

  background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));

  background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));

  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3)); z-index:1}

*/

.nbanner img{ display:block; margin:0 auto}

.nbanner .wrap{ height:100%; position: relative;top:-100%; z-index:2}

.nbanner .nbantit{position: absolute;left:50%;top:40%; -moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%); color:#fff;z-index:2; text-align:center}

.nbanner .nbantit .entit{animation-name: fadeInDown;animation-duration:1s; animation-delay:.1s;animation-fill-mode: both; font-size:60px; font-weight:300}

.nbanner .nbantit .cntit{animation-name: fadeInUp;animation-duration:1s; animation-delay:.1s;animation-fill-mode: both; font-size:35px; text-transform:uppercase}

.n-search{padding: 30px 0;line-height: 20px; background:#faf8f6;font-weight: 300;}

.n-search .fl{ width:50%}

.n-search .fr{ max-width:50%}

.n-search .fl b{ font-weight:normal}

.n-search .fl a{ margin-right:10px}

.n-search .fr{ position:relative; padding-left:15px}

.n-search .fr:before{ content:""; width:5px; height:5px; border-radius:100%; border:1px solid #bf936d; position:absolute; left:0;top:7px;}

.n-search .fr span{ font-family:Simsun}



.navBox{background:#ebebeb}

.inner-nav{position:relative; border-bottom:1px solid #eee}

.inner-nav ul{ display:flex; display:-webkit-flex; justify-content:center;}

.inner-nav li{}

.inner-nav li a{font-size:16px;color: #333;display: flex; display:-webkit-flex; justify-content:center; align-items:center; height:80px;padding: 0px 30px;position:relative}

.inner-nav li a:before{content:"";position: absolute;left: 50%;bottom: 0px; width: 0%;height: 3px;background-color: none;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}

.inner-nav li a:after{content:"";position: absolute;width: 1px;height: 15px;display: block;background: #ccc;top: 50%;margin-top: -7px;right: 0px;}

.inner-nav li:last-child a:after{ display:none}

.inner-nav li.cur a, .inner-nav li:hover a{position:relative;color:#df1e25;}

.inner-nav li.cur a:before, .inner-nav li:hover a:before{ background:#df1e25; width:90%; left:5%}

.lacat{ line-height:80px; background:url(../images/location_fill.png) no-repeat left center; padding-left:30px; color:#666;}



.main{position:relative;}

.main.space{ padding:60px 0}



.main .content{ line-height:30px; font-size:16px;}

.main .content img{ max-width:100%;}

.anchor{display: block;top: -90px;visibility: hidden; position:absolute;}



.main .content-about{}

.main .content-about .left{ width:50%}

.main .content-about .right{ width:48%}

.main .content-about p{ margin-bottom:10px;}



.content-about-intro{height:360px;overflow: hidden;overflow-y: auto;padding-right:30px;}

.content-about-intro::-webkit-scrollbar {width: 2px;}

.content-about-intro::-webkit-scrollbar-thumb {background:#006835; border-radius:3px;}

.content-about-intro::-webkit-scrollbar-track {background:#e7e7e7;}



.culture{ margin-top:30px}

.culture ul{ display:flex; display:-webkit-flex;justify-content:space-between}

.culture li{ position:relative; margin-bottom:3%; width:49.2%}

.culture .pic img{ display:block; width:100%}

.culture .txt{ position:absolute; width:100%;left:0;bottom:0; color:#fff; padding:4% 5%}

.culture .txt:after{ content:""; width:100%; height:100%; background:rgba(0,51,153,.8); position:absolute; left:0;top:0;z-index:2}

.culture .txt h3, .culture .txt p{ position:relative; z-index:3}

.culture .txt h3{ font-size:20px; position:relative}

.culture .txt p{ margin-bottom:0}



.main-honor{ background:#faf8f6}

.horlist ul{ display:flex; display:-webkit-flex;flex-wrap:wrap; margin-right:-2%}

.horlist li{ margin-right:2%; width:31.33%; margin-bottom:2%; box-shadow: inset 0 5px 15px rgba(0,0,0,.1)}

.horlist li a{ display:block; background:#fff; text-align:center}

.horlist .pic{ position:relative;}

.horlist .pic img{ display:block; width:100%}

.horlist .tit{ color:#333; position:relative; line-height:30px; padding:10px; padding-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}





.main-product .left{ width:240px}

.main-product .right{ width:calc(100% - 300px)}

.main-product .left .item{ margin-bottom:20px}

.main-product .left .item>h3{font-size: 24px; text-align:center; background:#003399; color:#fff; line-height:80px; margin-bottom:1px;background: -webkit-linear-gradient(left, #496db6 , #003399);

    background: -o-linear-gradient(right, #496db6, #003399);

    background: -moz-linear-gradient(right, #496db6, #003399);

    background: linear-gradient(to right, #496db6 , #003399);}

.left-nav li{font-size: 16px; border-bottom:1px solid #ececec}

.left-nav a{ position:relative;color:#333; background:#faf8f6; display:block;line-height:50px; padding-left:50px; padding-right:40px; overflow:hidden}

.left-nav a span{ position:relative; z-index:2}

.left-nav a:before{ content:""; width:100%; height:100%; position:absolute; left:0;top:0; opacity:0;background: -webkit-linear-gradient(left, #496db6 , #003399);

    background: -o-linear-gradient(right, #496db6, #003399);

    background: -moz-linear-gradient(right, #496db6, #003399);

    background: linear-gradient(to right, #496db6 , #003399);}

.left-nav a:after{content: "";width:8px;height:8px;border: 1px solid #b3b3b3;border-style: solid solid none none;position: absolute;top: 50%;right:30px;margin-top: -4px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}

.left-nav a:before{ -moz-transition:.5s;-webkit-transition:.5s;transition:.5s}

.left-nav .cur a, .left-nav li:hover a{ color:#fff;}

.left-nav .cur a:after, .left-nav li:hover a:after{border: 1px solid #fff;border-style: solid solid none none;}

.left-nav .cur a:before, .left-nav li:hover a:before{ opacity:1}



.newstj{ margin-top:20px;}

.newstj li{ border-bottom:1px dashed #d8d8d8;}

.newstj li a{ display:block; padding:10px 0}

.newstj li h3{ font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.main-product .right>h1{border-bottom:1px solid #e8e8e8;font-size: 24px; line-height:50px; margin-bottom:40px; color:#333}

.main-product .right>h1 span{ display:inline-block; border-bottom:1px solid #003399}



.productlist ul{ margin-right:-2%}

.productlist li{ float:left; width:31.33%; margin-right:2%; margin-bottom:2%; border:1px solid #e8e8e8}

.productlist .pic{ position:relative;overflow:hidden}

.productlist .pic:before{ content:""; width:100%; padding-top:75%; display:block}

.productlist .pic img{ display:block; position:absolute; left:0;top:0;right:0;bottom:0; margin:auto;height:100%; width:100%; object-fit:cover; -webkit-transition:1s;-moz-transition:1s;transition:1s}

.productlist .tit{ text-align:center; font-size:16px; padding:10px; line-height:26px; background:#faf8f6}

.productlist li, .productlist .tit{-moz-transition:.5s;-webkit-transition:.5s; transition:.5s}

.productlist li:hover{ border:1px solid #003399}

.productlist li:hover .pic img{ -moz-transform:scale(1.03);-webkit-transform:scale(1.03);transform:scale(1.03)}

.productlist li:hover .tit{ background:#003399; color:#fff}



.product-d-top .pic{ width:60%;border:1px solid #e8e8e8}

.product-d-top .pic img{ display:block; width:100%}

.product-d-top .txt{ width:35%}

.product-d-top .txt>h2{border-bottom:1px solid #e8e8e8;font-size: 24px; line-height:50px; margin-bottom:40px;color:#333}

.product-d-top .txt>h2 span{display:inline-block; border-bottom:1px solid #003399}

.product-d-con{ margin-top:40px}

.product-d-con .ptitle{ border-bottom:1px solid #e8e8e8; font-size:24px; line-height:50px; margin-bottom:30px; margin-top:30px; color:#333; position:relative; padding-left:20px}

.product-d-con .ptitle:before{ content:""; width:7px; height:7px; background:#003399; position:absolute; left:0;top:50%; margin-top:-5px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); transform:rotate(45deg)}



.proRelated ul{ margin-right:-2%}

.proRelated li{float:left; width:31.33%; margin-right:2%; margin-bottom:2%; border:1px solid #e8e8e8}

.proRelated .pic{position:relative;overflow:hidden}

.proRelated .pic:before{ content:""; width:100%; padding-top:75%; display:block}

.proRelated .pic img{ display:block; position:absolute; left:0;top:0;right:0;bottom:0; margin:auto;height:100%; width:100%; object-fit:cover; -webkit-transition:1s;-moz-transition:1s;transition:1s}

.proRelated .tit{ text-align:center; font-size:16px; padding:10px; line-height:26px; background:#faf8f6}

.proRelated li, .proRelated .tit{-moz-transition:.5s;-webkit-transition:.5s; transition:.5s}

.proRelated li:hover{ border:1px solid #003399}

.proRelated li:hover .pic img{ -moz-transform:scale(1.03);-webkit-transform:scale(1.03);transform:scale(1.03)}

.proRelated li:hover .tit{ background:#003399; color:#fff}







.newslist ul{}

.newslist li{margin-bottom:3%; border-bottom:1px solid #e8e8e8; padding-bottom:3%;position:relative}

.newslist li a{position:relative; z-index:2;display:-webkit-flex; display:flex;justify-content:space-between}

.newslist .pic{ position:relative; overflow:hidden; width:30%;}

.newslist .pic:after{content: "";display: block;padding-top: 66.66666%;}

.newslist .pic img{ display:block;left: 0;position: absolute;top: 0;width: 100%; height:100%; object-fit:cover;-moz-transition:.8s;-webkit-transition:.8s;transition:.8s}

.newslist .txt{ width:65%; padding-top:1%}

.newslist .txt .time{display: block;color: #999; font-weight:300;line-height:1;}

.newslist .txt h3{font-size:22px;font-weight: bold;line-height: 30px;color: #333; -moz-transition:.5s;-webkit-transition:.5s;transition:.5s; margin-bottom:2%}

.newslist .txt .intro{font-size:14px; color:#666; line-height:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow: ellipsis;font-weight:300; margin:2% 0 4%;}

.newslist .more{-moz-transition:.5s;-webkit-transition:.5s;transition:.5s; width:130px; line-height:40px}

.newslist li:hover .pic img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}

.newslist li:hover h3{ color:#003399}





.newstit{font-size:26px;color: #333;line-height:35px;text-align:center;position:relative; margin-bottom:10px;}

.newstit02{border-bottom: 1px solid #e5e5e5;padding-bottom:10px; margin-bottom:20px;}

.newstm{ font-size:12px; color:#999;text-align:center;margin-bottom:30px;border-bottom: 1px solid #e8e8e8;}

.newstm span{ margin:0 10px}

.news-article{}

.news-article img{ max-width:100%; height:auto}

.news-article p{margin-bottom:10px;}

.page-list{ margin-top:50px; position:relative; background:#faf8f6; padding:20px}

.page-list P{ font-size:14px; margin-bottom:0; width:35%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.8}

.page-list .more{ position:absolute; top:25px; right:20px;width: 130px; line-height:40px;}

.newsRelated{ margin-top:60px}

.newsRelated .pic{ position:relative; overflow:hidden; width:100%;}

.newsRelated .pic:after{content: "";display: block;padding-top: 67.34694%;}

.newsRelated .pic img{ display:block;left: 0;position: absolute;top: 0;width: 100%; height:100%; object-fit:cover;-moz-transition:.8s;-webkit-transition:.8s;transition:.8s}

.newsRelated .swiper-slide:hover .pic img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}



/*===========================contact================================*/

.main .content-contact{ font-size:16px; line-height:26px;}

.content-contact .title{ font-size:32px; margin-bottom:60px}

.contact-list{margin-bottom:40px; margin-top:60px}

.contact-list ul{ display:flex; display:-webkit-flex;justify-content:space-between}

.contact-list li{ width:31.33%;text-align:center; border:1px solid #e8e8e8; padding:3% 3% 2%; position:relative}

.contact-list .icon{ display:block;width:100px;height:64px; background:#fff; position:absolute; left:50%; margin-left:-50px;top:-32px}

.contact-list .icon img{ position:absolute; left:0;top:0;right:0;bottom:0; margin:auto}

.contact-list .mail .icon img{ height:50px}

.contact-list .add .icon img{ height:50px}

.contact-list h4{ font-weight:bold; color:#333; margin:10px 0; font-size:18px}





.message{ background:#faf8f6; padding:5% 10%}

.message .item{ margin-bottom:1.5%; float:left; width:100%; padding:0 10px; position:relative}

.message .w5{ width:50%; padding:0 10px}

.message input[type=text], .message textarea {display: block;width: 100%;border: 0;background:#fff; padding: 0 20px; line-height:60px;color: #333;font-size:15px;}

.message textarea{ height:120px}

.message .code[type=text]{width:30%; float:left}

.message .submit{ width:160px; height:45px; line-height:45px; border:0; color:#fff; font-size:16px;text-transform:uppercase; cursor:pointer; transition:.5s; display:block; margin:0 auto;

background: -webkit-linear-gradient(left, #496db6 , #003399);

    background: -o-linear-gradient(right, #496db6, #003399);

    background: -moz-linear-gradient(right, #496db6, #003399);

    background: linear-gradient(to right, #496db6 , #003399);}

.message .submit:hover{border-radius:25px}





#allmap{width:100%;height:500px;line-height:22px; font-size:14px; border:1px solid #e2e2e2; margin-top:20px}

.BMap_bubble_title{ white-space:normal !important;color: #151515; font-size:16px;padding:10px 0;}

.BMap_bubble_content{color: #888; font-size:13px}

.iwTitle {

    color: #CC5522;

    font-size: 14px;

    font-weight: bold;

	line-height:22px;

	display:block;

	padding-bottom:8px;

}



/*============================================================*/









.float_kf{position: fixed;right: 16px;bottom: 30px;text-align: right;z-index: 300;}

.float_kf .item{overflow: hidden;}

.float_kf .item-inner{position: relative;width:80px; padding:10px;border:1px solid #eee; background:#fff; text-align:center; cursor:pointer}

.float_kf .item-inner .ico{display:block; height:24px; position:relative; margin:10px 0; overflow:hidden}

.float_kf .item-inner .ico img{ position:absolute; left:0;right:0; margin:auto;top:0;}

.float_kf .item-inner .ico .icon-1{top:0}

.float_kf .item-inner .ico .icon-2{top:100%}

.float_kf .item-inner .tit{ font-size:12px; color:#666; font-weight:300}

.float_kf .item-inner:hover{ background:#df1e25}

.float_kf .item-inner:hover .tit{ color:#fff}

.float_kf .item-inner:hover .ico .icon-1{top:-100%}

.float_kf .item-inner:hover .ico .icon-2{top:0}

.float_kf .item-inner, .float_kf .item-inner .ico .icon-1, .float_kf .item-inner .ico .icon-2{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}



.pages{ margin-top:40px}

.pagination{ height:auto !important; padding:0 !important}
.banner, .i-advantage, .i-product, .i-about, .i-news, .footer, .nbanner, .main, .n-search{ min-width:1300px}