@charset "utf-8";
*{outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;}
body,ul,ul li,ol,li,h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0;border: 0;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.6;background-color:#fff;color:#666666; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif; }
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
input,select,option,label,th,textarea{vertical-align: middle;border: none; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;  }

select{ appearance:none;  -moz-appearance:none; -webkit-appearance:none;}   
select::-ms-expand { display: none; }  

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}

.fl {float: left;}
.fr {float: right;}
.container{display: block;max-width:1500px; width:90%; margin: 0 auto; }
.p50{ padding:0 50px;}
.hidden{ overflow:hidden;}
.hide{ display:none;}


.header{ position: absolute; top:0; left:0; z-index:1000; width:100%; padding-top:40px;}
.header2{ background:rgba(0,0,0,0.8);}

.header .headmian{ max-width:1600px; margin:0 auto; width:90%;}
.header .logo{ height:80px;}
.header .logo img{ display:block; height:100%;}

.nav{ line-height:42px; height:42px; border-right:1px solid rgba(255,255,255,0.2); font-size:18px; color:#ffffff; margin-top:25px; padding-right:20px;}
.nav li{ float:left; position:relative; }
.nav li>a{ padding:0 25px;}
.nav li.on>a,.nav li:hover>a{ font-weight:bold; }

.nav_sub{ width:1400px; position:absolute; left:0; margin-left:-639px; top:100%; z-index:1000; display:none; }
.nav_sub .san{ width: 0; height: 0; border-left: 10px solid transparent; border-bottom: 12px solid #ffffff; border-right: 10px solid transparent; margin:0 auto;}
.nav_sub ul{ overflow:hidden; padding:35px 0; background:#ffffff;}
.nav_sub ul li{ float:left; width:20%; padding:0 35px; border-left:1px solid #dcdcdc; height:200px; }
.nav_sub ul li .tit{ color:#333333; font-size:18px; font-weight:bold; line-height:50px; border-bottom:1px dashed #dcdcdc;}
.nav_sub ul li .tit a{ display:block; position:relative; padding-left:20px;}
.nav_sub ul li .tit a:after{ content:""; position:absolute; left:0; top:50%; margin-top:-6px; width:6px; height:6px; border:3px solid #999999; border-radius:50%;}
.nav_sub ul li .tit:hover{ color:#2595e2; }
.nav_sub ul li .tit:hover a:after{ border-color:#2595e2; }

.nav_sub ul li .sub{ padding:7% 0;}
.nav_sub ul li .sub a{ display:block; color:#595858; font-size:16px; line-height:2; }
.nav_sub ul li .sub a:hover{ color:#2595e2; }

.nav_sub64{ margin-left:-517px;}
.nav_sub64 .san{ margin-left:568px;}


.search_btn{ width:42px; height:42px; background:url(../images/search_btn.png) no-repeat center center; background-size:85%; margin-left:20px; margin-top:25px; cursor:pointer;}
.lang{ margin-top:25px; height:42px; padding:3px 0; }
.lang a{ width:36px; height:36px; text-align:center; line-height:36px; float:left; color:#ffffff; font-size:14px; border-radius:50%; margin-left:20px; }
.lang a:hover,.lang a.on{ color:#0e4689; font-size:14px; background:#ffffff;}


.nav-toggle{display: none; margin-top:3px; background: none; border: none; outline: none; cursor: pointer; margin-left:10px; }
.nav-toggle span{display: block;width: 25px;height: 1px;margin: 8px;background-color: #fff;-webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.nav-toggle.close .span1{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);transform-origin: 0% 0%;}
.nav-toggle.close .span2{opacity: 0;}
.nav-toggle.close .span3{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);transform-origin: 0% 100% ;}


.banner{ width:100%; height:100%; height:calc(100vh); position:relative;}
.banner .swiper-slide{background-repeat:no-repeat; background-position:center center; background-size:cover;  }
.banner .bantxt{ position:static; left:0; top:0; width:100%; height:88%; display: flex; align-items: center; }
.banner .bantxt .num{ overflow:hidden;}
.banner .bantxt .num span{ float:left; }
.banner .bantxt .num01{ font-size:22px; color:rgba(255,255,255,0.22); line-height:30px; }
.banner .bantxt .num02{ font-size:48px; color:#ffffff; font-style:italic; line-height:60px; font-weight:bold; }
.banner .bantxt h3{ color:#ffffff; font-size:48px; line-height:2; margin-top:1%; padding-left:40px;}
.banner .bantxt p{ color:#ffffff; font-size:34px; line-height:1.5; padding-left:40px;}


.bannav{ overflow:hidden; position:absolute; bottom:12%; z-index:100; width:100%; left:0;}
.bannav li{ float:left; width:32%; padding:0 6%; margin-right:2%; height:98px; background: rgba(255,255,255,0.93); border-radius:20px; cursor:pointer;}
.bannav li.on{ background:#2595e2;}
.bannav li .name{ float:left;}
.bannav li .name span{ display:block;}
.bannav li .name .cn{ color:#2595e2; font-size:22px; line-height:30px; margin-top:24px; }
.bannav li.on .name .cn{ color:#ffffff;}
.bannav li .name .en{ color:#333333; font-size:15px; line-height:20px; }
.bannav li.on .name .en{ color:#ffffff;}

.bannav li .ico{ width:50px; height:50px; border:1px solid #2595e2; border-radius:50%; float:right; margin-top:24px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.bannav li.on .ico{ border-color:#ffffff;}
.bannav li .ico01{ background-image:url(../images/banico01.png);}
.bannav li.on .ico01{ background-image:url(../images/banico01s.png);}
.bannav li .ico02{ background-image:url(../images/banico02.png);}
.bannav li.on .ico02{ background-image:url(../images/banico02s.png);}
.bannav li .ico03{ background-image:url(../images/banico03.png);}
.bannav li.on .ico03{ background-image:url(../images/banico03s.png);}


.searchbj{ background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; width:100%; height:100%; z-index:900; display:none;}
.search_main{ padding:60px; width:580px; height:180px; background:#ffffff; position: fixed; left:50%; top:50%; z-index:1000; margin:-90px 0 0 -290px; box-shadow: 0 0 20px #999999; display:none;}
.search_main .input{ width:400px; height:60px; border:1px solid #2595e2; padding:0 15px; float:left; font-size:16px;}
.search_main .submit{ width:60px; height:60px; background:#2595e2 url(../images/search_btn.png) no-repeat center center; background-size:36px 36px; float:left; cursor:pointer;}


.homeabout{ margin:6% 0;}

.htit{ overflow:hidden;}
.htit h3{ color:#333333; font-size:36px; line-height:80px; }
.htit h3 span{ color:#2595e2; }
.htit .xian{width:260px; position:relative; background:#eaeaea; height:2px;}
.htit .xian:after{ content:""; left:0; bottom:0; width:86px; height:2px; background:#2595e2; position:absolute; }

.htit .more{ font-size:16px; line-height:82px; color:#ffffff; }
.htit .more span{ background:#2595e2; padding:0 10px;}

.htnav{ overflow:hidden; float:right; margin-top:16px;}
.htnav li{ float:left; width:158px; height:50px; border:1px solid #c4c4c4; line-height:48px; text-align:center; border-radius:10px; font-size:18px; color:#333333; margin-left:20px; }
.htnav li:hover,.htnav li.on{ background:#007bc5; border-color:#007bc5; color:#ffffff; }

.hamain{ overflow:hidden; position:relative; background:url(../images/aboutbj.jpg) no-repeat left top;}
.hamain .txt{ width:53.5%; float:left; margin-top:2%; }
.hamain .txt .info{ color:#333333; font-size:18px; line-height:2; margin:3% 0 9% 0;}
.hamain .txt .more{ width:198px; height:50px; border:1px solid #c8c8c8; text-align:center; line-height:48px; color:#333333; font-size:18px; display:block; border-radius:25px; }
.hamain .txt .more:hover{ color:#ffffff; background:#2595e2; border-color:#2595e2; }
.hamain .en_name{ font-size:250px; color:#fbfbfb; text-transform:uppercase; position:absolute; left:0; bottom:0; line-height:1; font-family:Impact; z-index:-1; }

.hamain .img{ width:37.8%; }
.hamain .img img{ display:block; width:100%;}


.ablist{ overflow:hidden; position:relative;  margin-top:6%;}
.ablist .ab-next,.ablist .ab-prev{ width:50px; height:90px; position:absolute; top:50%; margin-top:-45px; z-index:100; cursor:pointer;}
.ablist .ab-next{ background:#ffffff url(../images/ab-next.png) no-repeat right center; background-size:50% auto; right: 0;}
.ablist .ab-next:hover{background-image:url(../images/ab-nexts.png);}
.ablist .ab-prev{ background:#ffffff url(../images/ab-prev.png) no-repeat left center; background-size:50% auto; left: 0;}
.ablist .ab-prev:hover{background-image:url(../images/ab-prevs.png);}

.ablist .swiper-slide{ overflow:hidden; width:25%; padding:0 50px; border-right:1px solid #f1f1f1;}
.ablist .swiper-slide .ico{ width:90px; height:90px; float:left;  border-radius:50%;}
.ablist .swiper-slide .ico01{background:#f4f4f4 url(../images/abico01.png) no-repeat center center; background-size:cover; }
.ablist .swiper-slide .ico02{background:#f4f4f4 url(../images/abico02.png) no-repeat center center; background-size:cover; }
.ablist .swiper-slide .ico03{background:#f4f4f4 url(../images/abico03.png) no-repeat center center; background-size:cover; }
.ablist .swiper-slide .ico04{background:#f4f4f4 url(../images/abico04.png) no-repeat center center; background-size:cover; }

.ablist .swiper-slide .txt{ padding-left:120px;}
.ablist .swiper-slide .txt h3{ color:#007bc5; font-size:24px; line-height:40px;}
.ablist .swiper-slide .txt p{ color:#666666; font-size:16px; line-height:25px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.ablist .swiper-slide:hover .ico{ }
.ablist .swiper-slide:hover .ico01{background-image:url(../images/abico01s.png); background-color:#2595e2;}
.ablist .swiper-slide:hover .ico02{background-image:url(../images/abico02s.png); background-color:#2595e2;}
.ablist .swiper-slide:hover .ico03{background-image:url(../images/abico03s.png); background-color:#2595e2;}
.ablist .swiper-slide:hover .ico04{background-image:url(../images/abico04s.png); background-color:#2595e2;}

.ablist .swiper-slide:hover .txt h3{ color:#2595e2;}
.ablist .swiper-slide:hover .txt p{ color:#007bc5;}

.homeprod{ overflow:hidden; position:relative;}
.homeprod .bj01{ position:absolute; background:#007bc5; height:100%; left:0; top:0; width:60px; z-index:-1;}
.homeprod .bj02{ position:absolute; background:#007bc5; height:53.4%; right:0; top:0; width:50%; z-index:-1;}
.homeprod .hpbj{ position:relative; overflow:hidden;}
.homeprod .hpbj .bj03{position:absolute; background:#007bc5; height:53.4%; right:0; top:0; width:66%; z-index:-1;}
.homeprod .name_en{ font-size: 250px; color:rgba(255,255,255,0.1); text-transform: uppercase; position: absolute; right: 0; top:2%; line-height: 1; font-family: Impact;}
.homeprod .htit{ margin:40px 0;}

.hpmain{ overflow:hidden; margin-bottom:7%; position:relative; }
.hpleft{ float:left; width:34%; background:#007bc5; padding:25px; }
.hpleft .tit{ line-height:64px; color:#ffffff; font-size:26px; border-bottom:1px solid #dcdcdc; padding:0 25px;}

.hpnav{ overflow: hidden; margin-top:25px;}
.hpnav li{ float:left; width:100%; line-height:76px; font-size:18px; color:#ffffff; }
.hpnav li a{ display:block; position:relative; padding:0 30px; margin:0 25px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.hpnav li a:after{ content:""; width:24px; height:24px; position:absolute; left:0; top:50%; margin-top:-12px; background: url(../images/hpico01.png) no-repeat center center; background-size:cover;}
.hpnav li a:before{ content:""; width:24px; height:24px; position:absolute; right:0; top:50%; margin-top:-12px; background: url(../images/hpnav.png) no-repeat center center; background-size:70% 70%;}

.hpnav li.on,.hpnav li:hover{ background:#ffffff; color:#007bc5;}
.hpnav li.on a:after,.hpnav li:hover a:after{ background-image: url(../images/hpico01s.png); }
.hpnav li.on a:before,.hpnav li:hover a:before{ background-image: url(../images/hpnavs.png); }

.hptab{ position:absolute; top:0; right:0; width:66%; height:100%;}
.hplist{ overflow:hidden; height:100%;}
.hplist li{background-repeat:no-repeat; background-position:center center; background-size:cover; width:50%; height:50%; float:left; }
.hplist li a{ display:block; height:100%; position: relative;}
.hplist li a .tit{ line-height:70px; padding:0 5%; font-size:20px; text-align:center; position:absolute; bottom:0; left:0; width:100%; color:#ffffff; background:rgba(0,0,0,0.6); text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.hplist li:hover a{background:rgba(0,0,0,0.6);}
.hplist li:hover a .tit{background:rgba(37,149,226,1);}


.advantages{ overflow:hidden; margin:6% 0;}
.advban{ width:83.6%; position:relative;}
.advban img{ display:block; width:100%;}
.advban .swiper-slide .txt{ left:0; bottom:0; width:75%; height:250px; background:#007bc5; position:absolute; padding:0 10% 0 16%;}

.advban .swiper-slide .txt .en{ font-size:72px; color:rgba(255,255,255,0.29); text-transform:uppercase; font-weight:bold; line-height:1; margin-top:-36px;  }
.advban .swiper-slide .txt h3{ color:#f8f8f8; font-size:36px;}
.advban .swiper-slide .txt p{ font-size:16px; color:#f8f8f8; margin-top:3%;}

.advpage{ width:200px; height:60px; overflow:hidden; position: absolute; right:-100px; bottom:100px; z-index:100;}
.advpage .adv-next,.advpage .adv-prev{ width:100px; height:60px; float:left; cursor:pointer; }
.advpage .adv-next{ background:#007bc5 url(../images/adv-next.png) no-repeat center center; background-size:auto 60%;}
.advpage .adv-prev{ background:#f8f8f8 url(../images/adv-prev.png) no-repeat center center; background-size:auto 60%;}

.advban .swiper-pagination{ width:100px; right:-100px; position: absolute; top:22%; }
.advban .swiper-pagination .swiper-pagination-bullet{ display:block; width:100%; height:50px; line-height:50px; border-radius:0; background:none; text-align:right; color:#c5c5c5; font-size:18px; opacity:1; position:relative; font-family:Arial; }
.advban .swiper-pagination .swiper-pagination-bullet:after{ content:""; width:20px; height:1px; position:absolute; right:35px; background:#c8c8c8; top:50%; margin-top:-0.5px; }
.advban .swiper-pagination .swiper-pagination-bullet-active{ color:#2595e2; font-size:24px; }
.advban .swiper-pagination .swiper-pagination-bullet-active:after{ width:35px; height:2px; background:#2595e2; margin-top:-1px; }


.homenews{ margin-bottom:6%;}
.hnlist{ margin-top:4%; }
.hnlist li{ float:left; width:32%; margin-right:2%; padding-bottom:1px; }
.hnlist li a{ display:block;}
.hnlist li .img{ overflow:hidden;}
.hnlist li img{ width:100%; display:block;}
.hnlist li .txt{ padding:15px 15px 0 15px;}
.hnlist li .txt .time{ color:#333333; font-size:14px;}
.hnlist li .txt .tit{ color:#333333; font-size:16px; margin-top:10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.hnlist li .more{line-height:70px; color:#999999; font-size:14px; border-bottom:1px solid #d7d7d7; }
.hnlist li .more .mtit{ display:block; width:120px; position:relative; font-size:14px; color:#999999; padding-left:15px; } 
.hnlist li .more .mtit:after{ content:""; width:0; height:3px; position:absolute; left:0; bottom:-2px; background:#2595e2;}
.hnlist li .more .mtit span{ width:20px; height:20px; border-radius:50%; background:#999999 url(../images/hpnav.png) no-repeat center center; background-size:50% 50%; position:absolute; right:15px; top:50%; margin-top:-10px; }

.hnlist li:hover .more .mtit{ color:#2595e2; }
.hnlist li:hover .more .mtit:after{ width:100%; }
.hnlist li:hover .more .mtit span{ background-color:#2595e2; }


.go-top{ position:relative; height:42px; border-bottom:14px solid #007bc5; }
.go-top .gtbj{ height:100%; background:#ffffff;}
.go-top:before{ content:""; width:140px; height:140px; position:absolute; left:50%; top:0; margin-left:-70px; background:#007bc5; border-radius:50%; }
.go-top .tit{ display:block; width:120px; height:42px; color:rgba(255,255,255,0.64); text-align:center; overflow:hidden; cursor:pointer; position:relative; position:absolute; top:0; left:50%; margin-left:-60px;  }
.go-top .tit:before{ position:absolute; left:50%; margin-left:-4px; top:8px; content: ""; width:0; height:0; border-left:4px solid transparent; border-bottom:6px solid rgba(255,255,255,0.64); border-right:4px solid transparent; }
.go-top .tit span{ display:block; margin-top:17px;}


.footer{ background:#333333; overflow:hidden; position:relative; z-index:100; }
.dbcontent{ overflow:hidden; padding:4% 0 4% 0; border-bottom:1px solid #404040;}
.dbcontent li.li01{ width:33%; margin-right:11%;}
.dbcontent li.li02{ width:35%; margin-right:11%;}
.dbcontent li.li03{ width:10%; }

.dbcontent li .tit{ color:#ffffff; font-size:18px; font-weight:bold; margin-bottom:15px; }
.dbcontent li .dbnav{ color:#ffffff; font-size:16px; line-height:2;}
.dbcontent li .dbnav a{ float:left; width:25%;}
.dbcontent li .dbnav a:hover{ text-decoration:underline;}

.dbcontent li .dbcontact{ color:#ffffff; font-size:16px;}
.dbcontent li .dbcontact p{ padding-left:40px; line-height:30px; margin-bottom:10px; }
.dbcontent li .dbcontact p.p01{ background:url(../images/pico01.png) no-repeat left top; font-size:18px; font-weight:bold; }
.dbcontent li .dbcontact p.p02{ background:url(../images/pico02.png) no-repeat left top;}

.dbcontent li .wechat{ width:100%; margin-top:20px;}
.dbcontent li .wechat img{ display:block; width:100%;  }

.bottom{ overflow:hidden; border-top:1px solid #292929; padding:20px 0; }
.bottom .logo{ height:50px;}
.bottom .logo img{ display:block; height:100%;}
.bottom .copy{ font-size:12px; line-height:20px; margin-left:40px; color:#757575; margin-top:10px; text-transform:uppercase; }
.bottom .copy a:hover{ color:#ffffff; text-decoration:underline;}
.bottom .dburl{ margin-top:6px;}
.bottom .dburl li{ float:left; width:210px; height:38px; border:2px solid #404040; position:relative; margin-left:25px; }
.bottom .dburl select{  background:none; width:100%; color:#8c8c8c; font-size:14px; line-height:34px; height:34px; padding-left:50px; cursor:pointer; } 
.bottom .dburl .dburl01 select{ background:url(../images/dburl01.png) no-repeat 10px center; }
.bottom .dburl .dburl02 select{ background:url(../images/dburl02.png) no-repeat 10px center; }
.bottom .dburl li:after{content: ""; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-top-color: #ccc; top:50%; margin-top:-3px; right:10px; cursor: pointer; z-index: 2;}


.nyban{ width:100%; position:relative;}
.nyban img{ display:block; width:100%;}

/*关于我们*/
.column{ height:250px; position: absolute; left:0; bottom:-50px; width:100%; }  
.column .container{ position:relative; height:100%; }
.column .letter{ width:170px; height:240px; background:#2595e2; position:absolute; left:0; top:0; text-align:center; }
.column .letter span{ font-size:180px; position:absolute; bottom:0; left:0; width:100%; line-height:0.8; color:#3ea4e9; text-transform:uppercase; }
.column .name{ position:absolute; left:100px; top:35px; line-height:1.5;}
.column .cn{ color:#ffffff; font-size:36px; font-weight:bold; }
.column .en{ text-transform:uppercase; color:#ffffff; font-size:24px;}
.column .lower{ width:85px; height:85px; background:#ffffff url(../images/lower.png) no-repeat center center; cursor:pointer; bottom:0; left:100px; position:absolute; box-shadow: 0 0 15px #c0c0c0;}

.pagetop{ overflow:hidden; position:relative; margin-top:8%; }
.pagetop:after{ content:""; position:absolute; right:0; bottom:3px; background:#dedede; height:1px; width:90%;}
.pagetop .tit{ background:#ffffff;  padding-right:70px; position:relative; z-index:2; }
.pagetop .tit .cn{ color:#2595e2; font-size:24px; font-weight:bold; line-height:36px; }
.pagetop .tit .en{ color:#868686; font-size:18px; line-height:24px; }

.nynav{ }
.nynav li{ float:left; line-height:56px; margin:0 70px; }
.nynav li a{ display:block; color:#595858; font-size:24px; padding:0 20px; font-weight:bold; position:relative; }
.nynav li a:after{ content:""; height:3px; width:0; background:#2595e2; position:absolute; left:0; bottom:-2px; z-index:1; }
.nynav li.on a,.nynav li:hover a{ color:#2595e2;}
.nynav li.on a:after,.nynav li:hover a:after{ width:100%;}

.pagetop .weizhi{ color:#868686; font-size:14px; line-height:60px; background:url(../images/home.png) no-repeat left center; padding-left:25px; }
.pagetop .weizhi span{ margin:0 5px;}
.pagetop .weizhi a:hover{ color:#2595e2; text-decoration:underline; }

.abcontent{ overflow:hidden; margin:4% 0;}
.abimg{ width:54%;}
.abimg li{ float:left; width:47%; margin-right:3%; position:relative; }
.abimg li img{ display:block; width:100%; }
.abimg li:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/abimgbj.png) no-repeat center center; background-size:cover; }
.abimg li .tit{ position:absolute; left:0; bottom:0; padding:25px; line-height:1; color:#ffffff; font-size:24px; z-index:10; }

.abtxt{ width:45%; color:#333333; font-size:18px; line-height:2; text-align: justify;}

.abinfo{ border-top:1px solid #efefef; color:#333333; font-size:18px; line-height:2; padding-top:3%; }

.abnum{ overflow:hidden; margin:2% 0 6% 0; }
.abnum li{ float:left; color:#333333; font-size:24px; line-height:1; margin-right:100px; }
.abnum li .num{ display:inline; margin:0 10px 0 20px; color:#2595e2; font-size:60px; }
.abnum li .num span{ font-weight:bold;}

.ablist{ overflow:hidden;}
.ablist li{ float:left; width:50%;}
.ablist li.li01{ border-right:1px solid #f6f6f6; }
.ablist li .img{ width:100%;}
.ablist li .img img{ display:block; width:100%;}
.ablist li .txt{ text-align:center; width:60%; margin:0 auto; padding:8% 0;}
.ablist li .txt h3{ color:#007bc5; font-size:36px;}
.ablist li .txt p{ color:#666666; font-size:20px; line-height:1.8; margin:3% 0 5% 0;}
.ablist li .txt .more{ width:220px; height:60px; line-height:58px; text-align:center; border:1px solid #e4e4e4; display:block; margin:0 auto; color:#007bc5; font-size:16px; }
.ablist li .txt .more:hover{ background:#007bc5; color:#ffffff; }
/*关于我们*/

/*企业资质*/
.imglist{ overflow:hidden;}
.imglist li{ float:left; width:31%; margin-right:3.5%; margin-top:3.5%; background:#f2f2f2; }
.imglist li a{ display:block; padding:10px; }
.imglist li .img{ overflow:hidden;}
.imglist li .img img{ display:block; width:100%; }
.imglist li .tit{ color:#333333; font-size:18px; font-weight:bold; text-align:center; margin-top:10px; line-height:2.5; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.imglist li:hover{ background:#007bc5; }
.imglist li:hover .tit{ color:#ffffff; }

.fenye{ overflow:hidden; text-align:center; font-size:16px; color:#333333; padding:6% 0;}
.fenye a,.fenye span{ border:1px solid #d0d0d0; padding:10px 20px; display:inline-block; margin:0 3px; border-radius:5px; }
.fenye a:hover,.fenye span{ color:#ffffff; background:#2595e2; border-color:#2595e2; }
/*企业资质*/


/*联系我们*/
.map{ width:100%; height:500px; margin-top:6%;}
.map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; } 
.map .icon-cir { height: 31px; width: 28px; }
.map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.myinfowindow{width: 240px;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; color:#2595e2; }
.myinfowindow div{ margin-top:5px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }


.conlist{ overflow:hidden; margin:6% 0; }
.conlist li{ float:left; width:32%; margin-right:2%; padding:35px; background:#f8f8f8; overflow:hidden; }
.conlist li .ico{ width:83px; height:83px; float:left; }
.conlist li .ico img{ width:100%; height:100%; }
.conlist li .txt{ width:100%; padding-left:100px; }
.conlist li .txt h3{ font-size:20px; color:#2595e2; line-height:35px; }
.conlist li .txt p{ line-height:24px; font-size:16px;}
.conlist li .txt p.p2{ line-height:48px; font-size:20px;}
/*联系我们*/

/*在线留言*/
.message_main{ overflow:hidden; margin:4% 0 6% 0; }
.message_main .mimg{ width:40%;}
.message_main .mimg .img{ width:100%; margin:7% 0 5% 0;}
.message_main .mimg .img img{ display:block; width:100%;}
.message_main .mimg .mlogo{ width:74%; margin:0 auto;}
.message_main .mimg .mlogo img{ display:block; width:100%;}

.message_main .message{ width:54%; }
.message_main .message li{ width:100%; margin-bottom:15px; }
.message_main .message li.w48{ width:48%;}
.message_main .message li .name{ color:#555555; font-size:20px; line-height:60px; }
.message_main .message li .name span{ color:#2595e2; }
.message_main .message li .input{}
.message_main .message li .input input{ width:100%; height:70px; background:#f8f8f8; color:#666666; font-size:20px; padding:0 20px;  }
.message_main .message li .textarea{}
.message_main .message li .textarea textarea{ width:100%; height:180px; background:#f8f8f8; color:#666666; font-size:20px; padding:20px;  }
.message_main .message li.submit{ margin:35px 0 0 0;}
.message_main .message li.submit input{ background:#007bc5; height:70px; width:100%; color:#ffffff; font-size:20px; cursor:pointer; }
/*在线留言*/

/*人才招聘*/
.concept{ overflow:hidden; margin:8% 0 2% 0; }
.concept .img{ width:55%; }
.concept .img img{ display:block; width:100%;}
.concept .txt{ width:41%;}
.concept .txt h3{ color:#007bc5; font-size:24px; margin:3% 0; }
.concept .txt ul{ overflow:hidden; }
.concept .txt ul li{ padding:20px 25px; float:left; width:100%; border-top:1px dashed #dcdcdc;}
.concept .txt ul li .cn{ color:#333333; font-size:18px; position:relative;  }
.concept .txt ul li .cn:after{ content:""; width:6px; height:6px; background:#c9c9c9; left:-20px; top:50%; margin-top:-3px; position:absolute; border-radius:50%; }
.concept .txt ul li .en{ color:#b4b4b4; font-size:12px; margin-top:5px; }

.recruit_list{ overflow: hidden; margin-bottom:6%; }
.recruit_list li { border-bottom: 1px solid #e9e9e9; padding:2% 0;}
.recruit_list li .tit{ float:left; padding-left:60px;}
.recruit_list li .time{ float:right; padding-right:20px;}
.recruit_list .info {cursor: pointer;overflow: hidden; height:60px;line-height:60px;background: #a6a2a2; color:#ffffff;  font-size: 18px; }
.recruit_list .info .tit{ background:url(../images/rico01.png) no-repeat 20px center; background-size:22px 22px; transition: background 0.5s; -webkit-transition: background 0.5s;    -ms-transition: background 0.5s;    -o-transition: background 0.5s;-moz-transition: background 0.5s;}
.recruit_list .active .tit{background-image:url(../images/rico02.png);}
.recruit_list .info:hover{ color: #ffffff; background:#2595e2;}
.recruit_list .active{ color: #ffffff; background:#2595e2;}
.rtxt{ display: none; color: #666666; font-size: 16px; line-height: 1.8; padding:35px;background: #fafafa; }

/*人才招聘*/

/*新闻资讯*/
.newshot{ margin-top:4%;}
.newshot li{ width:49%; position:relative; overflow:hidden; }
.newshot li img{ display:block; width:100%; }
.newshot li .info{ position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.3); color:#ffffff; padding:20px; }
.newshot li .info h3{ font-size:20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.newshot li .info .time{ font-size:18px; margin-top:5px;}
.newshot li:hover{box-shadow:0 0 20px #999999;}

.newslist{ margin-top:4%; }
.newslist li{ float:left; width:100%; overflow:hidden; position:relative; padding:35px 0; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; margin-top:35px; }
.newslist li:first-child{ margin-top:0; }
.newslist li .time{ float:left; margin:65px 70px 0 70px; width:80px; text-align:right; font-weight:bold; }
.newslist li .time .d{ color:#2595e2; font-size:24px; line-height:40px; }
.newslist li .time .ym{ color:#838383; font-size:18px; line-height:30px; }
.newslist li .img{ width:350px; float: left; overflow:hidden; }
.newslist li .img img{ display:block; width:100%;}
.newslist li .txt{ padding:30px 200px 0 610px; color:#555555; font-size:24px; font-weight:bold;}
.newslist li .more{ width:52px; height:52px; border-radius:50%; background:#dcdcdc url(../images/hpnav.png) no-repeat center center; background-size:40% 40%; position:absolute; top:50%; margin-top:-26px; right:70px;}

.newslist li:hover{box-shadow:0 0 20px #cccccc;}
.newslist li:hover .more{ background-color:#2595e2;}
/*新闻资讯*/


/*新闻详情*/
.showtop{ text-align:center; overflow:hidden; margin-top:4%;}
.showtop h1{ color:#282828; font-weight:normal; font-size:28px; line-height:1.5;}
.showtop p{ color:#8f8e8e; font-size:14px; line-height:2; border-bottom:1px solid #dcdcdc; padding:1% 0;}
.showtop p span{ margin:0 10px;}

.newstxt{ font-size:16px; line-height:1.8; min-height:200px; color:#3d3d3d; margin:2% 0; padding:0 35px; overflow:hidden; }
.newstxt img{ max-width:100%; height:auto!important; }
.newstxt a{ color:#db1214;}
.newstxt a:hover{ text-decoration: underline; }

.artpage{width: 100%; border: 1px solid #eeeeee; overflow: hidden;border-left: none; border-right: none;  font-size:14px; margin-bottom:6%; }
.artpage a{color:#828282;}
.artpage div{width: 50%;padding:10px 0px 10px 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.artpage div.fl{border-right: 1px solid #eeeeee}
.artpage div.fr{ text-align:right;}
.artpage div:hover a{ text-decoration: underline; color:#2595e2;}
/*新闻详情*/


/*技术服务*/
.huibj{ background:#f7f8fa;}

.mainbj{padding:0 70px; background:#ffffff; overflow:hidden;}
.main{ overflow:hidden; margin-top:4%; }
.mainleft{ width:23%; background:#f7f8fa; padding:15px; }
.leftnav{ overflow:hidden;}
.leftnav li{ float:left; width:100%; border-bottom:1px dashed #dfe0e1;}
.leftnav .tit{ line-height:60px; }
.leftnav .tit a{ padding:0 15px; display:block; color:#595858; font-size:20px; font-weight:bold; position:relative; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.leftnav .tit a:after{ content: ""; width: 0; height: 0; border-top: 6px solid transparent; border-left: 9px solid #d4d5d6; border-bottom: 6px solid transparent; position:absolute; right:20px; top:50%; margin-top:-5px; }
.leftnav .sub{ color:#595858; font-size:16px; line-height:2; padding:15px; display:none;}
.leftnav .sub a{ display:block; }
.leftnav .sub a.on,.leftnav .sub a:hover{ color:#2595e2; }

.leftnav li.on .tit,.leftnav li .tit:hover{ background:#2595e2; }
.leftnav li.on .tit a,.leftnav li .tit:hover a{ color:#ffffff; }
.leftnav li.on .tit a:after,.leftnav li .tit:hover a:after{ border-top:9px solid #ffffff; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:none;}


.mainright{ width:72%;}
.servicelist{ overflow:hidden; }
.servicelist li{ width:47%; margin-right:6%; float:left; margin-bottom:5%; }
.servicelist li .img{ width:100%; display:block; overflow:hidden;}
.servicelist li .img img{ display:block; width:100%;}

.servicelist li .txt{ background:#f7f8fa; padding:15px 20px; position:relative; padding-right:70px; }
.servicelist li .txt h3{ color:#333333; font-size:20px; font-weight:normal; line-height:36px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.servicelist li .txt p{ color:#989898; font-size:14px; line-height:24px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.servicelist li .txt:after{ content:""; width:44px; height:44px; border-radius:50%; position:absolute; right:20px; top:50%; margin-top:-22px; background:#dbdbdb url(../images/hpnav.png) no-repeat center center; background-size:40% 40%; }

.servicelist li:hover .txt:after{ background-color:#2595e2; }

.fenye2{ padding:0 0 5% 0;}


.nytit{ margin-top:5%;}
.nytit h3{ color:#333333; font-size:28px; text-align:center; line-height:2; }
.nytit .xian{ width:60px; height:4px; margin:0 auto; background:#2595e2; position:relative; }
.nytit .xian:after{ content:""; width:150px; height:2px; background:#dcdcdc; position:absolute; top:1px; left:50%; margin-left:-75px; z-index:-1; }


.supportmain{ margin:3% 0 6% 0; position:relative; padding:0 40px;}
.supportmain .s-next,.supportmain .s-prev{ width:40px; height:100%; top:0; position:absolute; cursor:pointer; }
.supportmain .s-next{ right:0; background:#2595e2 url(../images/s-next.png) no-repeat center center; background-size:80% auto; }
.supportmain .s-next:hover{ background-color:#007bc5;}
.supportmain .s-prev{ left:0; background:#2595e2 url(../images/s-prev.png) no-repeat center center; background-size:80% auto; }
.supportmain .s-prev:hover{ background-color:#007bc5;}

.supportlist .swiper-slide{ background:#ffffff;}
.supportlist .swiper-slide a{ display:block;}
.supportlist .swiper-slide .img{ width:100%; overflow:hidden;}
.supportlist .swiper-slide .img img{ display:block; width:100%;}
.supportlist .swiper-slide .tit{ height:70px; line-height:70px; text-align:center; font-size:20px; display:block; color:#666666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background:#f7f8fa;}
.supportlist .swiper-slide:hover .tit{ background:#2595e2; color:#ffffff; }
/*技术服务*/

/*服务详情*/
.shtit{ color:#2595e2; font-size:36px; font-weight:bold; margin-top:2%; }
.shinfo{ font-size:16px; color:#595858; line-height:2; margin:1% 0 2% 0; }

.shdown{ background:#007bc5; height:48px; font-size:16px; color:#ffffff; display:inline-block; line-height:48px; padding:0 50px; }
.shdown span{ background:url(../images/down.png) no-repeat left center; background-size:22px 22px; display:block; padding-left:30px;}
.shdown:hover{ background:#2595e2; }

.shtit01{ background:#d1e9f9; height:40px; line-height:40px; margin-top:6%; }
.shtit01 h3{ padding:0 35px 0 20px;  float:left; background:#2595e2; color:#ffffff; font-size:20px; font-weight:normal; text-align:center; border-radius:0 0 40px 0; }

.shtxt{ color:#595858; font-size:16px; line-height:1.8; margin:2% 0; overflow:hidden; }
.shtxt img{ max-width:100%; height:auto !important; }

.shnav{ width:100%; background:#d1e9f9; line-height:40px; margin-top:6%; overflow:hidden; }
.shnav li{ float:left; color:#2595e2; font-size:20px; padding:0 20px; border-left:1px solid #2595e2; cursor:pointer; }
.shnav li.on{ background:#2595e2; color:#ffffff; }
.shnav li:first-child{ border-left:none; }

.shtab{ background:#f7f8fa; overflow:hidden; padding:0 2%; }


.shtit02{ position:relative; height:50px; margin-top:6%; }
.shtit02:after{ content:""; width:100%; height:43px; position:absolute; left:0; bottom:0; background:#007bc5; }
.shtit02 .tit{ background:#2595e2 url(../images/shtit02.png) no-repeat right center; background-size:auto 100%; float:left; height:50px; position:relative; z-index:10; padding:0 50px 0 25px; line-height:50px; color:#ffffff; font-size:20px; }
.shtit02 .tit span{ font-size:16px;}

.video{ width:100%; background:#000000; height:500px;}
.video video{ width:100%; height:500px;}


.shpage{width: 100%; border-top:6px solid #2595e2; overflow: hidden;border-left: none; border-right: none; font-size:14px; margin:6% 0; padding:15px 0; }
.shpage a{color:#828282; }
.shpage div{width: 50%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.shpage div.fr{ text-align:right; }
.shpage div:hover a{ text-decoration: underline; color:#2595e2; }


.shmessage{ width:100%; margin:2% 0 10% 0; overflow:hidden; }
.shmessage li{ width:100%; margin-bottom:1.5%; }
.shmessage li.w32{ width:32%; margin-right:2%;}
.shmessage li .name{ color:#555555; font-size:16px; line-height:50px; }
.shmessage li .name span{ color:#2595e2; }
.shmessage li .input{}
.shmessage li .input input{ width:100%; height:60px; background:#f8f8f8; color:#666666; font-size:16px; padding:0 20px;  }
.shmessage li .textarea{}
.shmessage li .textarea textarea{ width:100%; height:120px; background:#f8f8f8; color:#666666; font-size:16px; padding:20px;  }
.shmessage li.submit{ margin:2% 0 0 0;}
.shmessage li.submit input{ background:#007bc5; height:60px; width:32%; color:#ffffff; font-size:18px; cursor:pointer; }
.shmessage li.submit input:hover{ background:#2595e2;}
/*服务详情*/



/*产品列表*/
.prodlist{}
.prodlist li{ overflow:hidden; background:#f7f8fa; margin-top:3%; }
.prodlist li:first-child{ margin-top:0; }

.prodlist li .img{ width:45%; overflow:hidden;}
.prodlist li .img img{ display:block; width:100%; }
.prodlist li .txt{ width:55%; padding:35px 35px 0 35px;}
.prodlist li .txt h3{ color:#333333; font-size:20px; line-height:1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.prodlist li .txt p{ color:#595858; font-size:16px; line-height:1.8; margin:3% 0 5% 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.prodlist li .txt .more{ width:140px; height:40px; text-align:center; line-height:38px; color:#595858; border:1px solid #e5e6e8; display:block; }

.prodlist li:hover{ background:#2595e2;}
.prodlist li:hover .txt h3{ color:#ffffff; }
.prodlist li:hover .txt p{ color:#ffffff; }
.prodlist li:hover .txt .more{ background:#ffffff; border-color:#ffffff; color:#2595e2; }
/*产品列表*/


/*产品详情*/
.prodtop{ overflow:hidden; background:#f7f8fa; }
.prodtop .img{ width:46%;}
.prodtop .img img{ display:block; width:100%; }
.prodtop .txt{ width:54%; padding:35px 35px 0 35px; }
.prodtop .txt h3{ color:#2595e2; font-size:20px; font-weight:bold; line-height:1.5; }
.prodtop .txt h3:after{ content:""; width:50px; height:2px; background:#2595e2; display:block; margin-top:10px; }
.prodtop .txt .info{ color:#595858; font-size:16px; margin:4% 0;}
.prodtop .txt .info p{ position:relative; padding-left:15px; line-height:1.8;}
.prodtop .txt .info p:after{ content:""; width:8px; height:8px; position:absolute; left:0; top:50%; margin-top:-4px; background:#2595e2; border-radius:50%; }
.prodtop .txt .consulting{ width:140px; height:40px; text-align:center; line-height:40px; color:#ffffff; background:#2595e2; display:block;  }
.prodtop .txt .consulting:hover{ background:#007bc5; }

.prodnav{ overflow:hidden; margin-top:3%;}
.prodnav li{ float:left; padding:0 20px;  line-height:60px; border-bottom:3px solid #ffffff; background:#f7f8fa; color:#333333; font-size:18px; text-align:center; border-left:1px solid #ececec; cursor:pointer; }
.prodnav li:first-child{ border-left:none; }
.prodnav li.on{ border-bottom-color:#2595e2; color:#2595e2; }

.prodtab{ background:#f7f8fa; padding:3%;}
.prodtab .txt{ color:#888888; font-size:16px; line-height:1.8;}
.prodtab .txt img{ max-width:100%; height:auto !important;}
/*产品详情*/

/*table { border-collapse: collapse; width: 100% !important;}
table td{ border: 1px solid #dcdcdc !important; padding: 8px;}*/

.newstxt ul,.prodtab .txt ul{ padding-left:15px; color:#333333;}
.newstxt li,.prodtab .txt li{ list-style: disc; }


.online{ position:fixed; top:50%; right:0; width:55px; z-index:99999; margin-top:-112px;}
.online li{ float:left; width:100%; color:#ffffff; position:relative; margin-top:1px;  }
.online li:first-child { margin-top:0; }
.online li a{ height:55px; background:#32373d; width:55px; display:block; position:relative; z-index:10; }
.online li a img{ display:block; width:100%; height:100%;}
.online li:hover a{ background:#007bc5;}
.online li .ontel{ position:absolute; z-index:1; text-align:center; right:-180px; top:0; width:180px; background:#256df3; font-size:20px; line-height:55px; -webkit-transition: all .5s ease-in;-o-transition: all .5s ease-in;-ms-transition: all .5s ease-in;-moz-transition: all .5s ease-in;}
.online li:hover .ontel{right:55px;}
.online li .onrwm{ position:absolute; padding:5px; z-index:1; text-align:center; right:-110px; top:0; width:110px; background:#256df3; height:110px; -webkit-transition: all .5s ease-in;-o-transition: all .5s ease-in;-ms-transition: all .5s ease-in;-moz-transition: all .5s ease-in;}
.online li .onrwm img{ width:100%; height:100%;}
.online li:hover .onrwm{right:55px;}

table {
    border-collapse: collapse;
}
td, th {
    padding: 5px 10px;
    border: 1px solid #DDD;
}

.animated{opacity: 0;}

.nav li>a,.hamain .txt .more,.ablist .swiper-slide .ico,.ablist .swiper-slide .txt h3,.ablist .swiper-slide .txt p,.hplist li a,.hplist li a .tit,.hnlist li .more .mtit,.hnlist li .more .mtit:after,.bottom .copy a,.nynav li a,.nynav li a:after,.ablist li .txt .more,
.pagetop .weizhi a,.leftnav .tit,.leftnav .tit a,.prodlist li,.prodlist li .txt h3,.prodlist li .txt p,.prodlist li .txt .more,.supportmain .s-next,.supportmain .s-prev,.supportlist .swiper-slide .tit,.nav_sub ul li .tit a,.nav_sub ul li .sub a,
.leftnav .sub a,.servicelist li .txt:after,.fenye a,.prodtop .txt .consulting,.shpage a,.shmessage li.submit input,.shdown,.newshot li,.newslist li,.newslist li .more,.artpage a,.recruit_list .info{transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}


.hnlist li img,.prodlist li .img img,.servicelist li .img img,.supportlist .swiper-slide .img img,.newshot li img,.newslist li .img img{
-webkit-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;}

.hnlist li:hover img,.prodlist li:hover .img img,.servicelist li:hover .img img,.supportlist .swiper-slide:hover .img img,.newshot li:hover img,.newslist li:hover .img img{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}


.delay2{-webkit-animation-delay:.2s;animation-delay:.2s; -moz-animation-delay:.2s;
-o-animation-delay:.2s;-ms-animation-delay:.2s;}
.delay3{-webkit-animation-delay:.4s;animation-delay:.4s; -moz-animation-delay:.4s;
-o-animation-delay:.4s;-ms-animation-delay:.4s;}
.delay4{-webkit-animation-delay:.6s;animation-delay:.6s; -moz-animation-delay:.6s;
-o-animation-delay:.6s;-ms-animation-delay:.6s;}
.delay5{-webkit-animation-delay:.8s;animation-delay:.8s;; -moz-animation-delay:.8s;
-o-animation-delay:.8s;-ms-animation-delay:.8s;}
.delay6{-webkit-animation-delay:1s;animation-delay:1s; -moz-animation-delay:1s;
-o-animation-delay:1s;-ms-animation-delay:1s;}