@charset "utf-8";
html,body{font-size:12px; }
body{ margin:0 auto; padding:0px; font-size:1em; font-family:"微软雅黑"; color:#2a5abe;background:#fff;position:relative;-moz-user-select:none;min-width:320px;overflow-x:hidden;}
p,ul,li,dl,dd,dt,form,imput,h1,h2,h3,h4,h5,h6,h7{margin:0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;}
ul,li{ margin:0px; padding:0px; list-style-type:none;}
img{ border:none; vertical-align:top;}
a{text-decoration:none;color:#fff;}
a:hover{text-decoration:none;color:#008fd7;}
.strong{ font-weight:bold;}
.fl{ float:left;}
.fr{ float:right;}
.auto{width:100%;height:auto;}
.clear{ clear:both; overflow:hidden; line-height:0px; height:0px; font-size:0px;}
i,em{list-style:none; font-style:normal;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}
input,select,button{font:14px "微软雅黑";vertical-align:middle;}
select::-ms-expand { display: none;}
.red{font-style:normal;color:#f00;}
/* 设置滚动条的宽度和颜色 */
::-webkit-scrollbar {width:6px;}
::-webkit-scrollbar-thumb {background-color: #008fd7;}
::-webkit-scrollbar-track {background-color: #184c6e;}
/* 设置滚动条在hover状态下的样式 */
::-webkit-scrollbar-thumb:hover {background-color: #008fd7;}
/*设置颜色*/
input[type="text"]::-webkit-input-placeholder {color: #ccc;}
input[type="text"]:-moz-placeholder {color: #ccc;}
input[type="text"]::-moz-placeholder {color: #ccc;}
input[type="text"]:-ms-input-placeholder {  color: #ccc;  }
#navmark{position:fixed;left:-10000px;}
.kefu{position:fixed;z-index:55;right:0;top:20%;width:80px;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,0.2);border-radius:10px;display:flex;justify-content:center;flex-direction:column;}
.kefu .li{width:100%;height:80px;border-bottom:1px solid #f2f2f2;display:flex;justify-content:center;flex-direction:column;justify-items:center;cursor:pointer;position:relative;}
.kefu .li:first-child{border-top-left-radius:10px;border-top-right-radius:10px;}
.kefu .li:nth-child(3){border-bottom:0;}
.kefu .li:last-child{border-bottom:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.kefu .li:hover{background:#008fd7;color:#fff;}
.kefu .li:hover .layerbox{display:block;}
.kefu .li:hover span{color:#fff;}
.kefu .li i{width:35px;height:35px;display:block;margin:0 auto;}
.kefu .li span{font-size:14px;display:block;text-align:center;color:#666;}
.kefu .li .arrow{position:absolute;width:8px;height:12px;background:url('../images/side_bg_arrow.png') no-repeat;right:-8px;top:31px;}
.kefu .server i{background:url('../images/server-icon.png') no-repeat;background-size:100%;}
.kefu .server:hover i{background:url('../images/server-icon-hover.png') no-repeat;background-size:100%;}
.kefu .tel i{background:url('../images/tel-icon.png') no-repeat;background-size:100%;}
.kefu .tel:hover i{background:url('../images/tel-icon-hover.png') no-repeat;background-size:100%;}
.kefu .gotop{display:none;}
.kefu .gotop i{background:url('../images/gotop-icon.png') no-repeat;background-size:100%;}
.kefu .gotop:hover i{background:url('../images/gotop-icon-hover.png') no-repeat;background-size:100%;}
.kefu .wechat i{background:url('../images/qrcode-icon.png') no-repeat;background-size:100%;}
.kefu .wechat:hover i{background:url('../images/qrcode-icon-hover.png') no-repeat;background-size:100%;}
.kefu .wechat img{max-width:100%;}
.kefu .wechat{text-align:center;}
.kefu .layerbox{display:none;position:absolute;right:85px;top:0;width:150px;background:#fff;min-height:50px;border:1px solid #eee;border-radius:5px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);padding:15px;}
.kefu .layerbox{color:#666;}
.kefu .layerbox .stitle{font-size:14px;}
.kefu .layerbox p{font-size:15px;padding:5px 0;margin:0;}
.kefu .layerbox .list{margin-bottom:10px;}
.kefu .layerbox .list:last-child{margin-bottom:0;}
.pc{display:block !important;}
.pcflex{display:flex !important;}
.wap{display:none !important;}
.shadow-bottom{box-shadow:0 5px 15px -5px #f2f2f2;}
.wrap{max-width:1577px;height:auto;margin:0 auto;position:relative;}
.wrap2{max-width:1400px;height:auto;margin:0 auto;position:relative;}
.head{width:100%;height:99px;position:fixed;top:0;left:0;z-index:999;border-bottom:1px solid rgba(255,255,255,0.2);}
.head .wrap{display:flex;justify-content:space-between;align-items:center;height:100%;}
.head .logo a img:first-child{display:block;}
.head .logo a img:last-child{display:none;}
.head .mbox img:first-child{display:block;}
.head .mbox img:nth-child(2){display:none;}
.logo img{width:200px;display:inline-block;}
.nav{display:flex;flex-direction:row;height:100%;}
.nav a{padding:0 25px;font-size:15px;display:flex;align-items:center;}
.nav a span{display:inline-block;padding-right:10px;}
.navmenu{width:100%;height:auto;overflow:hidden;background:#fff;padding:45px 0;text-align:center;display:none;border-top:1px #f2f2f2 solid;}
.navmenu .wrap{display:block;}
.navmenu li{width:auto;height:auto;overflow:hidden;display:inline-table;padding:0 70px;}
.navmenu li a{display:block;font-size:15px;color:#444444;line-height:36px;text-align:left}
.navmenu li a em{display:block;font-size:17px;color:#008ed6;font-weight:bold;padding-bottom:10px;}
.navmenu li a:hover{color:#008fd7;}
.whitenav{background:#fff;border-bottom:0;box-shadow:0 5px 15px -5px #f2f2f2;}
.whitenav .nav a{color:#333 !important;}
.xznavcur a{color:#333 !important;}
.whitenav .nav a:hover{color:#008fd7 !important;}
.whitenav .logo a img:first-child{display:none;}
.whitenav .logo a img:last-child{display:block;}
.whitenav .mbox img:first-child{display:none;}
.whitenav .mbox img:nth-child(2){display:block;}
.wg{background:#fff;border:none;}
.search{display:block;width:100%;height:100vh;background:rgba(0,0,0,0.4);display:none;}
.searchcot{width:100%;height:auto;overflow:hidden;position:relative}
.searchbox{width:60%;height:auto;overflow:hidden;background:#f7f7f7;border-radius:50px;margin:20px auto 0 auto;font-size:14px;}
.shurubox{width:calc(80% - 20px);height:auto;overflow:hidden;float:left;border:none;outline:none;background:none;display:block;padding-left:20px;line-height:50px}
.handin{width:18%;height:auto;overflow:hidden;float:right;background:#008fd7;border:none;outline:none;display:block;line-height:52px;color:#fff;text-align:center;cursor:pointer;}
.handin:hover{background:#00a6fa;color:#fff;}
.close{width:25px;height:auto;position:absolute;right:17%;top:35px;z-index:11;font-size:25px;color:#666;cursor:pointer;}
.cotone{width:100%;height:auto;overflow:hidden;position:relative;}
.cotoneleft{width:48%;height:auto;overflow:hidden;float:left;}
.cotoneright{width:47.3%;height:auto;overflow:hidden;float:right;padding-top:100px;position:relative;z-index:3;}
.cotonelogo{width:62%;height:auto;overflow:hidden;position:absolute;top:160px;z-index: 0}
.cotoneline{width:100%;height:100%;overflow:hidden;position:absolute;top:0;z-index:2;left:0;display:none}
.cotoneline i{display:block;width:2px;height:100%;background:#f1f1f1;float:left;margin:0 90px 0 10px;}
.cotonelefttext{width:100%;height:auto;position:relative;z-index:3;padding-top:200px;padding-bottom:130px;}
.cotonelefttext h2{display:block;font-family: 'Impact';color:#008ed6;font-size:65px;font-weight:normal;width:100%;height:auto;overflow:hidden;}
.cotonelefttext h3{display:block;color:#212e37;font-size:48px;width:100%;height:auto;overflow:hidden;margin:10px 0 40px 0;}
.cotonelefttext p{display:block;color:#8e8d90;font-size:15px;width:100%;height:auto;overflow:hidden;line-height:30px;}
.cotonelefttext .learn{display:inline-block;padding:2px;background-image:linear-gradient(to right, #144591, #008fd7 , #75e0e2);border-radius:50px;height:40px;margin-top:70px;}
.cotonelefttext a{background:#fff;font-size:16px;color:#008ed6;border-radius:50px;padding:0px 40px;line-height:40px;display:block;transition:all 0.5s ease;}
.cotonelefttext .learn:hover a{background:none;color:#fff;}
.cotoneright p{width:100%;height:auto;overflow:hidden;font-size:15px;color:#333333;line-height:32px;}
.cotoneright em{width:100%;height:auto;overflow:hidden;font-size:18px;color:#008ed6;line-height:32px;padding:20px 0 10px 0;display:block}
.cotoneimg{width:100%;height:auto;overflow:hidden;padding-top:40px;margin-bottom:80px;}
.cotoneimg a{display:block;float:left;max-width:49%;margin-right:2%;transition:all 0.5s ease;}
.cotoneimg img{display:block;max-width:100%;}
.cotoneimg a:nth-child(2){margin-right:0;}
.cotoneimg a:hover{margin-top:-10px;margin-bottom:10px;}
.cottwo{width:calc(100% - (50% - 789px));height:auto;overflow:hidden;background:#f7f7f7;position:relative;padding-left:calc(50% - 789px);}
.cottwoleft{width:43%;height:auto;overflow:hidden;position:relative;z-index:10;padding-bottom:60px;float:left;}
.banner img{display:block;width:100%;}
/* .cottworight{width:1087px;height:auto;overflow:hidden;position:absolute;right:0;top:0;} */
.cottworight:nth-child(2){display:block;}
.cottworight:nth-child(3){display:none;}
.cottworight{width:57%;}
.cottworight img{display:block;opacity:0;height:100%;}
.cottwolefttext{width:100%;height:auto;padding-top:50px;padding-bottom:20px;}
.cottwolefttext h2{display:block;font-family: 'Impact';color:#008ed6;font-size:65px;font-weight:normal;width:auto;height:auto;overflow:hidden;float:left;}
.cottwolefttext h3{display:block;color:#212e37;font-size:48px;width:auto;height:auto;overflow:hidden;margin:10px 0 10px 0;float:left;margin-left:10px;}
.cottwolefttext p{display:block;color:#8e8d90;font-size:15px;width:100%;height:auto;overflow:hidden;line-height:30px;}
.cottwotab{width:90%;height:auto;overflow:hidden;}
.cottwotab li{width:calc(100% - 30px);height:auto;overflow:hidden;padding:15px 15px;margin-bottom:10px;border-radius:10px;transition:all 0.5s ease;}
.cottwotableft{width:38px;height:auto;overflow:hidden;float:left;padding-top:5px;}
.cottwotableft i{width:38px;display:block;overflow:hidden;height:auto;transition:all 0.5s ease;}
.cottwotableft i img{display:block;width:38px;}
.cottwotableft i:nth-child(2){display:none}
.cottwotabright{width:calc(100% - 55px);height:auto;overflow:hidden;float:right;}
.cottwotabright p{width:100%;height:auto;overflow:hidden;font-size:13px;color:#8e8d90;line-height:20px;transition:all 0.5s ease;cursor:pointer;}
.cottwotabright em{width:100%;height:auto;overflow:hidden;font-size:17px;color:#333333;font-weight:bold;padding:0px 0 5px 0;display:block;transition:all 0.5s ease;cursor:pointer;}
.cottwotabcur{background:#008ed6}
.cottwotabcur i:nth-child(1){display:none}
.cottwotabcur i:nth-child(2){display:block}
.cottwotabcur .cottwotabright em{color:#fff;}
.cottwotabcur .cottwotabright p{color:#fff;}
.cottwotab li:hover{background:#008ed6}
.cottwotab li:hover i:nth-child(1){display:none}
.cottwotab li:hover i:nth-child(2){display:block}
.cottwotab li:hover .cottwotabright em{color:#fff;}
.cottwotab li:hover .cottwotabright p{color:#fff;}
.cotthree{padding:93px 0;width:100%;height:auto;overflow:hidden;}
.cotthreelefttext{width:100%;height:auto;padding-bottom:30px;text-align:center}
.cotthreelefttext h2{display:inline-block;font-family: 'Impact';color:#008ed6;font-size:65px;font-weight:normal;width:auto;height:auto;overflow:hidden;line-height:65px;}
.cotthreelefttext h3{display:inline-block;color:#212e37;font-size:48px;width:auto;height:auto;overflow:hidden;margin-left:10px;line-height:65px;}
.cotthreelefttext p{display:block;color:#8e8d90;font-size:15px;width:100%;height:auto;overflow:hidden;line-height:30px;text-align:center}
.container {width:100%;display:flex;padding:20px 0;}
.slide {height:53vh;margin:9px;cursor:pointer;color:rgba(0,0,0,0.9);flex:1;background-position:center center;background-repeat:no-repeat;position:relative;transition:all 500ms ease-in-out;border-top-right-radius:20px;background:#0c2a5e}
.slide h3 {position:absolute;font-size:16px;bottom:20px;left:0px;margin:0;opacity:1;width:100%;height:auto;overflow:hidden;z-index:2;text-align:center;color:#fff;font-weight:normal;}
.slide i{font-size:40px;color:#fff;font-weight:lighter;display:none;position:absolute;right:20px;bottom:15px;}
.zhezhao{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background:#0c2a5e;opacity:0.5;border-top-right-radius:20px;transition:all 0.5s ease;}
.slide.active {flex:2;}
.slide.active h3 {opacity:1;transition:opacity 0.3s ease 0.2s;text-align:left !important;padding:0 20px;width:calc(100% - 40px);}
.slide.active i{display:block}
.slide h3 a{color:#fff;}
.slide:hover .zhezhao{opacity:0.2;}
.slide.active .zhezhao{display:none}
.slide.active h3:hover{text-decoration:underline;}
.cotfour{padding:93px 0;width:100%;height:auto;overflow:hidden;background:#f7f7f7}
.cotfourbox{width:100%;height:auto;overflow:hidden;}
.cotfourone{width:34%;height:auto;overflow:hidden;background:#fff;border-radius:15px;float:left;}
.indexnewstitle{width:calc(100% - 40px);height:auto;overflow:hidden;border-bottom:1px solid #f7f7f7;padding:20px;}
.indexnewstitle em{width:auto;height:auto;overflow:hidden;float:left;font-size:24px;color:#212e37;font-weight:bold}
.indexnewstitle a{width:auto;height:auto;overflow:hidden;float:right;font-size:14px;color:#999;padding-top:7px;}
.cotfourtext{width:calc(100% - 30px);height:auto;overflow:hidden;padding:25px 15px;}
.cotfourtexttjbox{width:100%;height:322px;position:relative;}
.cotfourtexttjbox img{display:block;width:100%;transition:all 0.5s ease;}
.cotfourtexttjbox em{display:block;width:calc(100% - 20px);height:auto;overflow:hidden;background:rgba(0,0,0,0.4);font-size:18px;color:#fff;padding:8px 10px;position:absolute;bottom:0;left:0;z-index:10;transition:all 0.5s ease;}
.cotfourtexttjbox:hover img{margin-top:-5px;margin-bottom:5px;}
.cotfourtexttjbox em:hover{background:#008ed6}
.cotfourtext ul{width:100%;height:auto;overflow:hidden;}
.cotfourtext li{width:100%;height:auto;overflow:hidden;padding-top:15px;}
.cotfourtext li em{display:block;color:#333333;font-size:16px;width:100%;height:auto;overflow:hidden;line-height:30px;overflow: hidden; /*自动隐藏文字*/
text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;/*强制不换行*/}
.cotfourtext li p{display:block;color:#777777;font-size:14px;width:100%;height:auto;overflow:hidden;line-height:20px;margin:5px 0;overflow: hidden; /*自动隐藏文字*/
text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;/*强制不换行*/}
.cotfourtext li span{display:block;color:#777777;font-size:14px;width:100%;height:auto;overflow:hidden;line-height:20px;}
.cotfourtext li:hover em{color:#008ed6;}
.cotfourtwo{width:31%;height:auto;overflow:hidden;background:#fff;border-radius:15px;float:left;margin-left:2%;}
.cotfourtwo ul{width:calc(100% - 30px);height:auto;overflow:hidden;padding:25px 15px 0 15px;}
.cotfourtwo li{width:100%;height:auto;padding-bottom:35px;}
.cotfourtwo li em{display:block;color:#333333;font-size:16px;width:100%;height:auto;overflow:hidden;line-height:24px;overflow: hidden; /*自动隐藏文字*/
text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;/*强制不换行*/}
.cotfourtwo li p{display:block;color:#777777;font-size:14px;width:100%;height:40px;overflow:hidden;line-height:20px;margin:5px 0 10px 0;}
.cotfourtwo li span{display:block;color:#777777;font-size:14px;width:100%;height:auto;overflow:hidden;line-height:20px;}
.cotfourtwoleft{width:calc(100% - 160px);height:auto;overflow:hidden;float:left;}
.cotfourtworight{width:144px;height:auto;float:right;}
.cotfourtworight img{display:block;width:100%;transition:all 0.5s ease;}
.cotfourtwo li:hover img{margin-top:-5px;margin-bottom:5px;}
.cotfourtwo li:hover em{color:#008ed6;}
.footer{width:100%;height:auto;overflow:hidden;background:#00162c;}
.footerone{width:100%;height:auto;overflow:hidden;padding:30px 0;border-bottom:rgba(255,255,255,.08) solid 1px;}
.footeroneleft{width:238px;height:auto;overflow:hidden;float:left;}
.footeroneright{width:auto;overflow:hidden;height:auto;float:right;padding-top:30px;}
.footeroneright a{display:inline-block;padding-left:50px;font-size:16px;color:#c0cedb;}
.footeroneright a:hover{color:#fff;}
.footertwo{width:100%;height:auto;overflow:hidden;padding:40px 0;border-bottom:rgba(255,255,255,.08) solid 1px;}
.footertwoleft{width:auto;height:auto;overflow:hidden;float:left;}
.footertworight{width:277px;height:152px;overflow:hidden;float:right;border:1px solid #013162;padding:20px;background:url('../images/indexpic23.png') no-repeat;text-align:center}
.footertwoleft li{width:auto;overflow:hidden;height:auto;float:left;padding-right:70px;}
.footertwoleft li em{display:block;color:#fff;font-size:16px;width:100%;height:auto;overflow:hidden;margin-bottom:20px;}
.footertwoleft li a{display:block;height:auto;overflow:hidden;font-size:13px;color:#bac9d8;line-height:30px;}
.footertwoleft li a:hover{text-decoration:underline;}
.indexcontact{width:730px;height:auto;overflow:hidden;padding-top:5px;}
.indexcontactone{width:230px;height:auto;overflow:hidden;margin-right:50px;margin-bottom:20px;}
.indexcontactone span{width:38px;height:38px;border-radius:50%;border:#9eaab5 solid 1px;display:block;float:left;font-size:22px;color:#9eaab5;text-align:center;line-height:38px;}
.indexcontactone2{width:calc(100% - 280px);height:auto;overflow:hidden;margin-right:0px;margin-bottom:20px;}
.indexcontactone2 span{width:38px;height:38px;border-radius:50%;border:#9eaab5 solid 1px;display:block;float:left;font-size:22px;color:#9eaab5;text-align:center;line-height:38px;}
.indexcontacttext{width:calc(100% - 50px);height:auto;overflow:hidden;float:right;}
.indexcontacttext h2{display:block;color:#bac9d8;font-size:14px;width:100%;height:auto;overflow:hidden;font-weight:normal;line-height:18px;}
.indexcontacttext h3{display:block;color:#bac9d8;font-size:14px;width:100%;height:auto;overflow:hidden;line-height:30px;font-weight:normal;}
.footertworight a{width:calc(50% - 20px);display:block;padding:0 10px;float:left;}
.footertworight a img{display:block;padding-bottom:10px;max-width:110%;margin:0 auto;}
.footertworight a p{display:block;width:100%;height:auto;overflow:hidden;text-align:center;font-size:13px;color:#bac9d8;}
.footerthree{width:100%;height:auto;overflow:hidden;padding:20px 0;color:#b1becb;font-size:13px;}
.footerthree .copyright{font-size:13px;color:#b1becb;}
.footerthree .beian{font-size:13px;color:#b1becb;}
.footerthree .beian a:first-child{font-size:13px;color:#b1becb;margin:0 10px;}
.footerthree span a{color:#b1becb;}
.frendlink{margin-bottom:20px;}
.frendlink a{padding-right:5px;color:#b1becb;line-height:20px;}
#menu{width:40px;height:40px;position:relative;display:none;justify-content:center;align-items:center;}
#menu .mbox img{max-width:100%;}
#menu .mbox:last-child{display:none;}
#menu .mbox ul:nth-child(3){position:fixed;left:0;top:99px;width:100%;}
#menu .mnav img{display:block;width:20px;height:20px;}
#menu li{width:100%;font-size:16px;color:#fff;border-bottom:1px dotted rgba(255,255,255,0.2);background:rgba(0,0,0,0.8);position:relative;}
#menu li a{width:96%;height:60px;padding:0 2%;color:#fff;display:flex;justify-content:space-between;align-items:center;}
#menu li i{width:15px;height:15px;color:#fff;font-size:14px;position:absolute;right:13px;text-align:center;top:13px;z-index:1001;}
#menu li ul{width:auto;overflow:hidden;background:#fff !important;display:none}
#menu li ul li{width:94%;height:auto;line-height:30px;font-size:12px;padding:0 3% !important;background:#fff !important;border-bottom:1px dotted #999999 !important;color:#333;margin:0}
#menu li:last-child{border:none}
#menu li ul a{padding:0;color:#333}
.zs{display:none}
.big{display:block}
.center{display:none}
.small{display:none}
.padimg{display:none}
.page{width:100%;height:auto;overflow:hidden;text-align:center;padding:10px 0 40px;display:flex;justify-content:center;align-items:center;}
.page li{width:53px;height:53px;background:#f7f7f7;border-radius:50%;margin:0 10px;text-align:center;line-height:53px;font-size:16px;color:#000000;display:inline-block;background:#eee;}
.page li a{color:#333;display:block;}
.page li:hover{background:#008ed6;color:#fff;}
.page li:hover a{color:#fff;}
.page .active{background:#008ed6;color:#fff;}
.indexwapsolution{width:100%;height:auto;overflow:hidden;position:relative;}
.indexwapsolution img{display:block;width:100%;}
.indexwapsolution p{display:block;position:absolute;bottom:0;left:0;padding:10px;width:calc(100% - 20px);font-size:16px;color:#fff;text-align:center;background:rgba(0,0,0,0.6);}
.indexwapsolution .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:50px !important;}
/*about*/
.nybanner{width:100%;height:auto;overflow:hidden;position:relative}
.nybanner .nywrap{height:100%;position:absolute;top:0;left:calc(50% - 700px);width:1400px;display:flex;align-items:center;}
.nybanner img{display:block;width:100%;}
.nybannertext{margin-top:60px;}
.nybannertext em{display:block;font-family:'Impact';color:#fff;font-size:31px;font-weight:normal;width:100%;height:auto;overflow:hidden;}
.nybannertext p{display:block;color:#fff;font-size:35px;font-weight:normal;width:100%;height:auto;overflow:hidden;font-weight:bold}
.aboutone{width:100%;height:auto;overflow:hidden;background:url(../images/aboutpic5.png) no-repeat bottom center;padding:85px 0 45px 0;}
.aboutoneleft{width:21.5%;height:auto;overflow:hidden;float:left;}
.aboutoneleft li{width:100%;height:auto;overflow:hidden;padding-bottom:80px;}
.shuju{width:100%;height:auto;overflow:hidden;}
.shuju em{display:inline-block;width:auto;height:auto;overflow:hidden;font-size:60px;color:#008ed6;font-family: 'Impact';float:left;}
.shuju i{display:inline-block;width:auto;overflow:hidden;font-size:18px;color:#332c2b;font-weight:bold;float:left;padding-left:5px;padding-top:40px;}
.aboutoneleft li p{display:block;width:100%;height:auto;overflow:hidden;font-size:16px;color:#999999;}
.aboutoneright{width:67.5%;height:auto;overflow:hidden;float:right;}
.aboutoneright h2{display:block;width:100%;height:auto;overflow:hidden;font-size:48px;color:#333333;position:relative;line-height:72px}
.aboutoneright h2 span{display:inline-block;position:relative;z-index:1;float:left;}
.aboutoneright h2 em{display:inline-block;font-size:72px;color:#f3f3f3;margin-left:-30px;font-family: 'Impact';font-weight:normal;text-transform:uppercase;float:left;}
.aboutoneright h3{display:block;width:100%;height:auto;overflow:hidden;font-size:40px;color:#f56d49;padding-bottom:70px;}
.aboutoneright p{display:block;width:100%;height:auto;overflow:hidden;font-size:16px;color:#333333;line-height:40px;}
.jj{padding-top:55px;}
.abouttwo{width:100%;height:auto;overflow:hidden;background:url(../images/aboutpic3.png) no-repeat right center #008ed6;padding:95px 0;}
.abouttwo h3{display:block;width:100%;height:auto;overflow:hidden;font-size:40px;color:#fff;padding-bottom:40px;}
.abouttwo img{display:block;max-width:100%;padding-bottom:10px;}
.abouttwo ul{display:block;width:100%;height:auto;overflow:hidden;}
.abouttwo li{width:auto;height:auto;overflow:hidden;float:left;display:block}
.abouttwo li:first-child{padding-right:140px;}
.abouttwo li em{display:block;font-size:72px;color:#fff;font-family: 'Impact';font-weight:normal}
.abouttwo li p{display:block;width:100%;height:auto;overflow:hidden;font-size:24px;color:#fff;font-weight:bold;padding:10px 0;}
.abouttwo li span{display:block;width:100%;height:auto;overflow:hidden;font-size:18px;color:#fff;}
.aboutthree{width:100%;height:auto;overflow:hidden;background:url(../images/aboutpic6.png) no-repeat top center;padding:85px 0;background-size:100% 100%;}
.aboutthreetitle{width:100%;height:auto;overflow:hidden;}
.aboutthreetitleleft{width:auto;height:auto;overflow:hidden;float:left;}
.aboutthreetitleleft h3{display:block;width:auto;height:auto;overflow:hidden;font-size:40px;color:#333333;float:left;padding-left:10px;padding-top:20px;}
.aboutthreetitleleft em{display:block;font-size:72px;color:#bdbdbd;font-family: 'Impact';font-weight:normal;width:auto;float:left;}
.aboutthreetitleright{width:auto;height:auto;overflow:hidden;float:right;padding-top:30px;}
.aboutthreetitleright a{display:inline-block;padding:10px 30px;color:#090909;font-size:16px;background:#e5e4e4;border-radius:30px;margin-left:20px;}
.aboutthreetitleright a:hover{color:#fff;background:#008ed6}
.aboutthreetitlerightcur{color:#fff !important;background:#008ed6 !important}
.zsm{display:block;width:100%;height:auto;overflow:hidden;text-align:center;font-size:16px;color:#333333;padding:20px 0 0 0;}
.honorbox{width:100%;height:auto;padding:40px 0 0 0;position:relative;}
.honorbox img{transition:all 0.5s ease;padding-top:10px;display:block;max-width:100%;}
.honorbox img:hover{margin-top:-10px;}
.honorboxpc .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2;}
.honorboxpc .swiper-pagination-bullet-active{background:#007aff;opacity:1;}
.honorboxpc .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px !important;}
.honorboxwap .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2;}
.honorboxwap .swiper-pagination-bullet-active{background:#007aff;opacity:1;}
.honorboxwap .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px !important;}
.aboutoneright2{width:100%;height:auto;overflow:hidden;}
.aboutoneright2 h2{display:block;width:100%;height:auto;overflow:hidden;font-size:48px;color:#333333;position:relative;line-height:72px;}
.aboutoneright2 h2 span{display:inline-block;position:relative;z-index:1;float:left;}
.aboutoneright2 h2 em{display:inline-block;font-size:72px;color:#f3f3f3;margin-left:-30px;font-family: 'Impact';font-weight:normal;text-transform:uppercase;float:left;}
.aboutoneright2 h3{display:block;width:100%;height:auto;overflow:hidden;font-size:40px;color:#f56d49;padding-bottom:70px;}
.aboutoneright3{width:100%;height:auto;overflow:hidden;}
.aboutoneright3 h2{display:block;width:100%;height:auto;overflow:hidden;font-size:48px;color:#333333;position:relative;line-height:72px;}
.aboutoneright3 h2 span{display:inline-block;position:relative;z-index:1;float:left;}
.aboutoneright3 h2 em{display:inline-block;font-size:72px;color:#f3f3f3;margin-left:-30px;font-family: 'Impact';font-weight:normal;text-transform:uppercase;float:left;}
.aboutoneright3 h3{display:block;width:100%;height:auto;overflow:hidden;font-size:40px;color:#f56d49;padding-bottom:70px;}
#introduce:target{padding-top:160px;}
#cultrue:target{padding-top:160px;}
#honor:target{padding-top:120px;}
.lichengbox{width:100%;height:auto;overflow:hidden;}
.lichengboxleft{width:100px;padding:20px;background:#008ed6;float:left;}
.lichengboxleft li{transition:all 0.5s ease;width:70%;height:auto;overflow:hidden;padding-bottom:10px;margin:0 auto 30px auto;font-size:24px;color:#fff;font-family: 'Impact';text-align:center;border-bottom:2px solid #008ed6;}
.lichengboxleft li a{color:#fff;}
.lichengboxleft li:hover{border-bottom:2px solid #fff;}
.lichengboxleftcur{border-bottom:2px solid #fff !important}
.lichengboxright{height:750px;overflow-y:scroll;width:calc(100% - 250px);float:right;padding:0 20px;}
.lichengboxright p{display:block;width:100%;height:auto;overflow:hidden;font-size:15px;color:#333333;line-height:40px;}
.lichengyear{padding:0 0 30px 0;width:100%;height:auto;overflow:hidden;}
.shuju2{width:100%;height:auto;overflow:hidden;}
.shuju2 em{display:inline-block;width:auto;height:auto;overflow:hidden;font-size:60px;color:#008ed6;font-family: 'Impact';float:left;}
.shuju2 i{display:inline-block;width:auto;overflow:hidden;font-size:18px;color:#332c2b;font-weight:bold;float:left;padding-left:5px;padding-top:40px;}
.contactbox{width:100%;height:auto;overflow:hidden;padding:70px 0 0 0;}
.contactboxonelefttitle{width:100%;height:auto;overflow:hidden;padding-bottom:30px;}
.contactboxonelefttitle h2{display:block;width:100%;height:auto;overflow:hidden;font-size:40px;color:#333333;position:relative;}
.contactboxonelefttitle em{display:block;font-size:72px;color:#f3f3f3;font-family: 'Impact';font-weight:normal;text-transform:uppercase;line-height:72px}
.contactboxone{width:100%;height:auto;overflow:hidden;}
.contactboxoneleft{width:40%;float:left;height:auto;overflow:hidden;}
.contactboxoneleft ul{display:block;width:100%;height:auto;overflow:hidden;}
.contactboxoneleft li{width:100%;height:auto;overflow:hidden;margin:20px 0  40px 0;}
.contactboxoneright{width:52%;float:right;height:auto;overflow:hidden;}
.contactboxoneleft li span{width:38px;height:38px;border-radius:50%;border:#f2f2f2 solid 1px;display:block;float:left;font-size:22px;color:#a9a9a9;text-align:center;line-height:38px;}
.indexcontacttext{width:calc(100% - 50px);height:auto;overflow:hidden;float:right;color:#7a7a7a;font-size:16px;line-height:38px;}
.indexcontacttext i{display:inline-block;color:#b0b0b0;}
.indexcontacttext{width:calc(100% - 60px);height:auto;overflow:hidden;float:right;}
.lybox{width:100%;height:auto;overflow:hidden;}
.lybox li{width:100%;height:auto;overflow:hidden;margin:20px 0  40px 0;position:relative;}
.lybox li:nth-child(3){display:flex;justify-content:space-between;border-bottom:1px solid #f2f2f2;}
.lyboxone{width:48%;height:auto;overflow:hidden;float:left;margin-right:4%;position:relative}
.lyboxtwo{width:48%;height:auto;overflow:hidden;float:left;position:relative}
.lybox li input{width:calc(100% - 20px);padding:0 10px;height:auto;overflow:hidden;display:block;outline:none;border:none;border-bottom:1px solid #f2f2f2;line-height:38px;font-size:16px;color:#b0b0b0;}
.lybox li:nth-child(3) input{width:calc(100% - 140px);border-bottom:0;}
.lybox li i{position:absolute;left:0;top:10px;color:red;}
.lybox li img{position:absolute;right:0;bottom:10px;width:121px;height:39px;}
.lybox .captcha{width:140px;height:auto;}
.lybox .captcha img{max-width:100%;}
.handinbox a{width:calc(48% - 2px);display:block;text-align:center;padding:10px 0;border:1px solid #f2f2f2;float:left;font-size:16px;color:#b0b0b0;transition:all 0.5s ease;}
.handinbox a:first-child{margin-right:4%;background:#008ed6;color:#fff;}
.handinbox a:hover{background:#008ed6;color:#fff;}
.map{width:100%;height:auto;overflow:hidden;margin-top:40px;}
.map img{display:block}
/*news*/
.newslist{width:100%;height:auto;overflow:hidden;padding:50px 0;}
.blue{color:#008ed6 !important;padding-bottom:40px !important;}
.newslisttitleleft{width:auto;height:auto;float:left;}
.newslisttitleright{width:auto;height:auto;overflow:hidden;float:right;padding-top:15px;}
.newslisttitleright a{display:inline-block;padding:10px 30px;color:#090909;font-size:16px;background:#e5e4e4;border-radius:30px;margin-left:20px;}
.newslisttitleright a:hover{color:#fff;background:#008ed6}
.newslisttitlerightcur{color:#fff !important;background:#008ed6 !important}
.tjnewslistbox{width:calc(100% - 40px);padding:20px;background:#f5f5f5;height:auto;overflow:hidden;}
.tjnewslistbox img{width:579px;height:auto;overflow:hidden;float:left;transition:all 0.5s ease}
.tjnewslistboxtext{width:calc(100% - 619px);height:auto;overflow:hidden;float:right;padding-top:45px;}
.tjnewslistboxtext em{display:block;width:100%;height:72px;overflow:hidden;font-size:24px;color:#333333;line-height:36px;}
.tjnewslistboxtext p{display:block;width:100%;height:auto;overflow:hidden;font-size:15px;color:#666666;line-height:26px;margin:20px 0 40px 0;}
.tjmore{width:100%;height:auto;overflow:hidden;padding-top:20px;}
.tjmore span{width:auto;display:block;float:left;font-size:40px;color:#008ed6;transition:all 0.5s ease}
.tjmore i{font-size:14px;color:#8e8d90;display:block;float:right;margin-right:20px;line-height:40px;}
.tjnewslistbox:hover .tjnewslistboxtext em{color:#008ed6;}
.tjnewslistbox:hover .tjmore span{margin-left:10px;}
.newslistbox{width:100%;height:auto;overflow:hidden;margin:40px 0;}
.newslistbox li{width:calc(31.33% - 42px);padding:20px;float:left;margin-bottom:30px;border:1px solid #f7f7f7;position:relative}
.newslistbox li:nth-child(3n-1){margin:0 3% 30px 3%;}
.newslistbox li img{display:block;max-width:100%;}
.newslistbox li em{display:block;width:100%;height:auto;overflow:hidden;font-size:17px;color:#333333;line-height:36px;text-overflow: ellipsis;/*文字隐藏后添加省略号*/
white-space: nowrap;/*强制不换行*/;font-weight:bold;margin:10px 0;}
.newslistbox li p{display:block;width:100%;height:52px;overflow:hidden;font-size:14px;color:#666666;line-height:26px;}
.newsline{width:0;height:3px;background:#008ed6;position:absolute;left:0;bottom:0;z-index:1;transition:all 0.5s ease}
.newslistbox li:hover .newsline{width:100%;}
.newslistbox li:hover em{color:#008ed6;}
.grey{color:#cfcfcf !important;}
.newslistbox li:hover .tjmore span{color:#008ed6 !important}
.detailsbg{width:100%;height:auto;background:#f5f5f5;padding:30px 0;margin-top:99px;position:relative}
.detailsbg2{width:100%;height:auto;background:#f5f5f5;margin-top:99px;position:relative}
.whitebg{width:33%;height:100%;background:#fff;position:absolute;right:0;top:0px;}
.newsdetailleft{width:70.5%;height:auto;overflow:hidden;float:left;}
.newsdetailright{width:24.5%;height:auto;overflow:hidden;float:right;position:sticky;top:129px;}
.mianbaoxie{width:100%;height:auto;overflow:hidden;padding-bottom:20px;}
.mianbaoxieleft{width:auto;overflow:hidden;float:left;height:auto;font-size:14px;color:#666666;}
.mianbaoxieleft a{font-size:14px;color:#666666;}
.mianbaoxieright{width:auto;overflow:hidden;float:right;height:auto;font-size:14px;color:#666666;}
.mianbaoxieright a{color:#666666;}
.mianbaoxieright span{display:inline-block;width:25px;height:25px;margin-right:8px;border:1px solid #666666;border-radius:50%;text-align:center;line-height:25px}
.mianbaoxieleft a:hover{color:#008ed6;}
.mianbaoxieright a:hover{color:#008ed6;}
.mianbaoxieright a:hover span{border:1px solid #008ed6;}
.newsdetailbox{width:100%;height:auto;overflow:hidden;padding:30px 0;}
.newsdetailbox h2{display:block;width:100%;height:auto;overflow:hidden;font-size:28px;color:#333333;line-height:34px;font-weight:normal;}
.textinfor{width:100%;height:auto;overflow:hidden;font-size:14px;color:#8e8d90;padding:20px 0 40px 0;line-height:20px}
.textinfor span{display:inline-block;margin-right:5px;}
.newsdetailbox p{font-size:15px;color:#333333;line-height:36px;display:block;width:100%;height:auto;overflow:hidden;}
.newsdetailbox p a{color:#333333;}
.newsdetailbox img{display:block;max-width:100%;margin:30px auto;}
.newsdetailmorebox{width:calc(100% - 20px);height:auto;overflow:hidden;background:#fff;border-radius:10px;padding:10px;margin-top:30px;}
.newsdetailmorebox a{width:48%;margin:0 1%;display:block;font-size:14px;color:#6d6d6d;float:left;text-align:left;padding:13px 0}
.newsdetailmorebox a:last-child{text-align:right}
.newsdetailmorebox a:hover{color:#008ed6;}
.newsdetailright h2{width:100%;height:auto;overflow:hidden;font-size:24px;color:#333333;font-weight:normal;}
.newsdetailright ul{display:block;width:100%;height:auto;overflow:hidden;padding:20px 0;}
.newsdetailright li{display:block;width:100%;height:auto;overflow:hidden;padding:5px 0 20px 0;border-bottom:1px solid #f5f5f5;margin-bottom:20px;}
.newsdetailright li img{display:block;max-width:100%;margin:0 auto 10px auto;transition:all 0.5s ease}
.newsdetailright li em{display:block;width:100%;height:auto;overflow:hidden;font-size:17px;color:#333333;padding:10px 0;text-overflow: ellipsis;/*文字隐藏后添加省略号*/
white-space: nowrap;/*强制不换行*/}
.newsdetailright li span{display:block;width:100%;height:auto;overflow:hidden;font-size:14px;color:#8e8d90;}
.newsdetailright li p{display:block;width:100%;height:auto;overflow:hidden;font-size:14px;color:#666666;max-height: 48px;line-height:24px}
.newsdetailright li:hover img{margin:-5px auto 15px auto;}
.newsdetailright li:hover em{color:#008ed6;}
/*download*/
.downloadlist{width:100%;height:auto;overflow:hidden;}
.downloadlist li{width:calc(49% - 42px);padding:50px 20px;border:1px solid #f5f5f5;margin-right:2%;position:relative;margin-bottom:30px;float:left;}
.downloadlist li:nth-child(2n){margin-right:0;}
.downloadline{width:3px;height:0;background:#008ed6;position:absolute;left:0;top:0;transition:all 0.5s ease}
.downloadlist li:hover .downloadline{height:100%;}
.downloadlist li em{display:block;width:100%;height:auto;overflow:hidden;font-size:20px;color:#333333;font-weight:bold;margin-bottom:15px;}
.downloadlist li p{display:block;width:100%;height:40px;overflow:hidden;font-size:14px;color:#666666;line-height:20px;margin-bottom:5px;}
.downloadlist li i{display:block;width:100%;height:auto;overflow:hidden;font-size:14px;color:#8e8d90;}
.downloadlist li span{width:37px;height:37px;text-align:center;line-height:37px;background:#008ed6;display:block;position:absolute;right:20px;bottom:15px;color:#fff;font-size:20px;border-radius:50%;transition:all 0.5s ease}
.downloadlist li:hover span{bottom:20px;}
.downloadlist li:hover em{color:#008ed6;}
.downloadtcbg{width:100%;height:100%;position:fixed;background:rgb(0,0,0,0.6);top:0;left:0;z-index:2000;display:none;}
.downloadtcbox{width:60%;height:auto;overflow:hidden;background:#fff;border-radius:20px;margin:8% auto 0 auto;}
.downloadtcbox h2{background:#008ed6;width:100%;height:auto;overflow:hidden;display:block;padding:20px 0;text-align:center;font-size:26px;color:#fff;}
.downloadtcbox ul{display:block;width:90%;height:auto;overflow:hidden;padding:10px 0;margin:0 auto;}
.downloadtcbox li{display:block;width:46%;height:auto;overflow:hidden;margin:5px 2%;float:left;display:flex;align-items:center;border-bottom:1px solid #f2f2f2;}
.downloadtcbox li input{width:calc(100% - 20px);padding:10px;height:auto;overflow:hidden;display:block;outline:none;border:none;line-height:30px;font-size:16px;color:#888888;}
.downloadtcbox li:nth-child(3) input{width:calc(100% - 120px);}
/* .downloadtcbox li:nth-child(4) input{width:calc(100% - 218px);} */
.downloadtcbox li:last-child{width:96% !important;float:none !important;}
.downloadtcbox label{width:70px;line-height:40px;font-size:16px;color:#888888;}
.downloadtcbox .getcode{width:100px;height:40px;background:#008fd7;border-radius:50px;line-height:40px;text-align:center;color:#fff;cursor:pointer;}
.downloadtcbox img{height:40px;width:128px;}
.downhuoqu{width:60%;height:auto;overflow:hidden;margin:10px auto 40px auto;background:#008ed6;border-radius:50px;padding:15px 0;text-align:center;font-size:18px;color:#fff;cursor:pointer;}
.errortips{height:22px;text-align:center;color:#f00;font-size:16px;}
.downloadtcbg span{width:45px;height:45px;margin:40px auto;display:block;color:#fff;font-size:30px;text-align:center;line-height:45px;border:2px solid #fff;border-radius:50%;cursor:pointer;}
.downloadboxleft{width:27%;height:auto;overflow:hidden;margin-top:30px;float:left;position:sticky;top:130px;}
.downloadboxleftone{width:100%;background:#fff;height:auto;overflow:hidden;}
.downloadboxleftone h2{width:calc(100% - 40px);padding:20px 20px 0 20px;display:block;font-size:60px;color:#f3f3f3;font-family: 'Impact';font-weight:normal;text-transform:uppercase;}
.downloadboxleftone h3{width:calc(100% - 40px);padding:0 20px 30px 20px;display:block;font-size:24px;color:#333333;border-bottom:1px solid #f5f5f5;}
.downloadboxleftone ul{display:block;width:calc(100% - 40px);padding:0 20px 30px 20px;;height:auto;overflow:hidden;margin-top:20px;}
.downloadboxleftone li{display:block;width:100%;height:auto;overflow:hidden;padding:15px 0;font-size:16px;color:#333333;line-height:28px}
.downloadboxleftone li a{color:#333333;display:block}
.downloadboxleftone li span{display:inline-block;color:#008ed6;font-size:20px;margin-right:15px;}
.downloadboxleftone li:hover a{color:#008ed6;}
.downloadbtn{width:100%;height:auto;overflow:hidden;background:#d60000;font-size:18px;color:#fff;text-align:center;margin:20px 0;padding:15px 0;line-height:24px;transition:all 0.5s ease;cursor:pointer;}
.downloadbtn span{font-size:24px;color:#fff;display:inline-block;padding-right:10px;width:24px;height:24px;}
.downloadbtn a{color:#fff;display:block;}
.downloadbtn:hover{background:#b30000;}
.downloadcontact{margin-bottom:30px;}
.downloadcontact img{display:block;transition:all 0.5s ease;}
/* .downloadcontact:hover img{margin-top:-10px;} */
.downloadboxright{width:71%;background:#fff;height:auto;overflow:hidden;margin:30px auto;float:right;}
.newsdetailbox2{width:100%;height:auto;overflow:hidden;padding:30px 0;}
.newsdetailbox2 h2{display:block;width:calc(100% - 60px);height:auto;overflow:hidden;font-size:28px;color:#333333;line-height:34px;font-weight:normal;padding:0 30px;}
.textinfor2{width:calc(100% - 60px);height:auto;overflow:hidden;font-size:14px;color:#8e8d90;padding:20px 30px 20px 30px;line-height:20px;border-bottom:1px solid #f5f5f5;margin-bottom:20px;}
.textinfor2 span{display:inline-block;margin-right:5px;}
.newsdetailboxtext{display:block;width:calc(100% - 60px);height:auto;overflow:hidden;padding:0 30px;position:relative;}
.newsdetailboxtext p{font-size:15px;color:#333333;line-height:36px;display:block;width:100%;height:auto;overflow:hidden;}
.newsdetailboxtext img{display:block;max-width:100%;margin:30px auto;}
.downloadtjbox{display:block;width:calc(100% - 60px);height:auto;overflow:hidden;padding:0 30px 20px 30px;margin-top:40px;}
.downloadtjboxmore{width:100%;height:auto;overflow:hidden;}
.downloadtjboxmore em{width:auto;height:auto;overflow:hidden;font-size:24px;color:#333333;font-weight:normal;float:left;display:block}
.downloadtjboxmore a{width:auto;height:auto;overflow:hidden;font-size:14px;color:#008ed6;font-weight:normal;float:right;display:block;padding-top:10px;}
.downloadtjbox ul{display:block;width:100%;height:auto;overflow:hidden;padding:20px 0 0 0;}
.downloadtjbox li{width:calc(49% - 42px);padding:30px 20px 50px 20px;border:1px solid #f5f5f5;margin-right:2%;position:relative;margin-bottom:30px;float:left;background:#f5f5f5}
.downloadtjbox li:nth-child(2n){margin-right:0;}
.downloadtjbox li em{display:block;width:100%;height:50px;overflow:hidden;font-size:20px;color:#333333;font-weight:bold;margin-bottom:15px;overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis;/*文字隐藏后添加省略号*/-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;}
.downloadtjbox li p{display:block;width:100%;height:40px;overflow:hidden;font-size:14px;color:#666666;line-height:20px;margin-bottom:20px;}
.downloadtjbox li i{display:block;width:100%;height:auto;overflow:hidden;font-size:14px;color:#8e8d90;}
.downloadtjbox li:hover em{color:#008ed6;}
.downloadtjbox li span{width:37px;height:37px;text-align:center;line-height:37px;background:#008ed6;display:block;position:absolute;right:20px;bottom:15px;color:#fff;font-size:20px;border-radius:50%;transition:all 0.5s ease}
.downloadtjbox li:hover span{bottom:20px;}
/*product*/
.newslisttitleright2{width:auto;height:auto;overflow:hidden;float:right;padding-top:15px;}
.newslisttitleright2 a{display:inline-block;padding:10px 15px;color:#090909;font-size:16px;background:#e5e4e4;border-radius:30px;margin-left:10px;}
.newslisttitleright2 a:hover{color:#fff;background:#008ed6}
.huibg{background:#f5f5f5}
.productlist{width:100%;height:auto;overflow:hidden;}
.productlist li{width:calc(31.33% - 40px);padding:20px 20px;position:relative;margin-bottom:30px;float:left;background:#ffffff}
.productlist li:nth-child(3n - 1){margin:0 3% 30px 3%;}
.productlist li img{display:block;width:100%;margin:0 auto 20px auto;}
.productlistline{width:0;height:3px;background:#008ed6;position:absolute;left:0;bottom:0;transition:all 0.5s ease}
.productlist li:hover .productlistline{width:100%;}
.productlist li em{display:block;width:100%;height:auto;overflow:hidden;font-size:17px;color:#333333;font-weight:bold;margin-bottom:15px;overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;/*强制不换行*/}
.productlist li p{display:block;width:100%;height:40px;overflow:hidden;font-size:14px;color:#666666;line-height:20px;margin-bottom:5px;}
.productlist li span{width:100%;height:auto;display:block;transition:all 0.5s ease;font-size:35px;color:#cfcfcf;margin:20px 0 10px 0;}
.productlist li:hover em{color:#008ed6;}
.productlist li:hover span{color:#008ed6;}
.productlist li:hover{box-shadow:0 0 10px 0 rgba(0,0,0,0.2)}
.productdetialbg{width:100%;height:auto;overflow:hidden;background:url('../images/propic5.png') no-repeat top center #ebebeb;background-size:100% 100%;padding:30px 0;position:relative;margin-top:99px;}
.productdetailsone{width:100%;height:auto;overflow:hidden;}
.productdetailsoneleft{width:50%;height:auto;overflow:hidden;float:left;}
.productdetailsoneright{width:45%;height:auto;overflow:hidden;float:right;}
.productdetailsoneright h2{display:block;width:100%;height:auto;overflow:hidden;font-size:32px;color:#000000;font-weight:normal;}
.productdetailsoneright p{display:block;width:100%;height:auto;overflow:hidden;font-size:14px;color:#008ed6;font-weight:normal;line-height:24px;margin:20px 0;}
.productdetailsoneright ul{width:100%;height:auto;overflow:hidden;display:flex;justify-content:space-between;flex-wrap:wrap;}
.productdetailsoneright li{width:48%;height:auto;overflow:hidden;float:left;padding:20px 1%;font-size:17px;color:#888;border-bottom:1px solid #e0e0e0;}
.productdetailsoneleft img{display:block;margin:0 auto;}
.prozx{width:auto;height:auto;overflow:hidden;margin:40px 0;}
.prozx a{color:#fff;margin-right:20px;display:inline-block;padding:10px 40px;background:#008ed6;font-size:16px;}
.productdetailstwo{padding:30px 0;width:100%;height:auto;overflow:hidden;}
.prodcutdetailcotbox{width:100%;height:auto;overflow:hidden;}
.prodcutdetailcotbox p{display:block;width:100%;font-size:14px;line-height:24px;color:#333333;margin-bottom:30px;}
.prodcutdetailcotbox img{display:block;margin:0 auto;}
.productlist2{width:100%;height:auto;}
.productlist2 li{width:calc(31.33% - 42px);padding:20px 20px;position:relative;margin-bottom:30px;float:left;background:#ffffff;border:1px solid #f5f5f5;}
.productlist2 li:nth-child(3n - 1){margin:0 3% 30px 3%;}
.productlist2 li img{display:block;width:100%;margin:0 auto 20px auto;}
.productlistline{width:0;height:3px;background:#008ed6;position:absolute;left:0;bottom:0;transition:all 0.5s ease}
.productlist2 li:hover .productlistline{width:100%;}
.productlist2 li em{display:block;width:100%;height:auto;overflow:hidden;font-size:17px;color:#333333;font-weight:bold;margin-bottom:15px;}
.productlist2 li p{display:block;width:100%;height:40px;overflow:hidden;font-size:14px;color:#666666;line-height:20px;margin-bottom:5px;}
.productlist2 li span{width:100%;height:auto;display:block;transition:all 0.5s ease;font-size:35px;color:#cfcfcf;margin:20px 0 10px 0;}
.productlist2 li:hover em{color:#008ed6;}
.productlist2 li:hover span{color:#008ed6;}
.productlist2 li:hover{box-shadow:0 0 10px 0 rgba(0,0,0,0.2)}
.tjpro{width:100%;height:auto;overflow:hidden;padding-bottom:20px;font-size:36px;color:#000000;font-weight:bold}
.tjpro2{width:100%;height:auto;overflow:hidden;padding-bottom:20px;font-size:26px;color:#000000;font-weight:normal}

.zxproductlist2{width:100%;height:auto;padding-top:30px;}
.zxproductlist2 li{width:calc(32.33% - 42px);padding:20px 20px;position:relative;margin-bottom:30px;float:left;background:#ffffff;border:1px solid #f5f5f5;}
.zxproductlist2 li:nth-child(3n - 1){margin:0 1.5% 30px 1.5%;}
.zxproductlist2 li img{display:block;width:100%;margin:0 auto 20px auto;}
.zxproductlist2 li:hover .productlistline{width:100%;}
.zxproductlist2 li em{display:block;width:100%;height:auto;overflow:hidden;font-size:17px;color:#333333;font-weight:bold;margin-bottom:15px;text-overflow: ellipsis;/*文字隐藏后添加省略号*/
white-space: nowrap;/*强制不换行*/}
.zxproductlist2 li p{display:block;width:100%;height:40px;overflow:hidden;font-size:14px;color:#666666;line-height:20px;margin-bottom:5px;}
.zxproductlist2 li span{width:100%;height:auto;display:block;transition:all 0.5s ease;font-size:35px;color:#cfcfcf;margin:20px 0 10px 0;}
.zxproductlist2 li:hover em{color:#008ed6;}
.zxproductlist2 li:hover span{color:#008ed6;}
.zxproductlist2 li:hover{box-shadow:0 0 10px 0 rgba(0,0,0,0.2)}


/*solution*/
.solutionlistcot{width:100%;height:auto;overflow:hidden;padding:0 0 0px 0;}
.solutionnav{width:100%;height:auto;overflow:hidden;background:#f5f5f5;}
.solutionnav a{font-size:16px;color:#090909;display:inline-block;padding:25px 0 25px 0;margin-right:50px;border-bottom:2px solid #f5f5f5;transition:all 0.5s ease}
.solutionnav a:hover {color:#008ed6 !important;border-bottom:2px solid #008ed6 !important;}
.solutionnavcur{color:#008ed6 !important;border-bottom:2px solid #008ed6 !important;}
.solutionlistone{width:100%;height:auto;overflow:hidden;padding:70px 0;}
.solutionlistoneleft{width:573px;float:left;height:auto;overflow:hidden;border-radius:25px;}
.solutionlistoneleft img{display:block;max-width:100%;margin:0 auto;}
.solutionlistoneright{width:calc(100% - 610px);height:auto;overflow:hidden;float:right;padding-top:40px;}
.solutionlistoneright em{display:block;width:100%;height:auto;overflow:hidden;font-size:30px;color:#000000;font-weight:bold}
.solutionlistoneright p{display:block;width:100%;height:auto;overflow:hidden;font-size:15px;color:#666666;line-height:32px;margin:30px 0 30px 0;}
.solutionlistoneright em span{display:inline-block;padding-right:20px;font-size:40px;color:#008ed6;font-weight:normal}
.solutionlistoneright ul{display:block;width:100%;height:auto;padding-top:20px;}
.solutionlistoneright li{width:19%;height:auto;float:left;margin-right:1.25%;text-align:center}
.solutionlistoneright li:last-child{margin-right:0;}
.solutionlistoneright li img{display:block;max-width:100%;margin:0 auto 10px auto;border-radius:10px;transition:all 0.5s ease}
.solutionlistoneright li i{display:block;width:100%;height:auto;overflow:hidden;font-size:14px;color:#333333;line-height:20px;}
.solutionlistoneright li:hover img{margin:-5px auto 15px auto;}
.solutionlisttwo{width:100%;height:auto;overflow:hidden;padding:70px 0;background:#f3f3f3;position:relative}
.solutionlisttworight{width:648px;float:right;height:auto;overflow:hidden;border-radius:25px;}
.solutionlisttworight img{display:block;max-width:100%;margin:0 auto;}
.solutionlisttwoleft{width:calc(100% - 690px);height:auto;overflow:hidden;float:left;padding-top:40px;}
.solutionlisttwoleft em{display:block;width:100%;height:auto;overflow:hidden;font-size:30px;color:#000000;font-weight:bold}
.solutionlisttwoleft p{display:block;width:100%;height:auto;overflow:hidden;font-size:15px;color:#666666;line-height:32px;margin:30px 0 30px 0;}
.solutionlisttwoleft em span{display:inline-block;padding-right:20px;font-size:40px;color:#008ed6;font-weight:normal}
.solutionlogo{width:100%;position:absolute;top:0px;left:0;}
.solutionlisttwoleft ul{display:block;width:100%;height:auto;padding-top:70px;}
.solutionlisttwoleft li{width:100%;height:auto;float:none;overflow:hidden;padding-bottom:20px;}
.solutionlisttwoleft li h2{display:block;width:100%;height:auto;overflow:hidden;font-size:20px;color:#008ed6;font-weight:bold}
.solutionlisttwoleft li i{display:block;width:100%;height:auto;overflow:hidden;font-size:15px;color:#333;line-height:32px;margin:10px 0 0px 0;}
.solutionlistthree{width:100%;height:auto;overflow:hidden;padding:70px 0;}
.solutionlistthreeleft{width:696px;float:left;height:auto;overflow:hidden;border-radius:25px;}
.solutionlistthreeleft img{display:block;max-width:100%;margin:0 auto;}
.solutionlistthreeright{width:calc(100% - 730px);height:auto;overflow:hidden;float:right;padding-top:0px;}
.solutionlisttitle{width:100%;height:auto;overflow:hidden;text-align:center;padding-bottom:50px;}
.solutionlisttitle em{display:block;width:100%;height:auto;overflow:hidden;font-size:30px;color:#000000;font-weight:bold}
.solutionlisttitle p{display:block;width:100%;height:auto;overflow:hidden;font-size:15px;color:#666666;line-height:32px;margin:30px 0 30px 0;}
.solutionlisttitle em span{display:inline-block;padding-right:20px;font-size:40px;color:#008ed6;font-weight:normal}
.solutionlistthreeright ul{display:block;width:100%;height:auto;padding-top:20px;}
.solutionlistthreeright li{width:100%;height:auto;float:none;overflow:hidden;padding-bottom:20px;}
.solutionlistthreeright li h2{display:block;width:100%;height:auto;overflow:hidden;font-size:20px;color:#008ed6;font-weight:bold}
.solutionlistthreeright li i{display:block;width:100%;height:auto;overflow:hidden;font-size:15px;color:#333;line-height:28px;margin:10px 0 0px 0;}
.solutionlistfour{width:100%;height:auto;overflow:hidden;padding:70px 0;background:#e5f3fb;position:relative}
.solutionlistfour img{display:block;max-width:100%;margin:0 auto;}
.solutionlistfive{width:100%;height:auto;overflow:hidden;padding:0px 0;background:#008ed6;position:relative}
.solutionlistfiveleftbg{width:50%;height:100%;background:url('../images/solutionpic11.png') no-repeat left top;position:absolute;left:0;top:0;z-index:1;background-size:auto 100%;}
.solutionlistfivecot{position:relative;z-index:2;padding:40px 0;}
.solutionlistfiveleft{width:55%;height:auto;float:left;position:relative}
.solutionlistfiveleft ul{display:block;width:100%;height:auto;overflow:hidden;}
.solutionlistfiveleft li{float:left;height:auto;overflow:hidden;position:relative;margin-bottom:20px;border-radius:20px;width:49%;margin-right:2%;}
.solutionlistfiveleft li:nth-child(2n){margin-right:0;}
/*.solutionlistfiveleft li:nth-child(1){width:321px;height:209px;margin-right:20px;}
.solutionlistfiveleft li:nth-child(2){width:409px;height:209px;}
.solutionlistfiveleft li:nth-child(3){width:212px;height:209px;margin-right:20px;}
.solutionlistfiveleft li:nth-child(4){width:574px;height:209px;}*/
.solutionlistfiveleft li img{display:block;margin:0 auto;}
.solutionlistfiveleft li p{position:absolute;bottom:0;left:0;padding:10px;width:calc(100% - 20px);background:rgba(0,0,0,0.55);font-size:16px;text-align:center;color:#fff;}
.solutionlogoimg2{width:140px;height:432px;position:absolute;right:-20px;top:0;}
.solutionlistfiveright{width:40%;height:auto;overflow:hidden;float:right;}
.solutionlistfiveright ul{display:block;width:100%;height:auto;overflow:hidden;padding:0px 0;margin:0 auto;}
.solutionlistfiveright li{display:block;width:100%;height:auto;overflow:hidden;padding:10px 0;float:left}
.solutionlistfiveright li input{width:calc(100% - 30px);padding:8px 15px;height:auto;overflow:hidden;display:block;outline:none;border:none;line-height:40px;font-size:16px;color:#333;border-radius:10px}
.solutiontijiaobox{width:100%;height:auto;overflow:hidden;margin:15px auto 40px auto;}
.solutiontijiaobox a{width:auto;display:inline-block;padding:10px 30px;margin-right:20px;border-radius:40px;font-size:16px;}
.solutiontijiaobox a:first-child{background:#fff;color:#008ed6;}
.solutiontijiaobox a:last-child{border:1px solid #fff;color:#fff;}
.alertbg{width:100vw;height:100vh;background:rgba(0,0,0,0.3);display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;z-index:999999999999;}
.alert{width:350px;height:auto;background:#fff;border-radius:15px;overflow:hidden;position:relative;}
.alert .title{background:#008ed6;color:#fff;font-size:18px;line-height:60px;text-align:center;}
.alert .content{padding:30px 20px;font-size:16px;color:#999;text-align:center;line-height:26px;}
.alert .operate{display:flex;align-items:center;line-height:50px;font-size:16px;justify-content:space-between;text-align:center;border-top:1px #eee solid;}
.alert .btn{width:50%;color:#333;cursor:pointer;}
.alert .confirm{border-left:1px #eee solid;color:#008ed6;}
.alert .close{position:absolute;right:10px;top:20px;font-size:20px;color:#fff;}
.unfold-field{position:absolute;font-size:0;bottom:0;width:calc(100% - 60px);height:124px;z-index:3;}
.unfold-field .unflod-field_mask{height:78px;width:100%;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, hsla(0, 0%, 100%, 0)), to(#fff));background-image:linear-gradient(-180deg, hsla(0, 0%, 100%, 0), #fff);}
.unfold-field_text{cursor:pointer;width:100%;color:#333;height:46px;font-size:0px;line-height:46px;text-align:center;background:#fff;}
.unfold-field_text a{display:inline-block;font-size:16px;height:46px;line-height:46px;color:#333;}
.searchpage{padding-top:130px;}
.searchpage .newslistbox{margin-top:0;}
.searchpage h2 i{color:#f00;padding:0 10px;}
.empty{width:100%;height:auto;margin:80px auto;justify-content:center;align-items:center;display:flex;flex-direction:column;}
.empty .iconfont{font-size:100px;color:#eee;}
.empty p{font-size:14px;color:#eee;margin-top:20px;}
@media screen and (max-width:1800px) {
.banner img{max-width:100%}
.nybanner img{display:block;max-width:100%;}
/* .cottworight img{display:block;max-width:100%;} */
.nybanner img{display:block;max-width:100%;}
.map img{display:block;max-width:100%;}
.whitebg{width:32%;}
.downloadcontact img{max-width:100%;}
.productdetailsoneleft img{max-width:100%;}
.prodcutdetailcotbox img{max-width:100%;}
}
@media screen and (max-width:1700px) {
.big{display:none}
.center{display:block}
.small{display:none}
.cottworight{width:861px;}
.whitebg{width:31%;}
.cottwoleft{width:50%;}
.cottworight{width:50%;}
}
@media screen and (max-width:1650px) {
.whitebg{width:30.5%;}
}
@media screen and (max-width:1600px) {
.whitebg{width:30%;}
.cottwo{padding-left:2%;width:98%;}
.cottwoleft{padding-bottom:0;}
}
@media screen and (max-width:1577px) {
.cottwolefttext{padding-bottom:0}
.footertwoleft li{padding-right:50px;}
.footertwoleft li:last-child{padding-right:0;}
.whitebg{width:29.5%;}
.navmenu li{padding:0 50px;}
}
@media screen and (max-width:1500px) {
.wrap{width:96%;margin:0 auto;}
.wrap2{width:96%;margin:0 auto;}
.indexcontactone{margin-right:40px;}
.footertwoleft li{padding-right:30px;}
.footertwoleft li:last-child{padding-right:0;}
.abouttwo{background:url('../images/aboutpic3.png') no-repeat 40% center #008ed6}
.whitebg{width:28.5%;}
}
@media screen and (max-width:1450px) {
.indexcontact{width:600px;}
.indexcontacttext h3{line-height:20px;}
.aboutoneleft li p{font-size:15px;}
.whitebg{width:28%;}
.nybanner .nywrap{width:94%;left:3%;}
}
@media screen and (max-width:1400px) {
.newslisttitleright2{width:100%;float:none;margin-bottom:40px;}
.newslisttitleright2 a{margin:0 10px 0 0;}
.productlist li{width:calc(32.33% - 40px);padding:20px 20px;position:relative;margin-bottom:30px;float:left;background:#ffffff}
.productlist li:nth-child(3n - 1){margin:0 1.5% 30px 1.5%;}
.productlist2 li{width:calc(32.33% - 42px);padding:20px 20px;position:relative;margin-bottom:30px;float:left;background:#ffffff}
.productlist2 li:nth-child(3n - 1){margin:0 1.5% 30px 1.5%;}
.productdetailsoneleft{width:45%;padding-top:5%;}
.productdetailsoneright{width:52%;}
.productdetailsoneright li{padding:15px 1%;}
/*.solutionlistfiveleft{width:55%;}
.solutionlistfiveright{width:43%;float:right;}
.solutionlistfiveleft li:nth-child(1){width:300px;height:209px;margin-right:20px;}
.solutionlistfiveleft li:nth-child(2){width:359px;height:209px;}
.solutionlistfiveleft li:nth-child(3){width:192px;height:209px;margin-right:20px;}
.solutionlistfiveleft li:nth-child(4){width:494px;height:209px;}
.solutionlogoimg2{margin-right:-35px;}*/
}
@media screen and (max-width:1355px) {
.big{display:none}
.center{display:none}
.small{display:block}
.indexcontact{width:500px;}
.indexcontactone{margin-right:20px;}
.aboutoneright h3{padding-bottom:50px;}
.aboutoneright2 h3{padding-bottom:50px;}
.aboutoneright3 h3{padding-bottom:50px;}
.solutionlistoneright{padding-top:10px;}
.solutionlisttwoleft ul{padding-top:30px;}
.navmenu li{padding:0 40px;}

/*.solutionlistfiveleft li:nth-child(1){width:280px;height:209px;margin-right:20px;}
.solutionlistfiveleft li:nth-child(2){width:349px;height:209px;}
.solutionlistfiveleft li:nth-child(3){width:172px;height:209px;margin-right:20px;}
.solutionlistfiveleft li:nth-child(4){width:474px;height:209px;}
.solutionlogoimg2{margin-right:-35px;}*/
}
@media screen and (max-width:1300px) {
.cotonelefttext h2{font-size:56px;line-height:56px}
.cotonelefttext h3{font-size:46px;line-height:56px}
.cottwolefttext h2{font-size:56px;line-height:56px}
.cotthreelefttext h3{font-size:46px;line-height:56px;margin-top:0;margin-left:0;}
.cotthreelefttext h2{font-size:56px;line-height:56px}
.cotthreelefttext h3{font-size:46px;line-height:56px;margin-top:0;margin-left:0;}
.newslisttitleright a{padding:10px 20px;margin-left:10px;}
.newsdetailbox{padding:0 0 20px 0;}
.newsdetailbox2{padding:30px 0 20px 0;}
.textinfor{padding:20px 0;}
.productdetailsoneright li{font-size:14px;}
.prozx a{font-size:16px;}
.solutionlistthreeright ul{padding-top:0;}
.downloadtcbox{margin-top:5%;}
.downloadtcbox h2{padding:10px 0;font-size:26px;}
.cottwolefttext h3{margin-top:-5px;}
/*.solutionlistfiveleft li:nth-child(1){width:260px;height:209px;margin-right:20px;}
.solutionlistfiveleft li:nth-child(2){width:339px;height:209px;}
.solutionlistfiveleft li:nth-child(3){width:152px;height:209px;margin-right:20px;}
.solutionlistfiveleft li:nth-child(4){width:464px;height:209px;}
.solutionlogoimg2{margin-right:-35px;}*/
}
@media screen and (max-width:1250px) {
/*.solutionlistfiveleft li:nth-child(1){width:270px;height:209px;margin-right:20px;}
.solutionlistfiveleft li:nth-child(2){width:339px;height:209px;}
.solutionlistfiveleft li:nth-child(3){width:152px;height:209px;margin-right:20px;}
.solutionlistfiveleft li:nth-child(4){width:434px;height:209px;}
*/
.nav a{padding:0 20px;}
}

@media screen and (max-width:1199px) {
.kefu{display:none;}
.nav{display:none}
#menu{display:flex;}
.cotonelefttext{padding-top:130px;}
.cotonelogo{width:40%;top:100px;}
.cotonelogo img{width:100%;display:block}
.cotonelefttext h3{font-size:42px;margin:10px 0;}
.cotoneright{padding-top:50px;}
.cotoneimg{padding-top:20px;}
.big{display:none;}
.center{display:none;}
.small{display:none;}
.padimg{display:block;}
.cottwo{width:100%;}
.cottwolefttext h2{line-height:normal;}
.cottwolefttext h3{margin:0;margin-left:10px;}
.cottwoleft{width:96%;float:none;margin:0 auto;padding-bottom:40px;}
.cottworight:nth-child(2){display:none;}
.cottworight:nth-child(3){display:block;}
.cottworight{width:100%;float:none;position:relative;background-size:100% auto;}
.cottworight img{width:100%;opacity:1;height:auto;}
.cottwotab{width:100%;}
.cottwolefttext{padding-top:50px;}
.cottwo{padding-bottom:0;padding-left:0;margin-bottom:20px;}
.cottwotab{padding-top:10px;}
.cotthree{padding:50px 0;}
.cotfour{padding:50px 0;}
.cotfourone{width:100%;float:none;margin-top:30px;}
.cotfourtwo{width:100%;float:none;margin:20px 0;}
.cotfourtexttjbox{height:auto;}
.zs{display:block}
.footeroneleft{width:100%;text-align:center;float:none;}
.footeroneright{width:100%;text-align:center;float:none;padding-top:10px;display:none;}
.footeroneright a{font-size:14px;padding:0 10px;}
.footertwoleft{width:100%;float:none;}
.footertworight{float:none;margin:10px auto;}
.footertwoleft li{width:100%;margin:0;padding:0;}
.footertwoleft li:nth-child(1){display:none}
.footertwoleft li:nth-child(2){display:none}
.indexcontact{width:100%;}
.indexcontactone{width:31.33%;margin:0 0 20px 0px;padding:0 1%;}
.indexcontactone2{width:100%;float:none;margin:0 0 20px 0px;padding:0 1%;}
.footertwoleft li em{text-align:center;display:none}
.footertwo{padding:20px 0;}
.footerthree .copyright{display:block;text-align:center;}
.footerthree .beian{margin-top:10px;justify-content:center;display:flex;align-items:center;}
.footerthree .beian a:first-child{margin-right:10px;}
.newslisttitleleft{width:100%;float:none;}
.newslisttitleright{width:100%;float:none;padding-bottom:30px;text-align:center;margin:0 10px;}
.blue{padding-bottom:10px !important;}
.aboutoneright3 h3{text-align:center}
.aboutoneright3 h2{text-align:center;line-height:40px}
.aboutoneright3 h2 span{text-align:center;float:none;width:100%;display:none;}
.aboutoneright3 h2 em{text-align:center;float:none;width:100%;line-height:72px;}
.newslist{padding:20px 0;}
.newslisttitleright a{margin:0 5px;font-size:14px;}
.newslisttitleright2 a{margin:0 5px;font-size:14px;}
.newslisttitleright{padding:5px 0 20px 0;}
.tjnewslistbox img{width:50%;}
.tjnewslistboxtext{width:48%;padding-top:20px;}
.tjnewslistboxtext em{font-size:20px;line-height:30px;max-height:60px;height:auto;}
.tjnewslistboxtext p{max-height:78px;}
.newslistbox li em{margin:5px 0;line-height:30px;}
.newslistbox li p{font-size:14px;line-height:20px;max-height:40px}
.newslistbox li{width:calc(48% - 42px);margin:0 1% 20px 1%;}
.newslistbox li:nth-child(3n-1){margin:0 1% 20px 1%;}
.newsdetailbox h2{font-size:24px;}
.newsdetailbox2 h2{font-size:24px;}
.newsdetailright h2{font-size:22px;}
.newsdetailright li em{font-size:15px;}
.newsdetailright li p{font-size:13px;}
.downloadtcbox h2{font-size:25px;}
.downloadtcbox{width:80%;margin-top:5%;}
.downloadboxleftone h2{font-size:30px;}
.downloadboxleftone h3{font-size:20px;}
.newslisttitleright2{text-align:center}
.newslisttitleright2 a{margin:0 5px 10px 5px;}
.productlist li{width:calc(49% - 40px);padding:20px 20px;position:relative;margin-bottom:30px;float:left;background:#ffffff}
.productlist li:nth-child(3n - 1){margin:0 0 30px 0;}
.productlist li:nth-child(2n){margin:0 0 30px 2%;}
.productlist2 li{width:calc(49% - 42px);padding:20px 20px;position:relative;margin-bottom:30px;float:left;background:#ffffff}
.productlist2 li:nth-child(3n - 1){margin:0 0 30px 0;}
.productlist2 li:nth-child(2n){margin:0 0 30px 2%;}
.productlist2 li:nth-child(3){display:none;}
.zxproductlist2 li{width:calc(49% - 42px);padding:20px 20px;position:relative;margin-bottom:20px;float:left;background:#ffffff}
.zxproductlist2 li:nth-child(3n - 1){margin:0 0 20px 0;}
.zxproductlist2 li:nth-child(2n){margin:0 0 20px 2%;}
.zxproductlist2 li:nth-child(3){display:none;}
.newslisttitleright2{margin-bottom:20px;}
.tjpro{font-size:26px}
.tjpro2{font-size:22px}
.productdetailsoneleft{width:100%;padding-top:0;float:none;}
.productdetailsoneright{width:100%;padding-top:20px;float:none;}
.solutionlistoneright em{font-size:24px;}
.solutionlistoneright em span{font-size:26px;}
.solutionlistoneleft{width:100%;float:none;}
.solutionlistoneright{width:100%;float:none;padding-top:30px;}
.solutionlistoneleft img{display:block;max-width:100%;width:auto;}
.solutionnav a{margin-right:20px;font-size:14px;padding:15px 0;}
.solutionlisttwoleft{width:100%;float:none;}
.solutionlisttworight{width:100%;float:none;padding-top:0px;}
.solutionlisttworight img{display:block;max-width:100%;width:auto;}
.solutionlisttwoleft em{font-size:24px;}
.solutionlisttwoleft em span{font-size:26px;}
.solutionlistthreeleft{width:100%;float:none;}
.solutionlistthreeright{width:100%;float:none;padding-top:30px;}
.solutionlistthreeright img{display:block;max-width:100%;width:auto;}
.solutionlisttitle em{font-size:24px;}
.solutionlisttitle em span{font-size:26px;}
.solutionlistfiveleft{width:100%;float:none;}
.solutionlistfiveleft li:nth-child(1){width:48%;margin:0 1% 20px 1%;}
.solutionlistfiveleft li:nth-child(2){width:48%;margin:0 1% 20px 1%;}
.solutionlistfiveleft li:nth-child(3){width:48%;margin:0 1% 20px 1%;}
.solutionlistfiveleft li:nth-child(4){width:48%;margin:0 1% 20px 1%;}
.solutionlistfivenone{width:100%;float:none;}
.solutionlogoimg2{display:none}
.solutionlistfiveleftbg{display:none}
.solutionlistfive{background:none}
.solutionlistfiveright{width:calc(100% - 40px);background:#008ed6;float:none;padding:20px;margin-top:20px;}
.solutionlistfivecot{padding:20px 0 0 0;}
.kefu{top:30%;}
}
@media screen and (max-width:1100px) {
.cotoneright p{font-size:14px;}
.shuju em{font-size:50px;}
.shuju2 em{font-size:50px;}
.abouttwo li em{font-size:50px;}
.shuju i{padding-top:30px;}
.shuju2 i{padding-top:30px;}
.aboutoneright h2{font-size:36px;}
.aboutoneright2 h2{font-size:36px;}
.aboutoneright3 h2{font-size:36px;}
.contactboxonelefttitle h2{font-size:36px;}
.abouttwo h3{font-size:36px;}
.aboutthreetitleleft h3{font-size:36px;padding-top:5px;}
.aboutthreetitleright{padding-top:10px;}
.aboutthreetitleright a{font-size:14px;}
.aboutoneright h2 em{font-size:46px;top:0;}
.aboutoneright2 h2 em{font-size:46px;top:0;}
.aboutoneright3 h2 em{font-size:46px;top:0;line-height:46px;}
.contactboxonelefttitle em{font-size:46px;top:0;}
.aboutthreetitleleft em{font-size:46px;top:0;}
.aboutoneright h3{font-size:30px;}
.aboutoneright2 h3{font-size:30px;}
.aboutoneright3 h3{font-size:30px;}
.aboutoneright p{font-size:15px;line-height:36px;}
.jj{padding-top:30px;}
.abouttwo img{max-width:30%}
.solutionlisttitle{padding-bottom:20px;}
.solutionlistthree{padding:30px 0;}
.solutionlistfour{padding:30px 0;}
}
@media screen and (max-width:1000px) {
.aboutone{padding:55px 0 45px 0;}
.aboutthree{padding:55px 0 45px 0;}
.tjnewslistbox img{width:100%;float:none;}
.tjnewslistboxtext{width:100%;float:none;}
.tjnewslistboxtext p{margin:15px 0;}
}
@media screen and (max-width:900px) {
.solutionlistfiveleft li img{width:100%;}
.cotoneleft{width:100%;float:none;padding-bottom:0;}
.cotoneright{width:100%;float:none;padding-top:20px;padding-bottom:50px;}
.cotonelefttext{padding:60px 0 30px 0;}
.cotonelefttext{text-align:center}
.cotonelefttext h2{font-size:46px;text-align:center;}
.cotonelefttext h3{font-size:36px;text-align:center;margin:0px 0;}
.cotonelefttext p{text-align:center}
.cottwolefttext h2{font-size:46px;text-align:center;width:100%;display:block;}
.cottwolefttext h3{font-size:36px;text-align:center;width:100%;display:block;}
.cottwolefttext p{text-align:center}
.cotthreelefttext h2{font-size:46px;text-align:center;width:100%;display:block;}
.cotthreelefttext h3{font-size:36px;text-align:center;width:100%;display:block;}
.cotthreelefttext p{text-align:center;line-height:20px;font-size:14px;margin-top:10px;}
.cotthree{padding:60px 0 30px;}
.cotfour{padding:60px 0 30px;}
.cotthreelefttext{padding-bottom:10px;}
.slide h3{font-size:14px;}
.cotonelefttext .learn{width:148px;display:block;margin:20px auto;}
.cotoneline{display:none}
.cotoneimg{text-align:center;width:100%;display:block;padding-top:30px;margin-bottom:0;}
.cotoneimg a{display:inline-block;float:none;margin:0 5px;max-width:calc(50% - 10px)}
.cotoneimg a img{display:block;max-width:100%}
.yc{display:none !important}
.cotonelogo{display:none}
.slide.active{flex:10;}
.slide h3{display:none}
.slide{margin:3px;}
.slide i{display:none}
.slide.active h3{display:block}
.slide.active i{display:none}
.nybannertext{margin-top:70px;}
.nybannertext em{font-size:31px;}
.nybannertext p{font-size:25px;}
.aboutoneleft{width:100%;float:none;}
.aboutoneright{width:100%;float:none;padding-top:20px;}
.aboutoneleft li{width:31.33%;float:left;padding:0 1% 20px 1%;text-align:center}
.aboutoneleft li p{font-size:14px;line-height:20px;padding-top:10px;}
.shuju em{text-align:center;width:100%;line-height:50px;}
.shuju i{text-align:center;width:100%;padding:0;}
.abouttwo{padding:50px 0;}
.abouttwo li p{font-size:20px;}
.abouttwo li span{font-size:16px;}
.contactboxoneleft{width:100%;float:none;}
.contactboxoneright{width:100%;float:none;}
.contactboxoneleft li{margin:20px 0;}
.lybox li{margin:20px 0;}
.contactboxonelefttitle{padding-bottom:10px;}
.newsdetailleft{width:100%;float:none;}
.newsdetailright{width:100%;float:none;padding-top:10px;}
.whitebg{display:none}
.newsdetailmorebox a{width:98%;float:none;padding:5px 0;}
.newsdetailmorebox a:last-child{text-align:left !important}
.newsdetailright li{padding:5px 0 10px 0;margin-bottom:10px;}
.newsdetailright li em{padding:5px 0;}
.downloadlist li em{font-size:18px;}
.downloadtjbox li em{font-size:18px;}
.downloadlist li{padding:20px 20px 50px 20px;}
.downloadtjbox li{padding:20px 20px 50px 20px;}
.downloadtcbox h2{font-size:25px;}
.downloadtcbox{width:90%;margin-top:5%;}
.downloadtcbg span{width:35px;height:35px;margin:40px auto;display:block;color:#fff;font-size:24px;text-align:center;line-height:35px;border:2px solid #fff;border-radius:50%;}
.downhuoqu{font-size:16px;margin-top:10px;width:80%;}
.downloadboxleft{width:100%;float:none;position:static;}
.downloadboxright{width:100%;float:none;margin-top:0;}
.downloadcontact{display:none}
.downloadtjboxmore em{font-size:20px;}
.productlist li em{font-size:16px;}
.productlist2 li em{font-size:16px;}
.zxproductlist2 li em{font-size:16px;}
.productdetailsoneright h2{font-size:24px;text-align:center}
.prozx{margin:20px 0;text-align:center;width:100%;}
.prozx a{margin-left:0;}
.tjpro{text-align:center}
.solutionlistone{padding:30px 0;}
.solutionlisttwo{padding:30px 0;}
.solutionlisttwoleft li h2{font-size:17px;}
.solutionlisttwoleft li i{font-size:14px;line-height:20px;}
.solutionlistthreeright li h2{font-size:17px;}
.solutionlistthreeright li i{font-size:14px;line-height:20px;}
.solutiontijiaobox a{font-size:14px;padding:10px 20px;}
.downloadtcbox li input{font-size:14px;}
.downloadtcbox label{width:100px;font-size:14px;}
}
@media screen and (max-width:800px) {
.abouttwo img{margin:0 auto;}
.abouttwo h3{text-align:center;padding-bottom:20px;}
.abouttwo li{width:100%;float:none;margin-bottom:20px;}
.abouttwo{background:url('../images/aboutpic3.png') no-repeat 50% center #008ed6;background-size:auto 100%;}
.downloadboxleftone ul{padding-bottom:10px;}
.downloadboxleftone ul{margin-top:0;}
}
@media screen and (max-width:750px) {
.downloadtjboxmore em{font-size:18px;}
.newsdetailbox2 h2{width:94%;padding:0 3%;}
.newsdetailboxtext{width:94%;padding:0 3%;}
.downloadtjbox{width:94%;padding:0 3%;}
.textinfor2{width:94%;padding:10px 3%;}
.downloadbtn{font-size:15px;}
.downloadbtn span{font-size:18px;}
.downloadboxleftone h3{padding-bottom:10px;}
.downloadboxleftone li{padding:10px 0;font-size:15px;}
.downloadboxleftone li span{font-size:20px;}
.pc{display:none !important;}
.pcflex{display:none !important;}
.wap{display:block !important;}
.swiper-pagination-bullet{width:10px !important;height:10px !important;}
.indexnewstitle em{font-size:20px;}
.cotfourtwo li{padding-bottom:25px;}
.cotfourtexttjbox em{font-size:15px;}
.cotfourtext li em{font-size:15px;}
.cotfourtwo li em{font-size:15px;}
.shuju em{font-size:40px;line-height:40px;}
.shuju2 em{font-size:40px;line-height:40px;}
.abouttwo li em{font-size:40px;line-height:40px;}
.shuju i{font-size:17px;}
.shuju2 i{font-size:17px;}
.aboutone{padding:35px 0 35px 0;}
.aboutthree{padding:35px 0 35px 0;}
.aboutoneright h2{font-size:28px;}
.aboutoneright2 h2{font-size:28px;}
.aboutoneright3 h2{font-size:28px;}
.contactboxonelefttitle h2{font-size:28px;}
.abouttwo h3{font-size:28px;}
.aboutthreetitleleft h3{font-size:28px;}
.aboutoneright h2 em{font-size:36px;top:0;}
.aboutoneright2 h2 em{font-size:36px;top:0;}
.aboutoneright3 h2 em{font-size:36px;top:0;}
.aboutthreetitleleft em{font-size:36px;top:0;}
.contactboxonelefttitle em{font-size:36px}
.aboutoneright h3{font-size:20px;padding-bottom:10px;}
.aboutoneright2 h3{font-size:20px;padding-bottom:10px;}
.aboutoneright3 h3{font-size:20px;padding-bottom:10px;}
.aboutoneright p{font-size:14px;line-height:30px;}
.abouttwo li p{font-size:18px;}
.honorbox img{margin:0 auto;}
.aboutthreetitleleft{width:100%;float:none;}
.aboutthreetitleright{width:100%;float:none;text-align:center}
.aboutthreetitleleft em{width:100%;float:none;text-align:center}
.aboutthreetitleleft h3{width:100%;float:none;text-align:center;padding:10px 0;}
.zsm{font-size:14px;padding-top:10px;}
.lichengbox{padding-top:30px;}
.shuju2{padding-bottom:20px}
.shuju2 i{padding-top:15px;}
.lichengboxright p{font-size:14px;line-height:30px;}
.lichengboxleft li{font-size:20px;margin-bottom:20px;}
.lichengboxright{width:calc(100% - 210px);}
.tjnewslistboxtext em{font-size:16px;line-height:22px;}
.tjmore{padding-top:10px;}
.tjmore span{font-size:35px;}
.newslistbox li em{font-size:16px;line-height:22px;height:44px;white-space:normal;font-weight:normal;}
.newslistbox{margin:20px 0;}
.newsdetailbox h2{font-size:20px;line-height:30px;}
.newsdetailbox p{font-size:14px;line-height:26px;}
.newsdetailbox2 h2{font-size:20px;line-height:30px;}
.newsdetailbox2 p{font-size:14px;line-height:26px;}
.textinfor{padding:10px 0;}
.downloadlist li{width:calc(100% - 42px);float:none;margin:0 0 20px 0;}
.downloadtjbox li{width:calc(100% - 42px);float:none;margin:0 0 20px 0;}
.downloadlist li em{font-size:16px;margin-bottom:10px;}
.downloadtjbox li em{font-size:16px;margin-bottom:10px;height:auto;}
.tjpro{font-size:22px}
.tjpro2{font-size:22px}
.nybanner{background-position:center top !important}
.solutionlistoneright p{margin:10px 0;}
.solutionlistoneright em{font-size:20px;}
.solutionlisttwoleft em{font-size:20px;}
.solutionlisttitle em{font-size:20px;}
.solutionlistoneright p{font-size:14px;}
.solutionlistoneright li{width:32.33%;margin-right:0;margin-bottom:20px;}
.solutionlistoneright li:last-child{margin-right:0;}
.solutionlistoneright li:nth-child(3n-1){margin:0 1.5% 20px 1.5%;}
.solutionlisttwoleft{padding-top:20px;}
}

@media screen and (max-width:550px) {
.downloadtcbox h2{font-size:20px;}
.downloadtcbox li{width:100%;float:none;margin:10px 0 !important;}
.downloadtcbox li input{font-size:14px;line-height:30px;}
.solutionlistoneright{padding-top:15px;}
}

@media screen and (max-width:500px) {
.cotonelefttext h2{font-size:36px;text-align:center;line-height:36px;}
.cotonelefttext h3{font-size:26px;text-align:center;margin:0px 0;line-height:36px;}
.cottwolefttext{padding-top:20px;}
.cottwolefttext h2{font-size:36px;text-align:center;line-height:36px;}
.cottwolefttext h3{font-size:26px;text-align:center;margin:0px 0;line-height:36px;}
.cotthreelefttext h2{font-size:36px;text-align:center;line-height:36px;}
.cotthreelefttext h3{font-size:26px;text-align:center;margin:0px 0;line-height:36px;}
.cottwotab li{padding:10px 10px;width:calc(100% - 20px);}
.cottwotabright em{font-size:15px;}
.indexcontactone{width:100%;margin:0 0 20px 0px;padding:0;float:none;}
.aboutoneright h2{font-size:24px;}
.aboutoneright2 h2{font-size:24px;}
.aboutoneright3 h2{font-size:24px;}
.contactboxonelefttitle h2{font-size:24px;}
.abouttwo h3{font-size:24px;}
.aboutthreetitleleft h3{font-size:24px;}
.aboutoneright h2 em{font-size:30px;top:0;}
.aboutoneright2 h2 em{font-size:30px;top:0;}
.aboutoneright3 h2 em{font-size:30px;top:0;}
.aboutthreetitleleft em{font-size:30px;top:0;}
.contactboxonelefttitle em{font-size:30px;}
.shuju i{font-size:15px;}
.shuju2 i{font-size:15px;}
.shuju em{font-size:30px;line-height:30px;}
.shuju2 em{font-size:30px;line-height:30px;}
.abouttwo li em{font-size:30px;line-height:30px;}
.lichengboxleft{width:calc(100% - 20px);float:none;padding:10px 10px 5px 10px;text-align:center}
.lichengboxleft li{width:auto;float:none;display:inline-block;margin:0 5px;font-size:18px;}
.lichengboxright{width:100%;float:none;margin:20px 0;padding:0;}
.lichengbox{padding-top:15px;}
.indexcontacttext{font-size:14px;}
.lybox li input{font-size:14px;}
.handinbox a{font-size:14px;}
.downloadtcbox h2{font-size:18px;}
.downloadtcbox{width:96%;margin-top:10%;}
.downloadtcbg span{width:30px;height:30px;margin:40px auto;display:block;color:#fff;font-size:20px;text-align:center;line-height:30px;border:2px solid #fff;border-radius:50%;}
.downhuoqu{font-size:14px;margin-top:10px;width:90%;}
.productlist li em{font-size:14px;}
.productlist li{width:calc(49% - 20px);padding:10px 10px;position:relative;margin-bottom:30px;float:left;background:#ffffff}
.productlist2 li em{font-size:14px;}
.productlist2 li{width:calc(49% - 22px);padding:10px 10px;position:relative;margin-bottom:30px;float:left;background:#ffffff}

.zxproductlist2 li em{font-size:14px;}
.zxproductlist2 li{width:calc(49% - 22px);padding:10px 10px;position:relative;margin-bottom:30px;float:left;background:#ffffff}

.productdetailsoneright li{width:98%;float:none;}
.productdetailsoneright h2{font-size:20px;}
}

@media screen and (max-width:400px) {
.productdetailsoneright h2{font-size:18px;}
.logo img{width:150px;}
#menu .mbox{width:25px;height:25px;}
#menu li{font-size:13px;}
#menu .mbox ul:nth-child(3){top:70px;}
.footeroneleft img{width:150px;}
.cotonelefttext h2{font-size:26px;text-align:center;line-height:30px;}
.cotonelefttext h3{font-size:18px;text-align:center;margin:0px 0;line-height:30px;}
.cottwolefttext{padding-top:20px;}
.cottwolefttext h2{font-size:26px;text-align:center;line-height:30px;}
.cottwolefttext h3{font-size:18px;text-align:center;margin:0px 0;line-height:30px;}
.cotthreelefttext h2{font-size:26px;text-align:center;line-height:30px;}
.cotthreelefttext h3{font-size:18px;text-align:center;margin:0px 0;line-height:30px;}
.indexnewstitle em{font-size:17px;}
.indexnewstitle a{padding-top:0;}
.newslistbox li{width:calc(100% - 22px);float:none;margin:0 0 10px 0;padding:10px;}
.newslistbox li:nth-child(3n-1){margin:0 0 10px 0;}
.productlist li{width:calc(100% - 20px);padding:20px 10px;position:relative;margin-bottom:30px;float:none;background:#ffffff}
.productlist li:nth-child(3n - 1){margin:0 0 30px 0;}
.productlist li:nth-child(2n){margin:0 0 30px 0;}
.productlist2 li{width:calc(100% - 22px);padding:20px 10px;position:relative;margin-bottom:30px;float:none;background:#ffffff}
.productlist2 li:nth-child(3n - 1){margin:0 0 30px 0;}
.productlist2 li:nth-child(2n){margin:0 0 30px 0;}

.zxproductlist2 li{width:calc(100% - 22px);padding:20px 10px;position:relative;margin-bottom:30px;float:none;background:#ffffff}
.zxproductlist2 li:nth-child(3n - 1){margin:0 0 30px 0;}
.zxproductlist2 li:nth-child(2n){margin:0 0 30px 0;}

.solutionlistoneright em{font-size:18px;}
.solutionlisttwoleft em{font-size:18px;}
.solutionlisttitle em{font-size:18px;}
.solutionlisttwoleft li h2{font-size:14px;}
.solutionlistthreeright li h2{font-size:14px;}
.solutionlistfiveleft li p{font-size:14px;}
.logo img{width:150px;}
.head{height:70px;}

}