body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,th,td,iframe{margin:0;padding:0;}
body{font-size:1.4rem;font-family: Microsoft Yahei,-apple-system-font,Helvetica Neue,sans-serif;color:#333333;word-wrap:break-word}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
option{padding-left:5px;*padding:0;}
ul, li{list-style:none;}
a{color:#000000;text-decoration:none;}
a:hover{color:#000000;text-decoration:none;}
a:visited{text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.clear:after {visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.font_aa{font-size:3rem}
.font_a{font-size:2.4rem}
.font_b{font-size:2rem}
.font_c{font-size:1.8rem}
.font_d{font-size:1.6rem}
.font_e{font-size:1.4rem}
.font_f{font-size:3.6rem}
.font_g{font-size:2.8rem}

.top{width:100%;background:#333f48;height:100px;}
.top_seobt{max-width: 1800px;margin: 0px auto;height: 100%;	color:#d9d9d9;font-size:14px;align-items: center;display: flex;padding:0 10px}
.logo{height:70px}
.lan_nav{color:#72787b;flex:1;text-align: right;}
.lan_nav span{display: inline-block;}
.lan_nav img{vertical-align: middle;margin:0px 8px}
.lan_nav a{color:#72787b;display: inline-block;}
.lan_nav a:first-child{margin-right:10px;}
.lan_nav a i{font-style: normal;}
.news_tit_fr span{color: #ff0000;}
.menu{width: 1600px;height:100px;margin:0px auto;display: flex;align-items: center}
#colorNav{flex:1}
#colorNav > ul{	width: 100%; margin:0 auto;line-height:60px;text-align:center;height:60px;}
#colorNav > ul > li{display: inline-block;position:relative;font-size:18px;height:60px;border-radius: 5px;}
#colorNav > ul > li > a{padding:0 22px;display: block;color:#000}
#colorNav li ul{position:absolute;list-style:none;text-align:center;width:190px;left:50%;margin-left:-95px;max-height:0px;overflow:hidden;-webkit-transition:max-height 0.4s linear;
    -moz-transition:max-height 0.4s linear;transition:max-height 0.4s linear;z-index:999;}
#colorNav > ul > li > a:hover{background:#4e5c69;color:#fff;border-radius: 5px;}
#colorNav li ul li{background-color:#fff;}
#colorNav li ul li a{padding:10px 15px 10px 15px;color:#666666 ;text-decoration:none !important;display:block;line-height:20px;font-size:14px}
#colorNav li ul li a:hover{color:#fff}
#colorNav li ul li:nth-child(odd){background-color:rgba(250,250,250,1);}
#colorNav li ul li{background-color:rgba(250,250,250,1);}
#colorNav li ul li:hover{background-color:#4e5c69;}
#colorNav li ul li:first-child{position:relative;line-height:30px}
#colorNav li ul li:first-child:before{content:'';position:absolute;width:1px;height:1px;border:5px solid transparent;border-bottom-color:rgba(0,160,233,0.8);left:50%;top:-5px;margin-left:-5px;}
#colorNav li ul li:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#colorNav li:hover ul{max-height:300px;}
.active{background:#4e5c69;}
.active a{color:#fff !important}
.active ul li a{color:#4e5c69 !important}
.active ul li a:hover{color:#fff !important}
.active:hover ul li:hover{background-color:#4e5c69;}
.search{width:400px;position: relative;}
.search_input{width:380px;height:50px;border-radius: 25px;border:1px solid #b5b5b5;padding-left:2rem}
.search_sub{background: url(../img/fdj.png)no-repeat;position: absolute;border:none;width:30px;height:30px;right:50px;top:10px}

.tit{text-align: center;font-size: 3.6rem;color:#282828;padding:4rem 0 2rem 0}
.tit span{font-size: 3rem;color:#666666}
.tit img{margin-left:1rem}
.tit_datail{text-align: center;color:#888888;font-size: 1.8rem;padding-bottom:4rem}
.inproitem{max-width: 1800px;margin: 0px auto;text-align: center;}
.inproitem ul{display: table;margin: 0px auto}
.inproitem >ul > li{padding:0 1rem;position:relative;display: inline-block;}
.yyui_menu1 { height:35px; line-height:35px; font-size:15px; background-color:#f2f2f2; } 
.yyui_menu1 li a { display:block; line-height:35px; text-decoration:none; padding:0px 20px; color:#333333;text-align: left; }
.yyui_menu1 li a:hover {  background:#EFEFEF; }
.yyui_menu1 li a.more:after{content:" »";} 
.yyui_menu1 li ul { position:absolute; float:left;  border:1px solid #D2D2D2; display:none; background-color:#FFFfff; z-index:9999;width: 90%;} /*这是第二级菜单*/
.yyui_menu1 li ul a {text-decoration:none; color:#333333;}
.yyui_menu1 li ul a:hover { background:#f2f2f2;} 
.yyui_menu1 li ul ul{ top:0;left:150px;}
.yyui_menu1 > ul > li > ul > li{width:100%;}
.inproitem_list{}
.thar-three {color: #666666;cursor: pointer;display: block;position: relative;border: 1px solid #33444d;transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);0s;z-index: 2;padding:1%;border-radius: 5px;padding:1.5rem 2rem}
.thar-three:hover {color: #000 !important;background-color: transparent;text-shadow: nthree;}
.thar-three:hover:before {left: 0%;right: auto;width: 100%;}
.thar-three:before {display: block;position: absolute;top: 0px;right: 0px;height: 100%;width: 0px;z-index: -1;content: '';color: #000 !important;background: #F7CA18;transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);0s;}
.inproitem_list img{vertical-align: middle;padding-right:1rem}

.innerprobg{width: 100%;background: url(../img/inprobg.png)no-repeat center top;background-size:cover}
.innerpro{max-width: 1800px;margin: 0px auto;height:100%;overflow: hidden;display: -webkit-flex;display: flex;flex-wrap: wrap;justify-content: space-between;padding:6rem 2% 11rem 2%}
.innerpro_list {width:23%;position: relative;transition: all .2s;background: #fff;height:60rem;margin-bottom:2rem}
.innerpro_list_p img{padding:10%;max-width: 100%;}
.pro_item_info {height: 25rem;overflow: hidden;position: absolute;left: 0;right: 0;bottom: 0;background: #fff;transition: all .2s;}
.pro_item_info h4{margin:10% 10% 0 10%;border-bottom:1px solid #8f9ba1;color:#282828;padding-bottom:5%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pro_item_info p{color:#666;padding:5% 10% 5% 10%}
.pro_item_info span{padding:5% 10% 5% 10%}
.innerpro .innerpro_list:hover .pro_item_info {height: 315px;background:rgba(31,41,59,0.8);}
.innerpro .innerpro_list:hover .pro_item_info h4{color:#fff}
.innerpro .innerpro_list:hover .pro_item_info p{color:#fff}

.inne_top {display: block;max-width: 1800px;margin: 0 auto;position: relative;height: 100px;}

.inapp{width: 100%;background: url(../img/application.jpg)no-repeat center top;}
.inapp_list{max-width: 1800px;margin: 0px auto;height:100%;overflow: hidden;display: -webkit-flex;display: flex;flex-wrap: wrap;justify-content: space-between;padding:10rem 2%}
.iapp_img{text-align:center}
.iapp_img img{width: 100%;display: block;}
.iapp_list{width:23%;overflow: hidden;position: relative;float:left;background: #fff;-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);box-shadow: 1px 1px 2px rgba(0,0,0,0.2);-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;margin-bottom:2rem}
.iapp_list:hover{background-color: #e5e7ec;z-index:999;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.iapp_list:hover .appdeta h3{color: #333;-webkit-animation: smallToBig 300ms ease;-moz-animation: smallToBig 300ms ease;-ms-animation: smallToBig 300ms ease;}
.iapp_list:hover .appdeta p{color:#888888}
.iapp_list:hover .appdeta span{color:#333}
.appdeta{padding:5%}
.appdeta h3{color:#333333;padding-bottom:1.5rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.appdeta p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;color:#888888}
.appdeta img{padding: 2% 0}
.appdeta span{display:block;color:#323e47;}


.inabout{width: 100%;background: url(../img/about.jpg)no-repeat center top;background-size:cover;padding:8rem 0}
.inaboutdeta{max-width: 1800px;margin: 0px auto;height:100%;overflow: hidden;;background:#fff;}
.inaboutdeta_fl{width:40%;float:left}
.inaboutdeta_fl img{display: block;width:100%}
.inaboutdeta_fr{width:60%;padding:7rem 9rem 6rem 12rem;float:left}
.inaboutdeta_fr h4{color:#1e1e26;}
.inaboutdeta_fr p{color:#777777;padding-bottom:2rem;text-indent:2em}
.inaboutdeta_fr_hon{}
.inaboutdeta_fr_hon a{display: block;text-decoration: none;}
.bg_main{ background:#19A7FD;}
.inaboutdeta_fr_hon li{ float: left; width: 25%; *width:24.99%;margin-bottom:2rem }
.inaboutdeta_fr_hon li span{display: block;}
.inaboutdeta_fr_hon li .item{position:relative; width: 158px;  height: 126px; margin: 0 auto; text-align: center;}
.inaboutdeta_fr_hon li .s_img{max-width: 70px; max-height: 70px; margin:0 auto; overflow: hidden;}
.inaboutdeta_fr_hon li .s_img img{ max-width: 100%; max-height: 100%;transition: all 0.5s; -webkit-transition: all 0.5s;}
.inaboutdeta_fr_hon li .line{ height: 1px; margin: 5px auto;}
.inaboutdeta_fr_hon li .sigt1{position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; }
.inaboutdeta_fr_hon li .sigt1 .bg{position: absolute; left: 0; right: 0; top: 0; bottom: 0;overflow: hidden;border-radius: 10px; -webkit-border-radius: 10px;border:1px solid #999; transition: all 0.5s; -webkit-transition: all 0.5s; }
.inaboutdeta_fr_hon li .sigt1 .sigt_text{position: absolute; z-index: 1; left:0; right:0; padding:1em 8%; top:50%; top:15%\9; *top:15%; transform:translateY(-50%); -webkit-transform:translateY(-50%); transition: all 0.5s; -webkit-transition: all 0.5s; }
:root .inaboutdeta_fr_hon li .sigt1 .sigt_text{ top:50%;}
.inaboutdeta_fr_hon li .sigt1 h3{  color:#333; }
.inaboutdeta_fr_hon li .sigt2{position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; color:#fff; }
.inaboutdeta_fr_hon li .sigt2 .bg{position: absolute; left: 0; right: 0; top: 0; bottom: 0;opacity:0;border-radius: 10px; -webkit-border-radius: 10px; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transform: scale(0.7); -webkit-transform: scale(0.7); transition: all 0.5s; -webkit-transition: all 0.5s; }
.inaboutdeta_fr_hon li .sigt2 .sigt_text{position: absolute; z-index: 1; left:0; right:0; padding:1em 8%; top:50%; top:15%\9; *top:15%; transform:translateY(-50%); -webkit-transform:translateY(-50%);opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition: all 0.5s; -webkit-transition: all 0.5s; }
:root .inaboutdeta_fr_hon li .sigt2 .sigt_text{ top:50%;}
.inaboutdeta_fr_hon li .sigt2 .s_img img{ transform: translateX(100%); -webkit-transform: translateX(100%);transition: all 0.5s; -webkit-transition: all 0.5s;}
.inaboutdeta_fr_hon li .sigt2 .line{width: 0; background: #fff;transition: all 0.5s; -webkit-transition: all 0.5s; }
.inaboutdeta_fr_hon li .sigt2 h3{  color:#fff; }
.inaboutdeta_fr_hon li a:hover .sigt1 .bg{transform: scale(1.3); -webkit-transform: scale(1.3);opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.inaboutdeta_fr_hon li a:hover .sigt1 .s_img img{ transform: translateX(-100%); -webkit-transform: translateX(-100%);}
.inaboutdeta_fr_hon li a:hover .sigt2 .s_img img{ transform: translateX(0); -webkit-transform: translateX(0);}
.inaboutdeta_fr_hon li a:hover .sigt2 .line{ width: 80px; }
.inaboutdeta_fr_hon li a:hover .sigt2 .bg{transform: scale(1); -webkit-transform: scale(1);opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.inaboutdeta_fr_hon li a:hover .sigt2 .sigt_text{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}



.innews{width: 100%;background: url(../img/news.jpg)no-repeat center top;background-size:cover}
.innews_list{max-width: 1800px;margin: 0px auto;height:100%;overflow: hidden;display: -webkit-flex;display: flex;flex-wrap: wrap;justify-content: space-between;padding:5rem 2% 0 2%}
.innews_data{width:48%;background:#fff;padding:3rem 4rem;margin-bottom:5rem;display: flex;align-items: center;}
.innews_data a{display:inline-block;}
.innews_data:hover{background:#e5e7ec;transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);0s;}
.innew_img{width:20rem;height:20rem;overflow: hidden;border:1px solid #bebebe;padding:2rem}
.innew_img img{max-width:100%}
.innews_detailed{flex:1;padding:0 3rem;min-width: 0;}
.innews_detailed h4{color:#333333;padding: 1.5rem 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.innews_detailed p{color:#888888;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.innews_detailed span{color:#333333;padding: 1.5rem 0;display: block;}
.innews_detailed i a{color:#d8231d;display: block;font-style: normal;}

.footer{background: #27333b;}
.footer_copyright{text-align: center;color:#d9d9d9;border-bottom:1px solid #595e62;padding:2.5rem 1rem}
.footer_copyright span{display:inline-block;padding:0 10px}
.footer_copyright a{color:#d9d9d9}

.bottom{max-width: 1800px;margin: 0px auto;height:100%;overflow: hidden;display: flex;padding:3rem 0 10rem 0}
.bottom_logo{padding:0 8rem;}
.bottom_nav{flex:1}
.bottom_nav li{float:left;width:48%;line-height: 2.4rem;border-left:1px solid #595e62;padding-left:10%}
.bottom_nav li:last-child{border-right:1px solid #595e62;}
.bottom_nav li h4{color:#d9d9d9;padding-bottom:1rem}
.bottom_nav li a{color:#d9d9d9}
.bottom_nav li a:hover{color:#888}
.bottom_share{padding:0 9rem;color:#aaa}
.share img{padding:0 1rem 1rem 1rem}
.share img:first-child{padding:0 1rem 1rem 0rem}
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;}
.sp_logo{padding:5px 10px;float:left;height:50px;}
.sp_logo img{margin:auto;max-height:35px;padding:7px 0px 0px 15px}
.sp_logo a{display: inline-block;float:left}
.sp_logo span{display: inline-block;line-height: 40px;}
.sp_nav{width:40px;float:left;position:relative;cursor:pointer;height:25px;}
.sp_nav span{display:block;background:#fff;width:20px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:8px}
.sp_nav span:nth-of-type(3){top:16px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;display:block;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
.sjj_nav ul li em{border-right:1px #ddd solid;height:30px;padding:0px 7px 0 7px;margin-top:15px}
.sjj_nav ul li em svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.m_nav .closeicon{position:absolute;width:20%;left:0;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
.m_nav .m_navList ul{padding-left:5%;padding-right:5%}
.m_nav .m_navList ul li{border-bottom:1px solid #232530}
.m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
.m_nav .m_navList ul li .m_f_a a{flex: 1;}
.m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
.icon{ background:url(../img/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.icon_on{background:url(../img/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
.m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
.m_nav .m_navList ul li .m_s_nav i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
.m_nav .m_navList ul li .tub{display:none}
.abtub{display: flex;align-items: center;justify-content: space-between; width: 100%}
.tub a{padding-left:20% !important;width:80% !important}

#banner {width:100%;overflow:hidden;position:relative;}
.swiper-container {width:100%;}
/* .swiper-slide .detail {height:90px;background:rgba(0,0,0,.7);position:absolute;width:100%;bottom:0;color:#fff;opacity:0;transition:opacity .3s .3s;} */
.swiper-slide img{width:100%;display:block}

/* .swiper-slide .detail h3 {width:950px;margin:15px auto 0;}
.swiper-slide .detail p {width:950px;margin:5px auto 0;}
.swiper-slide .detail p span {width:650px;display:block;} */
.effect1 img {transform:scale(1.25,1.25) translate(10%,10%);transform:scale(1.1,1.1) translate(4.545%,4.545%);}
.leftUp img {-webkit-animation-name:leftUp;animation-name:leftUp;}
@-webkit-keyframes leftUp {
0% {transform:scale(1.1,1.1) translate(4.545%,4.545%);}
100% {transform:scale(1.1,1.1) translate(-4.545%,-4.545%);}
}
@keyframes leftUp {
0% {transform:scale(1.1,1.1) translate(4.545%,4.545%);}
100% {transform:scale(1.1,1.1) translate(-4.545%,-4.545%);}
}
.moveRight img {-webkit-animation-name:moveRight;animation-name:moveRight;}
@-webkit-keyframes moveRight {
0% {transform:scale(1.1,1.1) translate(-4.545%,0);}
100% {transform:scale(1.1,1.1) translate(4.545%,0);}
}
@keyframes moveRight {
0% {transform:scale(1.1,1.1) translate(-4.545%,0);}
100% {transform:scale(1.1,1.1) translate(4.545%,0);}
}
.moveDown img {-webkit-animation-name:moveDown;animation-name:moveDown;}
@-webkit-keyframes moveDown {
0% {transform:scale(1.1,1.1) translate(0,-4.545%);}
100% {transform:scale(1.1,1.1) translate(0,4.545%);}
}
@keyframes moveDown {
0% {transform:scale(1.1,1.1) translate(0,-4.545%);}
100% {transform:scale(1.1,1.1) translate(0,4.545%);}
}
.centerBig img {-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig {
100% {transform:scale(1.1,1.1);}
}
@keyframes centerBig {
100% {transform:scale(1.1,1.1);}
}
.rightDownBig img {-webkit-animation-name:rightDownBig;animation-name:rightDownBig;}
@-webkit-keyframes rightDownBig {
100% {transform:scale(1.1,1.1) translate(4%,4%);}
}
@keyframes rightDownBig {
100% {transform:scale(1.1,1.1) translate(4%,4%);}
}
.swiper-slide img {animation-duration:5s;animation-timing-function:linear;animation-fill-mode:forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode:forwards;}
.swiper-pagination {top:90%;left:50%;transform: translate(-50%, -50%);}
.swiper-pagination-bullet {width:20px;height:20px;background:#fff;margin:0 5px;}
.ani{opacity:0;}
.rightDownBig .anii{opacity:1;-webkit-animation: fadeInLeft 1s both;animation: fadeInLeft 1s both;}
.centerBig .anii{opacity:1;-webkit-animation: fadeInLeft 1s both;animation: fadeInLeft 1s both;}
.moveDown .anii{opacity:1;-webkit-animation: fadeInLeft 1s both;animation: fadeInLeft 1s both;}
.moveRight .anii{opacity:1;-webkit-animation: fadeInLeft 1s both;animation: fadeInLeft 1s both;}
.leftUp .anii{opacity:1;-webkit-animation: fadeInLeft 1s both;animation: fadeInLeft 1s both;}

.detail{position:absolute;top:0%;left:20%;transform: translate(-50%, -50%);width:60%;bottom:0;height:100%;left:0;background:url(../img/bg.png)no-repeat;background-size:cover;color:#fff;padding:5rem}
.detail_info{position:absolute;top:50%;left:40%;transform: translate(-50%, -50%);z-index: 2;}
.detail h3{font-size:2.4rem;}
.line_div{height:1px;width:7rem;background:#fff;margin:2rem 0}
.detail p{font-size:1.2rem;line-height:1.5rem;padding-bottom:1.0rem}
.detail a{display:inline-block;border:1px solid #fff;border-radius:2rem;padding:1rem 2rem;color:#fff}

.detail_jz{position:absolute;top:50%;left:25%;transform: translate(-50%, -50%);color:#fff}
.sigma-content{text-align: center;padding-bottom:2rem}
.sigma-content i{width:10rem;border-top:1px solid #fff;display:inline-block}
.sigma-content span{display:inline-block;padding:0 1rem;font-size:2.4rem;font-weight:bold;}
.detail_jz p{font-size:1.5rem;line-height:1.5rem;padding-bottom:2rem}
.detail_jz p:nth-child(2n+1){text-align:left}
.detail_jz a{display:inline-block;border:1px solid #fff;border-radius:2rem;padding:1rem 2rem;color:#fff}

.detail_four{position:absolute;top:50%;left:25%;transform: translate(-50%, -50%);color:#fff;display:flex;align-items: center;}
.detail_four_fl{padding-right:2rem}
.detail_four_fr{color:#000;flex:1 }
.detail_four_fr h3{font-size:2.4rem;}
.line_div_f{height:1px;width:5rem;background:#000;margin:1rem 0}
.detail_four_fr p{font-size:1.5rem;padding-bottom:1rem;line-height:1.5rem;}
.detail_four_fr a{display:inline-block;border:1px solid #000;border-radius:2rem;padding:1rem 2rem;}

/* 新闻 */
.news_top{border-bottom:1px solid #bfcbd6;line-height:6rem}
.news_tit{max-width: 1800px;margin: 0px auto;height:100%;overflow: hidden;display: flex;align-items: center;padding:0 1rem}
.news_tit_fl{flex:1;color:#282828}
.news_tit_fl i{font-style:normal;color:#666666;font-family:Arial, Helvetica, sans-serif}
.news_tit_fr{flex:1;text-align:right}
.news_tit_fr img{vertical-align: middle;}
.news_list{max-width: 1800px;margin: 0px auto;height:100%;overflow: hidden;display: -webkit-flex;display: flex;flex-wrap: wrap;justify-content: space-between;padding:5rem 2% 0 2%}
.news-three {color: #666666;cursor: pointer;display: block;position: relative;transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);0s;z-index: 2;padding:1%;}
.news-three:hover {color: #000 !important;background-color: transparent;text-shadow: nthree;}
.news-three:hover:before {left: 0%;right: auto;width: 100%;}
.news-three:before {display: block;position: absolute;top: 0px;right: 0px;height: 100%;width: 0px;z-index: -1;content: '';color: #000 !important;background: #e5e7ec;transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);0s;}

.news_data{width:100%;display: flex;align-items: center;border-bottom:1px solid #ddd}
.news_data a{display:inline-block}
.news_data:hover{transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);0s;}
.new_img{width:20rem;height:20rem;overflow: hidden;border:1px solid #bebebe;padding:2rem}
.new_img img{max-width:100%}
.news_detailed{flex:1;padding:0 3rem;min-width: 0;}
.news_detailed h4{color:#333333;padding: 1.5rem 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-wrap: normal;word-wrap: break-word;word-break: break-all;}
.news_detailed p{color:#888888;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.news_detailed span{color:#333333;padding: 1.5rem 0;display: block;}
.news_detailed i {color:#d8231d;display: block;font-style: normal;}

.news_info{max-width: 1600px;margin: 0px auto;height:100%;overflow: hidden;padding: 0 7rem;}
.news_info_tit{text-align:center;color:#333;padding:2rem 0}
.news_info_time{text-align:center;color:#888;padding:1rem 0;border-bottom: 1px solid #ddd;}
.news_info_time span{display:inline-block;color:#666}
.news_info_time i{font-style:normal;display:inline-block;}
.news_info_time i:nth-last-child(n+1){padding-left:2rem}
.news_info_datailed{max-width: 1600px;margin: 0px auto;height:100%;overflow: hidden;padding:1rem}

/* 案例 */
.caselist{display:flex;justify-content: space-between;flex-wrap: wrap;padding:0 1rem}
.caselist ul{width:103%}
.caselist li{width:30%;float:left;border:1px solid #ddd;margin:0 3% 2rem 0;}
.caselist li h4{text-align:center}

.detpnt{max-width: 1600px;margin: 0px auto;height:100%;overflow: hidden;display:flex;flex-wrap: wrap;padding:2rem 0;border-top:1px solid #ddd;justify-content: space-between;;}
.detpntline{width:50%}
.morearticle{max-width: 1600px;margin: 0px auto;height:100%;overflow: hidden;padding:2rem 0;border-top:1px solid #ddd}
.morearticle p{font-size:2.4rem}
.morearticle ul{}
/* 新闻详情 */
.ncontainer{max-width: 1800px;margin: 0px auto;height:100%;overflow: hidden;padding:5rem 0}
.innerleft{width:290px;float:left;padding:0 3rem}
.innerleft h2{border-bottom:2px solid #9a9a9a;padding-bottom:1rem;color:#333333;margin-bottom:2rem}
.innerleft h2 span{}

.innerleft dt{border-bottom:1px dotted #636363;background:url(../img/dot.png)no-repeat center left;padding-left:2rem}
.innerleft dl dd{}
.innerleft dl dd a {display: block;height: 35px;line-height: 35px;background:url(../img/dot2.png)2rem 1.5rem no-repeat;color:#666666;border-bottom:1px dotted #636363;padding-left:4rem;}
.innerleft dl dd p {display: block;padding-left: 20px;height: 35px;line-height: 35px;border-bottom:1px dotted #636363;}
.innerleft dl dd p a{background:url(../img/dot3.png)2rem 1.5rem no-repeat;color:#888888;}
.innerfr{overflow:hidden;padding: 0 7rem;color:#666}
.innerfr ul{width:103%}
.innerfr li{width:30%;float:left;border:1px solid #ddd;margin:0 3% 2rem 0;}
/* 左侧 */
.proitem_left{width:290px;float:left;padding:0 3rem}
.proitem_left h2{border-bottom:2px solid #9a9a9a;padding-bottom:1rem;color:#333333;margin-bottom:2rem}
.proitem_left a{display:block;}
.proitem_left li{border-top:1px dotted #636363;}
.proitem_left > ul > li:first-child{border:none;}
.proitem_left > ul > li:last-child{border-bottom:1px dotted #636363;}
.proitem_left > ul > li > a{background:url(../img/dot.png)no-repeat center left;padding:1rem  0 1rem 2rem;color:#333333;}

.proitem_left > ul > li > ul > li a{padding:1rem  0 1rem 4rem}
.proitem_left > ul > li > ul > li > a{background:url(../img/dot2.png)2rem 1.5rem no-repeat;color:#666666}

.proitem_left > ul > li > ul > li > ul > li a{padding-left:5rem}
.proitem_left > ul > li > ul > li > ul > li > a{background:url(../img/dot3.png)3rem 1.5rem no-repeat;color:#888}

.proitem_left > ul > li > ul > li > ul > li > ul > li a{padding-left:6rem}
.proitem_left > ul > li > ul > li > ul > li > ul > li > a{background:url(../img/dot4.jpg)4.5rem 1.5rem no-repeat;;color:#b9b9b9}
.on{background:#27333b !important;color:#fff !important}
/* 产品 */
.pro_list{display:flex;flex-wrap: wrap;padding:0 7rem;align-content: center;}
.pro_item{position: relative;width:31%;overflow:hidden;border:1px solid #ddd;margin:0 1% 2rem 1%}
.pro_item_img img{width:100%;transition: all 0.6s linear;}
.pro_info{position: relative;}
.pro_info h4{margin:10% 10% 0 10%;border-bottom:1px solid #8f9ba1;color:#282828;padding-bottom:5%}
.pro_info p{color:#666;padding:5% 10% 5% 10%}
.pro_info span{padding:5% 10% 5% 10%}
.pro_item::after {content: '';width: 100%;position: absolute;background: #cc0000;bottom: 0;height: 0px;transition: height 0.3s linear;}
.pro_item:hover::after {height: 10px;}
.pro_item:hover img {transform: scale(1.15);}
.morearticle li{width:30%;float:left;line-height:3.6rem;padding-right:2%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-wrap: normal;word-wrap: break-word;word-break: break-all;}

/* 详细 */
.inrrctainer img{max-width:100%;height:auto !important}
.news_info_datailed img{max-width:100%;height:auto !important}
.ipage{width: 100%;padding:10px 0px;text-align: center;}
.ipage span ,.ipage a{padding:2px 7px;border:1px solid #ddd;margin:0px 5px;display:inline-block}
.current{background:#0d5cab}

.innerrtitle{max-width:1800px;margin:0px auto;height:100%;overflow:hidden;padding:2rem 0}
.search_list{max-width:1800px;margin:0px auto;height:100%;overflow:hidden;display:flex;flex-wrap: wrap;}
.search_item{position: relative;width:23%;overflow:hidden;border:1px solid #ddd;margin:0 1% 2rem 1%;text-align:center}
.search_item img{max-width:100%}
.search_item p{padding:1rem 0}
.liketit{max-width:1800px;border-top:1px solid #ddd;padding:1rem;margin:0px auto;height:100%;overflow:hidden;}
.liketit i{font-style:normal}
.likepro{max-width:1800px;margin:0px auto;height:100%;overflow:hidden;display:flex;flex-wrap: wrap;}
.likepro_item{position: relative;width:23%;overflow:hidden;border:1px solid #ddd;margin:0 1% 2rem 1%;text-align: center;}
.likepro_item img {max-width: 100%;}
.likepro_item p {padding: 0 0 1.5rem 0;}

.pgwSlideshow {width: 100%;display: none;}
.pgwSlideshow a{color: #fff;}
.pgwSlideshow .ps-current {text-align: center;position: relative;overflow: hidden;}
.pgwSlideshow .ps-current > ul  > li {text-align: center;width: 100%;z-index: 1;opacity: 0;display: block;}
.pgwSlideshow .ps-current > ul  > li img {display: block;max-width: 100%;margin: auto;}
.pgwSlideshow .ps-caption {
background: rgba(0, 0, 0, 0.5);
filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
text-align: left;font-size: 1rem;color: #fff;position: absolute;left: 0px;bottom: 0px;width: 100%;padding: 10px;display: none;}
.pgwSlideshow .ps-caption span {padding: 7px;display: inline-block;}
.pgwSlideshow .ps-list {border-top: 1px solid #ebebeb;overflow: hidden;position: relative;}
.pgwSlideshow .ps-list ul {position: relative;list-style: none;margin: 0;padding: 0;left: 0;}
.pgwSlideshow .ps-list li {float: left;}
.pgwSlideshow .ps-list li .ps-item {display: block;margin: 15px 8px;opacity: 0.6;filter: alpha(opacity=60);}
.pgwSlideshow .ps-list li img {display: block;border: 1px solid #777;width: 80px;height: 80px;}
.pgwSlideshow .ps-list li .ps-item.ps-selected {float: left;opacity: 1;border: 4px solid #fff;overflow: hidden;}
.pgwSlideshow .ps-list li .ps-item.ps-selected img {margin: -4px;}
.pgwSlideshow .ps-prevIcon {border-color:transparent #ccc transparent;border-style: solid;border-width: 10px 10px 10px 0;display: block;}
.pgwSlideshow .ps-nextIcon {border-color:transparent #ccc transparent;border-style: solid;border-width: 10px 0 10px 10px;display: block;}
.pgwSlideshow .ps-current .ps-prev {border-left: 0;border-radius: 0 4px 4px 0;position: absolute;padding: 20px 20px 20px 15px;left: 0;top: 45%;cursor: pointer;}
.pgwSlideshow .ps-current .ps-next {border-right: 0;border-radius: 4px 0 0 4px;position: absolute;padding: 20px 15px 20px 20px;right: 0;top: 45%;cursor: pointer;}
.pgwSlideshow .ps-list .ps-prev {
background: rgba(0, 0, 0, 0.5);
filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')";
border: 1px solid #777;border-left: 0;border-radius: 0 4px 4px 0;padding: 20px 15px 20px 12px;cursor: pointer;position: absolute;left: 0;top: 25px;z-index: 1000;display: none;}
.pgwSlideshow .ps-list .ps-next {
background: rgba(0, 0, 0, 0.5);
filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')";
border: 1px solid #777;border-right: 0;border-radius: 4px 0 0 4px;padding: 20px 12px 20px 15px;cursor: pointer;position: absolute;right: 0;top: 25px;z-index: 1000;display: none;}
.pgwSlideshow.narrow .ps-list li img {width: 60px;height: 60px;}
.pgwSlideshow.narrow .ps-current .ps-prev {padding: 15px 15px 15px 12px;top: 40%;}
.pgwSlideshow.narrow .ps-current .ps-next {padding: 15px 12px 15px 15px;top: 40%;}
.pgwSlideshow.narrow .ps-list .ps-prev {padding: 15px 12px 15px 10px;top: 20px;}
.pgwSlideshow.narrow .ps-list .ps-next {padding: 15px 10px 15px 12px;top: 20px;}
.pgwSlideshow.narrow .ps-caption {font-size: 0.8rem;padding: 8px;}



@media screen and (min-width:1601px) {
    .sp_nav{display: none}
    .sjj_nav{display: none}
}
@media screen and (min-width:1201px) and (max-width:1600px) {
    .sp_nav{display: none}
    .sjj_nav{display: none}
    .pad_a{padding:0px 10px}
	
}
@media screen and (min-width:971px) and (max-width:1200px) {    
    .sp_nav{display: block}
    .sjj_nav{display: none}
    .pad_a{padding:0px 10px}
	.menu{display:none}
	.inproitem{display:none}
	.innerpro_list{height:50rem}
	.innerpro{padding:3rem 2% 5rem 2%;}
	
	.inaboutdeta_fl{width:100%;}
	.inaboutdeta_fr{width:100%;}
	.iapp_list{width:48%}
}

@media screen and (min-width:751px) and (max-width:970px) {    
    .sp_nav{display: block}
    .sjj_nav{display: none}
	.menu{display:none}
	.inproitem{display:none}
	.innerpro{padding:0rem 2% 5rem 2%;}
	.innerpro_list{height:25rem}
	.pro_item_info{height:8rem}
	.innerpro .innerpro_list:hover .pro_item_info {height: 115px;background:rgba(31,41,59,0.8);}
	.pro_item_info h4{}
	.pro_item_info p{display:none}
	.pro_item_info span{display:none}
	
	.inaboutdeta_fl{width:100%;}
	.inaboutdeta_fr{width:100%;}
	.inaboutdeta_fr_hon li{width:50%}
	
	.innerleft{display:none}
	.pro_item{width:48%}
	.innews_data{width:100%}
	.iapp_list{width:48%}
	.innerpro_list{width:48%;height:42rem}
}

@media screen and (max-width:750px) {
	
	.font_aa{font-size:3.6rem}
	.font_a{font-size:3.2rem}
	.font_b{font-size:3.2rem}
	.font_c{font-size:2.4rem}
	.font_d{font-size:2.4rem}
	.font_e{font-size:2.4rem}
	.font_f{font-size:3.6rem}
	.font_g{font-size:2.8rem}
	
	
	
	
	.detail{display:none}
	.detail_jz {display:none}
	.detail_four {display:none}

	.swiper-pagination-bullet {width:10px;height:10px;background:#fff;margin:0 5px;}
	
	.tit_datail{font-size: 3rem;}
	.appdeta p{}
	.appdeta h4{}
	.appdeta span{}
	
    .sp_nav{display: block}    
	.top{height:60px;}
	.logo{height:35px}
	.lan_nav span{display: none;}
	.menu{display:none}
	.inproitem{display:none}
	
	.iapp_list{width:48%}
	
	.innerpro_list{width:48%;height:42rem}
	.pro_item_info{height:9rem}	
	.innerpro{padding:0rem 2% 5rem 2%;}
	.innerpro .innerpro_list:hover .pro_item_info {height: 115px;background:rgba(31,41,59,0.8);}
	.pro_item_info h4{}
	.pro_item_info p{display:none}
	.pro_item_info span{display:none}
	
	.inaboutdeta_fl{width:100%;}
	.inaboutdeta_fr{width:100%;padding:5rem}
	.inaboutdeta_fr h4{}
	.inaboutdeta_fr p{}
	.inaboutdeta_fr_hon li{width:50%}
	
	.innews_detailed h4{}
	.innews_detailed p{}
	.innews_detailed i a{}
	
	.news_detailed p{-webkit-line-clamp: 2;}
	
	.innerleft{display:none}
	.innerfr{padding:0 10px}
	.innews_data{width:100%}
	.bottom{display:none}
	.footer_copyright{}
	
	.news_tit_fl{}
	.news_tit_fr{display:none}
	.morearticle p{}
	.morearticle li{width:100%;font-size:2.4rem;line-height:6rem}
	.detpntline{width:100%;padding:1rem 0;font-size:2.4rem}
	.pro_item{width:48%}
	.news_info_datailed{font-size:2.4rem;padding:2rem}
	.detpnt{padding:2rem}
	.morearticle{padding:2rem}
	.pro_info h4{font-size:2.4rem;border:none}
	.pro_info p{display:none}
	.pro_info span{display:none}

	.proitem_left{display:none}
	.pro_list{padding:0 3rem}
	.inrrctainer p{font-size:3.2rem}
}