.prod_t{text-align: center;font-size: 18px;font-weight: lighter;line-height: 40px;margin-bottom: 10px;}
.prod_t p{ font-size: 40px; font-weight: normal; color: #222; }
.prod_t span{color: #e9322a;font-weight: bold;}
.prod_t dl{ color: #555; padding: 8px 0 3px 0;}
.prod_xs{width: 100px;margin: 0 auto;}
.prod_xs li{ display: inline-block;margin:  0 10px; width: 6px;height: 6px;border: 1px solid #ddd; margin-top: 5px;padding: 2px; border-radius: 50%;}
.prod_xs li:after{ display: block; content: ""; width: 4px;height: 4px; border: 1px solid #ddd; border-radius: 50%;}
.prod_xs li:nth-of-type(2){ width: 7px; height: 7px; padding: 3px; margin-top: 3px;}
 .prod_xs li:nth-of-type(2):after{ display: block; content: ""; width:5px;height: 5px; border: 1px solid #ddd; border-radius: 50%;}
/*  */
.productbg{width: 100%;padding:0 0 25px;overflow: hidden;}
.pro_le{width: 270px;float: left;background: #fff;box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.1);}
.pro_lbt{background: #de2103;color: #fff;padding-top: 21px;text-align: center;padding-bottom: 12px;}
.pro_lbt b{font-size: 26px;line-height: 30px;display: block;margin-bottom: 10px;font-weight: 500;}
.pro_lbt em{text-transform: uppercase;font-size: 14px;}
.pro_leb{}
.pro_leb>table{width: 100%;}
.pro_leb>table>tbody>tr,.pro_leb>table>tbody>tr>td{display: block;position: relative;}
.pro_leb>table>tbody>tr+tr{}
.pro_leb>table>tbody>tr>td{border-bottom: 1px solid #eee;}
.pro_leb>table>tbody>tr>td:before,.pro_leb>table>tbody>tr>td:after{position: absolute;content: '';top:30px;left:16px;width: 4px;}
.pro_leb>table>tbody>tr>td:before{background: #123f87;height: 6px;z-index: 2;}
.pro_leb>table>tbody>tr>td:after{background: #e7e7e7;height: 21px;}
.pro_leb>table>tbody>tr>td>a{display: block;line-height: 80px;position: relative;font-size: 15px;font-weight: 100 !important;padding-left: 38px;height: 80px;overflow: hidden;padding-right: 44px;}
.pro_leb>table>tbody>tr>td a:after{content: '>';transform: scale(1,2);font-weight: bold;right: 29px;color: #ccc;position: absolute;font-size: 6px;top: 0;margin-top: -2px;}
@media screen and (max-width:680px) {
.productbg{ padding:0 0 0}
.pro_le{ display:none}
.cp .right{ width:98%; margin:0 auto; float:none}
}

/*  */
.prolist1{/* float: right; */width: 1600px;padding: 20px;margin: 0 auto;}
.prolist1 ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.prolist1 li {width: 19%;background: #fff;float: left;list-style: none;position: relative;z-index: 0;box-shadow: 0 0 8px 0px rgb(0 0 0 / 10%);border: solid 1px #ddd;box-sizing: border-box;transition: all .2s linear;margin-bottom: 20px;padding-bottom: 10px;}
.prolist1 li div {height:260px;width: 92%;overflow: hidden;margin: 0 auto;margin-bottom: 20px;margin-top: 16px;text-align: center;}
.prolist1 li img {padding: 0;margin: 0 auto;display: block;}
.prolist1 li p {text-align: center;font-size: 16px;color: #000;font-weight: 200;height: 34px;line-height: 24px;width: 92%;margin: 0 auto;white-space: nowrap;overflow: hidden;display: block;text-overflow: ellipsis;margin-bottom: 0px;}
.prolist1 li:hover { box-shadow: 0 0 10px #d2d2d2; transform: translate3d(0, -2px, 0) }
.prolist1 li:nth-child(3n) { margin-right: 0 !important; }
@media screen and (max-width:680px) {
.prolist1{ width:95%}
.prolist1 li{ width:49%}
}

/*  */
.lianxi {overflow: hidden;padding-bottom: 20px;/* box-shadow: 0px 0px 10px #ccc; */background: white;margin-top: 16px;}
.lianxi img{
    width: 52%;
    margin: 0 auto;
    display: block;
    margin-top: 3px;
    margin-bottom: 12px;
}
.lianxi p { padding: 0px 20px; font-size: 14px; color: #333; line-height: 30px; }
/*  */
.ysbg{}
.ysbg .t{
   text-align: center;
   margin-bottom: 55px;
}
.ysbg .t>h3{
   line-height: 1.25;
   font-weight: normal;
   font-size: 2.625rem;
   color: #333;
}
.ysbg .t>p{
   margin-top: 0.625rem;
   line-height: 1;
   font-size: 1.125rem;
   color: #666;
}
/*  */
.worry{padding:0.9rem 0.625rem 4.75rem;overflow:hidden; background:url(../images/worry.png) center #ededed; background-size:cover;}
.worry .box-title{position:relative;text-align:center;}
.worry .box-title h2{font-weight:normal;font-size:2.25rem;color:#000;}
.worry .inner{position:relative;margin-top:3.375rem;height:13.5rem;overflow:hidden;}
.worry .inner .item{position:absolute;width:25rem;height:3.25rem;line-height:3.25rem;font-size:1.22rem;text-align:center;color:#666;background:url(../images/li.png) no-repeat; letter-spacing: 1px;}
.worry .inner .item em{font-size: 20px;color: #333;margin-top: 35px; font-weight:bold; margin-right:8px;}
.worry .inner .item em b{color: #dd1810;font-size: 25px;}
.worry .inner .item em i{font-size: 20px; font-weight:lighter;color: #999;margin: 0 5px;}

.worry .inner .item:before{top:0;}
.worry .inner .item:after{bottom:0;}
.worry .inner .item-1{left:2.75rem;top:0; letter-spacing: 1px;}
.worry .inner .item-2{right:2.75rem;top:0;}
.worry .inner .item-3{left:4.625rem;top:5.125rem;}
.worry .inner .item-4{right:4.625rem;top:5.125rem;}
.worry .inner .item-5{left:8.125rem;bottom:0;}
.worry .inner .item-6{right:8.125rem;bottom:0;}
@media (max-width:992px){
.worry{padding:2rem 0.625rem;background:#383641;}
.worry .box-title h2{font-size:1.5rem;}
.worry .inner{margin-top:1.5rem;height:auto;}
.worry .inner .item{position:relative;top:unset;left:unset;right:unset;bottom:unset;margin:0.625rem auto;width:85%;font-size:1rem;}
}
/*  */
.trait{height: 919px;background: url(..//images/tbg.jpg) no-repeat center;}
.tratitl{height: 206px;margin-bottom: 104px;font-size: 18px;color: #fff;font-weight: lighter;text-align: center;}
.tratitl b{display: block;font-size: 40px;color: #fff;padding: 50px 0 10px 0;}
.tracon li{position: relative;font-size: 16px;color: #fff;line-height: 30px;}
.tracon li+li{margin-top: 80px;}
.tracon li span{display: block;font-size: 26px;color: #fff;margin-bottom: 15px;}
.tracon ul.fr{text-align: right;}
.traicon{position: absolute;width: 16px;height: 16px;border-radius: 50%;background:#293e5f;border: 6px solid #fff;}
.traicon:after,.traicon:before{content: '';display: block;position: absolute;top: 0;bottom: 0;margin: auto 0;background: #213253;}
.traicon:after{width: 168px;height: 1px;left: -186px;}
.traicon:before{left: -195px;width: 8px;height: 8px;border-radius: 50%;}
.tracon ul li:nth-child(1) .traicon{left: 445px;}
.tracon ul li:nth-child(2) .traicon{left: 350px;}
.tracon ul li:nth-child(2) .traicon:after{width: 93px;left: -105px;}
.tracon ul li:nth-child(2) .traicon:before{left: -115px;}
.tracon ul li:nth-child(3) .traicon{left: 390px;}
.tracon ul.fr .traicon:after{left:inherit;right: -186px; }
.tracon ul.fr .traicon:before{left:inherit;right: -195px; }
.tracon ul.fr li:nth-child(1) .traicon{left: inherit;right:435px; }
.tracon ul.fr li:nth-child(2) .traicon{left: inherit;right:350px;}
.tracon ul.fr li:nth-child(2) .traicon:after{width: 93px;right: -105px; left:inherit; }
.tracon ul.fr.fr li:nth-child(2) .traicon:before{right: -115px;left:inherit; }
.tracon ul.fr li:nth-child(3) .traicon{right: 390px;left:inherit; }
/*  */
.adv{padding-top: 42px;background: url(../images/abg.jpg) no-repeat center;padding-bottom: 30px;}
.advtab{margin-top: 50px;font-size: 0; position: relative;z-index: 33;}
.advtab li{display: inline-block;vertical-align: top;width: 25%; height: 130px; box-sizing: border-box;background: #0060de;cursor: pointer;transition: all .3s ease;position: relative;}
.advtab li+li{border-left: 1px solid #1477d3;}
.advtab p{display: inline-block;vertical-align: top;}
.advicon{margin: 0 20px 0 40px; border-radius: 0 0 30px 30px;background: #0161de;background: linear-gradient(to bottom,#0060de,#107be5);transition: all .3s ease;}
.advicon img{position: relative;z-index: 3;}
.advicon:after{content: '';display: block;position: absolute;top: 0;left:40px;height:0;background: #990104;background: linear-gradient(to bottom,#990104,#e10d12);width:60px;transition: all .3s ease;border-radius: 0 0 28px 28px;}
.adv_t b{font-size: 30px;color: #c1d9ee; display: inline-block;padding: 35px 0 3px 0;transition: all .3s ease;}
.adv_t em{display: block;font-size: 14px;color: #8db6d9;text-transform: uppercase;transition: all .3s ease;}
.advtab li.on{background: #d10005;}
.advtab li.on b{color: #fff;}
.advtab li.on em{color: #f69496;}
.advtab li.on .advicon:after{height:110px;}
.advcon{width: 100%;background: #fff;padding: 104px 50px 50px 50px;background: #fff;margin: -55px auto 0 auto;max-width: 1600px;}
.advright{width: 744px;position: relative;z-index: 3;padding-top: 30px;}
.advcon ul{position: relative;}
.advcon ul:after{content: '';display: block; position: absolute;top: 0;width: 220px;height: 70px;background: rgba(0,96,222,.1);left: 684px;}
.advt em{font-size: 66px;color: #0060de;font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";}
.advt em:after{display: block;content: '';height: 26px;background: #c3d2df;width: 2px;margin: 0 0 20px 7px;}
.advt b{display: block;font-size: 32px;color: #0060de;}
.advt span{display: block;margin: 5px 0 20px 0;font-size: 22px;color: #8d9399;}
.advt {border-bottom: 1px solid #e5e8eb;}
.advwa{font-size: 15px;color: #9b9ea1; line-height: 38px;margin: 20px 0 30px;}
.advwa p{padding-left: 30px;background: url(../images/star.png) no-repeat left 11px;}
.adv_tel{padding-left: 42px;margin-left: 30px;background: url(../images/ca.png) no-repeat left center;font-size: 16px;color: #979ca0;}
.adv_tel em{vertical-align: sub;padding-left: 10px;font-size: 30px;color: #de2103;font-family: fantasy;}/*  */
.title{text-align: center;font-size: 40px;color: #353638;}
.title em{color: #e9322a;display: inherit;}
.title span{display: block;font-size: 18px;color: #8f9194;margin: 7px 0 25px 0;}
.title i{display: block;width: 80px;height: 5px;margin: 0 auto; position: relative;}
.title i::after,.title i::before{content: '';display: block;position: absolute;width: 30px; height: 5px;top: 0;left: 0;}
.title i::after{right: 0px;left: inherit;background:#0060de;animation:allTitleAfter 3s infinite linear;}
.title i::before{background:#f5ba06;animation:allTitleBefore 3s infinite linear;}
.title t{width: 30px;height: 5px;background:#dc0e0e;margin:0 auto;display:block;animation:allTitleI 3s infinite linear;}
@keyframes allTitleI{
0%{transform:translateX(0px);}
25%{transform:translateX(-25px);}
50%{transform:translateX(0px);}
75%{transform:translateX(25px);}
100%{transform:translateX(0px);}
}
@keyframes allTitleBefore{
0%{width:15px;}
25%{width:0px;}
50%{width:15px;}
75%{width:30px;}
100%{width:15px;}
}
@keyframes allTitleAfter{
0%{width:15px;}
25%{width:30px;}
50%{width:15px;}
75%{width:0px;}
100%{width:15px;}
}
.mainhovercolor a:hover{color: #0060de;}
@media screen and (max-width:680px) {
.adv{ display:none}
.m_super{ display:none}
}

/*  */
.proc_bg{padding-top:40px}
.proc_t{text-align: center;}
.proc_cont li{width: calc((100% - 1px) / 8);border-left: 1px solid #eee;float: left;padding: 20px 30px 20px;text-align: center;position: relative;}
.proc_cont li:before{content: '';width: 1px;height: 40px;display: block;position: absolute;left: -1px;top:30px;background: #0060de;}
.proc_cont li span{font-size: 20px;color: red;font-family: fantasy;position: relative;z-index:9;transition: 0.3s ease all;}
.proc_cont li i{width: 60px;height: 60px;display: block;margin: 0 auto 20px;position: relative;z-index:9;font-size:50px;color: #50a9a8;}
.proc_cont li p{font-size: 20px;color: #222;font-weight: 200;margin-top: 5px;position: relative;z-index:9;transition: 0.3s ease all;}
.proc_cont li d{font-size: 14px;color: #666;line-height: 24px;display: block;margin-top: 15px;position: relative;z-index:9;transition: 0.3s ease all;}
.proc_cont li:nth-child(8){border-right:1px solid #eee;}
.proc_cont li:last-child{width:0px !important;padding:0;}
.proc_cont li:hover i{animation: jello 1s;opacity: 1;}
.proc_cont li:nth-child(2) i,.proc_cont li:nth-child(3) i,.proc_cont li:nth-child(4) i,.proc_cont li:nth-child(7) i,.proc_cont li:nth-child(8) i{font-size:45px;}

@keyframes jello {
   from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
   22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
   33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
   44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
   55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
   66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
   77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
   88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}
/*  */
h1{color: #222;}
h1 d{color: #50a9a8;}
h1 span{font-size: 18px;color: #666;font-weight: normal;line-height: 36px;display: block;}
h1 em{margin-top: 5px;display: block;}
h1 em i{display:inline-block;width:6px;height:24px;background: #de2103;border-radius:3px;vertical-align:top;animation: tptd 1.5s infinite;-webkit-animation: tptd 1.5s infinite;}
h1 em i:nth-child(2){height:32px;background: #0060de;animation: tptd 1.8s infinite;-webkit-animation: tptd 1.8s infinite;}
h1 em i:nth-child(3){background: #dd1810;animation: tptd 2s infinite;-webkit-animation: tptd 2s infinite;}
@keyframes tptd{
 0%{transform: translateY(0);}
 50%{transform: translateY(5px);}
 100%{transform: translateY(0);}
}
/*  */
.box{ margin:0 auto;width:85%;min-width: 1300px;padding:0 2%;}
.page{margin:0 auto;width:1300px;}
.bg{width: 100%;min-width: 1400px;}
i,em{font-style: normal;}
@media screen and (max-width:680px) {
.page{ width:95%}
.page a{ padding:1% 1%;}
}

/*  */
.tech_more {display:  flex;justify-content:  center; margin: 4% 0 0;}
.tech_more ul {display: flex;justify-content:  space-between;width: 30%;}
.tech_more li {display: flex;align-items: center;color:  #fff;background: #50a9a8;width: 50%;justify-content:  center;padding: 3% 0;}
.tech_more li:last-child {background: #cc0000;}
.tech_more li i {font-size: 24px;}
.tech_more li a {font-size: 17px;color:  #fff;padding: 0 0 0 10px;}
.tech_more li p {font-size: 20px;font-family: Arial;padding: 0 0 0 10px;}
/*  */

.aboutbg{overflow:hidden;background:#f4f4f4;width:100%;margin:0 auto;padding-top: 29px;height: auto;padding-bottom: 2px;}

.about{
   display: flex;
   justify-content: space-around;
   padding: 42px  20px;
}
.coml{width: 795px;}
.comld{width: 561px; float: left;}
.comld li{width: 108px; float: left; margin-left:11px; background: #083093; font-size: 16px; text-align: center; color: #fff; line-height: 42px; height: 42px;}
.comld li a{color: #fff; font-size: 16px; }
.comlbt{float: left; line-height: 36px; font-size: 36px; margin:45px 0px;}
.comlbt span{font-weight: bold;color: #50a9a8;font-size: 36px;}
.comlte p{float: left;line-height: 48px;text-indent: 29px;}
.comr{
   padding: 20px;
   background: #fff;
   height: 572px;
}
.comr img{
   height: 100%;
}
/*  */
.zz_bj{box-sizing: border-box;/* width: 1400px; */margin: 0 auto;}
.atmhyt{height: 166px;margin-bottom: 60px;padding: 25px 20px;}
.atmhyt ul{position: relative;box-shadow: 5px 0 20px #ccc;background: #fff;overflow: hidden;display: flex;justify-content: space-between;justify-items: center;}
.atmhyt li{padding: 20px;border-right: 1px solid #eee;box-sizing: border-box;overflow: hidden;float: left;text-align: center;position: relative;display: flex;}
.atmhyt li em{display: block;position: relative;float: left;margin-right: 10px;width: 140px;}
.atmhyt li em b{float: left;font-size:60px; color: #cc0000; font-family: "Impact","Arial";font-weight: normal;padding-top:5px; font-style: normal; margin-right: 30px;}
.atmhyt li em i{font-size: 14px;border-radius: 100px;color: #ffffff;text-align: center;line-height: 23px;background: #50a9a8;width: 23px;height: 23px;display: block;position: absolute;top:40px;right: 0;font-style: normal;}
.atmhyt .abetw{width: 100%;margin-top: 20px;display: flex;flex-direction: column;flex-wrap: wrap;}
.atmhyt .abetw h3{font-size: 20px;color: #272727;text-align: left;font-weight: 200;}
.atmhyt .abetw p{ text-align: left; line-height: 20px; height: 40px; box-sizing: border-box; font-size: 14px; color: #999; display: block; width:289px;  }
.atmhyt li:nth-child(1) em{width: 87px;}
.atmhyt li:nth-child(4){border-right: 0;}
.mumping_mun p{color: #999;}
/*  */
.honorbg{
   background: #f4f4f4;
   padding: 0px 25px 25px;
   overflow: hidden;
}
.honor ul{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.honor li {width: 19%;background: #fff;box-shadow: 0 0 8px 0px rgb(0 0 0 / 10%);border: solid 1px #ddd;box-sizing: border-box;transition: all .2s linear;margin-bottom: 16px;}
.honor li div {height: 406px;width: 90%;overflow: hidden;margin: 0 auto;margin-bottom: 10px;margin-top: 20px;}
.honor li img {padding: 0;width: 100%;margin: 0 auto;display: block;}
.honor li p {text-align: center;font-size: 14px;color: #000;font-weight: 200;height: 34px;line-height: 24px;width: 92%;margin: 0 auto;white-space: nowrap;overflow: hidden;display: block;text-overflow: ellipsis;margin-bottom: 0px;}
.honor li:hover { box-shadow: 0 0 10px #d2d2d2; transform: translate3d(0, -2px, 0) }
.honor li:nth-child(3n) { margin-right: 0 !important; }
/*  */
/*  */
.btns{padding:24px 0 18px;text-align:center;overflow:hidden;}
.btns a{display:block;float:left;margin-right:26px;width:170px;height:48px;line-height:47px;font-size:18px;border-radius:1px;}
.btns a:nth-child(1){color:#fff;background: #50a9a8;}
.btns a:nth-child(1):after{display:inline-block;margin-left:15px;width:24px;height:24px;content:"";vertical-align:middle;border-radius:50%;background: #fff url(../images/yy.png) no-repeat center;}
.btns a:nth-child(2){color:#fff;background:#dd1810;}
.btns a:nth-child(2):after{display:inline-block;margin-left:15px;width:24px;height:24px;content:"";vertical-align:middle;border-radius:50%;background: #fff url(../images/yy.png) no-repeat center;}
/*  */
.head{
   position: absolute;
}
/* */
.ab{margin-top:41px;}
.ab-le{width: 973px;height: 709px;background: #fdd000;}
.ab-le img{width: 935px;height: 708px;margin-top: -41px;transition: all 0.6s}
.ab-le img:hover{transform: scale(1.04);}
.ab-ri{width: 494px;margin-left: 92px;margin-top: 100px;}
.ab-cont{color: #333333;font-size: 16px;margin-top: 93px;text-align: justify;line-height: 41px;height: 314px;}
.ab-ri a{display: block;background: url(../images/more1.png)no-repeat;width:213px;height: 47px;}


a.amore{ display:inline-block;text-align:center; width:168px; height:41px; line-height:41px; font-size:18px; color:#fff; font-weight:bold; text-indent:-22px; margin-top:5px; background:#000}
a.amore:hover{ color:#fff;}
.bmore{ width:150px; height:50px; line-height:50px; margin:0 auto; background:#5FA7F3; text-align:center; color:#FFF; font-weight:bold}