@charset "utf-8";

*{outline: none;padding: 0;margin: 0}
body{font-family:"Microsoft YaHei"; overflow-x: hidden;background: #fff;}
h1,h2,h3{margin: 0}
ul,li{list-style: none;padding: 0;margin: 0}
img{border:none; padding: 0; vertical-align: middle;}
a{ text-decoration: none; color: #666666}
input {outline: 0;border: 0;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}

@font-face {
    font-family: Swis721;
    src: url(../fonts/Swis721.ttf);
}



::-webkit-scrollbar {
    width:6px;
    height: 6px;
}
::-webkit-scrollbar-track-piece {
    border:none;
    background-color:#fff
}
::-webkit-scrollbar-thumb {
    width:8px;
    background:#4a4e50;
}
::-webkit-scrollbar-thumb:hover {
    background:#313131
}
::-moz-selection {
    background:#313131;
    color:#fff;
    text-shadow:none
}
::selection {
    background:#348fff;
    color:#fff;
    text-shadow:none
}

/* =========================================================== 首页 ============================================================= */
.top
{width:100%;height:100px;}
.container
{width:1200px;margin:0 auto;}
.logo
{float:left;margin-top:18px}
.logo-text
{float:left;margin:18px 0 0 17px;}
.language
{float:right;margin-top:60px;}
.language a
{display:inline-block;padding:2px 10px;font-size:14px;color:#333;border-radius:4px;border:1px solid #333;}
.language a.active
{color:#2e7cff;border:1px solid #2e7cff;}
.language a .ch
{display:inline-block;vertical-align:-2px;width:17px;height:13px;background:url(../images/icon1.png) no-repeat 0px -34px;}
.nav
{
  width:924px;margin:0 auto;padding:0  138px;
  background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(220,220,220) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(220,220,220) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(220,220,220) 100%);
}
.nav::after
{content:'';display:block;clear:both}
.nav_items
{float:left;width:100px;height:40px;margin:0 16px;position:relative;text-align:center;}
.nav_items .nav_items_a
{font-size:18px;color:#2e7cff;line-height:40px;}
.nav_drop2
{position:absolute;top:60px;left:0;width:135px;visibility:hidden;opacity:0;z-index:999;transition:0.36s ease;-moz-transition:0.36s ease;-ms-transition:0.36s ease}
.nav_drop2 a
{
  display:block;font-size:16px;color:#333;text-align:left;line-height:32px;padding-left:18px;
  background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(220,220,220) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(220,220,220) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(220,220,220) 100%);}
.nav_drop2 a:hover
{color:#fff;background-image: -moz-linear-gradient( 90deg, rgb(46,124,255) 0%, rgb(118,169,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(46,124,255) 0%, rgb(118,169,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(46,124,255) 0%, rgb(118,169,255) 100%);}
.nav_items:hover .nav_drop2
{top:40px;visibility:visible;opacity:1;}
.nav_items:hover 
{background-image: -moz-linear-gradient( 90deg, rgb(46,124,255) 0%, rgb(118,169,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(46,124,255) 0%, rgb(118,169,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(46,124,255) 0%, rgb(118,169,255) 100%);}
.nav_items:hover  .nav_items_a {color:#fff;}

.banner
{width:1200px;height:300px;margin:0 auto;}
.banner_box
{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;background:rgba(0,0,0,0.4);}
.banner_box p.text
{width:368px;margin:10px auto 15px;font-size:18px;color:#fff;line-height:1.8;}
.banner_box .more
{font-size:14px;color:#fff;padding:5px 10px;border:1px solid #fff;}
.banner .swiper-pagination-bullet
{width:80px;height:4px;border-radius:unset;background:#fff;opacity:1;position:relative;}
.banner .swiper-pagination-bullet::after
{content:'';display:block;position:absolute;top:0;left:0;width:0px;height:4px;visibility:hidden;background:#2e7cff;transition:width 2900ms linear;-moz-transition:width 2900ms linear;-ms-transition:width 2900ms linear;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active::after
{width:100%;visibility:visible;}

.OneA
{width:1200px;margin:15px auto;overflow:hidden;}
.One-l
{float:left;width:735px;}
.div-head
{padding-left:10px;font-size:22px;color:#333;position:relative;font-weight:normal;}
.div-head::after
{content:'';position:absolute;top:6px;left:0;width:4px;height:20px;background:#2e7cff;}
.One-l .info
{margin-top:20px; font-size:18px;line-height:1.7;color:#333;}
.One-r
{float:right;width:425px;}
.One-r ul
{margin-top:20px;font-size:0;text-align:center;}
.One-r li
{display:inline-block;position:relative;width:137px;margin-bottom:80px;height:100%;margin-right:7px;}
.One-r li .bot-text
{position:absolute;bottom:0;left:0;width:100%;background:rgba(255,255,255,0.8);}
.One-r li .bot-text span
{font-size:14px;color:#0054ff;line-height:26px;}
.One-r li .bot-text i
{display:inline-block;width:18px;height:18px;margin-right:6px;vertical-align:-5px;}
.One-r li:nth-child(1) .bot-text i
{background:url(../images/icon1.png) no-repeat 0px 0px}
.One-r li:nth-child(2) .bot-text i
{background:url(../images/icon1.png) no-repeat -46px 0px}
.One-r li:nth-child(3) .bot-text i
{background:url(../images/icon1.png) no-repeat -95px 0px}
.One-r li:nth-child(4) .bot-text i
{background:url(../images/icon1.png) no-repeat -146px 0px}
.One-r li:nth-child(5) .bot-text i
{background:url(../images/icon1.png) no-repeat -197px 0px}
.One-r li:nth-child(3) {margin-right:0}

.foot
{width:100%;background:#eee;text-align:center;font-size:14px;}
.foot-info
{border-bottom:1px dotted #626262;color:#333;line-height:35px;}
.foot-info span
{padding:0 18px;}
.foot_p
{color:#626262;line-height:30px;}

.banner2
{position:relative;width:1200px;height:300px;margin:0 auto;}
.banner_h1
{ 
    position:absolute;top:50%;left:50%;margin:-25px 0 0 -240px;font-size:30px;color:#2e7cff;width:480px;line-height:50px;text-align:center;
  background-image: -moz-linear-gradient( 0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.37) 23%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.37) 77%, rgba(255,255,255,0) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.37) 23%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.37) 77%, rgba(255,255,255,0) 100%);
  background-image: -ms-linear-gradient( 0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.37) 23%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.37) 77%, rgba(255,255,255,0) 100%);
}

.main
{width:1200px;margin:0 auto;}
.main_nav
{font-size:16px;color:#666;padding:20px 0;}
.main_nav a,.main_nav span
{float:left;display:block; font-size:15px}
.main_nav span
{margin-right:5px;}
.main_nav .border_ui
{display:block;margin-top:10px;border-bottom:1px dashed #dedede;overflow:hidden;}
.about-items
{overflow:hidden;margin-bottom:40px;}
.about-items .img
{width:600px;height:333px;}
.about-items .info
{display:table;width:50%;height:333px;}
.about-items .info .cell
{display: table-cell;vertical-align: middle;padding:0 25px;font-size:16px;color:#333;line-height:1.8;}
.about-items .info .cell .h3
{font-size:24px;color:#333;text-align:center;font-weight:normal;}
.about-items .info .cell .h3 i
{font-style:normal;color:#3681ff;}
.about-items:nth-child(2n) .img {float: left;}
.about-items:nth-child(2n) .info {float: right;}
.about-items:nth-child(2n-1) .img {float:right}
.about-items:nth-child(2n-1) .info {float:left}

.about-info
{margin: 50px 0 80px;}
.about-info .h3
{font-size:24px;color:#333;text-align:center;}
.about-info .h3 span
{color:#3681ff}
.about-info .info-p
{width:645px;margin:30px auto;font-size:20px;color:#666;line-height:1.8;text-indent:2em;font-weight:bold;}
.ar-pages
{overflow:hidden;margin-bottom:60px;}
.ar-pages-l
{float:left;width:150px;}
.ar-pages-l a
{
  display:block;padding-left:15px;font-size:18px;color:#333;line-height:40px;position:relative;
  background-image: -moz-linear-gradient( 90deg, rgb(220,220,220) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(220,220,220) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(220,220,220) 0%, rgb(255,255,255) 100%);
}
.ar-pages-l a:hover,.ar-pages-l a.active
{
  color:#fff;
  background-image: -moz-linear-gradient( 90deg, rgb(118,169,255) 0%, rgb(46,124,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(118,169,255) 0%, rgb(46,124,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(118,169,255) 0%, rgb(46,124,255) 100%);
}
.ar-pages-l a:hover::after,.ar-pages-l a.active::after
{content:'';position:absolute;top:12px;right:-7px;display:block;width:0;height:0;border-top:8px solid transparent;border-left:7px solid #5594ff;border-bottom:8px solid transparent; }
.ar-pages-r
{float:right;width:1000px;}
.patent-ul
{margin:40px 0 0 25px }
.patent-ul li
{width:480px;margin-bottom:25px;padding:15px 12px; border:1px solid #e6e6e6;}
.patent-ul li span
{font-size:16px;color:#333;}
.patent-ul li span::before
{content:'';display:inline-block;width:4px;height:16px;background:#2e7cff;vertical-align:-3px;margin-right:10px;}
.pro-box
{padding:0 10px;}
.pro-box::after
{content:'';display:block;clear:both;}
.pro-box a
{float:left;position:relative;width:150px;height:200px;margin-right:57px;margin-bottom:45px;transition:0.63s ease;-moz-transition:0.63s ease;-ms-transition:0.63s ease;}
.pro-box a:nth-child(5n) {margin-right:0}
.pro-box a img
{width:100%;height:auto;}
.pro-box a span
{position:absolute;display:block;bottom:-15px;left:0px;width:150px;height:30px;background:#ffa800;text-align:center;color:#fff;line-height:30px;transition:0.35s ease;-moz-transition:0.35s ease;-ms-transition:0.35s ease;}
.pro-box a:hover
{box-shadow: 2px 3px 10px 0px rgba( 0, 40, 107,0.5 );}
.pro-box a:hover span
{background:#2e7cff;color:#fff;}
.fanye
{text-align:center;font-size:0;margin-top:25px;}
.fanye a
{display:inline-block;margin:0 6px;font-size:16px;color:#666;}
.fanye a:hover,.fanye a.active
{color:#2e7cff;}
.professional-box
{padding:35px 25px;background:#fafafa;}
.professional-info
{padding-bottom:25px;border-bottom:1px solid #e5e5e5;overflow:hidden;}
.professional-info .img
{float:left;width:150px;height:200px;overflow:hidden;}
.professional-info .img img
{width:100%;}
.professional-ri
{float:right;width:750px;height:200px;position:relative;}
.professional-ri .title
{width:140px;height:32px;background:#ffa800;color:#fff;margin-bottom:8px;line-height:32px;text-align:center;box-shadow: 0.8px 1.5px 5px 0px rgba( 0, 40, 107, 0.35 );}
.professional-ri p
{font-size:16px;color:#333;line-height:1.8;}
.professional-ri .pri-bottom
{position: absolute;bottom:0;left:0;font-size:15px;color:#999;}
.professional-box .text-1
{margin:30px 0  80px;font-size:16px;color:#333;line-height:1.6}
.professional-box .text-1 .h2
{font-size:18px;color:#333;margin-bottom:12px;}

.case li
{padding:18px 0 12px; border-bottom:1px dashed #b7b7b7;position:relative;}
.case li a.title
{display:block;width:600px;font-size:16px;margin-bottom:8px;font-weight:bold;color:#000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.case li a.title:hover
{color:#2e7cff;}
.case li time
{font-size:14px;color:#666;}
.case li a.info-a
{display:block;position:absolute;top:28px;right:0;font-size:14px;line-height:26px;padding:0 12px;color:#fff;background:#2e7cff;border-radius:13px;}

.info-title
{margin-top:25px;text-align:center;}
.info-title .h1
{font-size:20px;color:#333;margin-bottom:12px;}
.info-title time
{font-size:14px;color:#666;}
.case-box
{margin-top:35px;font-size:15px;color:#333;line-height:1.6;}
.case-link
{padding-top:20px;}
.case-link a
{font-size:14px;color:#666;margin-top:12px;}

.join-li
{margin-top:25px; border-bottom:1px dashed #9a9a9a;font-size:16px;color:#333;}
.join-li .h2
{font-size:16px;padding:6px 0px 11px 15px;color:#fff;background:url(../images/bg2.png) no-repeat;}

.contact_h2
{display:inline-block;margin-bottom:12px;font-size:20px;color:#fff;padding:0 50px;line-height:40px;border-radius:20px;background:#2e7cff;}
.contact_ul
{margin:0 0 0 20px;}
.contact_ul li
{line-height:2;font-size:16px;color:#333;padding-left:28px;}
.contact_ul li:nth-child(1) {background:url(../images/bg3.png) no-repeat 0px 6px;}
.contact_ul li:nth-child(2) {background:url(../images/bg3.png) no-repeat 0px -24px;}
.contact_ul li:nth-child(3) {background:url(../images/bg3.png) no-repeat 0px -53px;}
.contact_ul li:nth-child(4) {background:url(../images/bg3.png) no-repeat 0px -82px;}
.contact-add
{overflow:hidden;}
.contact-li
{float:left;width:560px;margin-top:30px;padding-bottom:12px;border-bottom:1px dashed #878787;}
.contact-li:nth-child(2n) {margin-left:80px;}
#allmap
{width:100%;height:545px;margin-top:20px;border:1px solid #d9d9d9;}


.box1
{width:680px;height:auto;position:relative;top:150px;margin:0px auto; background: rgb(0,84,166) url(../images/index_01.jpg) no-repeat;}
.box1-op
{    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);}
.box1 .text
{margin-left:396px;padding-left:20px;background:rgba(255,255,255,0.4);}
.box1 .text a
{line-height:32px;font-size:15px;color:#fff}
.box1 .text span
{color:#fff;font-size:14px;vertical-align:1px;padding:0 2px 0 8px;}