@charset "utf-8";

/* CSS 鼠标效果 */

@import url("xiaoguo.css"/*/pc/css/xiaoguo.css*/);



@font-face {

    font-family: 'OswaldLight';

    src: url("fonts/OswaldLight.eot"/*/pc/css/fonts/OswaldLight.eot*/);

    src: url("fonts/OswaldLight.eot"/*/pc/css/fonts/OswaldLight.eot*/) format('embedded-opentype'),

         url("fonts/OswaldLight.woff2"/*/pc/css/fonts/OswaldLight.woff2*/) format('woff2'),

         url("fonts/OswaldLight.woff"/*/pc/css/fonts/OswaldLight.woff*/) format('woff'),

         url("fonts/OswaldLight.ttf"/*/pc/css/fonts/OswaldLight.ttf*/) format('truetype'),

         url("fonts/OswaldLight.svg#OswaldLight"/*/pc/css/fonts/OswaldLight.svg#OswaldLight*/) format('svg');

}



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

body{ font-size: 14px; color: #666; overflow-x: hidden; font-family:"Microsoft YaHei",Arial,sans-serif;}

ul,li,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,header,footer{ list-style: none; padding: 0; margin: 0; display: block;}

input,textarea,select,button{ outline:none; font-family:"Microsoft YaHei",Helvetica,Arial,Verdana,sans-serif; }

::-webkit-input-placeholder {color: #333;}

::-moz-placeholder {color: #333;}

:-ms-input-placeholder {color: #333;}

select::-ms-expand{ display: none; }

video:focus{outline: -webkit-focus-ring-color auto 0px; }



a { text-decoration: none; color:#666; transition: color 0.56s ease;}

a:hover{ color:#d62628}



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

.clearfix{zoom:1;}

.clear{ clear:both}

.overflow{overflow-y:hidden;}



.fl{float: left;}

.fr{float: right;}





img{ display: inline-block; vertical-align:middle;max-width:100%;max-height:100%;height: auto; border: none;}



.wrap{ width: 1520px; margin: 0 auto; position: relative;}

.w1200{ width: 1200px; margin: 0 auto; position: relative;}

.w980{ width: 980px; margin: 0 auto;}

.ovh{overflow: hidden;}



.bg{ background: #f3f3f3;}





::-webkit-scrollbar { width: 8px;padding-right: 8px; background-color: #f2f2f2;  /*其他样式，比如圆角等*/}

/*滑块样式*/

::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, .6);}

/*当前窗口失去焦点时的滑块样式*/

::-webkit-scrollbar-thumb:window-inactive {background: rgba(0, 0, 0, .6);}





/*顶部*/

.header{ width: 100%; height:90px; background:rgba(0,56,116,0); padding: 0 66px; position: fixed; left: 0; top: 0; z-index: 99999;  transition: all .4s;}

.header.fixed{background:rgba(27,27,89,0.95);}

.header .logo{ float: left; padding: 16px 0;}

.header .headRight{ float: right;}

.header .nav{ float: left; margin-top: 25px;}

.header .nav ul li{ float: left; line-height: 40px; position: relative;}

.header .nav>ul>li.focus a{ color: #fff;}

.header .nav ul li.focus a.tit{ background:url("../images/icon01_02.png"/*/pc/images/icon01_02.png*/) no-repeat right 5px center;}

.header .nav>ul>li>a{ color: #fff;  font-size: 16px; font-weight: normal; text-align: center; border-radius: 5px; padding: 0 25px; display: block; position: relative; z-index: 222; }

.header .nav ul li a.tit{ background:url("../images/icon01.png"/*/pc/images/icon01.png*/) no-repeat right 5px center;}

.header .nav>ul>li>a:hover{ color: #d62628; }

.header .nav>ul>li>a.tit:hover{ color: #d62628; background: url("../images/icon01_02.png"/*/pc/images/icon01_02.png*/) no-repeat right 5px center;}

.header .nav>ul>li:hover a{ color: #1b3959; }

.header .nav>ul>li:hover a.tit{ color: #1b3959; background: url("../images/icon01_02.png"/*/pc/images/icon01_02.png*/) no-repeat right 5px center; }

.header .nav ul li .subnav{ width: 160px; padding:10px;  position: absolute; top: 35px; left: 50%; z-index: 111; margin-left: -80px; display: none;}

.header .nav ul li .subnav ol{ padding:15px 0;  background:#fff;  border-radius: 5px; box-shadow: 0 0 20px rgba(0,0,0,.2); position: relative; }

.header .nav ul li .subnav ol:after{ content: ""; width: 16px; height: 6px; background:url("../images/icon02.png"/*/pc/images/icon02.png*/) no-repeat center; position: absolute; left: 50%; top: -6px; margin-left: -8px; }

.header .nav ul li .subnav a{ font-size: 16px; color: #595959; font-weight: normal; line-height:2.2; text-align: center; white-space:nowrap;display: block;}

.header .nav ul li .subnav a:hover{color: #d62628;}

.header .searchBtn{ width: 74px; height: 16px; background: url("/img/zh.jpg"/*/pc/images/icon03.png*/) no-repeat center; margin-left: 40px; margin-top: 37px; position: relative; cursor: pointer; float: left;}

.header .searchBtn::before{ content: ""; width: 1px; height: 18px; background: #7e86a0; position: absolute; left: -35px; top: 0;}



.header .searchBtn2{ width: 85px; height: 16px; background: url("/img/en.jpg"/*/pc/images/icon03.png*/) no-repeat center; margin-left: 40px; margin-top: 37px; position: relative; cursor: pointer; float: left;}



.header .searchBtn3{ width: 85px; height: 16px; background: url("/img/er.jpg"/*/pc/images/icon03.png*/) no-repeat center; margin-left: 20px; margin-top: 37px; position: relative; cursor: pointer; float: left;}



.header .searchBtn::before{ content: ""; width: 1px; height: 18px; background: #7e86a0; position: absolute; left: -35px; top: 0;}



.header .menuBtn{ width: 30px; height: 19px; background: url("../images/icon04.png"/*/pc/images/icon04.png*/) no-repeat center; margin-left: 40px; margin-top: 37px; float: left;padding-left:20px;}

.header .menu-toggle{display: none;}





/*首页bannner*/

.banner { position: relative;}

.banner .swiper-container{ width:100%; overflow:hidden;}

.banner .swiper-container .swiper-slide{ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden;}

.banner .swiper-container .swiper-slide img{width:100%;}

.banner .swiper-container .swiper-slide .bannerText{ width: 100%; position: absolute; left: 0; top: 46%; transform: translateY(-49%);}

.banner .swiper-container .swiper-slide .bannerText h3{ font-size: 75px; color: #fff; line-height: 1; padding-bottom: 35px; margin-bottom: 25px; position: relative; text-shadow: 0 0 5px rgba(0,0,0,.2);}

.banner .swiper-container .swiper-slide .bannerText h3::after{ content: ""; width: 70px; height: 5px; background: #d62628; position: absolute; left: 0; bottom: 0;}

.banner .swiper-container .swiper-slide .bannerText p{ font-size: 26px; color: #fff; line-height: 1;}

.banner .pagination{ width: 100%; position: absolute; left: 0; bottom:105px; z-index: 111;}

.banner .pagination ul li{ width: 120px; height: 120px; border: #fff solid 3px; border-radius: 120px; margin: 0 15px; cursor: pointer;}

.banner .pagination ul li i{ height: 45px; display: block; text-align: center; margin: 20px 0 5px; overflow: hidden;}

.banner .pagination ul li dt{ font-size: 22px; color: #fff;}

.banner .pagination ul li.on{border: #ed1b23 solid 3px;}

.banner .pagination ul li.on i img{ filter: drop-shadow(#ed1b23 0 100px); transform: translateY(-100px);}

.banner .pagination ul li.on dt{ color: #ed1b23;}



.neiBanner{height: 600px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}

.neiBanner .bannerText{ width: 100%; position: absolute; left:0; top: 50%; transform: translate(0%,-30%);}

.neiBanner .bannerText h2{ font-size: 40px; color: #fff; line-height: 1; font-weight: normal; text-shadow: 0 0 5px rgba(0, 0, 0, .3);}

.neiBanner.newsBanner{ height: 354px; background-position: center top;}

.neiBanner.newsBanner .bannerText{ top: inherit; bottom: 40px;}





.neiBanner2{height: 950px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}

.neiBanner2 .bannerText{ width: 100%; position: absolute; left:0; top: 50%; transform: translate(0%,-30%);}

.neiBanner2 .bannerText h2{ font-size: 40px; color: #fff; line-height: 1; font-weight: normal; text-shadow: 0 0 5px rgba(0, 0, 0, .3);}

.neiBanner2 .newsBanner{ height: 354px; background-position: center top;}

.neiBanner2 .newsBanner .bannerText{ top: inherit; bottom: 40px;}



.title{ margin-bottom: 40px; position: relative;}

.title h2{ font-size: 40px; color: #1b3959; font-weight: bold; line-height: 1; margin-bottom: 10px;}

.title p{ font-size: 16px; color: #666; line-height: 1;}

.title .more{ width: 120px; background: #003874; color: #fff; font-size: 14px; line-height: 32px; padding-left: 20px; position: absolute; right: 0; bottom: 10px;}

.title .more span{ position: relative; z-index: 11;}

.title .more::after{ content: ""; width: 32px; height: 32px; background: #aa8546 url("../images/icon05.png"/*/pc/images/icon05.png*/) no-repeat right 13px center; position: absolute; right: 0; top: 0; transition: all .4s;}

.title .more:hover::after{ width: 100%;}



.ntitle{ margin-bottom: 38px;}

.ntitle h2{ font-size: 40px; color: #1b3959; line-height: 1;}



.iabout{ padding: 75px 0 200px;}

.iabout .title p{ font-size: 18px;}

.iabout .iaboutLeft{ float: left;}

.iabout .iaboutRight{ width:895px; line-height: 28px; float:right;}

.iabout .more{ width: 180px; height: 50px; line-height: 46px; text-align: center; font-size: 18px; border: #cbcbcb solid 2px; display: block; position: absolute; left: 0; top: 218px; transition: all .4s;}

.iabout .more:hover{ background: #cbcbcb; color: #ed1b23;}

.iabout .more::before{ content: ""; width: 15px; height: 15px; background: #1b3959; position: absolute; left: -9px; top: 15px;}



.num{margin-top: -92px; position: relative; z-index: 111;}

.num .box{ height: 220px;  padding: 23px 0; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,.2);}

.num .box ul{ overflow: hidden;}

.num .box ul li{ width: 25%; border-left: 1px solid #dddddd; text-align: center; margin-left: -1px; float: left;}

.num .box ul li dl{ display: flex; align-items:flex-start; justify-content: center; margin-bottom: 10px; padding: 10px 0 0;}

.num .box ul li dl b{ color: #333333; font-size: 45px; font-family:'OswaldLight'; line-height: 1;}

.num .box ul li dt{ font-size: 18px; color: #999;}



.exportingCountries{ height: 388px; background: url("../images/countriesBg.jpg"/*/pc/images/countriesBg.jpg*/) no-repeat center; background-size: cover; margin-top: -92px; padding-top: 200px;}

.exportingCountries .text{ font-size: 56px; color: #fff; font-weight: bold; text-align: center; letter-spacing: 20px;}



.ipro{ padding: 60px 0 115px;}

.ipro .box ul{ margin:0 -13px;}

.ipro .box ul li{ width: 25%; padding: 0 13px; float: left;}

.ipro .box ul li a{ display: block; position: relative;}

.ipro .box ul li dl{ padding-bottom: 73.4693%; position: relative; overflow: hidden;}

.ipro .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width22: 100%; height: 100%; margin:auto;}

.ipro .box ul li h3{ background: #aa8546; font-size: 18px; color: #fff;font-weight: normal; line-height: 40px; padding: 0 10px; position: absolute; left: 30px; top: 30px; z-index: 11;}



.inews{ padding: 60px 0 100px; background: #f4f4f4;}

.inews .box{ display: flex;}

.inews .box .inewsVideo{ width: 600px; flex: 0 0 auto; margin-right: 43px; overflow: hidden; position: relative; cursor: pointer;}

.inews .box .inewsVideo video{ width:100%; height:100%; background: #000; border: none !important; position:absolute; left:0; top:0; z-index: 11; }

.inews .box .inewsVideo img{ position: relative; z-index: 22; width:100%; height:100%}

.inews .box .inewsVideo.on video{ z-index: 2223;}



.inews .box .inewsList{ overflow: hidden;}

.inews .box .inewsList ul{ margin-top: -15px;}

.inews .box .inewsList ul li{ margin-top: 15px;}

.inews .box .inewsList ul li a{ display: flex;}

.inews .box .inewsList ul li .pic{ width: 196px; flex: 0 0 auto; margin-right: 10px;}

.inews .box .inewsList ul li .pic dl{padding-bottom: 65.30612%; position: relative; overflow: hidden;}

.inews .box .inewsList ul li .pic dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}

.inews .box .inewsList ul li .con{ background: #fff; padding: 0 32px; display: flex; align-items: center; transition: all .4s;width:100%;}

.inews .box .inewsList ul li .con ol{ width: 100%;}

.inews .box .inewsList ul li .con h3{ font-size: 18px; font-weight: normal; color: #333; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; line-height: 1; margin-bottom: 5px; transition: all .4s;}

.inews .box .inewsList ul li .con dt{ font-size: 15px; color: #979797; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; transition: all .4s;}

.inews .box .inewsList ul li a:hover .con{ background: #1b3959;}

.inews .box .inewsList ul li a:hover .con h3{ color: #fff;}

.inews .box .inewsList ul li a:hover .con dt{ color: #fff;}



.bread{ background: #f5f5f5; line-height: 60px; position: relative; z-index: 11;}

.bread a{ color: #333;}

.bread a:hover{ color: #d62628;}

.bread .wrap{ display: flex; justify-content: space-between;}

.bread .box{ color: #333;}

.bread .neiNav>ul>li{float: left; margin-left: 45px; position: relative;}

.bread .neiNav>ul>li>a{ display: block; position: relative;}

.bread .neiNav>ul>li.on>a,.bread .neiNav>ul>li:hover>a{color: #aa8546;}

.bread .neiNav>ul>li.on>a::after{ content: ""; width: 100%; height: 2px; background: #d62628; position: absolute; left: 0; bottom: 0;}

.bread .neiNav>ul>li>a.tit::before{ content:""; width: 7px; height: 4px; background: url("../images/icon22_01.png"/*/pc/images/icon22_01.png*/) no-repeat center; position: absolute; right: -12px; top:50%; transform: translateY(-50%);}

.bread .neiNav>ul>li.on>a.tit::before,.bread .neiNav>ul>li:hover>a.tit::before{ background: url("../images/icon22_02.png"/*/pc/images/icon22_02.png*/) no-repeat center;}

.bread .neiNav>ul>li>.subnav{ padding: 5px 15px; background: #f5f5f5;box-shadow: 0 5px 5px rgba(0, 0, 0, .3); position: absolute; left: 50%; top: 60px; transform: translateX(-50%); display: none;}

.bread .neiNav>ul>li>.subnav a{ white-space: nowrap; line-height: 35px; display: block;}



/* 关于我们 */

.about{ padding: 40px 0 70px;}

.about .box .text{ width: 900px; font-size: 16px; text-align:justify ; line-height: 32px; float: left;}

.about .box .aboutVideo{ width: 554px; overflow: hidden; position: relative; cursor: pointer; float: right;}

.about .box .aboutVideo video{ width:100%; height:100%; background: #000; border: none !important; position:absolute; left:0; top:0; z-index: 11; }

.about .box .aboutVideo img{ position: relative; z-index: 22;}

.about .box .aboutVideo.on video{ z-index: 2223;}



.environment{ padding: 75px 0 50px; background: #f5f5f5;}

.environment .box ul{ margin:0 -19px;}

.environment .box ul li{ width: 33.3333%; padding: 8px 19px; text-align: center; float: left;}

.environment .box ul li dl{padding-bottom:71.3131%;/*padding-bottom:51.3131%; */position: relative; overflow: hidden;}

.environment .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}

.environment .box ul li h3{ font-size: 17px; color: #333; margin-top: 15px;}





.zizhi{ padding: 75px 0 50px; background: #f5f5f5;}

.zizhi .box ul{ margin:0 -19px;}

.zizhi .box ul li{ width: 25%; padding: 0 19px; text-align: center; float: left;}

.zizhi .box ul li dl{padding-bottom222:51.3131%; position: relative; overflow: hidden;}

.zizhi .box ul li dl img{position22:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}

.zizhi .box ul li h3{ font-size: 17px; color: #333; margin-top: 15px;}





.history{ padding: 40px 0 140px;}

.history .ntitle h2{ text-align: center;}

.history .box{ position: relative; margin-top: 80px;}

.history .box::before{ content: ""; width: 100%; height: 1px; background: #d7d6d6; position: absolute; left: 0; top:20px;}

.history .box .arrow-left,.history .box .arrow-right{ width: 46px; height: 46px; position:absolute; top:0;}

.history .box .arrow-left{ background: url("../images/arrow-left.png"/*/pc/images/arrow-left.png*/) no-repeat center; left: -65px;}

.history .box .arrow-right{ background: url("../images/arrow-right.png"/*/pc/images/arrow-right.png*/) no-repeat center; right: -65px;}

.history .box .con{ overflow: hidden;}

.history .box .swiper-container{ margin: 0 -17px;}

.history .box .swiper-slide{box-sizing: border-box; padding: 0 17px; }

.history .box .year{ width: 120px; height: 40px; line-height: 40px; background: #004098; border-radius: 20px; color: #fff; font-size: 18px; font-weight:bold; text-align: center; margin: 0 auto; position: relative;}

.history .box .year::before{ content: ""; width: 1px; height: 80px; background: #d7d6d6; position: absolute; left: 50%; bottom: -80px;}

.history .box .picText{  padding-top: 80px; font-size: 14px;}

.history .box .picText ol{ min-height: 170px; padding: 12px; border: #d7d5d6 solid 1px;}



.honor{ padding: 40px 0 80px;}

.honor .ntitle{ position: relative;}

.honor .ntitle p{ padding-top: 15px; font-size: 18px;}

.honor .honorNav{ position: absolute; right: 0; top: 12px;}

.honor .honorNav ul{ overflow: hidden;}

.honor .honorNav ul li{ float: left; margin-left: 15px;}

.honor .honorNav ul li a{ height: 35px; line-height: 35px; padding: 0 27px; background: #dfdfdf; font-size: 15px; color: #333; display: block; transition: all .4s;}

.honor .honorNav ul li a:hover,.honor .honorNav ul li.on a{ background: #e60012; color: #fff;}

.honor .box{ padding-bottom: 20px;}

.honor .box ul{ margin: 0 -16px;}

.honor .box ul li{ width: 25%; padding: 0 16px; margin-bottom: 20px; float: left;}

.honor .box ul li dl{ padding-bottom: 64.3258%; position: relative; overflow: hidden;}

.honor .box ul li dl::before{ content: ""; width: calc(100% - 2px); height: calc(100% - 2px); border: #cbcbcb solid 1px; position: absolute; left: 0; top: 0; z-index: 11;}

.honor .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}

.honor .box ul li h3{ font-size: 16px; text-align: center; color: #666666; margin-top: 15px;}

.honor .box.list5 ul{ margin: 0 -12px;}

.honor .box.list5 ul li{ width: 20%; padding: 0 12px;}

.honor .box.list5 ul li dl{ padding-bottom: 136.8421%;}



.culture{padding: 40px 0 60px;}

.culture .item{ height: 386px; background-position: center; background-repeat: no-repeat; background-size: cover; margin-bottom: 20px; display: flex; align-items: center;}

.culture .item .con{ width: 50%; text-align: center;}

.culture .item .con h3{ padding: 0 20px; line-height: 52px; font-size: 31px; color: #fff; background: #e60012; font-weight: normal; display: inline-block;}

.culture .item .con dt{ font-size: 20px; color:#333; margin-top: 20px;}

.culture .item:nth-child(even){ justify-content: flex-end;}



.speech{padding: 40px 0 135px;}

.speech .box{ display: flex;}

.speech .box .pic{ flex: 0 0 auto;}

.speech .box .text{ line-height: 28px; padding-left: 117px;}

.speech .box .text h3{ color: #000; font-size: 20px; line-height: 36px;}



.gongyi{ padding: 40px 0;}

.gongyi .box{ display: flex; align-items: center;}

.gongyi .box .text{ width: 50%; line-height: 30px; padding-right: 110px;  flex: 0 0 auto;}

.gongyi .box .con{}

.gongyi .box .con ul{ margin: 0 -12px;}

.gongyi .box .con ul li{ width: 50%; padding: 0 12px; margin-bottom: 24px; float: left;}

.gongyi .box .con ul li ol{ height: 160px; padding: 30px;}

.gongyi .box .con ul li ol h3{ font-size: 18px; color: #fff; line-height: 1; margin-bottom: 10px;}

.gongyi .box .con ul li ol dt{ font-size: 15px; color: #fff; line-height: 20px;}

.gongyi .box .con ul li:nth-child(1) ol,.gongyi .box .con ul li:nth-child(4) ol{ background: #045aa5; border-top-right-radius: 50px; border-bottom-left-radius: 50px;}

.gongyi .box .con ul li:nth-child(2) ol,.gongyi .box .con ul li:nth-child(3) ol{ background: #d4151a; border-top-left-radius: 50px; border-bottom-right-radius: 50px;}



.gonyiPic{ padding: 60px 0 70px; background: #eeeeee;}

.gonyiPic .tit{ display: flex; align-items: center; margin-bottom: 35px;}

.gonyiPic .tit dl{ font-size: 30px; color: #d4151a; font-weight: bold; margin-right: 28px;}

.gonyiPic .tit ol{ color: #333;}

.gonyiPic .box ul{ margin: 0 -12px;}

.gonyiPic .box ul li{ width: 20%; padding: 0 12px; margin-bottom: 20px; float: left;}

.gonyiPic .box ul li dl{ padding-bottom:66.6666%; position: relative; overflow: hidden;}

.gonyiPic .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}



.style{ padding: 40px 0 100px;}

.style .text{ line-height: 2; margin-bottom: 70px;}

.style .box{}

.style .box ul{ margin: 0 -13px;}

.style .box ul li{ width: 25%; padding: 0 13px; margin-bottom: 30px; float: left;}

.style .box ul li dl{padding-bottom:65.5555%; position: relative; overflow: hidden;}

.style .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}

.style .box ul li h3{ font-size: 16px; font-weight: normal; color: #333; margin-top: 10px;}

.style .box ul li:nth-child(6){ width: 50%;}

.style .box ul li:nth-child(6) dl{ padding-bottom: 31.4830%;}



.content{padding: 45px 0 100px;}

.leftNav{ width: 300px; float: left; position: relative; z-index: 11;}

.rightBox{ width: calc(100% - 300px); padding-left: 90px; float: right;}



.leftNav .item-list{ border-bottom: #e2e2e2 solid 1px;}

.leftNav .item-list>a{ font-size: 16px; color: #000; font-weight: bold; line-height: 50px; display: block; position: relative;}

.leftNav .item-list>a.tit::before{ content: ""; width: 12px; height: 12px; background: url("../images/proicon01.png"/*/pc/images/proicon01.png*/) no-repeat center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all .4s;}

.leftNav .item-list>a:hover{ color: #1b3959;}

.leftNav .item-list.on>a{color: #1b3959;}

.leftNav .item-list.on>a.tit::before{ background: url("../images/proicon02.png"/*/pc/images/proicon02.png*/) no-repeat center; transform: translateY(-50%) rotate(90deg);}

.leftNav .item-list .subnav{ padding: 5px 0 20px; display: none;}

.leftNav .item-list .proitem{ position: relative;}

.leftNav .item-list .proitem>a{ font-size: 14px; color: #666; line-height: 30px; display: block; position: relative;}

.leftNav .item-list .proitem>a.tit::before{ content: ""; width: 12px; height: 12px; background: url("../images/proicon01.png"/*/pc/images/proicon01.png*/) no-repeat center; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

.leftNav .item-list .proitem>a.tit:hover::before,.leftNav .item-list .proitem:hover a.tit::before{ background: url("../images/proicon02.png"/*/pc/images/proicon02.png*/) no-repeat center;}

.leftNav .item-list .proitem>a:hover,.leftNav .item-list .proitem:hover>a{ color: #024097;}

.leftNav .item-list .proitem .subnav2{ display: none; position: absolute; left: 300px; top: -10px; padding-left: 15px;}

.leftNav .item-list .proitem .subnav2 ol{width: 206px; background: #fff; box-shadow: 5px 5px 0 #dfdfdf; border: #cccccc solid 1px; padding: 25px; position: relative;}

.leftNav .item-list .proitem .subnav2 ol::before{ content: ""; width: 8px; height: 14px; background: url("../images/proicon03.png"/*/pc/images/proicon03.png*/) no-repeat; position: absolute; left: -8px; top: 18px;}

.leftNav .item-list .proitem .subnav2 ol a{ font-size: 13px; color: #666; margin-bottom: 12px; display: block;}

.leftNav .item-list .proitem .subnav2 ol a:hover{ color: #024097;}



/* 产品 */

.products .ntitle h2{ font-size: 30px; }

.products .box{padding: 20px 0;}

.products .box ul{ margin: 0 -16px;}

.products .box ul li{ width: 33.3333%; padding: 0 16px; margin-bottom: 36px; float: left;}

.products .box ul li a{ display: block;}

.products .box ul li dl{ height: 250px; position: relative; overflow: hidden;}

.products .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto; padding: 30px;}

.products .box ul li ol{ background: url("../images/icon07.png"/*/pc/images/icon07.png*/) no-repeat right center; border-bottom: #d1d1d1 solid 1px; display: flex; align-items: center; padding: 14px 20px 14px 0;}

.products .box ul li ol dd{ background: #1b3959; color: #fff; line-height: 1; padding: 5px; margin-right: 10px;}

.products .box ul li ol h3{ font-size: 16px; font-weight: bold; color: #666;}





.products .productsNav{ position: absolute; right: 0; top: 12px;}

.products .productsNav ul{ overflow: hidden;}

.products .productsNav ul li{ float: left; margin-left: 15px;}

.products .productsNav ul li a{ height: 35px; line-height: 35px; padding: 0 27px; background: #dfdfdf; font-size: 15px; color: #333; display: block; transition: all .4s;}

.products .productsNav ul li a:hover,.products .productsNav ul li.on a{ background: #e60012; color: #fff;}



.proview{ padding: 70px 0 135px;}

.proview .tit{ margin-bottom: 24px;  display: flex; align-items: center;}

.proview .tit dd{background: #1b3959; color: #fff; font-size: 24px; font-weight: bold; line-height: 1; padding:10px 14px; margin-right: 12px;}

.proview .tit h1{ font-size: 24px; font-weight: bold; color: #333333;}

.proview .box{ display: flex;justify-content: center;}

.proview .box .leftBox{ width: 800px; flex: 0 0 auto;}

.proview .box .leftBox .pic{ margin-bottom: 45px;}

.proview .box .leftBox .pic.border{ border: #d3d3d3 solid 1px;}

.proview .box .leftBox .pic .swiper-slide{ width: 100%; height: 440px; line-height:380px; text-align: center; box-sizing: border-box; padding: 30px;}

.proview .box .leftBox .pic .pagination {position: absolute;z-index: 20;bottom:30px;width: 100%;text-align: center;}

.proview .box .leftBox .pic .swiper-pagination-switch {display: inline-block; width:12px; height: 12px; background:#c9c9c9; margin: 0 5px; border-radius: 10px; cursor: pointer;}

.proview .box .leftBox .pic .swiper-active-switch { background: #003874; opacity: 1;}

.proview .box .leftBox .con .tit{ background: #1b3959; color: #fff; font-size: 16px; font-weight: bold; display: inline-block; padding: 8px 20px;}

.proview .box .leftBox .con .text{ line-height: 2;}

.proview .box .cansu{ width: 100%; padding-left: 100px; padding-top: 68px;}

.proview .box .cansu table { width: 100% !important; text-align: center; border-spacing: 0; border-collapse: collapse; margin: 10px 0;}

.proview .box .cansu table tr td{ border-bottom: #ccc solid 1px; line-height: 36px;}

.proview .box .text table { width: 100% !important; text-align: left; border-spacing: 0; border-collapse: collapse; margin: 10px 0;}

.proview .box .text table tr td{ border-bottom: #ccc solid 1px; line-height: 36px;}

.proview .proPage{ border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; line-height: 56px; display: flex; justify-content: space-between; margin-top: 70px;}

.proview .proPage a{ font-size: 17px; color: #1b3959; font-weight: bold;}

.proview .proPage a:hover{ color: #e60012;}

.proview .proPage .pre{ padding-left: 50px; background: url("../images/icon08.png"/*/pc/images/icon08.png*/) no-repeat left center;}

.proview .proPage .next{ padding-right: 50px; background: url("../images/icon09.png"/*/pc/images/icon09.png*/) no-repeat right center;}



/* news */

.news{padding: 40px 0 90px;}

.news .box ul{ margin: 0 -17px;}

.news .box ul li{ width: 25%; padding: 0 17px; margin-bottom: 40px; float: left;}

.news .box ul li a{ display: block;}

.news .box ul li dl{ padding-bottom:65.30612%; position: relative; overflow: hidden;}

.news .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}

.news .box ul li ol{ padding-top: 12px;}

.news .box ul li ol h3{ height:40px; font-size: 16px; color: #242424; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; margin-bottom: 10px;}

.news .box ul li ol dt{ height: 60px; font-size: 14px; color: #666; line-height: 20px;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;}

.news .box ul li ol dd{ padding-top: 15px; margin-top: 12px; border-top: 1px solid #dddddd; font-size: 14px; color: #666; background: url("../images/icon10.png"/*/pc/images/icon10.png*/) no-repeat right 18px;}

.news .box ul li a:hover ol h3{color: #ed1b23;}



.newsView{ padding: 50px 0 90px;}

.newsView .wrap{ display: flex; justify-content: space-between;}

.newsView .boxCon{ width:900px;}

.newsView .boxCon .newsHead{ margin-bottom: 30px; padding-bottom: 35px; border-bottom: 1px solid #dedede;}

.newsView .boxCon .newsHead h1{ font-size: 30px; color: #000; line-height: 1.3; font-weight: normal; margin-bottom: 10px;}

.newsView .boxCon .newsHead p{ font-size: 15px; color: #666; }

.newsView .boxCon .text{ color: #666; font-size: 15px; line-height: 28px; padding-bottom: 60px;}

.newsView .boxCon .viewPage{ border-top: #eaeaea solid 2px; padding: 30px 0; overflow: hidden; position: relative;}

.newsView .boxCon .viewPage .box{ padding-right: 200px;}

.newsView .boxCon .viewPage .box a{ color: #333; display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 10px; }

.newsView .boxCon .viewPage .box b{ color: #000;}

.newsView .boxCon .viewPage .box a:hover{color: #e6771d;}

.newsView .boxCon .viewPage .back{ width: 160px; height: 42px; line-height: 42px;  text-align: center; border-radius: 40px; background: #d4151a; position:absolute; right: 0; top: 35px;}

.newsView .boxCon .viewPage .back a{color: #fff; display: block;}

.newsView .otherNews{ width: 490px; padding-left: 138px; flex: 0 0 auto; border-left: 1px solid #dedede;}

.newsView .otherNews ul li{  margin-bottom: 40px;}

.newsView .otherNews ul li a{ display: block;}

.newsView .otherNews ul li dl{ padding-bottom:65.30612%; position: relative; overflow: hidden;}

.newsView .otherNews ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}

.newsView .otherNews ul li ol{ padding-top: 12px;}

.newsView .otherNews ul li ol h3{ height:40px; font-size: 16px; color: #242424; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; margin-bottom: 10px;}

.newsView .otherNews ul li ol dt{ height: 60px; font-size: 14px; color: #666; line-height: 20px;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;}

.newsView .otherNews ul li ol dd{ padding-top: 15px; margin-top: 12px; border-top: 1px solid #dddddd; font-size: 14px; color: #666; background: url("../images/icon10.png"/*/pc/images/icon10.png*/) no-repeat right 18px;}

.newsView .otherNews ul li a:hover ol h3{color: #ed1b23;}



/* video */

.video{padding: 40px 0 90px;}

.video .box ul{ margin: 0 -17px;}

.video .box ul li{ width: 25%; padding: 0 17px; margin-bottom: 40px; float: left;}

.video .box ul li a{ display: block;}

.video .box ul li dl{ padding-bottom:65.30612%; position: relative; overflow: hidden;}

.video .box ul li dl::before{ content: ""; width: 100%; height: 100%; background: url("../images/icon11.png"/*/pc/images/icon11.png*/) no-repeat center; position: absolute; left: 0; top: 0; z-index: 22;}

.video .box ul li dl::after{ content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; z-index: 1;}

.video .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}

.video .box ul li ol{ padding-top: 12px;}

.video .box ul li ol h3{ height:40px; font-size: 16px; color: #242424; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; margin-bottom: 10px;}

.video .box ul li ol dd{ padding-top: 15px; margin-top: 12px; border-top: 1px solid #dddddd; font-size: 14px; color: #666; background: url("../images/icon10.png"/*/pc/images/icon10.png*/) no-repeat right 18px;}

.video .box ul li a:hover ol h3{color: #ed1b23;}



/* job */

.jobFuli{ padding: 40px 0 120px;}

.jobFuli .ntitle h2{ text-align: center;}

.jobFuli .box{ overflow: hidden; padding-top: 75px;}

.jobFuli .box ul{ overflow: hidden; margin-left: -2px;}

.jobFuli .box ul li{ width: 33.33%; border-left: 2px solid #eee; text-align: center; padding: 0 40px; float: left;}

.jobFuli .box ul li h3{ font-size: 20px;font-weight: bold; color: #000; margin: 20px 0 10px;}

.jobFuli .box ul li dt{ font-size: 16px;font-weight: normal; }



.talentStrategy{ padding: 60px 70px; background: #ececec; text-align: center;}

.talentStrategy .text{ line-height: 30px; color: #000;}

.talentStrategy .text img{ margin: 0 30px;}



.jobList{ padding: 60px 0 90px; background: #f0f0f0;}

.jobList .ntitle h2{ text-align: center;}

.jobList .box{ padding: 10px 0;}

.jobList .box ul{ margin: 0 -15px;}

.jobList .box ul li{ width: 33.33%; padding: 0 15px; margin-bottom: 18px; float: left;}

.jobList .box ul li ol{padding: 25px 90px 25px 25px; background:#fff url("../images/icon18.png"/*/pc/images/icon18.png*/) no-repeat right 20px center; cursor: pointer;}

.jobList .box ul li ol h3{ font-size: 16px; color: #000; font-weight: bold; margin-bottom: 10px;}

.jobList .box ul li ol dt{ font-size: 15px; line-height: 20px; white-space:nowrap; overflow: hidden;}



.jobTccBox{display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;}

.jobTccBox .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}

.jobTccBox .BoxCon{width:1000px;padding: 60px;position: absolute;left:50%;top:50%;box-sizing:border-box;transform: translate(-50%,-50%);background-color: #fff; border-radius: 10px;}

.jobTccBox .BoxCon .off{ width: 35px; height: 35px; background:url("../images/off02.png"/*/pc/images/off02.png*/) no-repeat center; position: absolute; top: -35px; right: -35px; cursor: pointer;}

.jobTccBox .BoxCon .con {  width: 100%; min-height: 370px; color: #666; font-size: 18px; }

.jobTccBox .BoxCon .con dt{ font-size: 18px;  color: #dd070e; margin-bottom: 40px;}

.jobTccBox .BoxCon .con .text{ font-size: 18px; line-height: 1.8;}

.jobTccBox .BoxCon .con h3{ font-size: 16px; color: #000; margin-bottom: 20px;}

.jobTccBox .BoxCon .con ol{ font-size: 16px;}

.jobTccBox .ntitle{ overflow: hidden; position: relative;}

.jobTccBox .ntitle h2{ font-size: 30px; color: #000; font-weight: normal; float: left; position: relative; padding-bottom: 10px;}

.jobTccBox .ntitle::after{ content: ""; width: 60px; height: 2px; background: #dd070e; position: absolute; left: 0; bottom: 0;}

.jobTccBox .ntitle a{ float: right; background: #dd070e; color: #fff; font-size: 17px; font-weight: bold; width: 160px; height: 50px; line-height: 50px; text-align: center; border-radius: 10px;}

.jobTccBox .ntitle a:hover{background: #c7080f}



.jobform{ padding: 40px 0 70px; font-size: 16px;}

.jobform p { margin-bottom: 5px;}

.jobform p span{ font-size: 15px; color: #333;}

.jobform input{ width: 100%; height: 54px; font-size: 16px; padding-left: 15px; border: #d2d2d2 solid 1px;}

.jobform select{ width: 100%; height: 54px;font-size: 16px; padding-left: 15px; border: #d2d2d2 solid 1px; appearance:none; -moz-appearance:none; -webkit-appearance:none; outline: none; background: url("../images/icon19.png"/*/pc/images/icon19.png*/) no-repeat right 15px center;}

.jobform textarea{ width: 100%; height: 180px;font-size: 16px; padding:10px 15px; border: #d2d2d2 solid 1px;}

.jobform button{ width: 320px; height: 60px; border: none; font-size: 20px; color: #fff; margin-right: 20px; cursor: pointer;}

.jobform button[type="submit"]{ background: #014c9d;}

.jobform button[type="submit"]:hover{background: #003670;}

.jobform button[type="reset"]{ background: #dd070e;}

.jobform button[type="reset"]:hover{ background: #b9040a;}

.jobform ul{ margin: 0 -13px; overflow: hidden;}

.jobform ul li{ width: 33.33%; padding: 0 13px; margin-bottom: 20px; float: left;}

.jobform ul ol{ width: 100%; padding: 0 13px; margin-bottom: 20px; }





/* contact */

.contact{ padding: 40px 0 85px;}

.contact .ntitle h2{text-align: center;}

.contact .box{ display: flex; flex-wrap: wrap; justify-content: center; padding-top: 40px;}

.contact .contactLeft,.contact .contactRight{ width: 560px;}

.contact .contactLeft{ background: #1b3959 url("/img/lianxi.jpg"/*/pc/images/icon19.png*/) no-repeat;background-size:cover; color: #fff; text-align: center; display: flex; justify-content: center; flex-wrap: wrap; align-content: center;}

.contact .contactLeft dd{ width: 100%; font-size: 20px; margin:15px 0 5px;}

.contact .contactLeft dt{width: 100%;  font-size: 33px;display:none;}

.contact .contactRight{ background: #ececec; padding: 50px 60px;}

.contact .contactRight .tit{ margin-bottom: 20px;}

.contact .contactRight .tit h2{ font-size: 26px; font-weight: normal; color: #000; line-height: 1; margin-bottom: 5px;}

.contact .contactRight .tit h3{ font-size: 15px; font-weight: normal; color: #000; line-height: 1;}

.contact .contactRight .text{ font-size: 16px; line-height: 25px;}

#map{ height: 615px;}



.message{ padding: 40px 0 135px; background: #e5e5e5;}

.message .ntitle{ overflow: hidden; text-align: center;}

.message .ntitle p{  font-size: 18px; padding-top: 15px;}

.message .box ul{ margin: 0 -10px; overflow: hidden;}

.message .box ul li{ width: 50%; padding: 0 10px; margin-top: 15px; float: left;}

.message .box ul ol{ width: 100%; padding: 0 10px; margin-top: 15px;}

.message .box ul input{ width: 100%; height: 54px; border:#fff solid 2px; font-size: 16px; padding-left: 15px;}

.message .box ul select{ width: 100%; height: 54px; border:#fff solid 2px; font-size: 16px; padding-left: 22px; background:#fff url("../images/icon14.png"/*/pc/images/icon14.png*/) no-repeat right 20px center;  appearance:none; -moz-appearance:none; -webkit-appearance:none; transition: all .4s;}

.message .box ul select:focus{ border: #014c9d solid 2px; }

.message .box ul input:focus{ border: #014c9d solid 2px; }

.message .box ul textarea{ width: 100%; height: 180px; padding: 10px 15px; border:#fff solid 2px; font-size: 16px; }

.message .box ul textarea:focus{ border: #014c9d solid 2px; }

.message .box ul button{ width: 100%; line-height: 55px; background: #014c9d; border: none; color: #fff; font-size: 18px; cursor: pointer;}

.message .box ul button:hover{ background: #013974;}



/* footer */

.footer{ padding: 55px 0; background: #1b3959; color: #fff; font-size: 15px;}

.footer a{color: #daf5ee;}

.footer a:hover{ color: #fff;}

.footer .fmain{ display: flex; justify-content: space-between;}

.footer .fmain .fcontact{}

.footer .fmain .fcontact dl{ padding: 0 28px; line-height: 38px; background: #a28151; color: #fff; font-size: 18px; display: inline-block; margin-bottom: 20px;}

.footer .fmain .fcontact dt{ line-height: 1.6;}

.footer .fmain .fcontact dt h3{ color: #ed1b23; font-size: 18px; font-weight: normal;}

.footer .fmain .fnav{}

.footer .fmain .fnav ul{overflow: hidden;}

.footer .fmain .fnav ul li{ float: left; margin-left: 80px;}

.footer .fmain .fnav ul li dl{ margin-bottom: 20px; list-style:auto;}

.footer .fmain .fnav ul li dl a{ color: #fff; font-size: 16px;}

.footer .fmain .fnav ul li ol a{ display: block; line-height: 1; margin-bottom: 10px;}

.footer .copyrightEwm{ display: flex; align-items: center; margin-top: 45px;}

.footer .copyrightEwm .ewm{ margin-right: 12px; flex: 0 0 auto;}

.footer .copyrightEwm .ewm li{ float: left; font-size: 15px; text-align: center; margin-right: 22px;}

.footer .copyrightEwm .ewm li p{ margin-top: 5px;}

.footer .copyrightEwm .copyright{ width: 100%; text-align: right; border-top: 1px solid #fff; padding-top: 15px;}



/*===/分页=============================*/

.pagination { padding-top: 25px; text-align:center}

.pagination ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}

.pagination li {display:inline-block!important; margin: 0 1px;}

.pagination a { font-size: 14px; color:#333;padding:10px 15px;line-height:18px;border-radius:5px; background: #e2e2e2; display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}

.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}

.pagination .active {pointer-events:none}

.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}

.blank-large{height:80px;line-height:80px;clear:both;font-size:0}

.pagination li.active a,.pagination li a:hover{background: #1b3959; color: #fff; }



/*搜索框*/

.search-dialog-box{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999999;}

.search-dialog-box .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}

.search-dialog{position: absolute;left:50%;top:50%;box-sizing:border-box;width: 680px;padding: 20px 30px;transform: translate(-50%,-50%);background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.33);border-radius:50px;}

.search-dialog input[type=text]{float: left;width: 86%;border: none; padding: 0;font-size:18px;line-height: 28px; height:28px;color: #999; background-color: #fff;border-radius: 0;}

.search-dialog input[type=submit] {float: right; width:28px; height:28px; background-repeat: no-repeat; background-position: center; background-size: 100%; border: none; padding: 0; background-image: url("../images/search-btn.png"/*/pc/images/search-btn.png*/);background-color: transparent; cursor: pointer;}



/*弹出框*/

.tccBox{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;}

.tccBox .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .9);}

.tccBox .box{ max-width: 1000px; max-height: 1000px; min-width:50px; min-height:50px; text-align: center; position: absolute;left:50%;top:50%;box-sizing:border-box; padding:5px; transform: translate(-50%,-50%);background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.33);}

.tccBox .box .picBox p{ font-size: 15px; padding: 5px;}

.tccBox .box .offBtn{ width: 26px; height: 26px; background:url("../images/off.png"/*/pc/images/off.png*/) no-repeat center; background-size: cover; position: absolute; right: -25px; top: -25px; z-index: 11; cursor: pointer;}



.tccBox .BoxCon{width: 960px;padding:28px 45px 45px; position: absolute;left:50%;top:50%;box-sizing:border-box;transform: translate(-50%,-50%);background-color: #fff; color: #999;}

.tccBox .BoxCon .off{ width: 30px; height: 30px; background:url("../images/icon12.png"/*/pc/images/icon12.png*/) no-repeat center; position: absolute; top: -32px; right: -40px; cursor: pointer;}

.tccBox .BoxCon .tccTit{ font-size: 20px; text-align: center; color: #000; font-weight: bold; text-transform: uppercase; margin-bottom: 23px; display: flex; justify-content: space-between;}

.tccBox .BoxCon .tccTit h3{ background: #dd070e; color: #fff; font-size: 22px; font-weight: normal; padding: 10px 20px;}

.tccBox .BoxCon .tccTit span{ font-size: 16px; color: #666; line-height: 48px;}

.tccBox .BoxCon ul video{ background: #000; width: 100%; height: 530px; }



@media only screen and (min-width: 1440px) and (max-width: 1680px){

    body{ font-size: 15px;}

    .wrap{ width:1380px;}



    .header{ padding: 0 30px;}



    .banner .swiper-container .swiper-slide .bannerText h3{ font-size: 50px;}

    .banner .swiper-container .swiper-slide .bannerText p{ font-size: 22px;}

    .banner .pagination{ bottom: 50px;}

    .banner .pagination ul li{ width: 100px; height: 100px; margin: 0 8px;}

    .banner .pagination ul li i{ height: 30px;}

    .banner .pagination ul li dt{ font-size: 18px;}



    .neiBanner{ height: 400px;}

    .neiBanner .bannerText h2{ font-size: 33px;}

    .neiBanne2r{ height: 400px;}

    .neiBanner2 .bannerText h2{ font-size: 33px;}

    .title h2{ font-size: 32px;}

    .ntitle h2{ font-size: 30px;}

    .honor .ntitle p{ font-size: 16px;}



    .iabout{padding: 70px 0 170px;}

    .iabout .title p{ font-size: 16px;}

    .iabout .more{ width: 140px;height: 46px;line-height: 42px; font-size: 16px;}



    .num .box ul li dl b{ font-size: 38px;}

    .num .box ul li dt{ font-size: 16px;}



    .exportingCountries .text{ font-size: 46px;}



    .ipro{ padding: 60px 0 80px;}

    .ipro .box ul li h3{ font-size: 18px;}



    .about .box .text{ width: 800px;}



    .history{padding: 40px 0 140px;}

    .history .wrap{ width: 1270px;}

    .history .box .swiper-container{ margin: 0 -15px;}

    .history .box .swiper-slide{ padding: 0 15px;}



    .culture .item{ height: 350px;}

    .culture .item .con h3{ font-size: 22px;}

    .culture .item .con dt{ font-size: 17px;}



    .speech{ padding: 40px 0 100px;}

    .speech .box .text h3{ line-height: 34px;}

    .speech .box .text{ padding-left: 50px;}



    .gongyi .box .text{ padding-right: 70px;}

    .gongyi .box .con ul li ol h3{ font-size: 17px;}

    .gongyi .box .con ul li ol dt{ font-size: 14px;}



    .gonyiPic .tit dl{ font-size: 26px;}

    

    .style{padding: 40px 0 70px;}

    .style .text{ margin-bottom: 40px;}

    .style .box ul li h3{ font-size: 15px;}



    .products{ padding: 40px 0 70px;}

    .products .box{ padding: 10px 0 0;}

    .products .box ul li ol dd{ font-size: 15px;}

    .products .box ul li ol h3{ font-size: 15px;}



    .proview{ padding: 50px 0 100px;}

    .proview .tit dd{ font-size: 20px;}

    .proview .tit h1{ font-size: 20px;}



    .newsView .otherNews{width: 390px;padding-left: 70px;}

    .tccBox .BoxCon .tccTit h3{ font-size: 18px;}



    .contact .contactLeft dt{ font-size: 30px;}

    #map{ height: 550px;}

 

}



@media only screen and (min-width: 1280px) and (max-width: 1439px){

    body{ font-size: 15px;}

    .wrap{ width: 1240px;}



    .header{ padding: 0 30px;}

    .header .nav>ul>li>a{ padding: 0 22px;}

  

    .banner .swiper-container .swiper-slide .bannerText h3{ font-size: 40px;}

    .banner .swiper-container .swiper-slide .bannerText p{ font-size: 20px;}

    .banner .pagination{ bottom: 50px;}

    .banner .pagination ul li{ width: 90px; height: 90px; margin: 0 8px;}

    .banner .pagination ul li i{ height: 26px;}

    .banner .pagination ul li dt{ font-size: 17px;}



    .neiBanner{ height: 400px;}

    .neiBanner .bannerText h2{ font-size: 33px;}

        .neiBanner2{ height: 400px;}

    .neiBanner2 .bannerText h2{ font-size: 33px;}



    .title h2{ font-size: 32px;}

    .ntitle h2{ font-size: 30px;}

    .honor .ntitle p{ font-size: 16px;}



    .iabout{padding: 70px 0 170px;}

    .iabout .title p{ font-size: 16px;}

    .iabout .more{ width: 140px;height: 46px;line-height: 42px; font-size: 16px;}



    .num .box ul li dl b{ font-size: 38px;}

    .num .box ul li dt{ font-size: 16px;}



    .exportingCountries .text{ font-size: 46px;}



    .ipro{ padding: 60px 0 80px;}

    .ipro .box ul li h3{ font-size: 18px;}



    .about .box .text{ width: 715px; line-height: 28px;}

    .about .box .aboutVideo{ width: 500px;}



    .history{padding: 40px 0 120px;}

    .history .wrap{ width: 1110px;}

    .history .box .swiper-container{ margin: 0 -10px;}

    .history .box .swiper-slide{ padding: 0 10px;}



    .culture .item{ height: 350px;}

    .culture .item .con h3{ font-size: 22px;}

    .culture .item .con dt{ font-size: 17px;}



    .speech{ padding: 40px 0 100px;}

    .speech .box .text h3{ line-height: 34px;}

    .speech .box .text{ padding-left: 50px;}



    .gongyi .box .text{ padding-right: 70px;}

    .gongyi .box .con ul li ol h3{ font-size: 17px;}

    .gongyi .box .con ul li ol dt{ font-size: 14px;}



    .gonyiPic .tit dl{ font-size: 26px;}

    

    .style{padding: 40px 0 70px;}

    .style .text{ margin-bottom: 40px;}

    .style .box ul li h3{ font-size: 15px;}

    .style .box ul li:nth-child(6) dl{ padding-bottom: 31.3%;}



    .products{ padding: 40px 0 70px;}

    .products .box{ padding: 10px 0 0;}

    .products .box ul li ol dd{ font-size: 15px;}

    .products .box ul li ol h3{ font-size: 15px;}



    .proview{ padding: 50px 0 100px;}

    .proview .tit dd{ font-size: 20px;}

    .proview .tit h1{ font-size: 20px;}

    .proview .box .leftBox{ width: 570px;}

    .proview .box .cansu{ padding-left: 30px;}



    .newsView .boxCon{ width: 790px;}

    .newsView .otherNews{width: 390px;padding-left: 70px;}

    .tccBox .BoxCon .tccTit h3{ font-size: 18px;}



    .contact .contactLeft dt{ font-size: 30px;}

    #map{ height: 550px;}



    .footer .fmain .fnav ul li{margin-left: 60px;}

    .footer .fmain .fcontact dt h3{ font-size: 16px;}



}



@media only screen and (min-width: 1000px) and (max-width: 1279px){

    body{ font-size: 14px;}

    .wrap{ width: 970px;}

    .w980{ width: 970px;}



    .header{ padding: 0 20px;}

    .header .nav>ul>li>a{ padding: 0 15px; font-size: 15px;}

    .header .nav ul li .subnav a{ font-size: 15px;}

    .header .searchBtn{ margin-left: 30px;}

    .header .searchBtn::before{left: -22px;}

    .header .menuBtn{ margin-left: 20px;}

  

    .banner .swiper-container .swiper-slide .bannerText h3{ font-size: 36px; padding-bottom: 24px;}

    .banner .swiper-container .swiper-slide .bannerText h3::after{width: 60px;height: 3px;}

    .banner .swiper-container .swiper-slide .bannerText p{ font-size: 17px;}

    .banner .pagination{ bottom: 50px;}

    .banner .pagination ul li{ width: 70px; height: 70px; margin: 0 8px;}

    .banner .pagination ul li i{ height: 22px; margin: 12px 0 2px;}

    .banner .pagination ul li dt{ font-size: 15px;}



    .neiBanner{ height: 400px;}

    .neiBanner .bannerText h2{ font-size: 33px;}

        .neiBanner2{ height: 400px;}

    .neiBanner2 .bannerText h2{ font-size: 33px;}



    .title h2{ font-size: 28px;}

    .ntitle h2{ font-size: 28px;}

    .honor .ntitle p{ font-size: 16px;}



    .iabout{padding: 60px 0 170px;}

    .iabout .title p{ font-size: 16px;}

    .iabout .more{ width: 120px;height: 46px;line-height: 42px; font-size: 15px;}

    .iabout .iaboutRight{ width: 730px;}



    .num .box ul li dl b{ font-size: 32px;}

    .num .box ul li dt{ font-size: 15px;}



    .exportingCountries .text{ font-size: 38px;}



    .ipro{ padding: 60px 0 80px;}

    .ipro .box ul li h3{ font-size: 16px;}



    .inews{ padding: 60px 0 79px;}

    .inews .box .inewsVideo{ width: 460px; margin-right: 20px;}

    .inews .box .inewsList ul li .pic{ width: 146px;}

    .inews .box .inewsList ul li .con{ width: 335px; padding: 0 20px;}

    .inews .box .inewsList ul li .con h3{ font-size: 15px;}

    .inews .box .inewsList ul li .con dt{ font-size: 14px;}



    .about .box .text{ width: 570px; font-size: 15px; line-height: 28px;}

    .about .box .aboutVideo{ width: 365px;}



    .environment{ padding: 60px 0 50px;}

    .environment .box ul li h3{ font-size: 15px;}

    .zizhi{ padding: 60px 0 50px;}

    .zizhi .box ul li h3{ font-size: 15px;}



    .history{padding: 40px 0 120px;}

    .history .wrap{ width: 850px;}

    .history .box .swiper-container{ margin: 0 -5px;}

    .history .box .swiper-slide{ padding: 0 5px;}

    .history .box .picText ol{ font-size: 14px;}



    .culture .item{ height: 300px;}

    .culture .item .con h3{ font-size: 16px;}

    .culture .item .con dt{ font-size: 15px;}



    .speech{ padding: 40px 0 100px;}

    .speech .box .pic{ width: 380px;}

    .speech .box .text h3{ font-size: 18px; line-height: 28px;}

    .speech .box .text{ padding-left: 30px;}



    .gongyi .box .text{ padding-right:45px;}

    .gongyi .box .con ul li ol{ padding: 20px;}

    .gongyi .box .con ul li ol h3{ font-size: 17px;}

    .gongyi .box .con ul li ol dt{ font-size: 13px; line-height: 17px;}



    .gonyiPic .tit dl{ font-size: 26px;}

    

    .style{padding: 40px 0 70px;}

    .style .text{ margin-bottom: 40px;}

    .style .box ul li h3{ font-size: 15px;}

    .style .box ul li:nth-child(6) dl{ padding-bottom: 30.8%;}



    .products{ padding: 40px 0 70px;}

    .products .box{ padding: 10px 0 0;}

    .products .box ul li ol dd{ font-size: 14px;}

    .products .box ul li ol h3{ font-size: 14px;}



    .proview{ padding: 50px 0 100px;}

    .proview .tit dd{ font-size: 20px;}

    .proview .tit h1{ font-size: 20px;}

    .proview .box .leftBox{ width: 500px;}

    .proview .box .leftBox .pic .swiper-slide{ height: 400px; line-height: 340px;}

    .proview .box .leftBox .con .tit{font-size: 15px;}

    .proview .box .cansu{ padding-left: 30px;}



    .news .box ul li ol h3{ font-size: 15px;}



    .newsView .boxCon{ width: 630px;}

    .newsView .otherNews{width: 300px;padding-left: 30px;}

    .newsView .otherNews ul li ol h3{ font-size: 15px;}



    .video .box ul li ol h3{ font-size: 15px;}



    .tccBox .BoxCon{ width: 860px;}

    .tccBox .BoxCon .tccTit h3{ font-size: 16px;}

    .tccBox .BoxCon ul video{ height: 430px;}



    .jobFuli{ padding: 40px 0 80px;}

    .jobFuli .box{ padding-top: 30px;}

    .jobFuli .box ul li img{ height:60px;}

    .jobFuli .box ul li h3{ font-size: 18px; font-weight: bold;}

    .jobFuli .box ul li dt{ font-size: 15px;}



    .talentStrategy .text img{ width:400px; margin: 0 10px;}



    .jobList{ padding: 50px 0 60px;}

    .jobList .box ul { margin: 0 -10px;}

    .jobList .box ul li{ padding: 0 10px;}

    .jobList .box ul li ol{ padding: 20px 60px 20px 20px;}

    .jobList .box ul li ol h3{ font-size: 15px;}

    .jobList .box ul li ol dt{ font-size: 14px;}



    .jobTccBox .BoxCon{ width: 800px;}

    .jobTccBox .ntitle a{font-size: 16px; width: 130px; height: 44px; line-height: 44px;}

    .jobTccBox .BoxCon .con dt{ font-size: 16px; margin-bottom: 30px;}

    .jobTccBox .BoxCon .con h3{ font-size: 17px;}

    .jobTccBox .BoxCon .con ol{ font-size: 15px;}



    .jobform{ font-size: 15px;}

    .jobform input,.jobform select{ height: 42px;}

    .jobform textarea{ height: 140px;}

    .jobform button { width: 250px; height: 48px; font-size: 16px; margin-right: 10px;}



    .contact .contactLeft, .contact .contactRight{ width: 450px;}

    .contact .contactLeft dt{ font-size: 25px;}

    .contact .contactRight .tit h2{ font-size: 23px;}

    .contact .contactRight .tit h3{ font-size: 13px;}

    #map{ height: 450px;}



    .message{ padding: 40px 0 80px;}

    .message .ntitle p{ font-size: 16px;}

    .message .box ul { margin:0 -10px;}

    .message .box ul li{ padding: 0 10px;}

    .message .box ul input{ height: 44px; font-size: 16px;}

    .message .box ul textarea{ height: 150px; font-size: 16px;}

    .message .box ul button{ line-height: 50px; font-size: 16px;}





    .footer .fmain .fnav ul li{margin-left:26px;}

    .footer .fmain .fcontact dt h3{ font-size: 16px;}

    .footer .copyrightEwm .ewm li{ width: 100px;}

    .footer .copyrightEwm .ewm li p{ font-size: 13px;}

    .footer .copyrightEwm .copyright{ font-size: 14px;}



}





@media screen and (max-width:999px){

    body{ padding-top: 60px; font-size: 14px;}

    .wrap,.w980{ width: 100%; padding: 0 15px;}

    ::-webkit-scrollbar, ::-webkit-scrollbar{width:0px;height:0px;}



    .header{ width: 100%; height:60px; padding: 0 15px; background:rgba(27,27,89,0.9); box-shadow: 0 0 10px rgba(0,0,0,0); position: fixed; top: 0; left: 0; z-index: 99999; }

    .header .logo{ height: 60px; padding: 12px 0;}

    .header .headRight{ float: none; position: fixed; top: 60px; left: 0; width: 100%; height: calc(100vh - 60px); background: #fff; display: none;}

    .header .nav{ float: none; width: 100%; padding-top: 0; margin-right:0; margin-top: 0;}

    .header .nav>ul>li{ float: none; margin-left: 0; line-height: 50px; border-bottom: #eee solid 1px; position: relative;}

    .header .nav>ul>li.focus a{ color: #1b3959; background: url("../images/icon01_02.png"/*/pc/images/icon01_02.png*/) no-repeat right 15px center; }

    .header .nav>ul>li>a{ min-width:90px; font-size: 15px; text-align: left; color:#333; border-radius: 0; padding: 0 15px; display: block; position: relative; z-index: 222;}

    .header .nav>ul>li>a:hover{ color: #fff; background: #0c3aad;}

    .header .nav>ul>li:hover a{ color: #fff; background: #0c3aad;}

    .header .nav>ul>li>a.tit {background: url("../images/icon01_02.png"/*/pc/images/icon01_02.png*/) no-repeat right 15px center; }

    .header .nav ul li.focus a.tit{ background: url("../images/icon01_02.png"/*/pc/images/icon01_02.png*/) no-repeat right 15px center; }

    .header .nav ul li .subnav{ width: 100%; padding:15px; background: #eeee; position: relative; top: 0; left: 0; z-index: 111; margin-left:0; display: none; }

    .header .nav ul li .subnav .box{ padding:0; background: none; box-shadow: 0 0 20px rgba(0,0,0,0);border-radius: 0; position: relative;}

    .header .nav ul li .subnav ol{ padding: 0; box-shadow:0 0 0 rgba(0, 0, 0, 0); background: none;}

    .header .nav ul li .subnav ol:after{display: none; }

    .header .nav ul li .subnav a{ font-size: 15px; color: #666; font-weight: 300; line-height:2; text-align: left; white-space:nowrap; background: none; display: block;}

    .header .nav ul li .subnav a:hover{color: #0c3aad; font-weight: normal;}



    .header .searchBtn{ width: 74px; height: 20px; background: url("/img/zh.jpg"/*/pc/images/search-btn.png*/) no-repeat; background-size2: cover; margin-left: 15px; margin-top: 15px; position: relative; cursor: pointer; float: left;}

    

     .header .searchBtn2{ width: 85px; height: 20px; background: url("/img/en.jpg"/*/pc/images/search-btn.png*/) no-repeat; background-size2: cover; margin-left: 15px; margin-top: 15px; position: relative; cursor: pointer; float: left;}

     .header .searchBtn3{ width: 85px; height: 20px; background: url("/img/er.jpg"/*/pc/images/search-btn.png*/) no-repeat; background-size2: cover; margin-left: 15px; margin-top: 15px; position: relative; cursor: pointer; float: left;}

     

    .header .searchBtn::before{ display: none;}

    .header .menuBtn{ display: none;}



    .header .menu-toggle{ width:60px; height:60px; position:absolute; right:0; top:0; z-index:99999; display:block;}

    .header .menu-toggle span{ width:35px; height:2px; background:#fff;display:block; position:relative; opacity:1;transition:all 300ms; margin:30px 0 0 12px;}

    .header .menu-toggle span:before{ content:"";width:35px; height:2px; background:#fff;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}

    .header .menu-toggle span:after{ content:"";width:35px; height:2px; background:#fff;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}

    .header .menu-toggle.cur span{background-color:transparent;}

    .header .menu-toggle.cur span:before{transform:rotate(45deg); top:0px;}

    .header .menu-toggle.cur span:after{transform:rotate(-45deg); top:0px;}



    /*首页bannner*/

    .banner { position: relative;}

    .banner .swiper-container{ width:100%; overflow:hidden;}

    .banner .swiper-container .swiper-slide{ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden;}

    .banner .swiper-container .swiper-slide img{width:100%;}

    .banner .swiper-container .swiper-slide .bannerText{ width: 100%; position: absolute; left: 0; top: 46%; transform: translateY(-49%);}

    .banner .swiper-container .swiper-slide .bannerText h3{ font-size: 18px; padding-bottom: 10px; margin-bottom: 10px;}

    .banner .swiper-container .swiper-slide .bannerText h3::after{ content: ""; width:30px; height: 3px;}

    .banner .swiper-container .swiper-slide .bannerText p{ font-size: 14px;}

    .banner .pagination{ width: 100%; position: absolute; left: 0; bottom:20px; z-index: 111;}

    .banner .pagination ul li{ width: 12px; height: 12px; background: #fff; border: none; margin: 0 2px; cursor: pointer;}

    .banner .pagination ul li i{ display: none;}

    .banner .pagination ul li dt{ display: none;}

    .banner .pagination ul li.on{background: #ed1b23; border: none;}



    .neiBanner{height: 150px; }

    .neiBanner .bannerText{ width: 100%; position: absolute; left:50%; top: 50%; transform: translate(-50%,-30%);}

    .neiBanner .bannerText h2{ font-size: 20px; text-shadow: 0 0 5px rgba(0, 0, 0, .3); text-align: center;}

    .neiBanner.newsBanner{ height: 150px; background-position: center top;}

    .neiBanner.newsBanner .bannerText{ top: 50%; bottom: inherit; top: 50%;}

    

        .neiBanner2{height: 150px; }

    .neiBanner2 .bannerText{ width: 100%; position: absolute; left:50%; top: 50%; transform: translate(-50%,-30%);}

    .neiBanner2 .bannerText h2{ font-size: 20px; text-shadow: 0 0 5px rgba(0, 0, 0, .3); text-align: center;}

    .neiBanner2.newsBanner{ height: 150px; background-position: center top;}

    .neiBanner2.newsBanner .bannerText{ top: 50%; bottom: inherit; top: 50%;}



    .title{ margin-bottom: 30px; position: relative;}

    .title h2{ font-size: 22px; margin-bottom: 0;}

    .title p{ font-size: 14px; display: none;}

    .title .more{ width: 120px; background: #003874; color: #fff; font-size: 14px; line-height: 32px; padding-left: 20px; position: absolute; right: 0; bottom: -5px;}

    .title .more span{ position: relative; z-index: 11;}

    .title .more::after{ content: ""; width: 32px; height: 32px; background: #aa8546 url("../images/icon05.png"/*/pc/images/icon05.png*/) no-repeat right 13px center; position: absolute; right: 0; top: 0; transition: all .4s;}

    .title .more:hover::after{ width: 100%;}



    .ntitle{ margin-bottom: 25px;}

    .ntitle h2{ font-size: 22px; text-align: center;}



    .iabout{ padding: 40px 0 150px;}

    .iabout .title{ text-align: center;}

    .iabout .title p{ font-size: 14px;}

    .iabout .iaboutLeft{ float: none;}

    .iabout .iaboutRight{ width:100%; line-height: 22px; float:none; padding-bottom: 30px;}

    .iabout .more{ width: 120px; height: 40px; line-height: 38px; font-size: 14px; border: #cbcbcb solid 1px; position: relative; left: 0; top: 0; margin: 0 auto;}

    .iabout .more::before{ content: ""; width: 12px; height: 12px; position: absolute; left: -6px; top: 12px;}



    .num{margin-top: -92px; position: relative; z-index: 111;}

    .num .box{ height: 120px;  padding2: 30px 0; box-shadow: 0 0 15px rgba(0,0,0,.2);}

    .num .box ul{ overflow: hidden; text-align: center;}

    .num .box ul li{ width: 23%;text-align: center; margin: 5px 0 5px -1px; float: none; display: inline-block;}

    .num .box ul li dl{ margin-bottom: 5px; padding: 10px 0 0;}

    .num .box ul li dl b{ font-size: 20px;}

    .num .box ul li dt{ font-size: 12px;}

    .num .box ul li:nth-child(1){ border-left: none;}



    .exportingCountries{ height: 250px; background: url("../images/countriesBg.jpg"/*/pc/images/countriesBg.jpg*/) no-repeat center; background-size: cover; margin-top: -92px; padding-top: 150px;}

    .exportingCountries .text{ font-size:22px; letter-spacing: 5px;}



    .ipro{ padding: 50px 0 50px;}

    .ipro .box ul{ margin:0;}

    .ipro .box ul li{ width: 100%; padding: 0; float: none;margin-bottom:6px;}

    .ipro .box ul li a{ display: block; position: relative;}

    .ipro .box ul li h3{ font-size:17px; line-height: 40px; padding: 0 15px; position: absolute; left: 30px; top: 30px; z-index: 11;}



    .inews{ padding: 50px 0 50px; background: #f4f4f4;}

    .inews .box{ display: block;}

    .inews .box .inewsVideo{ width: 100%;margin-right: 0; margin-bottom: 10px;}

    .inews .box .inewsList{ overflow: hidden;}

    .inews .box .inewsList ul{ margin-top: -10px;}

    .inews .box .inewsList ul li{ margin-top: 10px;}

    .inews .box .inewsList ul li a{ display: flex;}

    .inews .box .inewsList ul li .pic{ width: 115px; flex: 0 0 auto; margin-right: 0;}

    .inews .box .inewsList ul li .con{ width: calc(100% - 115px); padding: 0 12px; }

    .inews .box .inewsList ul li .con ol{ width: 100%;}

    .inews .box .inewsList ul li .con h3{ font-size: 15px; margin-bottom: 5px;}

    .inews .box .inewsList ul li .con dt{ font-size: 12px; line-height: 1.1;}

  

    .bread{ background: #f5f5f5; line-height: 50px;}

    .bread .wrap{ display: block;}

    .bread .box{ display: none;}

    .bread .neiNav ul{ overflow-x: auto; display: flex;}

    .bread .neiNav ul li{float: none; margin-left: 0; margin-right: 15px; white-space: nowrap;}

    .bread .neiNav.proNav>ul{ overflow: inherit;}

    .bread .neiNav.proNav>ul>li{ margin-right: 22px;}

    .bread .neiNav>ul>li>.subnav{ top: 50px;}



    /* 关于我们 */

    .about{ padding: 40px 0 40px;}

    .about .box .text{ width: 100%; font-size: 15px; text-align:justify ; line-height: 1.6; float:none; padding-bottom: 30px;}

    .about .box .aboutVideo{ width: 100%; overflow: hidden; position: relative; cursor: pointer; float: none;}

    .about .box .aboutVideo video{ width:100%; height:100%; background: #000; border: none !important; position:absolute; left:0; top:0; z-index: 11; }

    .about .box .aboutVideo img{ position: relative; z-index: 22;}

    .about .box .aboutVideo.on video{ z-index: 2223;}



    .environment{ padding:40px 0; background: #f5f5f5;}

    .environment .box ul{ margin:0;}

    .environment .box ul li{ width: 100%; padding: 0; margin-bottom: 20px; float: none;}

    .environment .box ul li h3{ font-size: 15px; margin-top: 10px;}

    

    

        .zizhi{ padding:40px 0; background: #f5f5f5;}

    .zizhi .box ul{ margin:0;}

    .zizhi .box ul li{ width: 100%; padding: 0; margin-bottom: 20px; float: none;}

    .zizhi .box ul li h3{ font-size: 15px; margin-top: 10px;}

    



    .history{ padding: 40px 0 50px;}

    .history .ntitle h2{ text-align: center;}

    .history .box{ position: relative; padding: 0 10px; margin-top: 40px;}

    .history .box::before{ content: ""; width: 100%; height: 1px; background: #d7d6d6; position: absolute; left: 0; top:20px;}

    .history .box .arrow-left,.history .box .arrow-right{ width: 30px; height: 30px; background-size: cover !important; top:5px; z-index: 1111;}

    .history .box .arrow-left{ background: url("../images/arrow-left.png"/*/pc/images/arrow-left.png*/) no-repeat center; left: 0px;}

    .history .box .arrow-right{ background: url("../images/arrow-right.png"/*/pc/images/arrow-right.png*/) no-repeat center; right:0px;}

    .history .box .con{ overflow: hidden;}

    .history .box .swiper-container{ margin: 0 -5px;}

    .history .box .swiper-slide{box-sizing: border-box; padding: 0 5px; }

    .history .box .year{ width: 100px; height: 40px; line-height: 40px; font-size: 16px; ;}

    .history .box .year::before{ height: 30px; bottom: -30px;}

    .history .box .picText{  padding-top: 30px; font-size: 15px;}

    .history .box .picText ol{ min-height: 130px; padding:5px; font-size: 13px;}



    .honor{ padding: 40px 0 50px;}

    .honor .ntitle{ position: relative;}

    .honor .ntitle p{display: none;}

    .honor .honorNav{ position: relative; right: 0; top: 0; margin-top: 30px;}

    .honor .honorNav ul{ overflow: hidden; text-align: center;}

    .honor .honorNav ul li{ float:none; margin:2px; display: inline-block;}

    .honor .honorNav ul li a{ height: 35px; line-height: 35px; padding: 0 15px; font-size: 14px;}

    .honor .box{ padding-bottom: 0;}

    .honor .box ul{ margin: 0 -5px;}

    .honor .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 20px; float: left;}

    .honor .box ul li h3{ font-size: 15px; text-align: center; color: #666666; margin-top:8px;}

    .honor .box.list5 ul{ margin: 0 -5px;}

    .honor .box.list5 ul li{ width: 50%; padding: 0 5px;}



    .culture{padding: 40px 0 50px;}

    .culture .item{ height: 130px; margin-bottom: 10px; display: flex; align-items: center;}

    .culture .item .con{ width: 100%; text-align: center;}

    .culture .item .con h3{ padding: 0 15px; line-height: 32px; font-size: 16px;}

    .culture .item .con dt{ font-size: 14px; color:#333; margin-top:10px;}

    .culture .item:nth-child(even){ justify-content: flex-end;}



    .speech{padding: 40px 0 50px;}

    .speech .box{ display: block;}

    .speech .box .pic{  margin-bottom: 20px;}

    .speech .box .text{ line-height: 1.7; padding-left: 0;}

    .speech .box .text h3{ color: #000; font-size: 17px; line-height:1.5;}



    .gongyi{ padding: 40px 0;}

    .gongyi .box{ display: block; }

    .gongyi .box .text{ width: 100%; line-height:1.7; padding-right: 0; margin-bottom: 20px;}

    .gongyi .box .con{}

    .gongyi .box .con ul{ margin: 0 -5px;}

    .gongyi .box .con ul li{ width: 50%; padding: 0 5px; margin-bottom:10px; float: left;}

    .gongyi .box .con ul li ol{ height: 160px; padding: 20px;}

    .gongyi .box .con ul li ol h3{ font-size: 15px;margin-bottom: 10px;}

    .gongyi .box .con ul li ol dt{ font-size: 12px; line-height: 1.2;}



    .gonyiPic{ padding: 40px 0;}

    .gonyiPic .tit{ display: flex; align-items: center; margin-bottom: 35px;}

    .gonyiPic .tit dl{ font-size: 20px;  margin-right: 20px;}

    .gonyiPic .box ul{ margin: 0 -5px;}

    .gonyiPic .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 20px; float: left;}



    .style{ padding: 40px 0 50px;}

    .style .text{ line-height:1.7; margin-bottom: 30px;}

    .style .box ul{ margin: 0 -5px;}

    .style .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 20px; float: left;}

    .style .box ul li h3{ font-size: 15px;text-align: center;  margin-top: 5px;}

    .style .box ul li:nth-child(6){ width: 100%;}



    .content{padding: 20px 0 50px;}

    .leftNav{ width: 100%; float: none;  margin-bottom: 30px;}

    .rightBox{ width: 100%; padding-left: 0; float: none;}



    .leftNav .item-list>a{ font-size: 15px; font-weight: bold; line-height: 40px;}

    .leftNav .item-list>a.tit::before{ content: ""; width: 12px; height: 12px; background: url("../images/proicon01.png"/*/pc/images/proicon01.png*/) no-repeat center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all .4s;}

    .leftNav .item-list>a:hover{ color: #1b3959;}

    .leftNav .item-list.on>a{color: #1b3959;}

    .leftNav .item-list.on>a.tit::before{ background: url("../images/proicon02.png"/*/pc/images/proicon02.png*/) no-repeat center; transform: translateY(-50%) rotate(90deg);}

    .leftNav .item-list .subnav{ padding: 5px 0 20px; display: none;}

    .leftNav .item-list .proitem{ position: relative;display:inline;}

    .leftNav .item-list .proitem>a{ font-size: 14px; color: #666; line-height: 30px; display:inline; position: relative;border:1px solid #ccc;padding:4px;}

    .leftNav .item-list .proitem>a.tit::before{ content: ""; width: 12px; height: 12px; background: url("../images/proicon01.png"/*/pc/images/proicon01.png*/) no-repeat center; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

    .leftNav .item-list .proitem>a.tit:hover::before,.leftNav .item-list .proitem:hover a.tit::before{ background: url("../images/proicon02.png"/*/pc/images/proicon02.png*/) no-repeat center;}

    .leftNav .item-list .proitem>a:hover,.leftNav .item-list .proitem:hover>a{ color: #1b3959;}

    .leftNav .item-list .proitem .subnav2{ display: none; position: relative; left: 0; top:0; padding-left:0;}

    .leftNav .item-list .proitem .subnav2 ol{width: 100%; background: #f5f5f5; box-shadow:inherit; border:none; padding: 15px; position: relative;}

    .leftNav .item-list .proitem .subnav2 ol::before{display: none;}

    .leftNav .item-list .proitem .subnav2 ol a{ font-size: 13px; color: #666; margin-bottom: 12px; display: block;}

    .leftNav .item-list .proitem .subnav2 ol a:hover{ color: #024097;}



    /* 产品 */

    .products{ padding: 0;}

    .products .ntitle h2{ font-size: 22px; }

    .products .box{padding: 0px;}

    .products .box ul{ margin: 0;}

    .products .box ul li{ width: 100%; padding: 0; margin-bottom: 20px; float: none;}

    .products .box ul li a{ display: block;}

    .products .box ul li dl{ height: 220px; position: relative; overflow: hidden;}

    .products .box ul li dl img{padding: 25px;}

    .products .box ul li ol dd{ padding: 5px; margin-right: 10px;}

    .products .box ul li ol h3{ font-size: 15px; font-weight: bold; color: #666;}

	

	

	.products .productsNav{ position: relative; right: 0; top: 0; margin-top: 30px;}

    .products .productsNav ul{ overflow: hidden; text-align: center;}

    .products .productsNav ul li{ float:none; margin:2px; display: inline-block;}

    .products .productsNav ul li a{ height: 35px; line-height: 35px; padding: 0 15px; font-size: 14px;}

	

    .proview{ padding: 40px 0 50px;}

    .proview .tit{ margin-bottom: 24px;  display: flex; align-items: center; justify-content: center;}

    .proview .tit dd{ font-size: 18px; padding:10px 14px; margin-right: 12px;}

    .proview .tit h1{ font-size: 18px; }

    .proview .box{ display: block;}

    .proview .box .leftBox{ width: 100%; flex: 0 0 auto;}

    .proview .box .leftBox .pic{ margin-bottom: 20px; border: #d3d3d3 solid 1px;}

    .proview .box .leftBox .pic.border{ border: #d3d3d3 solid 1px;}

    .proview .box .leftBox .pic .swiper-slide{ width: 100%; height: 220px; line-height:220px; text-align: center; box-sizing: border-box; padding: 0 20px;}

    .proview .box .leftBox .pic .pagination {position: absolute;z-index: 20;bottom:10px;width: 100%;text-align: center;}

    .proview .box .leftBox .pic .swiper-pagination-switch {display: inline-block; width:10px; height: 10px; background:#c9c9c9; margin: 0 5px; border-radius: 10px; cursor: pointer;}

    .proview .box .leftBox .pic .swiper-active-switch { background: #003874; opacity: 1;}

    .proview .box .leftBox .con .tit{ font-size: 16px;  display: block; padding: 8px 20px;}

    .proview .box .leftBox .con .text{ line-height:1.7;}

    .proview .box .cansu{ width: 100%; padding-left: 0; padding-top: 30px;}

    .proview .box .cansu table { font-size: 14px; margin: 10px 0;}

    .proview .box .cansu table tr td{line-height:30px;}

	.proview .box .text table { font-size: 14px; margin: 10px 0;}

    .proview .box .text table tr td{line-height:30px;}

    .proview .proPage{  line-height: 50px; margin-top: 50px;}

    .proview .proPage a{ font-size: 13px;}

    .proview .proPage .pre{ padding-left: 20px; background: url("../images/icon08.png"/*/pc/images/icon08.png*/) no-repeat left center; background-size: 15px auto;}

    .proview .proPage .next{ padding-right: 20px; background: url("../images/icon09.png"/*/pc/images/icon09.png*/) no-repeat right center; background-size: 15px auto;}



    /* news */

    .news{padding: 40px 0 50px;}

    .news .box ul{ margin: 0 -5px;}

    .news .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 20px; float: left;}

    .news .box ul li ol{ padding-top: 8px;}

    .news .box ul li ol h3{ height:40px; font-size: 15px;margin-bottom: 5px;}

    .news .box ul li ol dt{ height: 48px; font-size: 13px;  line-height:16px; -webkit-line-clamp:3; overflow: hidden;}

    .news .box ul li ol dd{ padding-top: 5px; margin-top: 8px; font-size: 13px; background: url("../images/icon10.png"/*/pc/images/icon10.png*/) no-repeat right 10px; background-size: 15px auto;}

    .news .box ul li a:hover ol h3{color: #ed1b23;}



    .newsView{ padding: 40px 0 50px;}

    .newsView .wrap{ display: block; }

    .newsView .boxCon{ width:100%;}

    .newsView .boxCon .newsHead{ margin-bottom: 30px; padding-bottom: 15px;}

    .newsView .boxCon .newsHead h1{ font-size: 20px; line-height: 1.3; font-weight: normal; margin-bottom: 10px;}

    .newsView .boxCon .newsHead p{ font-size: 12px; }

    .newsView .boxCon .text{  font-size: 15px; line-height: 1.7; padding-bottom: 50px;}

    .newsView .boxCon .viewPage{ padding: 30px 0 40px; }

    .newsView .boxCon .viewPage .box{ padding-right: 130px;}

    .newsView .boxCon .viewPage .box a{ color: #333; display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 10px; }

    .newsView .boxCon .viewPage .box b{ color: #000;}

    .newsView .boxCon .viewPage .box a:hover{color: #ed1b23;}

    .newsView .boxCon .viewPage .back{ width: 100px; height: 36px; line-height: 36px; top: 35px;}

    .newsView .otherNews{ width: 100%; padding-left: 0; flex: 0 0 auto; border-left:none;}

    .newsView .otherNews ul { margin: 0 -5px; overflow: hidden;}

    .newsView .otherNews ul li{ width: 50%; padding: 0 5px; margin-bottom: 20px; float: left;}

    .newsView .otherNews ul li ol{ padding-top: 12px;}

    .newsView .otherNews ul li ol h3{ height:40px; font-size: 15px; margin-bottom: 5px;}

    .newsView .otherNews ul li ol dt{ height: 48px; font-size: 13px;line-height: 16px;}

    .newsView .otherNews ul li ol dd{ padding-top: 5px; margin-top: 8px; font-size: 13px; background: url("../images/icon10.png"/*/pc/images/icon10.png*/) no-repeat right 10px; background-size: 15px auto;}



    /* video */

    .video{padding: 40px 0 50px;}

    .video .box ul{ margin: 0 -5px;}

    .video .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 20px; float: left;}

    .video .box ul li ol{ padding-top: 8px;}

    .video .box ul li ol h3{ height:40px; font-size: 14px; margin-bottom: 5px;}

    .video .box ul li ol dd{ padding-top: 5px; margin-top: 8px; font-size: 13px; background: url("../images/icon10.png"/*/pc/images/icon10.png*/) no-repeat right 10px;  background-size: 15px auto;}



    /* job */

    .jobFuli{ padding: 40px 0 30px;}

    .jobFuli .box{ overflow: hidden; padding-top:10px;}

    .jobFuli .box ul{ overflow: hidden; margin-left: -2px;}

    .jobFuli .box ul li{ width: 100%; border-left: none; padding: 15px 10px; float: none;}

    .jobFuli .box ul li img{ height: 35px;}

    .jobFuli .box ul li h3{ font-size: 16px; margin: 10px 0;}

    .jobFuli .box ul li dt{ font-size: 14px; }



    .talentStrategy{ padding: 40px 0;}

    .talentStrategy .text{ line-height: 1.8;}

    .talentStrategy .text img{ margin:5px 0; display: block;}



    .jobList{ padding: 40px 0 50px;}

    .jobList .box{ padding: 10px 0;}

    .jobList .box ul{ margin: 0;}

    .jobList .box ul li{ width: 100%; padding: 0; margin-bottom: 10px; float: none;}

    .jobList .box ul li ol{padding: 20px 90px 20px 25px; background:#fff url("../images/icon18.png"/*/pc/images/icon18.png*/) no-repeat right 20px center; background-size: 20px;}

    .jobList .box ul li ol h3{ font-size: 15px; margin-bottom: 10px;}

    .jobList .box ul li ol dt{ font-size: 14px; }



    .jobTccBox .BoxCon{ width: 90%; padding: 25px;}

    .jobTccBox .BoxCon .off{ top: -45px;  right: 0px;}

    .jobTccBox .BoxCon .con{ min-height: inherit;}

    .jobTccBox .BoxCon .con h3{ font-size: 16px; margin-bottom: 10px;}

    .jobTccBox .BoxCon .con dt{ font-size: 15px; margin-bottom: 20px;}

    .jobTccBox .BoxCon .con ol{ font-size: 15px; line-height: 1.5;}

    .jobTccBox .ntitle{ overflow: hidden;}

    .jobTccBox .ntitle h2{ float: left; font-size: 18px;}

    .jobTccBox .ntitle h2::after{ left: 0; margin-left: 0;}

    .jobTccBox .ntitle a{  font-size: 14px; width: 80px; height: 36px; line-height: 36px; border-radius: 5px;}



    .jobform{ padding: 40px 0 30px; font-size: 15px;}

    .jobform p { margin-bottom: 5px;}

    .jobform p span{ font-size: 15px; color: #999;}

    .jobform input{ width: 100%; height: 38px; font-size: 15px; padding-left: 10px; border: #d2d2d2 solid 1px;}

    .jobform select{ width: 100%; height: 38px;font-size: 15px; padding-left: 10px; border: #d2d2d2 solid 1px; appearance:none; -moz-appearance:none; -webkit-appearance:none; outline: none;}

    .jobform textarea{ width: 100%; height: 100px;font-size: 15px; padding:10px 10px; border: #d2d2d2 solid 1px;}

    .jobform button{ width: 100%; height: 40px; border: none; font-size: 16px; margin-right: 0; margin-bottom: 5px;}

    .jobform button[type="submit"]{ background: #014c9d;}

    .jobform button[type="submit"]:hover{background: #003670;}

    .jobform button[type="reset"]{ background: #dd070e;}

    .jobform button[type="reset"]:hover{ background: #b9040a;}

    .jobform ul{ margin: 0 ; overflow: hidden;}

    .jobform ul li{ width: 100%; padding: 0; margin-bottom: 10px; float: none;}

    .jobform ul ol{ width: 100%; padding: 0; margin-bottom: 20px; }





    /* contact */

    .contact{ padding: 40px 0 20px;}

    .contact .ntitle h2{text-align: center;}

    .contact .box{ display: block; padding-top: 0;}

    .contact .contactLeft,.contact .contactRight{ width: 100%;}

    .contact .contactLeft{ padding:60px 10px;}

    .contact .contactLeft img{ width: 50px;}

    .contact .contactLeft dd{ width: 100%; font-size: 18px; margin:15px 0 5px;}

    .contact .contactLeft dt{width: 100%;  font-size: 20px;}

    .contact .contactRight{padding: 40px 30px;}

    .contact .contactRight .tit{ margin-bottom: 20px;}

    .contact .contactRight .tit h2{ font-size: 21px; margin-bottom: 5px;}

    .contact .contactRight .tit h3{ font-size: 12px; font-weight: normal; color: #000; line-height: 1;}

    .contact .contactRight .text{ font-size: 15px; line-height: 1.4;}

    #map{ height:300px;}





    .message{ padding: 35px 0 50px;}

    .message .ntitle{ overflow: hidden;}

    .message .ntitle h2{ float: none; margin-right: 0;}

    .message .ntitle p{ float: none; font-size: 14px; padding-top: 10px;}

    .message .box{}

    .message .box ul{ margin: 0; overflow: hidden;}

    .message .box ul li{ width: 100%; padding: 0; margin-top: 8px; float: none;}

    .message .box ul ol{ width: 100%; padding: 0; margin-top: 8px;}

    .message .box ul input{ width: 100%; height: 40px; border: #ededed solid 1px; font-size: 15px; padding-left: 10px;}

    .message .box ul input:focus{ border: #014c9d solid 2px; }

    .message .box ul select{ width: 100%; height: 40px; border:#fff solid 1px; font-size: 15px; padding-left: 10px; background:#fff url("../images/icon14.png"/*/pc/images/icon14.png*/) no-repeat right 10px center;}

    .message .box ul select:focus{ border: #014c9d solid 2px; }

    .message .box ul textarea{ width: 100%; height: 100px; padding: 10px 10px; border: #ededed solid 1px; font-size: 15px; }

    .message .box ul textarea:focus{ border: #014c9d solid 2px; }

    .message .box ul button{ width: 100%; line-height: 40px;font-size: 15px; cursor: pointer;}



    /* footer */

    .footer{ padding: 30px 0 30px;  font-size: 15px;}

    .footer .fmain{ display: block;}

    .footer .fmain .fcontact{}

    .footer .fmain .fcontact dl{ display: none;}

    .footer .fmain .fcontact dt{ line-height: 1.4; text-align: center;}

    .footer .fmain .fcontact dt h3{font-size: 15px; font-weight: normal;}

    .footer .fmain .fnav{ display: none;}

    .footer .copyrightEwm{ display: block; align-items: center; margin-top: 20px;}

    .footer .copyrightEwm .ewm{ width: 100%; margin-right: 0; text-align: center; margin-bottom: 15px;}

    .footer .copyrightEwm .ewm li{ width: 100px; display: inline-block; float: none; font-size: 12px;  margin-right:10px;}

    .footer .copyrightEwm .ewm li p{ margin-top: 5px;}

    .footer .copyrightEwm .copyright{ width: 100%; font-size: 12px; text-align: center; padding-top: 12px;}



    /*===/分页=============================*/

    .pagination {text-align:center}

    .pagination ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}

    .pagination li {display:inline-block!important;}

    .pagination a { font-size: 13px; color:#333;padding:4px 7px;line-height:18px;border:solid 1px #cccccc;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}

    .pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}

    .pagination .active {pointer-events:none}

    .pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}

    .blank-large{height:80px;line-height:80px;clear:both;font-size:0}

    .pagination li.active a,.pagination li a:hover{background: #2a55b6; color: #fff; border: 1px solid #2a55b6;}



    .search-dialog{ width: 95%;}



    .tccBox .box{max-width: inherit; max-height: inherit; width: 82%;}



    .tccBox .BoxCon{ width: 82%; padding: 10px;}

    .tccBox .BoxCon .tccTit{ display: block; margin-bottom: 10px;}

    .tccBox .BoxCon .tccTit h3{ font-size: 15px;}

    .tccBox .BoxCon .tccTit span{ font-size: 13px;}

    .tccBox .BoxCon ul video{ height: 180px;}

    .tccBox .BoxCon .off{ width: 20px; height: 20px; background-size: contain;right: 0;}

}