@font-face {
  font-family: "iconfont"; /* Project id 3734761 */
  src: url('iconfont.woff2?t=1666924860364') format('woff2'),
       url('iconfont.woff?t=1666924860364') format('woff'),
       url('iconfont.ttf?t=1666924860364') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-sanjiaoxing:before {
  content: "\e620";
}

.icon-shichangdongtai:before {
  content: "\e6ee";
}

.icon-wodechanpin:before {
  content: "\e679";
}

.icon-remenx:before {
  content: "\e606";
}

.icon-caidan:before {
  content: "\e65f";
}



@charset "utf-8";
.main-width{max-width:92%;margin:0 auto;}
.main-width2{max-width:78%;margin:0 auto;}
.secd-width{max-width:92%;margin:0 auto;}
.other-banner{position:relative;overflow:hidden;}
.other-banner img{width:100%;height:auto;}
.other-banner h1{position:absolute;left:0;top:50%;width:100%;line-height:2vw;margin-top:-1vw;font-size:1.875vw;color:#fff;text-align:center;}
.a-point{position:relative;display:block;height:0;top:-7vw;}


.top{height:auto; }
.top .info{height:auto; background: #ececec;border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;box-sizing:border-box;}
.top .info .way{padding:0.5% 0;}
.top .info .way p{font-size: 14px;color: #666; display: inline-block;}
.top .info .way p a{color: #666; }
.top .info .way p a:hover{color:#004098}

.t_topright{float: right;}
.languages { float:right;color:#666;}
.languages a { color:#666;}
.languages a:hover { color:#004098; text-decoration:underline;}
.t_topright_tel{float: right;color: #fff;background: url(../images/t_ico1.gif) no-repeat 0 6px;padding: 0 34px 0 34px;}
.t_topright_tel b{color: #004098;font-size: 20px;font-family: Arial;}


.language{ float:right;display:inline-block; vertical-align:middle; font-size:14px; color:#004098; text-transform: uppercase; padding-left:25px; background:url(../images/icon_language.png) no-repeat left center/18px auto; position:relative; margin-left:1vw;}
.language .t{ display:block; padding-right:10px; background:url(../images/jt1.png) no-repeat right center; }
.language .aBox{ width:100%; border:1px solid #dfdfdf; text-align:center; background:#fff;  display: block; margin-top:0px; position:absolute; right:0; top:100%; background:#fff; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transition:opacity .3s,margin .3s; -webkit-transition:opacity .3s,margin .3s; -ms-transition:opacity .3s,margin .3s; -moz-transition:opacity .3s,margin .3s; -o-transition:opacity .3s,margin .3s;}
.language .aBox::before{ position: absolute; left:0; bottom:100%; content:""; width:100%; height:5px; background:url(../images/jt4.png) no-repeat center; }
.language:hover .aBox{z-index: 9999; margin-top:0;  display: block; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); }
.language .aBox a{ display:block; font-size:14px; line-height:32px; color:#555; box-sizing: border-box;}
.language .aBox a+a{ border-top:1px solid #eeeeee; }
.language .aBox a:hover{ color:#004098; background:#eef1f6;}


/*header*/
.hea_bc {width: 100%; margin:1% 0; overflow: hidden;}
.hea_c {margin: 0 auto;}
.hea_lc {width: 73%; float: left;}
.hea_logo {display: flex; align-items: center; }
.hea_logo img{height: 55px}
.hea_lc>ul {display: flex; margin-left:30px; }
.hea_lc>ul>li {display: flex; align-items: center; padding: 0 30px;position:relative;}
.hea_lc>ul>li:before{content:'';width:1px;height:58px;background:#ededed;position:absolute;top:calc(50% - 29px);left:0;}
.hea_logo i {font-size: 16px; margin: 0 2%; border-left: 1px solid #e6e6e6; padding-left: 2%; line-height: 26px;}
.hea_logo i b {display: block; font-size:21px; font-weight: normal;}
.hea_lc>ul>li+li {border-left: none; }
.hea_lc>ul>li i {font-size: 14px; color: #666; line-height: 18px; margin-left: 10px; }
.hea_lc>ul>li:nth-child(1) i{min-width: 54px;}
.hea_lc>ul>li:nth-child(2) i{min-width: 57px;}
.hea_lc>ul>li:nth-child(3) i{min-width: 72px;}
.hea_rc{float: right; width: 18%}
.hea_rc ul{ margin-bottom: -4%}
.hea_rc li{font-size: 16px;color: #666; margin-bottom:4%}
.hea_rc li:nth-of-type(1){ background:url(../images/t_ico2.png) no-repeat center left; padding-left:15%;}
.hea_rc li:nth-of-type(2){ background:url(../images/t_ico.png) no-repeat center left; padding-left:15%;  font-weight: 600}

.g_navbox{background: url(../images/topbg.jpg) repeat-x center top;}
.g_nav{height: 67px; line-height: 67px;}
.g_nav li{position: relative; float: left; font-size: 16px; margin-top: 7px; width: 9%; text-align: center;}
.g_nav li>a{display: block; color: #fff; line-height: 60px; text-decoration: none;}
.g_nav li a:hover, .g_nav .cur a{color: #fff; background: #004098;}
.g_nav .lastli{background: none;}
.g_nav .home a{background-image: url(../images/home.png); background-repeat: no-repeat; background-position: 0 15px; margin-right: 5%;}
.g_nav .home a:hover{background-image: url(../images/home.png); background-repeat: no-repeat; background-position: 0 15px; /*padding: 0 7px 0 28%; */margin-right: 5%;}
/*导航*/
.navmain{ height:40px; position:relative; width:100%; }
#nav_all{height:40px; margin:0 auto; line-height:40px; position:relative; z-index:222;}
#nav_all .nav_li{ float:left;text-align:center;}
#nav_all .nav_li:hover{background: #004098;}
.nav_li .nav_a{background: #004098; color: #fff}
.nav_li .nav_a .hover{background: #004098; color: #fff}
.ul_er{display:none;position: absolute;z-index: 99;background: #444;top: 60px;width:100%;}
.ul_er dd{ line-height:40px; height:40px; font-size:14px;width: 100%;}
.ul_er dd a{height:40px; line-height:40px; padding: 0px 10px;color:#fff; font-weight:normal; display:block; cursor:pointer; white-space:nowrap;}
.ul_er dd:hover{ background:#004098;}
.ul_er dd a:hover { margin:0px auto; height:40px; line-height:40px;}
#nav_all .active{ height:40px;}
#nav_all .active .nav_a{ background:#727071;}





.page{text-align:center;clear:both;}
.page ul{display:inline-block;}
.page ul li{float:left;margin:0 5px;}
.page ul li a{display:block;line-height:36px;padding:0 14px;background-color:#ccc;}
.page ul li.thisclass a{background-color:#45a8fc;color:#fff;}
.page ul li a:hover{background-color:#45a8fc;color:#fff;}


.sp_header, .sjj_nav{display: none;}

.banner{width:100%; position: relative;}
.banner .swiper-pagination-yi{position: absolute;bottom:20px;z-index: 1000;text-align: center;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-slide .m{display: none;}
.banner .swiper-pagination-yi .swiper-pagination-bullet{margin:0 5px;}
.banner .swiper-pagination-bullet{width: 11px;height: 11px;background: none;border-radius: 10px;border:1px solid #00a5ea;background: #00a5ea;}
.banner .swiper-pagination-bullet-active{background: #e4007f;opacity: 1;border:1px solid #e4007f;}
.banner .swiper-slide video{width: 100%;}


.banner_slideitemtxt{position: absolute; top:40%; left:8%; width: 100%; height: 100%; transform: translateY(-50%);}
.banner_slideitemtxt_box{height: 100%; display: flex; align-items: center;}
.banner_boxtxt{transform: translateX(30%);visibility: hidden;opacity: 0;transition-duration: 1.2s;}
.banner .swiper-slide-active .banner_boxtxt{transform: translateX(0%);visibility: visible;opacity: 1;}
.banner_boxtxth .ppbt{font-size:70px; color:#fff; font-weight:700;text-transform: capitalize; word-break: break-all; text-shadow: 0 1px 2px rgba(0, 0, 0, .4); line-height:50px;}
.banner_boxtxtp{margin-top: 5%;}
.banner_boxtxtp p{font-size:20px; line-height: 28px; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, .4);}
.banner_boxtxta{margin-top: 70px;}
.banner_boxtxta .banner_boxtxta_box{display: flex; align-items: center; width: 152px; height: 46px; background-color: #ff7100; justify-content: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;}
.banner_boxtxta_box span{color: #fff; text-transform: capitalize; font-size: 14px;}
.banner_boxtxta_box i{margin-top: 2px; margin-left: 5px; color: #fff;}
.banner_dw{position: absolute; left: 0; bottom: 0; width: 100%; height: 200px; background-color: #ff7100; z-index: 10;}
.bannerglbox{position: relative; height: 78px; padding: 0 30px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); border-radius: 0; background-color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; z-index: 10; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%);}
.bannerglbox.on{transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;}
.bannerglbox_l{width: 45%; display: flex; align-items: center;}
.bannerglbox_ldq{font-family: 'Aria'; font-size: 20px; color: #333333;}
.bannerglbox_lx{width: 1px; height: 16px; background-color: #c5c5c5; margin: 0 8px; transform: rotate(20deg); -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg);}
.bannerglbox_lzs{font-family: 'Aria'; font-size: 20px; color: #c5c5c5;}
.bannerglbox_lp{margin-left: 25px; text-transform: capitalize;}
.bannerglbox_c{width: 10%; display: flex; justify-content: center; cursor: pointer;}
@keyframes rotate{0%{transform: translateY(0)} 25%{transform: translateY(5px)} 50%{transform: translateY(10px) scale(1.1, .9)} 75%{ransform: translateY(5px)} 100%{transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0);}}


/*加工范围*/

.inbtny{text-align: center; overflow: hidden; margin-bottom:2%}
.inbtny_cn{font-size: 40px; color: #004098; font-weight: 600; margin-top:0px; line-height: 45px}
.inbtny_en{font-size: 16px; color: #555; margin:0.2% 0; text-transform:uppercase}
.inbtny_img{margin-top: 0px; display: inline-block;}

.i1_ne {padding:3% 0;position: relative;z-index: 3;}
.i1_ne .itp .ilt {width: 100%;float: left;}
.i1_ne .itp .ilt img {display: block;max-width: 100%;}
.i1_ne .itp .irt {width: 66%;float: right;text-align: justify;}
.i1_ne .itp .irt .itc {line-height: 2;color: #555;}
.i1_ne .itp .irt .ul1 {padding-top: 50px;}
.i1_ne .itp .irt .ul1 li {width: 33.33%;float: left;color: #888;padding-left: 50px;border-left: 2px solid #dbdbdb;}
.i1_ne .itp .irt .ul1 li .num {font-weight: bold;color: #da251d;font-size: 60px;margin-bottom: 25px;font-family: arial;}
.i1_ne .itp2 {margin: 30px 0 50px;color: #666;}
.i1_ne .itp .ilt{width: 100%;float: left;color: #4c4c4c; line-height: 1.85;}
.i1_ne .itp .ilt .en{color: #999;margin: 14px 0 46px;}
.i1_ne .ibt .swiper3 {}
.i1_ne .ibt .swiper3 .scrollbar3 {display: none;}
.i1_ne .ibt .swiper3 .swiper-slide {width: 23%;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s; margin-right: 2%}
.i1_ne .ibt .swiper3 .swiper-slide * {-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.i1_ne .ibt .swiper3 .swiper-slide .sbox {position: relative;overflow: hidden;padding:0;}
.i1_ne .ibt .swiper3 .swiper-slide .sbox a {display: block;}
.i1_ne .ibt .swiper3 .swiper-slide .sbox a img {display: block;width:100%; border: 1px solid #e0e0e0;}
.i1_ne .ibt .swiper3 .swiper-slide .sbox .txt {display:none; position: absolute; width: 100%; padding:5%;left: 50%;top:50%; z-index: 2; 
  background: rgba(0,0,0,0.7); height: 100%; box-sizing: border-box; text-align: center; transform: translate(-50%,-50%);}
.i1_ne .ibt .swiper3 .swiper-slide .sbox .txt .ipbt{font-size: 18px; color:#fff;}
.i1_ne .ibt .swiper3 .swiper-slide .sbox .txt .zi{font-size: 14px; line-height: 25px;text-overflow: ellipsis; color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.i1_ne .ibt .swiper3 .swiper-slide .sbox .txt .more {display: block;width: 120px;line-height: 36px;background: #da251d;color: #fff;text-align: center;}
.i1_ne .ibt .swiper3 .swiper-slide:hover .sbox .txt {
  display:flex;flex-wrap:wrap;align-items: center; width: 100%; height: 100%;justify-content: center;  transition: all .4s ease
}
.i1_ne .ibt .swiper3 .swiper-slide:hover .sbox a img {border: 1px solid #00b2e2;}
.i1_ne .ibt .swiper3 .swiper-slide .sbox .txt .stc {margin: 10px 0 50px;}
.i1_ne  .prev3 {width: 70px;height: 70px;background-image: url(../images/1_11.png);left: 0%;margin-top: 2%;background-size: 54px;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.i1_ne  .next3 {width: 70px;height: 70px;background-image: url(../images/1_12.png);right: 0%;margin-top: 2%;background-size: 54px;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.i1_ne  .prev3:hover {background-image: url(../images/1_11_1.png);}
.i1_ne  .next3:hover {background-image: url(../images/1_12_1.png);}
.i1_ne .ibt .swiper3 .swiper-slide .sbox .txt2{position: absolute; width: 100%; padding:5%; font-size: 18px; text-align: center; color: #fff;left: 0%;bottom:0%; background: rgba(0,64,152,0.8);}
.i1_ne .ibt .swiper3 .swiper-slide:hover .sbox .txt2{display: none;}


.indexpro{padding:3% 0;overflow: hidden; background:#F7F7F7 }
.prolists{margin-top: 25px}
.prolist{width: 20%; float: left;}
.prolist ul{border: 1px solid #e4e4e4;padding:2% 5% 0; overflow: hidden;}
.prolist .lpbt{background: #004098 url("../images/pico1.png")no-repeat 32px center;padding:8% 25%; color: #fff;font-size: 20px;font-weight: bold; box-sizing: border-box;}
.prolist ul li{line-height:55px; border-bottom: 1px solid #eee;font-size: 15px;color: #555;background: url("../images/pico3.jpg")no-repeat left center;padding-left: 30px;}
.prolist ul li a{display: block;}
.prolist ul li:last-child{border: none;}
.prolist ul li:hover a{color: #004098;}
.cinfo{padding:4%; background: #004098; box-sizing: border-box;}
.cinfo p{font-size: 16px; line-height:28px; color: #fff}
.cinfo b{display: block; font-family: "Arial"; font-size: 28px; font-weight: bold; color: #fff; line-height: 30px; margin-top: 4px;}

.insolution-right{}




.inpro{width: 100%;padding: 3% 0;box-sizing: border-box;background: #F7F7F7;overflow: hidden;}
.product_list{overflow: hidden;}
.product_list ul{margin-right: -2%;display: flex;flex-flow: wrap;flex-direction: row;margin-bottom: -2%}
.product_list ul li{width:23%;margin-right: 2%;margin-bottom: 2%;background: #FFF;box-shadow: 0 0px 1px rgba(0,0,0,.15);border-radius: 10px;}
.product_list ul li a{padding:5%;display: block; box-sizing: border-box;}
.product_list ul li::before{content: "";position: absolute;left: 0;right: 0;width: 20%;margin: 0 auto;height: 2px;background: #004098;opacity: 0;transition: all .5s;bottom: 0;}

.product_list ul li .info{margin:5% 0 0;}
.product_list ul li .info p.title{font-size:16px;color: #232323;line-height:24px; text-align: center; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.product_list ul li .info p.subtitle{font-size:16px;color: #999;height: 50px;line-height: 25px;}
.product_list ul li .show{overflow: hidden;}
.product_list ul li .show img{width: 100%; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s;}
.product_list ul li:hover .show img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.product_list ul li:hover .info p.title{color: #004098;}
.product_list ul li:hover::before{opacity: 1;width: 80%;}
.yd-5{transition:all .5s;}
.relative{position: relative}
.ov{overflow: hidden;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.product_list ul li .info2{display:none; position: absolute; width: 100%; padding:5%;left: 50%;top:50%; z-index: 2; 
  background: rgba(0,0,0,0.7); height: 100%; box-sizing: border-box; text-align: center; transform: translate(-50%,-50%);  color:#fff}
.product_list ul li:hover .info2{display:flex;flex-wrap:wrap;align-items: center; width: 100%; height: 100%;justify-content: center;  transition: all .4s ease
 color:#fff; line-height: 22px;}

.more2{margin:2% auto 0 auto; text-align: center;}
.more2 a{font-size: 16px;color: #fff; background: #004098; padding:1% 3%;border-radius:30px;display: inline-flex;justify-content: center;align-items: center;}
.more2 a:hover{color: #fff;}


.moshi { overflow:hidden; width:100%; height:auto; background-color:#eee; padding:3% 0;}
/*.moshi h3{ text-align:center; font-size:30px; color:#d50606; margin-top:55px;}
.moshi span{ display:block; text-align:center; font-size:16px; color:#bebebe; margin-top:5px; margin-bottom:15px;}
.moshi p{ text-align:center; font-size:16px; color:#666; margin-bottom:35px;}*/
.moshi .menu { overflow:hidden; margin:0 auto; height:auto;}
.moshi .menu li{ float:left; width:20%; height:auto; text-align:center; font-size:16px; color:#dfdfdf; line-height:55px;}
.moshi .menu li.li01{ background-color:#363434}
.moshi .menu li.li02{ background-color:#201f1f}
.moshi .menu li.li03{ background-color:#363434}
.moshi .menu li.li04{ background-color:#201f1f}
.moshi .menu li.li05{ background-color:#363434}
.moshi .menu li.cur{ background-color:#004098; color:#fff;}
.moshi .moshibox{ overflow:hidden; width:auto; height:418px; padding-bottom:2%; margin:0 auto; background:url(../images/moshi_bg.png) no-repeat center bottom; position:relative}
.moshi .moshibox ul{ overflow:hidden; width:1000000000px; position:absolute; left:0; top:0}
.moshi .moshibox li{ overflow:hidden; width: 1484px; float:left; background:#fff}


.protext{overflow: hidden; margin: 3%; display: flex; justify-content:space-between; align-items: center;}
.protext_img{float:right;}
.protext_img img{max-width: 100%;}
.protext_right{width: 45%; float: left; font-size: 15px; line-height: 32px; color: #343434;  box-sizing: border-box;}
.str_tbt{display: flex;align-items: center;margin-bottom: 3%;}
.str_tbt i{width:88px;height:88px; text-align: center;line-height: 88px;background:url(../images/20211102140704_461132143.png) no-repeat;font-size: 42px;font-weight: bold;font-family: Arial;font-style: normal;color: #004098;}
.str_tbt .ysbt{margin-left:5%;}
.str_tbt .ysbt p{font-size:36px;font-weight:bold;margin-bottom:1%;}
.str_tbt .ysbt span{font-size:16px;color:#666;font-weight: normal; text-transform: uppercase;}
.str_tcon p{font-size:16px;color:#666;line-height:30px;padding-left:5%;position:relative;}
.str_tcon p+p{margin-top:1%;}
.str_tcon p:before{content:'';width:6px;height:6px;border:2px solid #004098;position:absolute;top:11px;left:0;}



.jjfa {padding:3% 0;background: #fff; overflow: hidden;}
.jjfa .titp i {background: #fff;color: #999;}
.jjfa .conleft {width: 20%;position: relative;z-index: 3; float: left;}
.jjfa .conleft .lbox {border: 1px solid #cccccc;padding:5.4% 0;transition: all 0.5s; margin-bottom:7%; background: #f7f7f7}
.jjfa .conleft .lbox a {display: block;transition: all 0.5s;}
.jjfa .conleft .lbox p {height: auto;padding-left: 4%;color: #333;transition: all 0.5s;}
.jjfa .conleft .lbox p span {display: block;font-size: 18px;}
.jjfa .conleft .lbox p i {display: block;font-size: 12px;text-transform: uppercase;}
.jjfa .conleft .lbox:first-child {margin-top: 0;}


.jjfa .conleft .lbox.cur {background: #004098;width: 120%;border-color: #004098;}
.jjfa .conleft .lbox.cur a {background: url(../images/jjfaicon11.png) no-repeat 92% center;}
.jjfa .conleft .lbox.cur p {color: #fff;border-right: 1px solid #7aa0ca;}
.jjfa .conright {width: 70%;height: auto;position: relative; float: right;}
.jjfa .conright .rbox {display: none;position: relative;}
.jjfa .conright .rbox.cur {display: block;}
.jjfa .conright .pImg img {display: block;width: 100%;height: auto;}
.jjfa .conright .boxmore {position: absolute;left: 0;bottom: 0;background:rgba(0,64,152,0.6);width: 100%;height: auto; padding:3%; box-sizing: border-box;}
.jjfa .conright .boxmore .p1 {font-size: 22px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; line-height: 45px}
.jjfa .conright .boxmore .p1 a {color: #fff;}
.jjfa .conright .boxmore .p2 {line-height: 28px; font-size:16px;}
.jjfa .conright .boxmore .p2 a {color: #fff;line-height: 28px; font-size:16px;}
.jjfa .conright .boxmore .p3 {width: 149px;border: 1px solid #fff;line-height:40px;border-radius: 5px;text-align: center;font-size: 15px;position: absolute;right: 19px;top: 26px;}
.jjfa .conright .boxmore .p3 a {display: block;color: #fff;}
.jjfa .conright .boxmore .p3:hover {background: #004098;border-color: #004098;}


/*xb1*/
.xb1{ background: url(../images/xb1_bg.jpg) no-repeat center; height: 200px;}
.xb1 .xb1_l{ float: left;}
.xb1 .xb1_l .gbt{font-size: 24px; color: #fff; padding-top: 6%; letter-spacing: 1px}
.xb1 .xb1_l .gbt em{ font-size:36px; color: #fff;}
.xb1 .xb1_l .gbt2{ font-size: 20px; color: #fff; line-height: 30px; font-weight: normal; margin-top: 3%}
.xb1 .xb1_f{ float: right; margin-top:3%;}
.xb1 .xb1_f .xb1_tel{ background: url(../images/xb1_tel_bg.png) left no-repeat; padding-left: 50px;}
.xb1 .xb1_f .xb1_tel p{ font-size: 16px; color: #fff;}
.xb1 .xb1_f .xb1_tel span{ font-size: 24px; color: #fff; line-height: 32px;}
.xb1 .xb1_f .xb1_zixun{ margin-top: 10px;}
.xb1 .xb1_f .xb1_zixun a .gbt3{ line-height: 40px; background: #ca0202; border-radius: 20px; text-align: center; color: #fff; font-size: 18px; letter-spacing: 6px;}
/*xb1*/



.hTitle{font-size:1.1rem; line-height:2.8rem;color:#fff; text-align:center;margin-bottom:3rem;}
.hTitle p{font-size:2.5rem;color:#fff;}
.hTitle span{color:#fff; font-weight:bold;}
.hTitle i{display: block;width: 80px;height: 5px;margin:12px auto; position: relative;}
.hTitle i::after,.hTitle i::before{content: '';display: block;position: absolute;width:20px; height:2px;top: 0;left: 0; border-radius:10px;}
.hTitle i::after{right: 0px;left: inherit;background:#0068bf;animation:allTitleAfter 3s infinite linear;}
.hTitle i::before{background:#0068bf;animation:allTitleBefore 3s infinite linear;}
.hTitle t{width:30px;height:2px;background:#333;margin:0 auto;display:block;animation:allTitleI 3s infinite linear; border-radius:10px;}


/**************************关于**************************/
.sy-about{ background:#f6f6f6; padding: 5% 0;}
.home-about { padding-top:10px; }
.home-about-pic { width: 45%; float: right;  margin-left: 0px; }
.home-about-pic video{width: 100%; height: 378px}
.home-about-pic img{width:100%;}
.home-about-text { width: 53%; float: left; }
.home-about-text p{ font-size: 16px; line-height: 26px; color: #333; padding: 0px 0 10px; }

.home-about-text dl dd { position: absolute; left: 0; bottom: 0; }
.home-about-text dl dd a { display: inline-block; width: 110px; height: 40px; font-size: 14px; line-height: 40px; color: #fff; background-color: #dd0004; text-align: center; margin-right: 10px; }
.home-about-text dl dd a:hover { background-color: #dd0004; }

.acont{overflow: hidden;padding-top:28px;}
.acont ul{margin-right: -2%}
.acont ul li{width: 148px; line-height: 44px; background: #212121; position: relative; margin-right:2%; float: left;}
.acont ul li a{display: block; padding-left: 30px; position: relative; font-size: 16px; color: #ffffff; background: url(../images/dyh.png) no-repeat right; background-position: 110px 17px; z-index: 99;}
.acont ul li::after{content: ""; position: absolute; display: block; width: 0; height: 44px; top: 0; background: #00a1e9; transition: all 0.8s;}
.acont ul li:hover::after{width: 100%;}

@media screen and (max-width: 720px) {
.sy-about{ padding: 20px 0;}
.home-about{ padding-top:0; }
.home-about-text{ float: none; width:100%; overflow:hidden; margin-top:10px;}
.home-about-text p{ font-size:14px; line-height:22px;}
.home-about-pic { float: none;width:100%;}
}
.learn a{display:block;width:145px;height:40px;line-height:40px;font-size:15px; margin-top:12px; text-decoration:none; border:1px solid #ddd;color:#666;background:#fff;text-align:center;position:relative;overflow: hidden;}
.learn a:before{content:"";position:absolute;width:145px;height:145px;top:50%;margin-top:-72.5px;left:50%;margin-left:-72.5px;background:#2379C3;transform:scale(0);transition:0.6s; opacity:0}
.learn a span{ position:relative}
.learn a:hover{ color:#fff}
.learn a:hover:before{transform:scale(1); opacity:1}

.khjz_bj{width:100%;  }
.khjz_dkj{position:relative;}
.khjz{  margin-top:0px;}
.khjz .item{ width:96%;  margin:0 2%; text-align:center; position:relative;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}

.khjz .item .cpzs_img{overflow:hidden;}
.khjz .item .cpzs_img img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.khjz .item .cpzs_img img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s; width: 100%}
.khjz .item .cpzs_wb{width:100%; height:100%; text-align:center; padding: 10px 30px; background:#fff;  }

.khjz .item .cpzs_wb .cpzs_wb_t{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-size:18px; font-weight:bold; padding:3% 0; }
.cpzs_wb_t-nr{text-align:left;margin:20px 0; color:#999; font-size:15px;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

.khjz .item:hover .cpzs_wb .cpzs_wb_b{ opacity:1;}

.owl-carousel .owl-wrapper:after{content: " ";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/
.owl-carousel{display:none; width: 100%;-ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon*/
.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
/* fix*/
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}

.owl-carousel .owl-controls{width:100%;  z-index:11;}
.owl-carousel .owl-controls .owl-buttons div{position:absolute; display:inline-block ;zoom: 1;*display:inline; width:40px; height:70px; font-size:12px; text-indent:-9999px; transition:.35s;  top:50%; margin-top:-35px;}
.owl-carousel .owl-controls .owl-buttons .owl-prev {background:url(../images/jtl02.png) center no-repeat; overflow:hidden; left:-50px;}
.owl-carousel .owl-controls .owl-buttons .owl-next {background:url(../images/jtr02.png) center no-repeat; overflow:hidden; right:-50px;}
.owl-carousel .owl-controls .owl-buttons .owl-prev:hover {background:url(../images/jtl03.png) center no-repeat; overflow:hidden; left:-50px;}
.owl-carousel .owl-controls .owl-buttons .owl-next:hover {background:url(../images/jtr03.png) center no-repeat; overflow:hidden; right:-50px;}

.owl-carousel .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.owl-carousel .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
.owl-carousel .owl-controls .owl-page span{display: block;width:10px; height:10px; margin: 5px 7px;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #869791;}
.owl-carousel .owl-controls .owl-page.active span,
.owl-carouselpzs .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1; background: #e46d22;}
.owl-carousel .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.owl-carousel .loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}
.owl-carousel .owl-pagination{display:none;}
@media screen and (max-width: 1600px){
.owl-carousel .owl-controls .owl-buttons .owl-prev {background:url(../images/jtl02.png) center no-repeat; overflow:hidden; left:-20px;}
.owl-carousel .owl-controls .owl-buttons .owl-next {background:url(../images/jtr02.png) center no-repeat; overflow:hidden; right:-20px;}
.owl-carousel .owl-controls .owl-buttons .owl-prev:hover {background:url(../images/jtl03.png) center no-repeat; overflow:hidden; left:-20px;}
.owl-carousel .owl-controls .owl-buttons .owl-next:hover {background:url(../images/jtr03.png) center no-repeat; overflow:hidden; right:-20px;}
}



.right{overflow: hidden;}
.right .about_bj{background: url(../images/aboutus.png) no-repeat left;width: 425px;height: 95px;}
.right .arbt{font-size:36px;color: #333;font-weight: bold;line-height: 50px; letter-spacing:0.5px}
.right .arbten{font-size: 24px; color: #555}
.right .hr{width: 42px;height: 4px;background: #004098;margin:2% 0;}
.right p{font-size: 16px;color: #333;line-height:28px;}
.right p span{font-size: 16px;color: #333;line-height: 28px;}
.right .more{margin-top:2%;}
.right .more a{font-size: 16px;color: #fff; background: #004098; padding:2% 8%;border-radius:30px;display: inline-flex;justify-content: center;align-items: center;}
.right .more a:hover{color: #fff;}

.index_about .pro_la_right{margin-top: 5%;}
.index_about .pro_la_right li{width: 25%;height: 100px; float: left;}
.index_about .pro_la_right_1{font-size: 20px;color: #4d4d4d;}
@font-face {
    font-family:'IMPACT';
    src: url(/lib/Font-Awesome/font/IMPACT.TTF);
  }
.index_about .pro_la_right_1 span{font-size: 69px;color: #333;opacity: 0.7; float: left;padding-left: 20%;font-family: 'IMPACT';}
.index_about .pro_la_right_1 em{margin-top: 10px;font-size: 18px;color: #4d4d4d;display: block;font-weight: bold;}
.index_about .pro_la_right_1 .tp4_2{float: left;font-size: 18px;margin-top: 25px; color: #4d4d4d;padding-left: 5px;}
.index_about .pro_la_right li p{font-size: 15px;line-height: 20px;color: #555555;width: 330px;padding-left: 20%;}
.index_about .pro_la_right li:nth-child(4) span{padding-left: 36%;}
.index_about .pro_la_right li:nth-child(4) p{padding-left: 36%;}








/**/
.g-news{ height: auto; box-sizing: border-box; background:#f7f7f7; padding:3% 0; overflow: hidden;position: relative;}
.news-tit{height: auto;overflow: hidden;margin-bottom: 3%;}
.tit01{text-align: left; }
.tit01 .ybt{font-size: 32px;color: #111111;font-weight:bold;position: relative; line-height: 60px;}
.tit01 a{color: #111111; }
.tit01 p{ font-weight: normal; display: block;font-size:14px;color: #666666;line-height: 36px;}

.news-tit .tit01{float: left;}
.news-tit2{float: right;margin-top:5%;height: auto;box-sizing: border-box;position: relative;text-align: right;}
.news-tit2 a{display: inline-block;font-size: 22px;height: 25px;line-height: 25px; color: #333333;padding-left: 32px;border-left: 1px dotted #808080;margin-left: 55px;}
.news-tit2 a.cur{border-left: 3px solid #004098;color: #004098;font-weight: bold;}
.news-con{overflow: hidden;}
.news1 dl{width:27%;height: auto;  overflow: hidden;position: relative;padding-top:7px;background:#ffff url(../images/news1bg.jpg) no-repeat;float: left;}
.news1 dt{ width:100%;position: relative; overflow: hidden;}
.news1 dt img{width:100%; display: block;}
.news1 dd{width:100%; overflow: hidden;box-sizing: border-box;padding:5%;}
.news1 dd .nbt{font-size: 18px; font-weight: bold;height: auto; line-height: 32px;color:#1f1f1f;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 2%;font-family:"Microsoft Yahei";}
.news1 dl .nbt a{ text-decoration: none; color:#1f1f1f;}
.news1 dd p{overflow: hidden;font-size: 14px; line-height: 24px; color:#5c5c5c;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;  overflow: hidden; text-overflow: ellipsis;}
.news1 dl img{-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.news1 dl img:hover{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}
.news1 ul{width: 70%;float: right;}
.news1 li{height: 112px;position: relative; margin-bottom: 3%;}
.news1 li::after{content: "";position: absolute;width:100%;height:1px;background:#dddde1;left:0;bottom:0px;}
.news1 li span{display: block;width: 18%;height: 100%;box-sizing: border-box; float: right;text-align: center;font-size: 16px;color: #5c5c5c;background: #fff;padding-top:17px;}
.news1 li span em{display: block;font-size: 48px;color: #5c5c5c; line-height: 55px; font-style: normal;}
.news1 li .desc{width: 78%;float: left;;}
.news1 li .nbt{font-size: 16px; font-weight: bold;height: 25px; line-height: 25px;color:#282828;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 5px;font-family:"Microsoft Yahei";}
.news1 li .nbt a{ text-decoration: none; color:#1f1f1f;}
.news1 li p{overflow: hidden;font-size: 14px; line-height: 22px; color:#666666;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;  overflow: hidden; text-overflow: ellipsis;}
.news1 li:last-child{margin-bottom: 0;;}
.news1 li:last-child::after{height: 0;}

.news1 li:hover span{background: #004098;color: #fff;}
.news1 li:hover span em{color: #fff;}
.news1 li:hover .nbt{color: #004098;}


/**/
.g-news2{ height: auto; box-sizing: border-box; background:#f7f7f7; padding:0 0 68px; overflow: hidden; font-family:"Microsoft Yahei";position: relative;}
.news2 h3{background: #0c42ac;height: 132px;width: 75px; float: left;padding:18px 25px 0;box-sizing: border-box;font-size: 20px;color: #ffffff;text-align: center;line-height: 24px;}
.news2 h3 a{color: #fff;}

.news2-c{width:1125px;padding:20px 0 0 30px; overflow: hidden;height: 132px;border:1px solid #eeeef0;border-left: 0;float: right;background: #fff;box-sizing: border-box;}
.news2-con{width:1095px;overflow: hidden;}
.news2-con li{width:370px;  overflow: hidden;position: relative;}
.news2-con li a{font-size: 14px; line-height: 41px; color:#666666;width:350px; display: block; overflow: hidden;height: 41px;white-space: nowrap;text-overflow: ellipsis;}
.news2-con li a:hover{font-weight: bold;color: #0c42ac;}
/**/


.zd-pa {padding:3% 0; overflow: hidden;}
.zd-pa ul {margin-top: 3%;border-top: 2px solid #f5f5f5;border-right: -2px solid #f5f5f5;}
.zd-pa ul li {padding: 1%; float: left;width: 16.6666%;text-align: center;height: auto;border-left: 2px solid #f5f5f5; border-right: 2px solid #f5f5f5;border-bottom: 2px solid #f5f5f5;cursor: pointer;background-color: #ffffff;overflow: hidden;}
.zd-pa ul li img {max-width: 100%;-webkit-transition: .5s;transition: .5s;}
.zd-pa ul li:hover img { transform: translateY(-10px);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);}

@media(max-width:1060px){
    .zd-pa ul li {width: 25%;}
    .zd-pa ul li:nth-of-type(6n) {border-right: 1px solid #f5f5f5;}
    .zd-pa ul li:nth-of-type(n+7) {border-bottom: 1px solid #f5f5f5;}
    .zd-pa ul li:nth-of-type(n+9) {border-bottom: none;}
    .zd-pa ul li:nth-of-type(4n) {border-right: 0;}
}

@media(max-width:768px){
   .zd-pa ul li:nth-of-type(6n) {border-right: 2px solid #f5f5f5;}
   .zd-pa ul li:nth-of-type(n+7) {border-bottom: 2px solid #f5f5f5;}
  .zd-pa ul li {height: 50px;line-height: 50px;}
    .zd-pa ul li img {padding: 0 10px;}
}


.link_bg{background-color:#eee;padding:0.6% 0;overflow: hidden;}
.link_dht{line-height:30px;font-size:14px;}
.link_dht i{display: inline-block;color:#999;font-size:1vw;line-height:30px;border-radius:50%;text-align:center;font-weight:400;margin-right:10px;transition:all .4s;position: relative;}
.link_dht i img{height:25px; vertical-align: middle;}
.link_nr{margin-left:20px; width: 82%}
.linkTagcs{height:auto;}
.linkTagcs ul{margin:0px;padding:0px;list-style-type:none;}
.linkTagcs li{list-style:none;margin:0px;padding-right:2%;float:left;}
.linkTagcs li a{color:#666;word-break:break-all;font-size: 14px; line-height:32px;}
.linkTagcs li img{border:0px;}

/*底部*/
.footer-content{background-color: #333333; overflow: hidden;}
.footer-top{padding:3% 0; overflow: hidden;}
.ft-left{}
.ft-box{float: left; width: 12%; margin-right:2%;}
.ft-box-container .ft-box:first-child{margin-left: 0;}
.ft-title{font-size: 16px; color: #fff; line-height: 24px; padding-bottom: 8px; border-bottom: 1px solid #454545;}
.ft-ul{list-style: none; margin-top: 8px;}
.ft-ul li{/*margin-top: 12px;*/}
.ft-ul li a{display: inline-block; font-size: 14px; color: #fff; line-height: 30px; opacity: 0.7; filter:alpha(opacity=70);}
.ft-ul li a:hover{opacity: 1; filter:alpha(opacity=100);}
.ft-box-contact{width: 100%; margin-right: 0}
.ft-box-contact .ft-title{width: 150px;}
.ft-box-p{font-size: 14px; opacity: 0.7; filter:alpha(opacity=70); color: #fff; line-height: 30px; margin-top: 8px;}
.ft-right{float: right; }
.ft-input-box{position: relative; overflow: hidden; border-radius: 40px; border: 1px solid #444444; margin-top: 10px;}
.ft-input1{height: 32px; width: 220px; padding: 0 24px; color: #fff; background: none; border: none;}
.ft-verf{position: absolute; top: 0; right: 0;}
.ft-input-choose{margin-top: 10px;}
.ft-checkbox{float: left; margin-left: 6px;}
.ft-input-choose p{float: left; width: 300px; color: #8e8e8e; line-height: 14px; margin-left: 10px;}
.ft-input-choose p a{color: #35bbc3;}
.ft-submit{display: block; height: 40px; font-size: 16px; color: #fff; width: 100%; background-color: #b1b1b1; border: none; border-radius: 40px; margin-top: 12px; cursor: pointer;}
.ft-submit:hover{background-color: #35bbc3;}
.ft-share{text-align: center; margin-top: 40px;}
.ft-share a{margin: 0 10px;}
.footWx{width: 100%; overflow: hidden; text-align: center; margin-top: 15px;}
.footWx ul{margin-right:-0%;}
.footWx li{width: 100%; margin-right:0%; height: auto; float: left;}
.footWx li span{font-size: 12px; text-align: center; line-height: 30px; color:#fff;opacity: 0.7; filter:alpha(opacity=70);}
.footWx li img{display: block; max-width: 100%; margin: auto; clear: both;}

.copy-right{background-color:#161616;color:#bababa;line-height:25px;padding:10px 0;}


/*浮动ＱＱ*/
.sideBar-wrapper{position: fixed;top: 50%;right: 0;margin-top: -101px;width: 50px;height: 203px;z-index: 6666;}
.sideBar-wrapper ul li{height: 50px;position: absolute;left: 0;}
.sideBar-wrapper ul li.backTop{top: 0;width: 62px;}
.sideBar-wrapper ul li.relQq{top: 51px;width: 126px;transition: all .4s;}
.sideBar-wrapper ul li.relDh{top: 102px;width: 172px;transition: all .4s;}
.sideBar-wrapper ul li.relEwm{top: 153px;width: 62px;}
.sideBar-wrapper ul li a{display: block;font-family: "Microsoft Yahei";color: #fff;font-size: 14px;height: 50px;line-height: 50px;overflow: hidden;background-color: #004098;opacity: .87;border-radius: 6px;}
.sideBar-wrapper ul li a img{display: block;float: left;width: 24px;height: 24px;margin: 12px 12px 14px 14px;}
.sideBar-wrapper ul li a:hover{opacity: 1;}
.sideBar-wrapper ul li.relQq:hover{left: -70px;}
.sideBar-wrapper ul li.relDh:hover{left: -116px;}
.sideBar-wrapper-ewm{position: absolute;top: -144px;left: -144px;background: url('../images/side-arr.png') no-repeat bottom right;width: 140px;height: 149px;padding-bottom: 9px;display: none;}
.sideBar-wrapper-ewm img{display: block;background-color: #FFF;width: 140px;height: 140px;}
.sideBar-wrapper ul li.relEwm:hover .sideBar-wrapper-ewm{display: block;}


.con-banner{width:100%;height:auto; overflow: hidden; position: relative;}
.con-banner img{width: 100%; height: auto; margin: auto; clear: both; display: block;}

.nybanner{position: absolute;bottom:50%;left: 0%;width: 100%;}
.nybanner .nybt{font-size:36px; color: #b1b1b1; margin:1.5% 0; text-align: center;}
.nybanner .nybten{font-size:52px; color: #fff; text-align: center;}

.sNav { position: relative; z-index: 5; margin-top:-60px; overflow: hidden; background: rgba(71,71,73,0.65);}
.sNav ul {margin:auto;}
.sNav li a { display: block; font-size: 16px;color:#ffffff; padding: 20px 0; text-align:center; }
.sNav li.cur a,.sNav ul li:hover a { background: #014fa2; }

.aboutNav li { }
.sNav6 li { float: left; width: 50%; }
.sNav5 li { float: left; width: 20%; }
.sNav4 li { float: left; width: 25%; }

/*关于我们-公司简介*/
.nyabout{padding:3% 0; overflow: hidden;}

.index-tit{font-size:35px;color:#1a1a1a;font-weight:700;text-align:center;padding-bottom:10px;margin-bottom:20px;position:relative; line-height: 45px;}
.index-tit:after{content:'';position:absolute;left:50%;bottom:0;transform:translate(-50%);height:3px;width:45px;background:#014fa2}
.index-tit.white{color:#fff}
.index-tit.white:after{background:#fff}
.index-tip{font-size:16px;text-align:center;color:#666;line-height: 26px}
.index-tip.white{color:#fff}
.index-tip b, .index-tip strong{font-weight: normal;}

.aboutA {width: 100%; overflow: hidden; margin-top:3%}
.aboutA-b {float: left; width: 49.6%; background: url(../images/abouta.png) no-repeat bottom right; }
.aboutA-b .con { font-size: 15px;color:#555; margin-top:10px; line-height:25px; }
.aboutA-b ul { margin-top:50px; }
.aboutA-b ul li { float: left; margin-right:80px; }
.aboutA-b ul li:last-child { margin-right:0; }
.aboutA-b ul li .num { font-size: 56px;color:#014fa2; font-family: "Arial"; font-weight: bold; }
.aboutA-b ul li .num span.t { font-size: 17px; font-weight: normal; }
.aboutA-b ul li .tit { font-size: 16px;color:#014fa2; }
.aboutA-c {float: right; width:40%; }
.aboutA-c video{width: 100%;}
.aboutB { background: #f8f8fa; }
.aboutB-a { float: left; width: 50%; }
.aboutB-c { position: relative; }
.aboutB-b { width: 50%; padding:0 8% 0 4.5%; position: absolute; top:50%; right:0; transform: translateY(-50%); }
.aboutB-b .t { font-size: 24px;color:#014fa2; font-weight: bold; text-transform: uppercase; position: relative; left:0; transition: all 0.6s; }
.aboutB-b:hover .t { left:-15px; }
.aboutB-b .con { font-size: 15px; line-height: 2; text-align: justify; color:#666666; margin-top:20px; }
.aboutC .aboutB-a { float: right; }
.aboutC .aboutB-b { left:0; padding:0 4.5% 0 8%; }
.mtit .t { font-size: 30px;color:#fff; font-weight: bold;  line-height: 45px}
.colorBlue .t { color:#014fa2; }
.mtit.alignC .t { text-align: center; }


/*愿景使命*/
.com-vision{padding:4% 0;color:#fff;background:url(../images/comVision-bg.jpg) no-repeat center center / cover; overflow: hidden;}
.comVision-list{}
.comVision-list li{padding:0 2.5%;width:25%;text-align:center;float:left;margin:4% 0 0;}
.comVision-list .comVision-icon{display:block;width:130px;height:130px;line-height:128px;font-size:0px;border:1px solid rgba(255,255,255,.3);border-radius:100%;position:relative;margin:0 auto;}
.comVision-icon img{width:100%;height:100%;position:relative;z-index:2;}
.comVision-list li .name{line-height:35px;font-size:20px;margin:3% 0 0;}
.comVision-list li .con{line-height:24px;margin:2% 0 0; font-size: 16px; min-height: 48px}
.comVision-icon .icon{display:block;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:2;}
.comVision-icon .icon.icon1{background:url(../images/comVision-1.png) no-repeat center center / cover;}
.comVision-icon .icon.icon2{background:url(../images/comVision-2.png) no-repeat center center / cover;}
.comVision-icon .icon.icon3{background:url(../images/comVision-3.png) no-repeat center center / cover;}
.comVision-icon .icon.icon4{background:url(../images/comVision-4.png) no-repeat center center / cover;}
.comVision-icon .red-bak{position: absolute;width: 100%;height: 100%;top:0px;left: 0px;border-radius: 100%;background:#fff;opacity:0;}
.comVision-list li:hover .comVision-icon{border:1px solid rgba(255,255,255,0)}
.comVision-list li:hover .comVision-icon .red-bak{-webkit-animation:flipInY2 1s .2s ease both; -moz-animation:flipInY2 1s .2s ease both;opacity:1;}
.comVision-list li:hover .comVision-icon .icon.icon1{background-image:url(../images/comVision-1-2.png);}
.comVision-list li:hover .comVision-icon .icon.icon2{background-image:url(../images/comVision-2-2.png);}
.comVision-list li:hover .comVision-icon .icon.icon3{background-image:url(../images/comVision-3-2.png);}
.comVision-list li:hover .comVision-icon .icon.icon4{background-image:url(../images/comVision-4-2.png);}


.i1_ne3 {padding:3% 0;position: relative;z-index: 3;}
.i1_ne3 .itp .ilt {width: 100%;float: left;}
.i1_ne3 .itp .ilt img {display: block;max-width: 100%;}
.i1_ne3 .itp .irt {width: 66%;float: right;text-align: justify;}
.i1_ne3 .itp .irt .itc {line-height: 2;color: #555;}
.i1_ne3 .itp .irt .ul1 {padding-top: 50px;}
.i1_ne3 .itp .irt .ul1 li {width: 33.33%;float: left;color: #888;padding-left: 50px;border-left: 2px solid #dbdbdb;}
.i1_ne3 .itp .irt .ul1 li .num {font-weight: bold;color: #da251d;font-size: 60px;margin-bottom: 25px;font-family: arial;}
.i1_ne3 .itp2 {margin: 30px 0 50px;color: #666;}
.i1_ne3 .itp .ilt{width: 100%;float: left;color: #4c4c4c; line-height: 1.85;}
.i1_ne3 .itp .ilt .en{color: #999;margin: 14px 0 46px;}
.i1_ne3 .ibt .swiper5 {}
.i1_ne3 .ibt .swiper5 .scrollbar5 {display: none;}
.i1_ne3 .ibt .swiper5 .swiper-slide {width: 23%;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s; margin-right: 2%}
.i1_ne3 .ibt .swiper5 .swiper-slide * {-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.i1_ne3 .ibt .swiper5 .swiper-slide .sbox {position: relative;overflow: hidden;padding:0;}
.i1_ne3 .ibt .swiper5 .swiper-slide .sbox a {display: block;}
.i1_ne3 .ibt .swiper5 .swiper-slide .sbox a img {display: block;width:100%; border: 1px solid #e0e0e0;}
.i1_ne3 .ibt .swiper5 .swiper-slide .sbox .txt {display:none; position: absolute; width: 100%; padding:5%;left: 50%;top:50%; z-index: 2; 
  background: rgba(0,0,0,0.7); height: 100%; box-sizing: border-box; text-align: center; transform: translate(-50%,-50%);}
.i1_ne3 .ibt .swiper5 .swiper-slide .sbox .txt .ipbt{font-size: 18px; color:#fff;}
.i1_ne3 .ibt .swiper5 .swiper-slide .sbox .txt .zi{font-size: 14px; line-height: 25px;text-overflow: ellipsis; color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.i1_ne3 .ibt .swiper5 .swiper-slide .sbox .txt .more {display: block;width: 120px;line-height: 36px;background: #da251d;color: #fff;text-align: center;}
.i1_ne3 .ibt .swiper5 .swiper-slide:hover .sbox .txt {
  display:flex;flex-wrap:wrap;align-items: center; width: 100%; height: 100%;justify-content: center;  transition: all .4s ease
}
.i1_ne3 .ibt .swiper5 .swiper-slide:hover .sbox a img {border: 1px solid #00b2e2;}
.i1_ne3 .ibt .swiper5 .swiper-slide .sbox .txt .stc {margin: 10px 0 50px;}
.i1_ne3  .prev5 {width: 70px;height: 70px;background-image: url(../images/1_11.png);left: 0%;margin-top: 2%;background-size: 54px;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.i1_ne3  .next5 {width: 70px;height: 70px;background-image: url(../images/1_12.png);right: 0%;margin-top: 2%;background-size: 54px;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.i1_ne3  .prev5:hover {background-image: url(../images/1_11_1.png);}
.i1_ne3  .next5:hover {background-image: url(../images/1_12_1.png);}

.ny_workshop{}
.ny_workshop ul{margin-right: -2%}
.ny_workshop ul li{float: left;width: 23%;margin:0 2% 2% 0;}
.ny_workshop ul li .wbt{overflow: hidden;border: 2px solid #eee;}
.ny_workshop ul li .wbt img{display: block;width: 100%;-webkit-transition:0.5s;transition:0.5s;box-sizing: border-box;}
.ny_workshop ul li:hover .wbt img{transform:scale(1.1);-webkit-transform:scale(1.1);}
.ny_workshop ul li .wwz{font-size: 16px;line-height: 20px;text-align: center;padding: 10px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #333;}
.ny_workshop ul li:hover .wwz{color: #08408a}


/*news*/
.list{overflow: hidden;  margin-right: -2%}
.list .items{overflow:hidden;background:#fff;border-bottom:#f0f0f0 solid 1px; width: 31.333%; float: left; margin-right: 2%;  margin-bottom: 2%}
.list .pic{overflow:hidden;border:#f0f0f0 solid 1px; height: 371px;}
.list .pic img{display:block;width:100%;transition:all 1s; }
.list .pic:hover img{transform:scale(1.1);}
.list .text{overflow:hidden; margin-top: 2%}
.list .hd{line-height:30px;overflow:hidden;}
.list .hd .nbt{line-height:30px;font-size:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list .hd .nbt a{color:#000;}
.list .hd .nbt a:hover{color:#004098;}
.list .hd em{display:block;float:right;font-size:14px;font-family:"DIN Medium";color:#999;}
.list .bd{padding-top:1%;overflow:hidden;}
.list .bd p{line-height:22px;font-size:14px;color:#666;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.list .bd p a{color:#666;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.list .tags{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list .tags a{display:inline-block;padding:1% 0; line-height:30px;text-align:center;font-size:14px;color:#555;transition:all .5s;}
.list .tags a:hover{color:#004098;border-color:#004098 ;}


.nyzi{margin-top:2%; font-size: 16px; line-height: 25px;}
.nyzi_img{margin-top: 3%; overflow: hidden;}
.nyzi_img ul{ margin-right:-2%; margin-bottom: -2%}
.nyzi_img li{width: 31.333%;float: left; margin-right:2%; margin-bottom: 2%}
.nyzi_img li img{width: 100%;}

.index-datas{width: 100%; height: auto; background: #004098; margin: 2% 0}
.index-datas ul{display: flex;}
.index-datas ul li{position: relative;padding: 1rem;width: 100%;text-align: center;}
.index-datas ul li:before{content: "";position: absolute;z-index: 1;top: 50%;left: 0%;width: 1px;height: 40%;background-color: #558684;transform: translate(0%, -50%);transition: all .4s;}
.index-datas span{display: block;width: 100%;font-size:3rem;line-height: 3rem;color: #fff;}
.index-datas .data{display: inline-block;margin-bottom: 0.5rem;margin-right: 0.5rem;font-size: 2.5rem;line-height: 2.5rem;color: #fff;font-weight: 600;}
.index-datas small{font-size: 14px;color: #fff;position: absolute;}
.index-datas p{margin-bottom: 0px;color: #ebe8e8;}




/*新闻详情*/
.xinwenxiangqing{overflow: hidden; box-sizing: border-box; }
.xinwenxiangqing .nd_head{text-align: center;margin:0 0 2% 0;border-bottom: 1px dashed #d6d6d6; padding-bottom: 2%}
.xinwenxiangqing .nd_head p{color: #004098;font-size: 24px;height: auto; margin-bottom: 1%}
.xinwenxiangqing .nd_head span{color: #666;font-size: 14px;margin: 0 15px;}
.xinwenxiangqing .nd_text {text-align: left;font-size:16px;line-height:26px; margin-bottom: 2%}
.xinwenxiangqing .nd_text .big{font-size: 16px; line-height: 35px; font-weight: 600; color:#004098 }
.xinwenxiangqing .nd_text img{ max-width: 100%; display: inline-block; margin: 10px 10px 0 auto}
.xinwenxiangqing .nd_text .baimg{width: 40%; float: right; margin-left: 30px;}
.xinwenxiangqing .nd_text .baimg img{width: 100%; clear: both; display: block; margin: auto}


.view-page{width:100%; position:relative; margin:2% 0; border-top:1px solid #d6d6d6; padding:2% 0;}
.view-page .prev,.view-page .back,.view-page .next{font-size:14px; width:160px; height:40px; line-height:40px; position: absolute;transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; }
.view-page .prev{left:0;}
.view-page .prev a{background:#fff url(../images/le.png) 20px center no-repeat; padding-left:60px; border:1px solid #e6e6e6; color: #555; line-height: 38px;}
.view-page .prev:hover a{color:#fff; background:url(../images/le-white.png) 20px center no-repeat #004098;}
.view-page a{display:block;} 
.view-page .back{left:50%; margin-left:-80px; width:160px;}
.view-page .back a{background:url(../images/back.png) 20px center no-repeat #004098;color: #fff; text-align:center; padding-left:25px; line-height: 40px;}
.view-page .back a:hover{background:url(../images/back.png) 20px center no-repeat #004098; color:#000;}
.view-page .next{right:0;}
.view-page .next a{background:#fff url(../images/ri.png) 90% center no-repeat;text-align:center; border:1px solid #e6e6e6; line-height: 38px; color: #555}
.view-page .next:hover a{color:#fff; background:url(../images/ri-white.png) 90% center no-repeat #004098;}

.new_s2{width:100%;float:left;margin-top:3%;}
.related-product{overflow:hidden;}
.related-product .title,.relatedTitle{background:#e7e7e7;height:45px;line-height:45px;}
.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#004098;width:120px;height:45px;text-align:center;font-size:16px;font-weight:bold;}
.news_random2{width:100%;float:left; background:#fff; border:1px solid #d6d6d6; padding:20px; border-top:none; box-sizing: border-box;}
.news_random2 ul li{width:48%; float:left; font-size:14px; line-height:36px; overflow:hidden; margin-right:4%; border-bottom:1px dashed #e6e6e6;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.news_random2 ul li:nth-child(2n){margin-right:0;}
.news_random2 ul li a{background:url(../images/ly_li.png) no-repeat left center; padding-left:15px; color: #333}
.news_random2 ul li a:hover{color:#0062af;}
.news_random2 ul li span{float:right; color:#999; line-height: 37px; font-size: 14px;}


input,select,img,textarea{vertical-align:middle; border: 0}
.ContactBlock{padding:2% 0;background:#ededed;box-sizing: border-box;}
.ContactBlock .content{background:#fff;overflow: hidden;}
.ContactBlock .l_cont{float: left; width:54%; padding: 5% 2% 0; box-sizing: border-box;}
.ContactBlock .l_cont .title{ font-size: 24px; }
.ContactBlock .l_cont .title .line{ display: block; width: 1em; height: 2px; background-color: #cccccc; margin:15px 0; }
.ContactBlock .l_cont .ul{ padding-top:2%; }
.ContactBlock .l_cont .ul li{ position: relative; padding-left: 65px; font-size: 16px; line-height: 20px; color:#666666; margin-bottom:2%; }
.ContactBlock .l_cont .ul li .t-cell{ display: table-cell; height: 48px; vertical-align: middle; }
.ContactBlock .l_cont .ul .icons{ height: 48px; width: 48px; position: absolute; left: 0; display: block; border:1px solid #999999; border-radius: 50%; background-image: url(../images/icons.png);background-repeat: no-repeat;}
.ContactBlock .l_cont .ul .phone { background-position:11px -110px; }
.ContactBlock .l_cont .ul .fax { background-position:-48px -110px; }
.ContactBlock .l_cont .ul .mail { background-position:-107px -110px; }
.ContactBlock .l_cont .ul .address { background-position:-167px -110px; }
.ContactBlock .map{float: right; width:44%;}
.ContactBlock .map #map_container{height: 480px;}

.ContactBlock .bot{ padding-top: 40px; }
.ContactBlock .bot .t-center{ text-align: center; }
.ContactBlock .bot .title{ font-size: 32px; line-height: 1.85; }
.ContactBlock .bot .ltitle{ font-size: 14px; line-height: 25px; color:#777; margin-top: 5px; margin-bottom: 35px; }
.ContactBlock .bot .form{ background-color: #fff; padding:2.2% 2.7%; display: block; }
.ContactBlock .bot .tip{ font-size: 16px; line-height: 22px; color:#666666; }
.ContactBlock .bot .input{ display: block; width: 100%; background-color: #f2f2f2; font-size: 14px; line-height: 32px; padding:8px 2.2%; color:#999; margin:15px 0 20px; box-sizing: border-box;}
.ContactBlock .bot .input:focus{ box-shadow: 0 0 10px rgba(0,0,0,0.08); }
.ContactBlock .bot .br{ border-radius: 5px; }
.ContactBlock .bot .submit{ line-height: 44px; height: 44px; padding:0 45px; display: inline-block; background-color: #004098; font-size: 15px; color: #fff; cursor: pointer;} 
.ContactBlock .bot .submit:hover{ background-color: #004098; }

.col-sm-6 { width: 50%; float: left; padding: 0 15px; box-sizing: border-box;}
.col-xs-12{padding: 0 15px; box-sizing: border-box;}


.support{font-size: 16px; line-height: 30px;}
.support img{max-width: 100%; margin:auto; clear:both; display: block;}


.downloads{  overflow: hidden; }
.downloads ul{margin-right: -2%}
.downloads ul li{ width:47.5%; height: 65px; border: 1px solid #e5e5e5; margin-bottom: 20px; overflow: hidden; margin-right: 2%; float: left;}
.downloads ul li:nth-child(2n){ background: #f7f7f7; }
.downloads ul li i{ width: 5%; min-width: 60px; line-height: 64px; text-align: center; font-size: 30px; color: #a2a2a2; float: left; display: block; }
.downloads ul li i img{max-width: 30px; vertical-align: middle;}
.downloads ul li p{ width: 50%; height: 64px; line-height: 64px; font-family: 'helveticaneuecyr-medium'; font-size: 16px; color: #4d4d4d; float: left; display: block; margin-bottom: 0;}
.downloads ul li h5{ width: 40%; height: 64px; line-height: 64px; font-family: 'Arial'; font-size: 20px; color: #a2a2a2; float: left; display: block; }
.downloads ul li a{ width: 5%; min-width: 60px; height: 64px; float: right; display: block; }
.downloads ul li a i{ font-size: 24px; }
.downloads ul li a:hover i{ color: #f00; }


.dwtwo{ width:100%;}
.dwtwo li{ float:left; position:relative; overflow:hidden; width:31.33%; margin:0 1% 2% 1%; box-shadow:0px 0px 10px #eee; text-align:center;}
.dw_titl a{ display:block; line-height:60px; font-size:16px;}
.dwtwo li .dw_pic img{ width:100%;}
.dw_pic >a:after{background: url(../images/cymdwtwo_1.png) no-repeat center;transform: scale(0); top: 0;left: 0;}
.dw_pic >a:before{background: rgba(0,0,0,0.3);transform-origin: 0 100%;transform: rotate(-90deg);bottom: 0;left: -100%;}
.dw_pic >a:before,.dw_pic >a:after{content: ''; width: 100%;height: 100%;position: absolute;transition: 0.6s; z-index:333;}
.dwtwo li:hover .dw_pic>a:before{transform: rotate(0deg);transition: 0.6s; left:0px;}
.dwtwo li:hover .dw_pic>a:after{transform: scale(1);transition: 0.6s;}
.dw_pic,.dw_pic img{width:100%;overflow:hidden;transition:0.6s;}
.dwtwo li:hover .dw_pic img{transform:scale(1.1);transition:0.6s;}


.bread_content{width:100%;border-bottom:1px solid #dedede; background:#f2f2f2; overflow: hidden;}
.bread_content .bread_box{padding:1% 0;font-size:14px;color:#333;}
.bread_content .bread_box span.bread_title{display:inline-block;position:relative;padding-left:35px; background: url(../images/sy.png) left center no-repeat;}
.bread_content .bread_box a{color:#444;display:inline-block;margin:0 5px;}
.bread_content .bread_box a:hover{color:#004098;}
.bread_content .bread_box b{color: #004098}
.bread_content .inner_nav{float:right; text-align: right;}
.bread_content .inner_nav ul{margin-top: 10px; display:flex;flex-flow:wrap}
.bread_content .inner_nav ul li{}
.bread_content .inner_nav ul li a{display:inline-block;padding:10px 24px;font-size:15px;color:#333;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;margin:0 8px; border-radius: 15px 0 0 0;}
.bread_content .inner_nav ul li a:hover , .bread_content .inner_nav ul li.active a{color:#fff;background:#004098;}



/* 产品列表 */
.newsleft{width:20%; height:auto; float:left;}
.blk-xs{width:100%;}
.fdh-01-tit {background: #004098;height: 80px;}
.fdh-01-tit .nbt{font-size: 24px;font-weight: normal;line-height: 75px;color: #fff;border-bottom: 1px solid #fff;text-align: center;}
.fdh-01-tit .nbt span{font-size: 14px;text-transform: uppercase;}

.fdh-01-nav-one .nbt2{line-height: 50px;margin-bottom: 2px;overflow: hidden;background:#ececec;}
.fdh-01-nav-one .nbt2 a{display:inline-block;font-size: 18px;font-weight: normal;color: #666666;overflow: hidden;vertical-align: middle;width:calc(100% - 50px);box-sizing: border-box;padding-left:20px;}
.fdh-01-nav-one .nbt2 i{display:inline-block; vertical-align: middle;width:50px;height:50px;background: url(../images/p14-icon5.png) center center no-repeat;}
.fdh-01-nav-one .nbt2 i.xu{background: url(../images/p14-icon2.png) center center no-repeat;}
.fdh-01-nav-one dl{display:none;}

.fdh-01-nav-one .nbt2.sidenavcur, .fdh-01-nav-one .nbt2:hover{background: #004098}
.fdh-01-nav-one .nbt2.sidenavcur a, .fdh-01-nav-one .nbt2:hover a{color: #fff;}
.fdh-01-nav dl{padding: 2px 0 4px;}
.fdh-01-nav dt{height: 50px;font-size: 16px;line-height: 50px;padding-left: 54px;padding-right: 40px;margin-bottom: 1px;background: #ececec;position: relative;overflow: hidden;}
.fdh-01-nav dt:after{content: "";width: 8px;height: 8px;border: 2px solid #b8b8b8;border-style: solid solid none none;position: absolute;top: 50%;right: 32px;margin-top: -4px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.fdh-01-nav dt.sidenavcur:after, .fdh-01-nav dt:hover:after{border-color: #004098;}
.fdh-01-nav dt.sidenavcur a, .fdh-01-nav dt:hover a{color: #004098;}
.fdh-01-nav dd{border: 1px solid #ececec;border-bottom: 0;}
.fdh-01-nav p{height: 50px;font-size: 14px;line-height: 50px;padding-left: 72px;padding-right: 40px;border-bottom: 1px solid #ececec;background: #fff;position: relative;overflow: hidden;}
.fdh-01-nav p.sidenavcur a, .fdh-01-nav p:hover a{color: #004098;}
.fdh-01-nav p.sidenavcur:after, .fdh-01-nav p:hover:after{background: #004098;}
.fdh-01-nav a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.newsright{ width:78%; height:auto; float:right}
.toptit { font-size: 22px;color:#343434; line-height: 52px; background: #f4f4f4; padding-left:16px; margin-bottom:20px; border-left:3px solid #004098;}

.cooperation{overflow: hidden;}
.cooperation ul {margin-right: -2%}
.cooperation ul li{margin-bottom:30px; width: 48%; float: left; margin-right: 2%}
.cooperation ul li dl dt{width: 34%;float: left;}
.cooperation ul li a{background-color:#f5f5f5;display: block;position: relative;}
.cooperation ul li a dl dd{width: 65%;float: left;padding:3%; box-sizing:border-box;}
.cooperation ul li a dl dd .sbt{font-size: 20px;color:#333333;margin-bottom: 2%;padding-left: 20px;border-left: 5px solid #333333;transition: all 0.5s; font-weight: 600}
.cooperation ul li a dl dd p{font-size: 14px;color: #666;line-height: 22px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;}
.cooperation ul li.odd dl dt{float: right;}
.cooperation ul li.odd dl dd{float: left;}
.cooperation ul li a dl dd .coop-icon{position: absolute;border-radius: 40px 0 0 0;bottom: 0;right: 0px;width: 40px;height: 40px;background-color: #e5e5e5;transition: all 0.5s;}
.cooperation ul li a dl dd .coop-icon .swz{position: absolute;top: 36px;right: 11px;font-size: 36px;color: #757575;transition: all 0.5s;}
.cooperation ul li.odd dl dd .coop-icon{position: absolute;border-radius: 0 40px 0 0;bottom: 0;left: 0px;width: 40px;height: 40px;background-color: #e5e5e5;}
.cooperation ul li.odd dl dd .coop-icon .swz{left: 11px;}
.cooperation ul li a:hover dl dd .sbt{border-left: 5px solid #004098;}
.cooperation ul li a:hover dl dd .coop-icon{background-color: #004098;}
.cooperation ul li a:hover dl dd .coop-icon .swz{color: #FFF;}
.center-block{display: block; margin-right: auto; margin-left: auto;}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{display: block; max-width: 100%; height: auto;}

.tags2{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; text-align: right; margin-top: 1%}
.tags2 a{display:inline-block;padding:1% 0; line-height:30px;text-align:center;font-size:14px;color:#555;transition:all .5s;}
.tags2 a:hover{color:#004098;border-color:#004098 ;}



/*产品中心*/
.productPic{width: 100%;  box-sizing: border-box; overflow: hidden;}
.productPic ul{overflow: hidden; margin-right: -2%; margin-top:0px}
.productPic li{width:31.333%; margin-right: 2%; float: left; margin-bottom: 30px;}
.product-words{width: 100%; overflow: hidden;}
.product-w-pic{width: 100%; position: relative; overflow: hidden; text-align: center; box-sizing:border-box;}
.product-w-pic img{width: 100%; object-fit: cover}
.product-w-shade{width: 100%; height: 92%; position: absolute; top: 0%; left: 0%; background-color: rgba(0,64,152,0.8); transition: all .5s; opacity: 0;}
.product-w-pic .product-w-piclink{display: block;width: 100%;height: 100%;font-size: 0; padding: 0;border-bottom: none;margin: 0;}
.product-w-shade .pwzs{width: 100%; position: absolute; top: 50%; transform: translate(0,-50%);}
.product-w-shade .pwzs p{font-size: 16px; color: #fff; width: 80%; margin: auto; text-align:justify; text-justify:inter-word; text-align: left; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.product-w-shade .pwzs span{display: inline-block; font-size: 24px; color: #fff; text-align: center; padding: 0 0 4px 0; border-bottom: 1px solid #fff; margin-top: 36px;}
.product-w-pic:hover .product-w-shade{opacity: 1; height: 100%;}
.product-w-words{width: 100%; overflow: hidden; padding: 2%; box-sizing: border-box;}
.product-w-words .pwzs{font-size: 16px; color: #333; line-height: 30px; text-align: center; white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.product-w-words p{font-size: 16px; color: #666; line-height: 25px; min-height: 60px}





.pro_right{width: 100%; height: auto; overflow: hidden; margin-top: 2%;}
.productss{width:100%; float:left;}
.productss img {
    max-width: none!important;
}
.promore_l{width:45%;float:left;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block; width: 100%}
.jqzoom img{width:100%; border:1px solid #d6d6d6;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


/*图片小图预览列表*/
.spec-preview{width:100%; height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%; float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; width:32px; height:32px; cursor:pointer; margin-top:5px;}
.spec-scroll .items{float:left;position:relative;width:80%; height:66px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:66px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6; padding:2px;width:57px;height:57px;}
.spec-scroll .items ul li img:hover{border:2px solid #004098; padding:1px;}

.pros_right{width:50%; float:right; overflow:hidden;}
.pros_right_top{overflow:hidden; border-bottom:2px solid #e6e6e6;}
.pros_right_top .pbt{overflow:hidden; display:inline-block; font-size:22px; color:#333; padding-bottom:10px;}
.proleft{width:100%;font-size:14px; line-height:30px; margin-top:20px;}
.proleft p{font-size:14px; line-height:25px; }

.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #e6e6e6;padding-top: 20px; overflow:hidden; margin-top:20px;}
.pc-cx-tel-1-t1{width:32%;height: auto;background: #fff ;font-size: 18px;line-height: 50px;text-align: center;float: right;}
.pc-cx-tel-1-t1 a{display: block;color: #fff;}
.pc-cx-tel-1-t2{height: auto;padding-left: 70px;background: url(../images/head-c-r1.png) no-repeat 0px top;font-size: 18px;color: #454545; float:left}
.pc-cx-tel-1-t2 p{line-height: 38px;}


.proleftbutter{margin-top: 35px; overflow: hidden;}
.proleftbutter .h4_bt{float: left; font-size: 16px;line-height: 40px;color: #fff;text-align: center;background: #0085f8;border-radius: 3px;-webkit-transition:0.5s;transition:0.5s;cursor: pointer;padding: 0 20px;}
.proleftbutter .h4_bt:nth-child(2){background: #e62129;padding: 0 30px;margin-left: 20px;}
.proleftbutter .h4_bt span{font-size: 24px;padding-right: 5px;float: left;}

.snss{overflow:hidden;margin-top:10%;  border-top:2px solid #e6e6e6; padding-top:2%}
.snss a{float:left;display:block;width:39px;height:45px;margin-right:10px;background:url(../images/all-icon.png) no-repeat;}
.snss a.facebook{background-position:-40px -5px;}
.snss a.google{background-position:-79px -5px;}
.snss a.skype{background-position:-118px -5px;}
.snss a.linkin{background-position:-157px -5px;}
.snss a.twitter{background-position:-196px -5px;}

.tabs-basic{width:100%; margin-top:5%; float:left;}
/* The tabs */
.tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0; border-bottom:1px solid #e6e6e6; background:#eee;}
.tabs-basic ul li{display:inline-block; margin-bottom:-1px; font-size:16px; text-transform:uppercase;}
.tabs-basic a{display:block; text-decoration:none; background:#333; border:1px solid transparent; padding:10px 40px; color: #fff}
.tabs-basic .tab-active{border-bottom:2px solid #004098; color:#fff; background:#004098;}
/* The content */
.tabs-basic .tabs-content-placeholder{overflow:hidden; margin:auto; padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block; line-height:25px; font-size:14px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6; line-height:24px; text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px; text-align:left; margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%; margin:auto; display: block; clear: both;}
.tabs-basic table{border-collapse:collapse; border: 1px #e6e6e6 solid !important; width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important; padding-left:12px !important; word-wrap:break-word; word-break:break-all; border:1px #e6e6e6 solid !important; line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}

.hot_pro2{width:100%;float:left; margin-top:2%;}
.hot_pro2_tit{width:100%; height:45px; background:#f1f1f1; color:#333; line-height:45px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6; box-sizing: border-box;}

.scrollleft2{width:100%; float:left; margin-top:20px; margin-bottom: 30px;}
.scrollleft2 li{width:200px; float:left; margin-right:20px; overflow:hidden;}
.scrollleft2 li img{width:99%; display:block; border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #004098;}
.scrollleft2 li a{color: #333}
.scrollleft2 li span{display:block; width:100%; line-height:30px; margin-top:10px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}

.social_nav5{height:80px;position:fixed;bottom:0;width:100%;z-index:999;text-align: center;line-height:40px;background:#1f1f1f; display: none;}
.social_nav5 li{height:80px;width:25%;font-size:14px;float:left;color:#fff;position:relative; line-height: 55px; border:1px solid rgba(255,255,255,0.1);}
.social_nav5 a:nth-child(1) li{background: #005be2;color: #fff;}
.social_nav5 li span{display: block;width:30px;height:30px;display:block;padding:10% 0 0;margin:0 auto;}
.social_nav5 li span img{width:30px;display:block;}