/* CSS Document */
/*@font-face {
	font-family: 'impact';
	src: url('fonts/impact.eot');
	src: local('☺'), url('fonts/impact.otf') format('woff'), url('fonts/impact.ttf') format('truetype'), url('fonts/impact.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/
body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, font, form, p, h1, h2, h3, h4, h5, h6, span, a { padding: 0px; margin: 0px;outline:none; }
input, select { font-size: 13px; line-height: 16px; }
html, body { -webkit-text-size-adjust: none; font-size: 13px; color: #333333; }/*google浏览器字体兼容*/
body { font-family:"微软雅黑", "宋体",Arial, Helvetica, sans-serif; width: 100%; background: #ffffff; }
img { border: 0; }
ul, li { list-style-type: none; }
a { text-decoration: none; color: #333333; outline: none; }
a:hover { color: #3782c7; text-decoration: none; }
a:active { star:expression(this.onFocus=this.blur());
}
.cl { clear: both; }
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.dis { display: block; }
.undis { display: none; }
.huangse { color: #eae678 }
.yellow { color: #2e9571 }
.green { color: #007b3f }
.red { color: #f66139 }
.hui { color: #696868 }
.hui2 { color: #929292 }
.red2 { color: #ae1202 }
.orange { color: #ffb400; }
.Dgreen { color: #0e652c; }
.hei { color: #000 }
.blue { color: #066cff }
.f12 { font-size: 12px }
.f14 { font-size: 14px }
.f16 { font-size: 16px }
.f18 { font-size: 18px }
.f22 { font-size: 22px; color:#3d3d3d; }
.f26 { font-size: 26px; color:#3d3d3d;}
.fb { font-weight: bold;}
.line30 { line-height: 30px; }
.line35 { line-height: 35px; }
.border_bottom { border-bottom: 1px #CCCCCC dashed; }
DIV.none { DISPLAY: none }
.display { display: block }
.space { height: 5px; clear: both; _height: 0px; line-height: 5px }
/*.left { float: left }
.right { float: right }*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.margin_bottom30 { margin-bottom: 30px; }
/*index start*/

.ibanner{ width:100%; height:auto; position:relative; z-index:2; margin:0 auto 0 auto;}
.ibanner a{ display:block; width:100%; height:auto; position:relative; z-index:99;}
.ibanner a img.bimg{ display:block; width:100%; height:auto;}
.ibannerc{ position:absolute; z-index:100; top:35%; left:10%; color:#fff;}
.ibannerct{ font-size:60px; font-family:'HelveticaNeue-Bold'; line-height:60px;}
.ibannerci{ width:480px; height:auto; margin:25px 0 50px 0; font-size:16px; line-height:25px;}
.ibannerc_m{ width:210px; height:69px; background:url(../images/more.png) no-repeat; line-height:69px; text-align:center; color:#fff; font-size:18px;}

.ibanner .swiper-pagination-bullet{ width:42px; height:4px; line-height:4px; background:rgba(0,0,0,0.2);opacity: 1;color: #fff; font-size:16px; border-radius:0;}
.ibanner .swiper-pagination-bullet-active{ width:42px;height:4px; background:#fff; opacity: 1;color: #fff; font-size:16px; font-weight:bolder; border-radius:0;}
.ibanner>.swiper-pagination-bullets{ bottom:80px; text-align:center; left:0;}
.ibanner>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 7px;bottom:0;}

/*.ibanner .ibanner-prev{ width:62px; height:62px; background:url(../images/prev.png) no-repeat 50% 50%; position:absolute; z-index:100; top:50%; margin-top:-31px; left:75px; outline:none; cursor:pointer; opacity:1;}
.ibanner .ibanner-prev:hover{background:url(../images/prev.png) no-repeat 50% 50%; opacity:1;}
.ibanner .ibanner-next{width:62px; height:62px; background:url(../images/next.png) no-repeat 50% 50%; position:absolute; z-index:10; top:50%; margin-top:-31px; right:75px; outline:none; cursor:pointer; opacity:1;}
.ibanner .ibanner-next:hover{background:url(../images/next.png) no-repeat 50% 50%; opacity:1;}*/

.bannerc{position: relative;overflow: hidden; height:auto;}
.bannerc .swiper-wrapper{}
.bannerc .swiper-wrapper .swiper-slide{ width:100%; height:auto; position:relative; z-index:9;}
.bannerc .swiper-wrapper .swiper-slide img.bimg{ display:block; width:100%; height:auto;}

.bannerc_c{ width:1200px; height:auto; position:absolute; z-index:10; top:50%; left:50%; margin-left:-600px; margin-top:-90px; color:#fff; text-align:center;}
.bannerc_c_1{ font-size:60px; line-height:90px;}
.bannerc_c_3{ padding-top:30px;}

.load-video{display:block;width:76px;height:76px;margin:0 auto;cursor:pointer;transform:translateY(0%);opacity:1;transition:transform 0.6s ease-out,opacity 0.6s}
.load-video img{display:block;width:100%}
.load-video:before,.load-video::after{content:' ';position:absolute;top:-60%;left:-60%;width:220%;height:220%;border:#ffffff 1px solid;border-radius:50%;box-sizing:border-box;transform:scale(0.6);animation-duration:3s;opacity:0;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(0.55, 0.23, 0.62, 1)}
.load-video::after{animation-delay:1.5s;transform:scale(1)}

.main_sw.index .box3.animate .wrap .cont .video-btn{padding:3% 0;overflow:hidden}
.main_sw.index .box3.animate .wrap .cont .load-video{transform:translateY(0);opacity:1;transition-delay:0.4s}
.load-video:hover:before,.load-video:hover::after{animation-name:loader}

.video-box{position:absolute;top:0;left:0;width:100%;height:100%}
.video-box .video{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);transition:opacity 1s}
.video-box .video.cur{opacity:1;filter:alpha(opacity=100)}
.video-box .video.video-on .bg-box{opacity:0;filter:alpha(opacity=0)}
.video-box video{position:absolute;bottom:0;left:0;display:block;width:100%; height:100%;object-fit:cover}

.video-box .bg-box{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 1s}
.video-box .bg,.video-box .mb-bg{position:absolute;top:0;left:0;width:100%;height:100%}
.video-box .mb-bg{display:none}

.tran300{transition:300ms ease-out;-webkit-transition:300ms ease-out;-ms-transition:300ms ease-out;-moz-transition:300ms ease-out;-o-transition:300ms ease-out;}
.tran500{transition:500ms ease-out;-webkit-transition:500ms ease-out;-ms-transition:500ms ease-out;-moz-transition:500ms ease-out;-o-transition:500ms ease-out;}
.tran800{transition:800ms ease-out;-webkit-transition:800ms ease-out;-ms-transition:800ms ease-out;-moz-transition:800ms ease-out;-o-transition:800ms ease-out;}
.tran1000{transition:1000ms ease-out;-webkit-transition:1000ms ease-out;-ms-transition:1000ms ease-out;-moz-transition:1000ms ease-out;-o-transition:1000ms ease-out;}
.video-box:hover .bg{transform:scale(1.1);}

.ison .video{opacity:1;filter:alpha(opacity=100);}
.ison .bg-box{opacity:1;}
.ison .bannerc_c_1{opacity:1;}
.ison .bannerc_c_2{opacity:1;}

@media screen and (max-width:1200px){ .ibanner>.swiper-pagination-bullets{ bottom:12px;}}

.inum{ text-align:center; padding:70px 0 60px 0;}
.inum .list{ width:25%; height:auto; float:left;}
.inum .list .tit{ color:#1E1E1E; font-size:24px;}
.inum .list .tit span{ color:#0D85FF; font-size:72px; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; padding-right:5px;}
.inum .list .info{ margin-top:3px; font-size:16px; color:#1E1E1E; line-height:23px;}

.iabout{ width:100%; height:auto; background:url(../images/i_about_bg.jpg) no-repeat left top; padding:40px 0 120px 0;}
.iabout .tit{}
.iabout .tit .ntit{ color:#111111; font-size:38px; line-height:40px; font-weight:bolder;}
.iabout .tit .ninfo{ margin:15px auto 20px auto; color:#333333; font-size:20px; line-height:32px;}
.iabout .iaboutc{}
.iabout .iaboutc .img{ width:57%; height:auto;}
.iabout .iaboutc .img img{ display:block; width:100%; height:auto;}
.iabout .iaboutc .con{ width:39%; height:auto;}
.iabout .iaboutc .con .conc{ font-size:16px; color:##111111; line-height:32px; margin-bottom:27px;}
.iabout .iaboutc .con .list{ margin-bottom:20px;}
.iabout .iaboutc .con .list a{ display:block; background:#f9f9f9; display:flex; color:#0D85FF; font-size:18px; font-weight:bolder; line-height:80px;}
.iabout .iaboutc .con .list a img{ display:block; margin-right:20px;}

.ipro{ margin-top:60px;}
.ipro .list{ width:50%; height:auto; float:left;}
.ipro .list a{ display:block; position:relative; z-index:9;}
.ipro .list a .img{ width:100%; height:314px;}
.ipro .list a p{ position:absolute; z-index:10; padding:40px; color:#fff; font-size:32px; line-height:32px; top:0; left:0;}

.iys{ padding:95px 0 110px 0; background:url(../images/i_youshi_bg.png) no-repeat center center/cover;}
.iys .tit{ text-align:center; font-size:42px; line-height:50px;}
.iys .con{ padding-top:60px;}
.iys .con .list{width:22.75%; margin:0 3% 0 0; float:left;}
.iys .con .list:nth-of-type(2n){ margin-top:90px;}
.iys .con .list:nth-of-type(4n){ margin-right:0;}
.iys .con .list a{ display:block; position:relative; z-index:9;}
.iys .con .list a .img{}
.iys .con .list a .img img{ display:block; width:100%; height:auto;}
.iys .con .list a .ntit{ position:absolute; z-index:10; left:0; bottom:0; padding:28px;}
.iys .con .list a .ntit .icon{ margin-bottom:15px;}
.iys .con .list a .ntit .ntitt{ color:#fff; font-size:22px; color:#fff; line-height:25px;}

.icontact{ width:100%; height:auto; background:url(../images/i_contact_bg.png) no-repeat center center/cover; padding:100px 0 95px 0; text-align:center;}
.icontact .tit{ font-size:52px; color:#fff; line-height:55px; margin-bottom:50px;}
.icontact a{ display:block; width:174px; height:50px; line-height:50px; text-align:center; background:#ffcb01; border-radius:10px; margin:0 auto; color:#111111; font-size:16px;}

.foot{ width:100%; height:auto; background:url(../images/i_foot_bg.png) no-repeat center center/cover;}
.foot .footc{ padding:73px 0 120px 0; border-bottom:1px #e0e0e0 solid;}
.foot .footc .footcl{ width:50%;}
.foot .footc .footcl dl{ float:left; width:33.33%;}
.foot .footc .footcl dl dt{ font-size:20px; font-weight:700; line-height:30px; margin-bottom:18px;}
.foot .footc .footcl dl dd{}
.foot .footc .footcl dl dd a{ font-size:14px; line-height:30px; color:#777;}
.foot .footc .footcm{ width:20%; margin-left:5%;}
.foot .footc .footcm .tit{font-size:20px; font-weight:700; line-height:30px; margin-bottom:18px;}
.foot .footc .footcm .con{font-size:14px; line-height:30px; color:#777;}
.foot .footc .footcr{ width:20%;}
.foot .footc .footcr .tit{font-size:20px; font-weight:700; line-height:30px; margin-bottom:18px;}
.foot .footc .footcr .footcr_tel{ font-size:32px; color:#0FA0FA; line-height:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.foot .footc .footcr .footcr_ewm{ margin-top:60px;}
.foot .footc .footcr .footcr_ewm .list{ width:46%; text-align:center; float:left; font-size:16px; line-height:28px; margin-right:8%;}
.foot .footc .footcr .footcr_ewm .list:nth-of-type(2n){ margin-right:0;}
.foot .footc .footcr .footcr_ewm .list img{ display:block; width:100%; height:auto;}


.foot .copyright{ text-align:center; padding:15px 0; line-height:25px; font-size:16px;}

@media screen and (max-width:1600px){

}

@media screen and (max-width:1400px){
	.inum,.iys{ padding:60px 0;}
	.inum .list .tit span{ font-size:52px;}
	.iabout .tit .ntit,.ipro .list a p,.iys .tit{ font-size:26px;}
	.iabout .tit .ninfo{ font-size:18px;}
	.icontact .tit{ font-size:32px;}
	.foot .footc{ padding:60px 0 90px 0;}
}
@media screen and (max-width:1280px){
	.inum,.iys{ padding:50px 0;}
	.inum .list .tit span{ font-size:42px;}
	.iabout .tit .ntit,.ipro .list a p,.iys .tit{ font-size:22px;}
	.iabout .tit .ninfo{ font-size:16px;}
	.icontact .tit{ font-size:26px;}
	.foot .footc{ padding:50px 0 70px 0;}
	.iabout{ padding:40px 0 50px 0;background:#f9f9f9;}
	.iabout .iaboutc .con .conc{ font-size:15px; line-height:26px; margin-bottom:10px;}
	.iabout .iaboutc .con .list{ margin-bottom:10px;}
	.ipro{ margin-top:0;}
	.ipro .list a .img{ height:250px;}
	.iys .con .list:nth-of-type(2n){ margin-top:30px;}
	.iys .con .list a .ntit .ntitt{ font-size:18px;}
	.icontact{ padding:60px 0;}
	.icontact .tit{ margin-bottom:25px;}
	.foot .copyright{ font-size:14px;}
	.foot .footc .footcm{ margin-left:3%;}
	.foot .footc .footcr .footcr_tel{ font-size:26px;}
	.foot .footc .footcr .footcr_ewm .list{ font-size:14px; line-height:25px;}
}
@media screen and (max-width:1024px){
	.inum .list .tit{ font-size:18px;}
	.inum .list .tit span{ font-size:32px;}
	.iabout .tit .ntit,.ipro .list a p,.iys .tit{ font-size:18px;}
	.iabout .iaboutc .img{ width:100%; margin-bottom:25px;}
	.iabout .iaboutc .con{ width:100%;}
	.ipro .list a .img{ height:200px;}
	.inum, .iys{ padding:40px 0;}
	.iys .con{ padding-top:40px;}
	.iys .con .list a .ntit{ padding:15px;}
	.iys .con .list a .ntit .ntitt{ font-size:16px;}
	.icontact{ padding:50px 0;}
	.icontact .tit{ font-size:20px;}
	.icontact a{ width:140px; height:40px; line-height:40px;}
	.foot .footc .footcl{ width:100%; margin-bottom:25px;}
	.foot .footc .footcm{ margin-left:0; width:40%;}
	.foot .footc .footcr{ width:45%;}
}
@media screen and (max-width:640px){
	.inum .list .tit{ font-size:16px;}
	.inum .list .tit span{ font-size:22px;}
	.iabout .tit .ntit,.ipro .list a p,.iys .tit{ font-size:16px; line-height:35px;}
	.iabout .iaboutc .img{ width:100%; margin-bottom:25px;}
	.iabout .iaboutc .con{ width:100%;}
	.ipro .list a .img{ height:200px;}
	.inum, .iys{ padding:35px 0;}
	.iys .con{ padding-top:20px;}
	.iys .con .list a .ntit{ padding:15px;}
	.iys .con .list a .ntit .ntitt{ font-size:16px;}
	.icontact{ padding:35px 0;}
	.icontact .tit{ font-size:17px; margin-bottom:0;}
	.icontact a{ width:120px; height:32px; line-height:32px; font-size:14px;}
	.foot .footc .footcl{ width:100%; margin-bottom:25px; display:none;}
	.foot .footc .footcm{ margin-left:0; width:40%;}
	.foot .footc .footcr{ width:45%;}
	.iabout .iaboutc .con .list a{ font-size:16px;}
	.ipro .list a .img{ height:130px;}
	.ipro .list a p{ padding:15px;}
	.iys .con .list{ width:48%; margin:0 4% 25px 0;}
	.iys .con .list:nth-of-type(2n){ margin-right:0; margin-top:0;}
	.foot .footc .footcm .tit,.foot .footc .footcr .tit{ font-size:16px; margin-bottom:12px;}
	.foot .footc .footcm .con{ font-size:13px; line-height:25px;}
	.foot .footc .footcr .footcr_tel{ font-size:18px;}
	.foot .footc .footcr .footcr_ewm .list{ font-size:13px;}
	.foot .footc .footcr .footcr_ewm{ margin-top:30px;}
	.foot .footc{ padding:30px 0 40px 0;}
	.foot .copyright{ font-size:13px;}
	.inum .list .info{ font-size:14px;}
	.iabout .tit .ninfo{ font-size:14px; line-height:25px;}
	.iabout .iaboutc .con .conc{ font-size:14px; line-height:25px;}
}
/*index end*/

/*about start*/
.common_banner{ width:100%; height:600px; color:#fff; padding-top:200px;}
.common_banner .cbanner{ margin:0 0 0 120px; padding:50px 0 0 185px; background:url(../images/common_tt_bg.png) no-repeat left top; height:400px;}
.common_banner .cbanner .tit{ font-size:52px; line-height:50px; margin-bottom:20px;}
.common_banner .cbanner .titen{ font-size:82px; color:#FFCB01; margin-bottom:50px; text-transform:uppercase;}
.common_banner .cbanner .location a{ font-size:18px; color:#fff; padding:0 6px;}

.aboutc{ padding:70px 0 60px 0;}
.aboutc .aboutcl{ width:51%;}
.aboutc .aboutcl .tit{ color:#111; font-size:38px; font-weight:700; line-height:45px; padding:35px 0;}
.aboutc .aboutcl .con{ color:#666666; font-size:16px; line-height:32px;}

.aboutc .aboutcr{ width:45%;}
.aboutc .aboutcr img{ display:block; width:100%; height:auto;}
.aboutc .anum{ margin-top:60px; text-align:center;}
.aboutc .anum .list{ width:25%; height:auto; float:left;}
.aboutc .anum .list .tit{ color:#1E1E1E; font-size:24px;}
.aboutc .anum .list .tit span{ color:#0D85FF; font-size:72px; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; padding-right:5px;}
.aboutc .anum .list .info{ margin-top:3px; font-size:16px; color:#1E1E1E; line-height:23px;}
.aboutc .anum .list:nth-of-type(1){ background:url(../images/about_icon1.png) no-repeat 60% 80%;}
.aboutc .anum .list:nth-of-type(2){ background:url(../images/about_icon2.png) no-repeat 60% 80%;}
.aboutc .anum .list:nth-of-type(3){ background:url(../images/about_icon3.png) no-repeat 60% 80%;}
.aboutc .anum .list:nth-of-type(4){ background:url(../images/about_icon4.png) no-repeat 60% 80%;}

.pro{ padding:80px 0;}
.pro .list{ width:48%; height:auto; float:left; margin:0 4% 35px 0;}
.pro .list:nth-of-type(2n){ margin-right:0;}
.pro .list a{ display:block; position:relative; z-index:9;}
.pro .list a .img{ width:100%; padding-top:60%;}
.pro .list a .tit{ position:absolute; z-index:10; left:0; bottom:0; color:#fff; padding:35px 40px; font-size:30px; line-height:32px; font-weight:700;}
.npro{ width:100%; height:auto; background:#f5f9fc; padding:60px 0;}
.npro .ncate{ background:#fff;box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.1); display:flex;}
/*.npro .ncate a{ display:block; width:25%; height:75px; line-height:75px; float:left; font-size:18px; color:#111; text-align:center; position:relative; z-index:9; font-weight:700;}*/
.npro .ncate a{ flex:1; display:block; height:75px; line-height:75px; font-size:18px; color:#111; text-align:center; position:relative; z-index:9; font-weight:700;}
.npro .ncate a span{ color:#0d85ff;}
.npro .ncate a:before{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:10px solid #0d85ff; left:50%; margin-left:-2px; position:absolute; bottom:-10px; display:none;}
.npro .ncate a:hover{ background:#0d85ff; color:#fff;}
.npro .ncate a:hover span{ color:#fff;}
.npro .ncate a.on{ background:#0d85ff; color:#fff;}
.npro .ncate a.on span{ color:#fff;}
.npro .ncate a:hover:before{ display:block;}
.npro .ncate a.on:before{ display:block;}

.npro .plist{ padding:80px 0 30px 0;}
.npro .plist .list{width:33.33%; float:left;}
.npro .plist .list:nth-of-type(3n){ margin-right:0;}
.npro .plist .list a{ display:block; border:1px #dcdcdc solid; background:#fff; text-align:center; position:relative; z-index:9;}
.npro .plist .list a .img{ width:70%; height:auto; margin:0 auto;}
.npro .plist .list a .img img{ display:block; width:100%; height:auto;}
.npro .plist .list a .over{ position:absolute; z-index:10; top:0; left:0; width:100%; height:100%; background:url(../images/plist_over.png) no-repeat center center rgba(13,133,255,0.8); display:none;}
.npro .plist .list a .tit{ padding:25px; text-align:center; font-size:18px; line-height:25px; color:#666; position:relative; z-index:12;}
.npro .plist .list a:hover .over{ display:block;}
.npro .plist .list a:hover .tit{ color:#fff;}

.pdcon{ width:100%; height:auto; background:url(../images/pd_bg.png) no-repeat center center/cover; padding:90px 0;}
.pdcon .img{ width:50%;}
.pdcon .img .imgl{ width:107px; margin-top:-15px;}
.pdcon .img .imgl img{ display:block; width:100%; height:auto;}
.pdcon .img .imgl .pd_prev{ margin-bottom:13px; width:100%; height:10px; background:url(../images/pd_prev.png) no-repeat center center; cursor:pointer;}
.pdcon .img .imgl .imglc{ height:570px;}
.pdcon .img .imgl .imglc .imglc_a{ height:570px;}
.pdcon .img .imgl .imglc .list{}
.pdcon .img .imgl .pd_next{ margin-top:13px; width:100%; height:10px; background:url(../images/pd_next.png) no-repeat center center; cursor:pointer;} 

.pdcon .img .imgr{width: calc(100% - 130px);width: -moz-calc(100% - 130px);width: -webkit-calc(100% - 130px);}
.pdcon .img .imgr img{ display:block; width:100%; height:auto;}

.pdcon .con{ width:45%;}
.pdcon .con .ntit{ font-size:32px; color:#111; font-weight:700; line-height:55px; margin-bottom:45px;}
.pdcon .con .texin{ margin-bottom:50px;}
.pdcon .con .texin .texint{ padding-left:38px; line-height:35px; background:url(../images/pd_icon1.png) no-repeat left 50%; color:#0D85FF; font-size:24px; margin-bottom:15px;}
.pdcon .con .texin .texinc{ font-size:14px; line-height:32px; font-weight:400;}
.pdcon .con .more{}
.pdcon .con .more a{ display:inline-block;}
.pdcon .con .more a:nth-of-type(1){ width:170px; height:60px; line-height:60px; text-align:center; background:#5eaeff; color:#111; font-size:20px; font-weight:400; margin-right:20px; border-radius:6px;}
.pdcon .con .more a:nth-of-type(2){ width:170px; height:60px; line-height:60px; text-align:center; background:#ffcb01; color:#111; font-size:20px; font-weight:400; margin-right:20px; border-radius:6px;}

.contact_banner{height:848px; padding-top:180px;}
.contactt{ width:790px; height:auto; background:#fff; border-radius:10px; padding:80px 70px; background:url(../images/contact_c_icon.jpg) no-repeat 94% bottom #fff; min-height:460px; text-align:left; color:#111111;}
.contactt_t{ margin-bottom:30px;}
.contactt_t_1{ font-size:36px; font-weight:bolder; color:#111111; line-height:38px; margin-bottom:10px;}
.contactt_t_2{ color:#666666; font-size:15px; line-height:38px; font-family:Arial, Helvetica, sans-serif;}
.contactt_c{ font-size:20px; line-height:38px;}

.npro .applic{padding:80px 0 0 0;}
.npro .applic .list{ margin-bottom:60px;}
.npro .applic .list .img{ width:49%; height:auto;}
.npro .applic .list .img img{ display:block; width:100%; height:auto;}
.npro .applic .list .con{ width:44%; padding-top:30px;}
.npro .applic .list .con .tit{ font-size:26px; color:#fff; border-left:9px #ffcb01 solid; background:#0d85ff; line-height:50px; display:inline-block; padding:0 30px;}
.npro .applic .list .con .info{ margin-top:30px; font-size:18px; line-height:36px; color:#333;}

@media screen and (max-width:1600px){
	.common_banner{ padding-top:100px;}
	.common_banner .cbanner{ margin-left:80px;}
	.common_banner .cbanner .tit{ font-size:42px;}
	.common_banner .cbanner .titen{ font-size:62px;}
	.aboutc .aboutcl .tit{ padding:25px 0; font-size:32px;}
	.aboutc .anum .list .tit span{ font-size:52px;}
	.pro{ padding:60px 0;}
	.pro .list a .tit{ font-size:24px;}
	.npro .plist .list a .tit{ font-size:16px;}
	.npro .ncate a{ font-size:16px;}
	.npro .applic .list .con .tit{ font-size:20px;}
	.npro .applic .list .con .info{ font-size:16px;}
}
@media screen and (max-width:1200px){
	.common_banner{ padding-top:50px; height:450px;}
	.common_banner .cbanner{ margin-left:30px; padding-left:100px; height:auto; background-size:auto 100%;}
	.common_banner .cbanner .tit{ font-size:22px; margin-bottom:10px;}
	.common_banner .cbanner .titen{ font-size:42px; margin-bottom:20px;}
	.aboutc .anum .list .tit span{ font-size:32px;}
	.aboutc .aboutcl .tit{ padding:0 0 10px 0; font-size:24px;}
	.aboutc .aboutcl .con{ font-size:15px; line-height:28px;}
	.pro{ padding:50px 0;}
	.pro .list a .tit{ font-size:20px;}
	
	.npro{ padding:50px 0;}
	.npro .plist{ padding:50px 0 30px 0;}
	.pdcon .img .imgl .imglc .imglc_a,.pdcon .img .imgl .imglc{ height:350px;}
	.pdcon .con .ntit{ font-size:24px; margin-bottom:15px;}
	.pdcon .con .texin .texint{ font-size:18px;}
	.pdcon .con .more a:nth-of-type(1){ width:140px; height:45px; line-height:45px;}
	.pdcon .con .more a:nth-of-type(2){ width:140px; height:45px; line-height:45px;}
	
	.npro .applic .list .con .tit{ font-size:18px;}
	.npro .applic .list .con .info{ font-size:16px;}
	.contactt{ min-height:auto;}
	.contactt_t_1{ font-size:28px;}
	.contactt_c{ font-size:18px; line-height:30px;}
}
@media screen and (max-width:1024px){
	.common_banner{ padding-top:50px; height:350px;}
	.common_banner .cbanner{ margin-left:30px; padding-left:60px;}
	.common_banner .cbanner .tit{ font-size:22px; margin-bottom:0;}
	.common_banner .cbanner .titen{ font-size:32px; margin-bottom:10px;}
	.aboutc{ padding:50px 0;}
	.aboutc .aboutcl{ width:100%; margin-bottom:25px;}
	.aboutc .aboutcr{ width:100%;}
	.aboutc .anum .list .tit span{ font-size:24px;}
	.aboutc .aboutcl .tit{ padding:0 0 10px 0; font-size:18px;}
	.aboutc .aboutcl .con{ font-size:14px; line-height:25px;}	
	.aboutc .anum .list:nth-of-type(1){ background-size:40px 40px;}
	.aboutc .anum .list:nth-of-type(2){ background-size:40px 40px;}
	.aboutc .anum .list:nth-of-type(3){ background-size:40px 40px;}
	.aboutc .anum .list:nth-of-type(4){ background-size:40px 40px;}
	.pro{ padding:50px 0;}
	.pro .list a .tit{ font-size:18px; padding:25px;}
	
	.npro{ padding:50px 0;}
	.npro .plist{ padding:50px 0 30px 0;}
	.npro .ncate{flex-wrap:wrap;}
	.npro .ncate a{ font-size:14px; flex:auto;}
	.npro .plist .list a .tit{ font-size:14px;}
	
	.pdcon .img{ width:100%; margin-bottom:25px;}
	.pdcon .con{ width:100%;}
	.npro .applic{ padding-top:50px;}
	.npro .applic .list .con{ padding-top:0;}
	.npro .applic .list .con .tit{ font-size:17px;}
	.npro .applic .list .con .info{ font-size:14px; line-height:25px;}
	
	.contactt{ width:90%; padding:45px;}
	.contactt_t_1{ font-size:28px;}
	.contactt_c{ font-size:18px; line-height:30px;}
}
@media screen and (max-width:640px){
	.common_banner{ padding-top:40px; height:250px;}
	.common_banner .cbanner{ margin-left:20px; padding-left:60px; padding-top:25px;}
	.common_banner .cbanner .tit{ font-size:18px; margin-bottom:0;}
	.common_banner .cbanner .titen{ font-size:21px; margin-bottom:10px;}
	.common_banner .cbanner .location a{ font-size:14px;}
	.common_banner .cbanner .location a:first-child{ padding-left:0;}
	.aboutc{ padding:30px 0;}
	.aboutc .aboutcl{ width:100%; margin-bottom:25px;}
	.aboutc .aboutcr{ width:100%;}
	.aboutc .anum .list .tit span{ font-size:18px;}
	.aboutc .aboutcl .tit{ padding:0 0 10px 0; font-size:18px;}
	.aboutc .aboutcl .con{ font-size:14px; line-height:25px;}	
	.aboutc .anum{ margin-top:30px;}
	.aboutc .anum .list:nth-of-type(1){ background-size:30px 30px;}
	.aboutc .anum .list:nth-of-type(2){ background-size:30px 30px;}
	.aboutc .anum .list:nth-of-type(3){ background-size:30px 30px;}
	.aboutc .anum .list:nth-of-type(4){ background-size:30px 30px;}
	.aboutc .anum .list .tit{ font-size:16px;}
	.aboutc .anum .list .info{ font-size:13px;}
	.pro{ padding:35px 0;}
	.pro .list{ margin-bottom:20px;}
	.pro .list a .tit{ font-size:14px; padding:20px;}
	.npro .ncate a{ font-size:13px; flex:auto;}
	.npro{ padding:35px 0;}
	.npro .plist{ padding:35px 0 30px 0;}
	
	.npro .plist .list{ width:50%;}
	.npro .plist .list a .tit{ font-size:13px;}
	
	.pdcon .img .imgl .imglc .imglc_a,.pdcon .img .imgl .imglc{ height:250px;}
	.pdcon .con .ntit{ font-size:18px;}
	.pdcon .con .texin .texint{ font-size:16px;}
	.pdcon .con .texin .texinc{ font-size:13px; line-height:25px;}
	.pdcon .con .more a:nth-of-type(1){ font-size:16px;}
	.pdcon .con .more a:nth-of-type(2){ font-size:16px;}
	.pdcon{ padding:50px 0;}
	
	.npro .applic .list{ margin-bottom:40px;}
	.npro .applic .list .con .info{ margin-top:15px;}
	.npro .applic .list .img{ width:100%; margin-bottom:10px;}
	.npro .applic .list .con{ width:100%;}
	
	.contactt{ width:100%; padding:45px;}
	.contactt_t_1{ font-size:22px;}
	.contactt_t_2{ line-height:25px;}
	.contactt_c{ font-size:16px; line-height:30px;}
}

.download{ padding:40px 0 5px 0;}
.download .list{ display:flex; width:48%; height:auto; float:left; margin:0 4% 40px 0;padding:20px 20px 20px 78px;line-height:35px;justify-content:space-between; background:url(../images/down_icon1.jpg) no-repeat 22px 50% #fff; font-size:18px; color:#111111;align-items:center}
.download .list:nth-of-type(2n){ margin-right:0;}
.download .list > div > a:nth-of-type(1) img{ margin-right:15px;}
.download .list > div{ padding-top:5px;}
/*.download .list a{  line-height:35px;justify-content:space-between; padding-left:58px; background:url(../images/down_icon1.png) no-repeat left 50%; font-size:18px; color:#111111;align-items:center}*/

@media screen and (max-width:1024px) {
	.download{ padding:60px 0;}	
	.download .list{ width:100%;margin: 0 0 30px 0;font-size:16px;}
	.download .list a{ font-size:16px; line-height:25px; padding:5px 0 5px 58px;}
}
@media screen and (max-width:640px) {
	.download .list{ width:100%; margin-right:0; margin-bottom:25px;font-size:14px;padding:20px 20px 20px 20px; background:#fff;}
	.download .list a{ font-size:14px;}
}



#elevator_item{ width: 45px; height: 45px; position: fixed; right: 25px; bottom: 18px; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; opacity: 1; z-index: 100020; display: none; }
#elevator_item.off{ opacity: 0; visibility: hidden }
#elevator{ display: block; width: 45px; height: 45px; background: url(../images/top.png) center center no-repeat; cursor: pointer;}

.pageController{ width:100%; padding:30px 0; text-align:center;}
.pageController a{ display:inline-block; line-height:40px; height:40px; color: #333; font-size:14px; margin-right:8px;  background:#fff; min-width:40px; text-align:center; border-radius:40px;box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.2);}
.pageController a:hover{ color: #fff;background:#0d85ff; text-decoration: none;font-weight:bolder; }
.pageController .xuanzhong{color: #fff;background:#0d85ff; text-decoration: none;font-weight:bolder;}

@keyframes loader{0%{transform:scale(0.6);opacity:0}50%{opacity:1}100%{transform:scale(1);opacity:0}}

@media (max-width:640px ) {
	
	.pageController { width:100%; padding: 20px 0; text-align:center;}
	.pageController a { display:inline-block; line-height:30px; height:30px; color: #333; font-size:12px; margin-right:5px;  background:#fff;border:1px #cccccc solid; padding:0 10px; min-width:30px; margin-bottom:5px;}
	.pageController a:hover { color: #fff;background:#0d85ff; text-decoration: none;font-weight:bolder; }
	.pageController .xuanzhong {color: #fff;background:#0d85ff; text-decoration: none;font-weight:bolder;}
}