@charset "utf-8";
/* CSS Document */
.m-menubtn{position: fixed;z-index: 102;top:0;right:0%;width:55px; background:#1c64a4; height:70px;cursor: pointer;-webkit-transition:.5s;transition:.5s; display:none; }
.m-menubtn span{position: absolute;top:0;bottom: 0;left: 0; right: 0; width:25px;height:2px; background: #fff; margin: auto;}
.m-menubtn span:before, .m-menubtn span:after {content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto; background-color: #fff;}
.m-menubtn span:before {bottom: 5px;}
.m-menubtn span:after {bottom: -5px;}
.m-menubtn.active span:before{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg); background:#fff;}
.m-menubtn.active span:after {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;}
.m-menubtn.active span {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); background:#fff;}
.m-menubtn.active span, .m-menubtn.active span:before, .m-menubtn.active span:after {right: 0;bottom: 0;}
.m-menubtn span, .m-menubtn span:before, .m-menubtn span:after{-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-o-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);}

.m-menu{position:fixed; right:0;top:0; width:100%; height:100%;overflow-y:auto; background:#fff; overflow-x:hidden;visibility: hidden;transition: visibility 0ms linear 850ms;z-index:999;}
/*.m-menu:before{content:'';top: 0;left: 0;width: 100%;height: 100%; position: fixed;background: #fff;transform: translateX(-100%);transition: transform 550ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 350ms;}*/
.m-menu ul{ width:100%;padding-top:80px; padding-bottom:30px; padding-left:3%; padding-right:3%;overflow-y:auto;overflow-x:hidden;}
.m-menu li{ position: relative;border-bottom: 1px solid #ddd;}
.m-menu li>a{ font-size:17px;line-height:55px; padding:0 15px; position:relative}
.m-menu li>i{ position:absolute; width:40px; height:55px; right:0;top:0;}
.m-menu li>i:before{ content:""; width:16px; height:2px; background:#c2c2c2; position:absolute; left:12px;top:24px;}
.m-menu li>i:after{ content:""; width:2px; height:16px; background:#c2c2c2; position:absolute; left:19px;top:17px;}
.m-menu li.on i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg); opacity:0}
.m-menu a{ display:block;}
.m-menu .sub{ display:none; background:#f5f5f5; padding:10px 0}
.m-menu .sub a{line-height:30px;font-size:15px; padding-left:20px; position:relative}
.m-menu .sub a:before{content: "";position: absolute;bottom: 15px; left: 0; width: 10px; height: 1px; background: rgba(255,255,255,.5);}
.m-menu.active{visibility: visible; opacity:1;transition: visibility 0ms linear 0ms;}
.m-menu.active:before{transform: translateX(0%);transition: transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1);}
.m-menu.active li{opacity: 1;transform: translateX(0);transition: opacity 500ms linear 375ms, transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 375ms;}




.m-foot{ position:fixed; width:100%; height:60px; padding-top:5px; left:0; bottom:0;background:#1c64a4; color:#fff; display:none; z-index:99998}
.m-foot li{ float:left; width:33.33%; text-align:center;}
.m-foot li a{ color:#fff; font-size:14px; display:block;}
.m-foot li.li2 a{ background:url(../images/fmail.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li3 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li4 a{ background:url(../images/right_pic6.png) no-repeat center 3px; padding-top:25px}
.m-foot li.li2 a span{display: block;}





.phshow{ display:none !important}
.pcshow{ display: block !important}

@media screen and (max-width:1650px){
body{ font-size:14px; line-height:28px;}
.inews ul li .con p, .inews ul li .con h6{font-size:14px;}
.header .logo{ margin-top:-23px;}
.header .logo img{ height:46px;}
.header .menu li .menu_a{ font-size:16px;}
.header .lang .tit{ font-size:14px;}
.header .lang .tit{ width:105px;}

.main .banner .swiper-slide .text h3, .main .banner .swiper-slide .text .con{ font-size:40px;}
.main .banner .swiper-slide .text .con{ margin-top:40px; font-size:24px; line-height:40px;margin-top:40px; }
.main .banner .swiper-slide .text .bmore{ padding:0 25px; line-height:45px; margin-top:80px;}

.section{ padding:80px 0 100px 0;}
.sectionpre{ padding-top:80px;}
.sectionnext{ padding-bottom:80px;}
.iabout .section{ padding:100px 0 120px 0;}
.title{ margin-bottom: 40px;}
.title h3{ font-size:36px;}
.ntitle{ margin-bottom: 35px;}
.ntitle h3{ font-size:32px;}
.picture-transition figure .pc-version .img-item .bg-img .item-title{ font-size:28px;}
.iapp .tabnav li .tit {font-size: 22px;}

.f_bg .f_div2_r .flogo img{ height:45px;}
.protop .pbrief .use ul li .icon{ width:70px; height:70px; }

.features .list .item .icon{ width:80px; height:80px; }
.features .list .item .text:after{ width:80px;}
.nbanner .text h3{ font-size:40px;}
.nab01 .text .title h4{ font-size:20px; margin-top:10px}

}

@media screen and (max-width:1500px){
body{ font-size:13px; line-height:26px;}
.header{ height:70px;}
.nguide.fixeds{ top:70px;}
.newsdetail .newsntitle{ margin-top:70px;}

.header .logo{ margin-top:-20px;}
.header .logo img{ height:40px;}
.header .menu li .menu_a{ line-height:70px;}
.header .lang .tit{ line-height:70px;}
.header .language{ line-height:70px;}
.header .search .sou{ width:12px;}
.header .lang .tit{ font-size:13px;}
.header .menu .subduan{ line-height:40px; }

.title h3{ font-size:32px;}
.title p{ font-size:20px;}
.iapp .tabnav li .tit {font-size: 20px;}
.iapp .tabnav li .text{ bottom:80px;}
.f_bg .h2{ margin-bottom:15px;}
.f_bg .links ul li{ margin-top:8px;}
.f_bg .f_div2_r .p{ margin-top:10px;}

.social-share ul li{ width:36px; margin-left:5px; }
.social-share ul li:first-child{ margin-left:0}
.social-share ul li a{ width:36px; height:36px; padding:4px;}
.social-share ul li a img{ width:28px;}
.f_bg .f_one{ padding:20px 0 0 0;}
.f_bg .f_m{margin: 35px 0;}
.f_bg .f_div2_r{margin: 35px 0;}
.f_bg .f_div2_r .fcontact{ margin-top:30px; line-height:45px; width:160px;}
.f_div3 { padding:10px 0;}
.f_bg .f_div2_r .flogo img{ height:40px;}
.f_bg .f_m:after{ height:298px;}
.f_bg .f_m:after{ right:20px;}
.foot_a{ margin-top:40px;}
.protop .pbrief .use ul li .icon{ width:60px; height:60px; }

.features .list .item .icon{ width:70px; height:70px; }
.features .list .item .text:after{ width:70px;}
.nbanner .nguide ul li{ line-height:70px;}
.nbanner .nguide { height:70px;}

.newslist02 .othernews .newsitem .text h3{ margin:8px 0 10px 0; font-size:20px;}
.newslist02 .othernews .newsitem .text p{ line-height:24px; height:72px;}
.nbanner .nguide ul li a{ font-size:16px;}
.newsdetail .newsntitle{padding: 80px 0 60px 0;}
.newsdetail .newsntitle h3{ font-size:22px}
.iapp .tabnav li .icon img{max-height: 80px;}
.picture-transition figure .pc-version .img-item .bg-img .item-title{ font-size:22px;}

.sup01 .tabmenu li{padding: 0 25px; font-size: 16px;line-height: 50px;}
.sup01 #tabcontent .item h3{font-size: 16px;}
.sup02 .conn .item h3{ font-size:16px;}
.sup402 .conn .out .inn h3{ font-size:20px;}
.sup402 .conn .out .inn{ padding:30px;}
.quote .out{padding: 90px 0 100px 0;}
.newsdetail .newsconn{    padding: 60px 0 0 0;}
.protop .pbrief .protitle h3{ font-size:28px;}
.pro203 .ipro_probtn li{ padding-left:40px;}
.soft_cc dd .text h4{ font-size:22px;}
}

@media screen and (max-width:1366px){
.header .menu li.arrow .menu_a{ margin: 0 20px 0 18px;}
.main .banner .swiper-slide .text h3, .main .banner .swiper-slide .text .con{ font-size:36px;}
.main .banner .swiper-slide .text .con{ margin-top:40px; font-size:20px; line-height:40px;margin-top:40px; }
.main .banner .swiper-slide .text .bmore{ padding:0 25px; line-height:42px; margin-top:80px; font-size:12px;}	
.title{margin-bottom: 35px;}
.title h3{ font-size:30px;}

.ntitle{ margin-bottom: 30px;}
.ntitle h3{ font-size:28px;}
.nlist .wrap .item{padding:20px 20px 20px 0;}

.picture-transition figure .pc-version .img-item .bg-img .item-title{ font-size:24px;}
.iapp .tabnav li .tit{ font-size:18px; margin-top:0px;}
.iapp .tabnav li .text{ bottom:60px;}
.f_bg .f_div2_r .p ul li{ margin-bottom:6px;}

.social-share ul li{ width:32px; margin-left:5px; }
.social-share ul li a{ width:32px; height:32px; padding:3px;}
.social-share ul li a img{ width:26px;}
.foot_a{ margin-top:30px;}
.protop .pbrief .use ul li .icon{ width:55px; height:55px; }

.newslist02 .topnews .swiper-slide .text h3{ margin:10px 0;}
.newslist02 .topnews .swiper-slide .text{ padding:3%;}
.newslist02 .topnews .swiper-slide .text h3{ font-size:20px;}
.newslist02 .othernews .newsitem .text h3{ font-size:18px; margin:8px 0;}
.newslist .newskuai .text .date{margin-top:20px;}
.newslist02 .othernews .newsitem .text p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 48px;}
.nbanner .text h3{ font-size:32px;}
.nbanner .nguide ul li a{ font-size:15px;}
.nbanner .nguide ul li{ line-height:60px;}
.nbanner .nguide { height:60px;}

.inews ul li .con{padding: 15px 15px 30px 15px;}
.picture-transition figure .pc-version .img-item .bg-img .item-title{ font-size:20px;}

.section{ padding:60px 0 80px 0;}
.sectionpre{ padding-top:60px;}
.sectionnext{ padding-bottom:60px;}
.iabout .section{ padding:80px 0 100px 0;}
.iabout .video .vbtn {height: 80px;width: 80px;line-height: 80px;}
.iabout .video .vbtn a:after {margin-left: 5px; margin-top:-15px;border-left: solid 16px #1c64a4;border-top: solid 16px transparent;border-bottom: solid 16px transparent;}

.sup01 .tabmenu li{padding: 0 20px; font-size: 15px;line-height: 45px;}
.sup01 #tabcontent .item h3{font-size: 15px;}
.sup02 .conn .item h3{ font-size:15px;}
body{ line-height:24px;}
.sup401 .list p{ font-size:16px;}
.more .a{ line-height:35px;}
.quote .more{ margin-top:20px;}

.contact02 .wrap{padding: 40px;}
.sol102 .conn .item h3{ font-size:16px;}
.sol102 .conn .item{ padding:0 20px;}

.sol104 .conn .item{ padding:30px;}
.sol104 .conn .item h3{ font-size:18px;}
.sol104 .conn .item .gd{bottom: 30px; left: 30px;}

.nlist .wrap .item .text h3{ font-size:18px;line-height:30px;}
.nlist .wrap .item .text h4{ font-size:15px; line-height:26px;}
.protop .pbrief .protitle h4{font-size: 14px;}
.protop .pbrief .conn{ line-height:26px;}
.pro203 .proswiper{ width:68%}
.pro303 .conn .item{ padding:20px 20px 35px 20px;}
.nab02 .text{ top:50%}
.nab01 .text .title h4{ font-size:18px; margin-top:10px}
.nab01 .text .title, .nab02 .text .title{margin-bottom: 20px;}

.nwh .conn .list .item .inn h3{ padding:15px 0; margin-bottom:20px; font-size:20px;}
.nwh .conn .list .item .inn p{ font-size:14px; line-height:30px;}
.nwh .conn .list .item .inn{ padding:0 40px}

.nhr03 .item .hrtitle h3{ font-size:18px; margin-bottom:10px;}

.main .banner .swiper-button-prev,  .main .banner .swiper-button-next,  .main .banner .swiper_button_play {width:50px;height: 50px;margin-top: -25px;}
.newpro .swiper-button-prev,  .newpro .swiper-button-next,  newpro .swiper_button_play  {width:50px;height: 50px;margin-top: -25px;}
.nsolpro .swiper-button-prev,  .nsolpro .swiper-button-next,  nsolpro .swiper_button_play{width:50px;height: 50px;margin-top: -25px;}
.protop .proll .swiper-button-prev,  .protop .proll .swiper-button-next {width:50px;height: 50px;margin-top: -25px;}
.proapp .proapproll .swiper-button-prev,  .proapp .proapproll .swiper-button-next {width:50px;height: 50px;margin-top: -25px;}

.soft_cc dd .text h4{ font-size:20px;}
input,textarea,select,button,input{font-size:14px;}
.sup203 form h3{ font-size:16px;}


}
@media screen and (max-width:1240px){
.newslist .newskuai .text h3{ font-size:16px; margin-bottom:5px;}	
.newslist .newskuai .text .date{margin-top:15px;}	
.newslist02 .topnews .swiper-slide .text h3{ margin:5px 0; font-size:18px;}
.newslist02 .othernews .newsitem .text h3{ font-size:16px; margin:0 0 5px 0;}
.newslist02 .topnews .swiper-slide .text p{ line-height:25px; height:75px; height:auto}
.nbanner .text h3{ font-size:28px;}
.newslist .newskuai{ padding:20px;}
.newsdetail .newsntitle{padding: 60px 0 50px 0;}
.newsdetail .newsntitle h3{ font-size:20px; margin-bottom:12px;}

.header .menu li .menu_a{margin: 0 16px;}
.header .menu li.arrow .menu_a:before{ right:-16px;}
.header .menu li.arrow .menu_a{margin: 0 16px 0 16px;}
.iapp .tabnav li .icon img{max-height: 60px;}
.iapp .tabnav li .tit{ font-size:16px; margin-top:0;}

.title{margin-bottom: 30px;}
.title h3{ font-size:26px;}

.nbanner img{ width:110%; margin-left:-5%}
.ntitle h3{ font-size:24px;}
.ntitle{ margin-bottom:20px;}
.sup402 .conn .out .inn h3{ font-size:18px;}
.sup402 .conn .out .inn{ padding:20px;}
.quote .out{padding: 80px 0 90px 0;}

.protop .pbrief .protitle h3{ font-size:24px;}

.iapp .tabcot {height:550px; min-height:550px;}
.iapp .tabnav ul {height:550px; min-height:550px;}
.iapp .tabnav li .tit{ height:40px; line-height:20px;}
.iapp .tabnav li .text { bottom:40px; }

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

.main .banner .swiper-slide .text h3, .main .banner .swiper-slide .text .con{ font-size:30px;}
.main .banner .swiper-slide .text .con{ margin-top:25px; font-size:16px; line-height:30px;}
.main .banner .swiper-slide .text .bmore{ padding:0 20px; line-height:38px; margin-top:60px;}	
.iabout .more{ margin-top:50px;}
.nbanner .nguide ul li{ padding:0 20px;}
.nab01 .text{ top:50%}
.nab02 .text{ top:55%}
.nab02 .maps .mapicon img{ width:80% !important}
.nwh .conn .list .item .inn h3{ font-size:18px; padding:10px 0; margin-bottom:15px;}
.nwh .conn .list .item .inn p{ line-height:14px; line-height:25px;}
.nwh .conn .list .item .inn{ padding:0 30px}
.sup402 .conn .list:hover .out .inn{top:15%;}
.soft_cc dd .text::before{left: -25px;}
.soft_cc dd .text::after{left: -20px;}

.nab01 .youshi ul li img{ height:38px;}
.nab01 .youshi ul li .wenzi h3{ font-size:36px; line-height:36px;}
.nab01 .youshi ul li .wenzi p{font-size:16px;}
}
@media screen and (max-width:1160px){
.header .menu{ display:none;}
.m-menubtn{ display:block; }
.header .lang{ right:65px}
.header .language{ line-height:65px;}
.header .search{right:80px;}
.backtop{ display:none}
footer{ margin-bottom:55px;}
.m-foot{ display:block;}
.header .language{ display:none;}
}
@media screen and (max-width:1024px){
.newslist .newskuai .text p{ height:auto;-webkit-line-clamp:10;}
.header .logo{ left:3%;}

.wrap{ width:94%}
.nguide.fixeds ul{ width:94%}
.nab02 .text{ left:3%}

.section{ padding:40px 0 60px 0;}
.sectionpre{ padding-top:40px;}
.sectionnext{ padding-bottom:40px;}
.iabout .section{ padding:60px 0 80px 0;}
.title{margin-bottom: 25px;}
.title h3{ font-size:22px;}

.nbanner img{ width:120%; margin-left:-10%}
.nbanner .nguide ul li{ line-height:50px;}
.nbanner .nguide { height:50px;}

.nbanner .nguide ul li:after{ height:14px; margin-top:-7px;}
.nbanner .nguide .wrap{ width:100%}
.sup02 .conn .item{ padding:15px;}
.ntitle h3{ font-size:22px;}
.sup302 td{ padding:5px;}
.f_bg .links{ width:33.33%}
.f_bg .links:nth-child(3){ display:none;}
.newsdetail .newsconn{ padding: 40px 0 0 0;}

.sol102 .conn .item h3{ font-size:15px;}
.sol102 .conn .item{ width:33.33%; margin-bottom:20px;}
.sol102 .conn .item:nth-child(3n):after{ display:none; }
.sol104 .conn .item h3{ font-size:16px;}

.nlist .wrap .item{ width:100%; margin-right:0%;}
.nlist .wrap .item:nth-child(2n){ margin-right:0; }

.pro202 .ipro_probtn{ float:none; width:100%; margin-top:60px;}
.pro202 .proswiper{ margin-top:30px;}
.pro302 .list .wrap .item .text{ font-size:15px;}

.nab01 .text .title h4{ font-size:16px; margin-top:10px}
.nbanner .nguide ul li{ padding:0 15px;}
.nab01 .text{ top:55%}
.nab02 .text{ width:32%}
.nwh .conn .list .item .inn{ padding:0 20px}

.sup402.nhr02 .conn .list{ width:48.5%; margin-right:3%; margin-bottom:3%;  position:relative}
.sup402.nhr02 .conn .list:nth-child(3n){ margin-right:3%;}
.sup402.nhr02 .conn .list:nth-child(2n){ margin-right:0;}

.nab01 .youshi ul li img{ height:34px;}
.nab01 .youshi ul li .wenzi h3{ font-size:32px; line-height:32px;}
.nab01 .youshi ul li .wenzi p{font-size:14px;}
}
@media screen and (max-width:920px){
.nbanner .text h3{ font-size:24px;}	
.newslist .newskuai .pic{ width:100%; margin-bottom:20px;}
.newslist .newskuai .text{ width:100%; position: relative; right:auto; top:auto;-moz-transform:translate(0%,0%);-webkit-transform:translate(0%,0%);transform:translate(0%,0%); top:auto; }
.newslist .newskuai .text h3{ font-size:15px;}

.newslist02 .topnews .swiper-slide .pic{ width:100%; float:none;margin-bottom:20px;}
.newslist02 .topnews .swiper-slide .text{ padding:0 20px 40px 20px; width:100%; float:none;}
.newslist02 .topnews .swiper-slide .text h3{ font-size:16px;}
.newslist02 .othernews .newsitem .pic{ width:100%; margin-bottom:20px}
.newslist02 .othernews .newsitem .text{ width:100%; position: relative; right:auto; top:auto;-moz-transform:translate(0%,0%);-webkit-transform:translate(0%,0%);transform:translate(0%,0%); top:auto; }
.newslist02 .othernews .newsitem .text h3{ font-size:15px;}

.newsdetail .newsntitle h3{ font-size:18px;}

.nlist .wrap .item .text h3{ font-size:16px;line-height:30px;}
.nlist .wrap .item .text h4{ font-size:14px; line-height:26px;}

.nab02 .maps .mapicon img{ width:60% !important}

.sup01 #tabcontent .item{ width:48.5%; margin-right:3%; margin-top:20px;}
.sup01 #tabcontent .item:nth-child(2n){ margin-right:0; }
.sup02 .conn .item{ width:100%; margin-right:0; margin-bottom:15px;}
.sup302 .conn{ overflow-x: auto;}
.sup302 .conn table{ min-width:640px;}
body{ line-height:22px;}

.sup401 .list p{ width:48.5%; margin-right:3%; padding-top:15px; padding-bottom:30px;}
.sup401 .list p:nth-child(2n){ margin-right:0}
.quote .more{ margin-top:15px;}
.quote .out{padding: 50px 0;}
.sup401 .list p{ font-size:15px;}
.sup402 .conn .out .inn h3{ font-size:16px;}
.newsdetail .newsntitle{ margin-top:60px;}
.header .language{ line-height:60px;}
.header, .m-menubtn{height:60px;}
.nguide.fixeds{ top:60px;}
.header .lang{ display:none;}
.header .search{ right:80px;}
.f_bg .links:nth-child(4){ display:none;}
.f_bg .links{ width:50%}

.naqlist li{padding:12px 15px;}

.contact01 .conn .item{ width:48.5%; margin-right:3%; }
.contact01 .conn .item:nth-child(2n){ margin-right:0; }
.contact01 .conn .item:nth-child(1), .contact01 .conn .item:nth-child(2){ margin-bottom:20px;}
.contact01 .conn .item .icon{ width:70px; height:70px; }

.contact02 .wrap{padding: 30px 20px;}
.sol104 .conn .item{ padding:20px;}
.sol104 .conn .item .gd{bottom: 20px; left: 20px;}
.sol104 .conn .item .gd{ opacity:0}
.sol104 .conn .item p{ opacity:1; color:#666;}

.protop .pbrief .protitle h3{ font-size:22px;}

.protop .proll{ width:100%; position:relative}
.protop .pbrief{ width:100%;position:relative; right:auto;-moz-transform:translate(0%,0%);-webkit-transform:translate(0%,0%);transform:translate(0%,0%); top:auto; margin-bottom:50px}

.features .list .item{ width:48.5%; margin-right:3%; margin-bottom:20px;}
.features .list .item:nth-child(3n){ margin-right:3%; }
.features .list .item:nth-child(2n){ margin-right:0%; }
.pro203 .ipro_probtn li{ line-height:32px; font-size:15px; padding-left:30px;}

.pro203 .ipro_probtn{ float:none; margin-bottom:40px;}
.pro203 .proswiper{ float:none; width:100%;}
.pro302 .list .wrap .item{ width:33.33%; margin-bottom:30px; text-align:center; position:relative}
.pro302 .list:before{ content:""; position: absolute; left:0; top:calc(50% - 8px); width:100%; height:1px; background:#d4dceb}
.pro302 .list .wrap .item .text{ font-size:14px;}

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

.iabout .title{ text-align:left; width:100% }
.iabout .conn{ width:100%; opacity:0.8}
.iabout .video{ position:relative; width:100%; height:auto; top:auto; right:auto;}
.main .banner .swiper-slide img{ width:120%; margin-left:-10%;}

.main .banner .swiper-slide .text h3, .main .banner .swiper-slide .text .con{ font-size:24px;}
.main .banner .swiper-slide .text .con{ margin-top:15px; font-size:15px; line-height:26px;}
.main .banner .swiper-slide .text .bmore{ line-height:36px; margin-top:40px;}

.f_bg .h2{ font-size:16px;}	
.sup01 .tabmenu li{ padding:0 15px;}
.pro303 .conn .item{ padding:20px 15px 35px 15px;}

.nbanner .nguide ul{flex-wrap:nowrap; text-align:left; justify-content: left;}
.nbanner .nguide ul li{white-space:nowrap; display:block}
.nbanner .nguide ul {overflow-x:auto;overflow-y: hidden; width:100%;display: flex; display: -webkit-flex;}
.nguide.fixeds ul{ width:100%}

.nab01 .inn {width:94%; margin-left:3%}
.nab01 .inn:after{ display:none;}
.nab01 .pic{ width:100%; margin-bottom:20px; }
.nab01 .text{position: relative;right:auto;-moz-transform:translate(0%,0%);-webkit-transform:translate(0%,0%);transform:translate(0%,0%); top:auto; width:100%; margin-bottom:40px;}
.nab01 .youshi{ padding-top:35px;}

.nab02 .maps{ width:100%; margin-left:0%}
.nab02 .text{position: relative;left:auto;-moz-transform:translate(0%,0%);-webkit-transform:translate(0%,0%);transform:translate(0%,0%); top:auto; width:94%; margin-left:3%;}

.nwh .conn .list .item .inn h3{ font-size:16px; padding:10px 0; margin-bottom:15px;}
.nwh .conn .list .item .inn p{ line-height:13px; line-height:25px;}

.nhr03 .item .hrtitle h3{ font-size:16px; margin-bottom:5px;}

.main .banner .swiper-button-prev,  .main .banner .swiper-button-next,  .main .banner .swiper_button_play {width:40px;height: 40px;margin-top: -20px;}
.newpro .swiper-button-prev,  .newpro .swiper-button-next,  newpro .swiper_button_play {width:40px;height: 40px;margin-top: -20px;}
.protop .proll .swiper-button-prev,  .protop .proll .swiper-button-next {width:40px;height: 40px;margin-top: -20px;}
.proapp .proapproll .swiper-button-prev,  .proapp .proapproll .swiper-button-next{width:40px;height: 40px;margin-top: -20px;}
.nsolpro .swiper-button-prev,  .nsolpro .swiper-button-next,  nsolpro .swiper_button_play{width:40px;height: 40px;margin-top: -20px;}

.soft_cc dd .text h4{ font-size:18px;}

.soft_cc dd { width: 100%;}
.soft_cc dd .text h4 {margin-bottom: 5px;}

.nab01 .youshi ul li img{ height:30px;}
.nab01 .youshi ul li .wenzi h3{ font-size:28px; line-height:30px;}
.nab01 .youshi ul li .wenzi p{font-size:13px;}
}
@media screen and (max-width:768px){
.pro301 .pic{ width:100%; margin-left:0%; margin-bottom:20px;}
.pro301 .text{width:100%; position: relative;left:auto;-moz-transform:translate(0%,0%);-webkit-transform:translate(0%,0%);transform:translate(0%,0%); top:auto;}
.pro303 .conn .item{ width:48.5%; margin-right:3%; margin-bottom:20px;}
.pro303 .conn .item:nth-child(2n){ margin-right:0; }

.inews .phshow .miso-slide li{ width:100%;}
.pcshow{ display:none !important}
.phshow{ display: block !important;}

.iapp .tabnav li .tit{ font-size:15px;}

.picture-transition figure .pc-version{display: block;}
.picture-transition figure .pc-version .img-item{width:100%;  margin-right:0%; margin-bottom:20px;}
.picture-transition figure .pc-version .img-item .bg-img { background-position: center center; background-size:cover;}
.picture-transition figure .pc-version .img-item{ border-radius:15px;}
.nwh .conn{ overflow:hidden}
.nwh .conn .list .item{ position:relative; width:100%; height:auto; left:auto !important; top:auto;}
.nwh .conn .list .item .inn{position:relative;left:auto;-moz-transform:translate(0%,0);-webkit-transform:translate(0%,0%);transform:translate(0%,0%); top:auto; width:100%; padding:30px 20px 40px 20px;}
.nwh .conn .list{ position: relative; left:auto; top:auto; width:auto; height:auto; }
.nwh .conn img{ position:absolute; left:0; top:0; width:auto; height:100%; margin-left:-20%}

.nwh .conn .list .item .biao{ display:none; /*position: relative; padding-bottom:40px; left:auto; top:auto; bottom:auto;-moz-transform:translate(0%,0);-webkit-transform:translate(0%,0%);transform:translate(0%,0%);*/}
.nwh .conn .list:before{ content:""; position:absolute; top:33.33%; left:auto; width:100%; height:1px;background-color: rgba(255, 255, 255, 0.3);}
.nwh .conn .list:after{ content:""; position:absolute; top:66.66%; left:auto; width:100%; height:1px; background-color: rgba(255, 255, 255, 0.3);}

.nab01 .youshi ul li .wenzi h3{ font-size:24px; line-height:28px;}

.pro203 .proswiper .swiper-slide .xpic{ float:none; width:100%;}
.pro203 .proswiper .swiper-slide .xwz{ float:none; width:100%;}
}
@media screen and (max-width:640px){
.nbanner img{ width:130%; margin-left:-15%}	
.nbanner .nguide ul li:after{ height:12px; margin-top:-6px;}

.sup401 .ntitle{ float:none;}
.sup401 .conn{ width:100%; float:none; margin-bottom:40px;}

.sup402 .conn .list{ width:100%; margin-right:0%; margin-bottom:20px;}
.sup402 .conn .out .inn p{ display:block;}
.nbanner{ margin-top:60px;}
.banner{ margin-top:60px;}
.nbanner .text h3{ font-size:22px;}	
.title h3{ font-size:20px;}
.f_bg .links{ display:none}
.f_bg .f_div2_r{ float:none; width:auto; max-width:100%}
.f_bg .f_m:after{ display:none; }
.f_bg .foot_a em{ float:none}
.f_bg .f_m{ margin-top:0}
.f_bg .f_div2_r{ margin-bottom:20px;}
.foot_a{ width:100%; min-width:320px; display:block; clear:both; }
.social-share{ float:none; width:100%; margin-left:0}
.shareback .share{ float:none; width:100%}
.shareback .more{ float:none; margin-top:20px;}
.shareback ul{ float:none; clear:both; margin-left:0;}

.contact02 .input{ float:none; width:100%; margin-bottom:15px; line-height:45px; height:45px;}
.contact02 .input:nth-child(2n){ float:none}
.contact02 .select {float:none; width:100%;  margin-bottom:15px; line-height:45px; height:45px;}
.contact02 .select:nth-child(2n){ float:none}

.sup203 .row03 .ge{float:none; width:100%; margin-right:0%; }
.sup203 .input{margin-bottom:15px; line-height:45px; height:45px;}
.sup203 .row03 .ge:nth-child(3n){ margin-right:0}
.sup203 .select {line-height:45px; height:45px; margin-bottom:15px; }
.sup203 .row03 .ge .yzmimg { height:calc(100% - 19px) !important;}
.contact02 .yzm .ge{ float:none; width:100%}
.contact02 .yzm .ge .yzmimg{ height:calc(100% - 19px) !important;}

.sol102 .conn .item{ width:50%; margin-bottom:0px;}
.sol102 .conn .item:last-child{ width:100%;}
.sol102 .conn .item:nth-child(3n):after{ display: block; }
.sol102 .conn .item:nth-child(2n):after{ display:none; }
.sol102 .conn .item:nth-child(1), .sol102 .conn .item:nth-child(2), .sol102 .conn .item:nth-child(3), .sol102 .conn .item:nth-child(4){ border-bottom:solid 1px rgba(255,255,255,0.2);}

.sol104 .conn .item{ margin-right:0; margin-bottom:20px;}
.sol104.li03 .conn .item{width:100%;  }
.sol104.li04 .conn .item{width:100%;  }
.sol102 .conn .item .icon{ width:42px;}

.nlist .wrap .item{ padding:20px 20px 35px 20px;  margin-bottom:20px;}
.nlist .wrap .item .pic{ width:100%; padding-right:0%; display: block;}
.nlist .wrap .item .text{ width:100%; display:block;}

.pro202 .proswiper .pic{ float:none; width:100%;}
.pro202 .proswiper .text{ float:none; width:100%;}
.pro202 .ipro_probtn .probtn li:after{ height:100%; top:0; margin-top:auto;}
.pro201 .conn{ padding-left:30px;}
.pro202 .proswiper .text{ padding-left:30px;}

.iapp .tabnav li .tit{ font-size:14px;}

.main .banner .swiper-slide .text h3, .main .banner .swiper-slide .text .con{ font-size:20px;}
.main .banner .swiper-slide .text .con{ margin-top:10px; font-size:14px; line-height:22px;}
.main .banner .swiper-slide .text .bmore{ line-height:32px; margin-top:25px; padding: 0 20px;}	

.iapp .tabnav li .icon img{ max-height:52px; }

.main .banner .swiper-slide img{ width:140%; margin-left:-20%;}
.nbanner .text{top:45%;}
.quote .title h3{ font-size:20px;}
.ntitle h3{ font-size:20px;}

.nab03 .conn .swiper-slide{ position:relative; height:400px; }
.nab03 .conn .swiper-slide .picout .img-dv .img1{ height:200px; width:auto;}
.nab03 .conn .swiper-slide .textout .text h3{ font-size:20px;}

input,textarea,select,button,input{font-size:13px;}
.soft_cc dd .text h4{ font-size:16px;}

.nab01 .youshi ul{ display:block; margin-top:-20px;}
.nab01 .youshi ul li{ display:block; width:50%; float:left; margin-top:20px;}
}

@media screen and (max-width:540px){
.nab03 .conn .swiper-slide{ position:relative; height:280px; }
.nab03 .conn .swiper-slide .picout .img-dv .img1{ height:140px;}
.nwh .conn .list .item .inn h3{ padding:5px 0;}	

.nab03 .conn .swiper-slide .textout .text{ padding:25px;}


.sup402.nhr02 .conn .list{ width:100%; margin-right:0%; margin-bottom:20px;}
.sup402.nhr02 .conn .list:nth-child(3n){ margin-right:0;}
	
}