@charset "utf-8";
/* CSS Document */
@font-face {font-family: 'MotionControl-Bold';src: url('../fonts/MotionControl-Bold.otf');font-weight: normal;font-style: normal;}
article, aside, details, figcaption, figure, header, hgroup, nav, section { display:block }html {font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body {font-size: 12px;font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;line-height: 24px;color: #333;background:#fff;}h2,h3{ font-style:normal; font-weight:normal;}* {margin:0;padding:0}a { color:#333; text-decoration:none;transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease; }a:hover { color:#0879f9; }a:active, a:focus, a:hover ,input:focus,textarea:focus { outline:0 }.css3-animate { transition: all 0.6s ease; }img{ border-style:none;}li{list-style:none}img{border:0;margin:0;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}.line{border-top: #ccc 1px dotted;margin:6px 0;}.left{ float:left;}.right{ float:right;}.text-center { text-align: center; }.text-left { text-align: left; }.text-right { text-align: right; }.orange { color:#e1a616; }.blue { color: #3867c5; }.black { color:#111;}.red1{ color: #de535e; }.bgwhite { background: #fff; }.white { color:#fff; }.gray { color:#888; }.clear { clear: both; }.black { color:#111; }.phonepic { width:100%;}.relative{ position: relative; }.absolute{ position: absolute; }.wrap { position: relative; max-width: 1150px; margin: 0 auto; }.container {max-width: 1150px; width: 100%; margin:0 auto; }.inlineblock{ display: inline-block; }
/*顶部导航开始*/
.header {position:fixed;width:100%;height:112px;background:#fff;border-bottom:#e6e6e6 1px solid;z-index:999;box-shadow: #eee 1px 1px 1px; }
.header .logo{position:absolute;z-index:100;left:0;top:30px;width:180px;}
.header .menu { position:absolute;z-index:100;right: 160px;top:0;height:100px;width:630px;text-align:center;}
.header .menu li{float:left;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;background-position: top center;background-repeat: no-repeat; }
.header .menu li.m1 { width: 61px;background-image: url(../images/m11.png); }
.header .menu li.m2 { width:82px;background-image: url(../images/m12.png); }
.header .menu li.m3 { width: 78px;background-image: url(../images/m13.png); }
.header .menu li.m4 { width: 59px;background-image: url(../images/m14.png); }
.header .menu li.m5 { width:155px;background-image: url(../images/m15.png); }
.header .menu li.m6 { width: 48px;background-image: url(../images/m16.png); }
.header .menu li.m7 { width:48px;background-image: url(../images/m17.png); }
.header .menu li.m8 { width:90px;background-image: url(../images/m18.png); }
.header .menu li:hover { background-color: #2f63cd; }
.header .menu li a{display:block;width:100%;height:70px;padding-top:30px;line-height:70px;color:#333;font-size: 14px; }
.header .menu li:hover a {color:#fff;}
.header .lan{position:absolute;right:0px;width:162px;padding-left:28px;top:28px;height:26px;z-index:10;}
.header .lan a { width: 60px;border:#eaeaea 1px solid;height: 18px;line-height: 18px;display: inline-block;font-size: 12px; }
.header .lan a.cur { border:#2f63cd 1px solid;background: #2f63cd;color: #fff;  }
.header .tel{position:absolute;right:14px;width:146px;top:59px;height:26px;font-size:14px;z-index:10;background: url(../images/tel.png) no-repeat left center;}


/*首页动画*/
.home-banner { width:100%;position:relative;border-top: #fff 112px solid; }
.home-banner.container { max-width: 1920px; }
.swiper-container { width: 100%;z-index:9; }
.swiper-slide {background-repeat: no-repeat;background-position: center;background-size: cover;/* Center slide text vertically */display: flex;justify-content: center;align-items: center; }
.swiper-slide img { width:100%;}
.swiper-container .swiper-pagination-bullet{opacity:0.5;width:12px;height:12px;background:#000}
.swiper-container .swiper-pagination-bullet-active{opacity:0.6;background:#fff}

.fadeInRight { animation:fadeInRight 1.3s 0.0s both }
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(70px, 0, 0)}100%{opacity:1;transform:none}}
.fadeInLeft { animation:fadeInLeft 1.3s 0.0s both }
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-70px, 0, 0)}100%{opacity:1;transform:none}}
.fadeIn { animation:fadeIn 1.3s 0.0s both}
@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
.fadeInUp { animation:fadeInUp 1.3s 0.2s both }
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 50px, 0)}100%{opacity:1;transform:none}}
.fadeInDown { animation:fadeInUp 1.3s 0.2s both }
@keyframes fadeInDown {0%{opacity:0;transform:translate3d(0, -30px, 0)}100%{opacity:1;transform:none}}
.zoomIn { animation:zoomIn 1s 1.1s both; }
@-webkit-keyframes zoomIn{0%{transform:scale(0);opacity: 0;}100%{transform:scale(1);opacity:1;}}

/*首页样式*/
.index0 { width: 100%;height: 354px;background: url(../images/index0.jpg) no-repeat center;color: #fff; }
.index0 .left { width:40%;padding-top:110px; }
.index0 .left p { padding-bottom: 30px;font-size: 22px;line-height: 38px; }
.index0 .right { width: 47%;padding-top:55px; }
.index0 .right li { width: 50%;float: left;padding:15px 0 50px;line-height: 20px;font-size: 15px; }
.index0 .right li p { font-size: 12px; }
.index0 .right li.m1 { width: 40%;padding-left: 10%; }

.index .titen { margin-top:70px;padding:28px 0 10px;background:url(../images/titbg.gif) no-repeat top center;font-size: 30px;font-weight: bold; }
.index .titcn { font-size: 22px;margin-bottom: 44px; }
.index1.container { max-width: 850px; }
.index1 p { margin-bottom: 25px;color: #555; }

.index2 .cate li { width:23%;margin:1%;border-bottom:#5274dc 1px solid;border-radius:4px;height:300px;float: left;background-position: top center;background-repeat: no-repeat;background-size: 100% auto; }
.index2 .cate li a { color: #5374DB;height: 90px;padding-top:210px;display: block; }
.index2 .cate li .tit1 { padding:0 1% 8px;font-size: 22px; }
.index2 .cate li .tit2 { padding:0 1%;font-size: 16px; }

.index3 { padding:1.5% 0 6%;width:100%;color:#666; }
.index3 li { width:23%;margin:0 1%;float: left; }
.index3 li a { display: block;padding:3%;border:#eee 1px solid;border-radius:3px;-moz-box-shadow:1px 4px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow:1px 4px 4px rgba(0, 0, 0, 0.2); box-shadow:1px 4px 4px  rgba(0, 0, 0, 0.2); }
.index3 .pic { width:100%;height:158px;overflow: hidden; }
.index3 .bg { position:absolute;width:100%;height:100%;left:0;top:0;z-index:99;background:#000;opacity:0;filter:alpha(opacity=0);transition: all 0.6s ease;}
.index3 li:hover .bg { opacity:.3;filter:alpha(opacity=30);}
.index3 li .pic img{ width: 100%;height:100%;overflow-x: hidden;overflow-y: hidden;position: relative;z-index:1;transition: all 0.6s ease;}
.index3 li:hover .pic img {transform: scale(1.1, 1.1);}
.index3 li .title { width: 100%;font-size: 16px;color:#666;padding:10px 0 13px;background: url(../images/xwbg.gif) no-repeat left bottom;background-size: 25px 2px; }
.index3 li:hover .title { color:#db535f;font-weight: bold;background-size: 80px 2px; }

.footer{width:100%;background:#ddd;border-top:#d8d8d8 1px solid;padding-top:30px;color:#666; }
.foot1 {width:100%;padding:30px 0 0;word-spacing: 20px;}
.foot2 {width:100%;padding:0 0 30px; }
.footer a { color: #666; }
.footer a:hover { color: #444; }

#fenye {float:right;color:#0085d9;padding:0 45px 0 0; height:25px;}
#fenye a {padding:0 4px;color:#0085d9; border:#0085d9 1px solid; margin:0 1px;}
#fenye a:hover {text-decoration:none; background:#0085d9;color:#fff;}
#fenye .a1 { padding:0 4px;border:#0085d9 1px solid; margin:0 1px;background:#0085d9;color:#fff;}

/*公共样式*/

.main { padding:1% 0.5%;background: #fafafa;box-shadow:2px 3px 2px #ccc; }
.main .container { padding:1% 15px 1%;max-width: 1150px;border-radius: 5px; }
.caidan { padding:0 0 12px;margin:0 0 20px; }
.caidan a { display: inline-block;line-height: 36px;margin:0 6px 15px;padding:0 10px;background:#3063ce;color:#fff;font-size: 16px;border-radius: 4px; }
.caidan a:hover { background: #e8e8e8;color: #111; }

.mainright { max-width:850px;width: 100%;margin:0 auto;min-height: 350px; }
.mainright .content { padding:2% 0;font-size:14px; }
.mainright .biaoti { font-size: 14px;border-bottom: #ccc 1px solid; text-align: center;}
.mainright .biaoti span { display: inline-block;font-size: 16px;color:#3063ce;font-weight: bold;border-bottom: #3063ce 1px solid;padding:0 0 8px; }

/* main_img */
.anli_img{width: 100%; position: relative;cursor: pointer;z-index:1;float: left; background:#aaa;}
.anli_img .tupian { width:100%;height:100%;position:relative;z-index:20;left:0;top:0;}
.anli_img .tupian img { width:100%;height:100%;}
.anli_img .pinpai { width:1%;height:1%;position:absolute;left:50%;top:50%;z-index:200;opacity: 0;filter:alpha(opacity=0);transition: all 0.5s ease;}
.anli_img .pinpai img{width: 100%;height:100%;}
.anli_img:hover .pinpai {width: 100%;height:100%;left:0;top:0;opacity: 1;filter:alpha(opacity=100);}

/*about页面*/
.mainright .about p { line-height: 25px;padding:0 0 15px; }

.products li { width:32%;margin:0 0 2% 2%;line-height:22px;padding:10px 0;background:#eee;float: left; }
.products li:hover { background: #3063ce; }
.products li a { display: block;font-size:15px;transition: none; }
.products li:hover a { color: #fff; }

.tupian li { width:32%;margin:0 0 2% 2%;float: left; }
.lishi li { width: 100%;float: left;padding:76px 0 0;background: url(../images/lishi.png) no-repeat 0 0;  }
.lishi p { float:left; }
.lishi p.ls1 { width: 109px;padding:12px 0;height:23px;text-align: center;font-size: 18px;font-weight: bold;  }
.lishi p.ls2 { padding:10px 15px;background: #3063ce;border-radius:40px;color:#fff;font-size: 15px; }

/*新闻*/
.news{ max-width:900px;width:96%;margin:0 auto;padding:35px 0 50px;min-height:300px;}
.news li { width:98%;padding:7px 0 7px 3%;background:url(../images/arr1.gif) no-repeat left center;border-bottom:#ccc 1px dotted;float:left;}
.news li a { width:80%;overflow: hidden;/*注意不要写在最后了*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;float: left;}
.news li p { width:20%;font-size: 11px;float: left;text-align: center;}

.news-page {padding: 90px 0;text-align: center;}
.news-page span,.news-page a {display: inline-block;width: 32px;height: 32px;border: 1px solid #ddd;text-align: center;line-height: 32px;margin-left: -1px;}
.news-page .current {background-color: #4E8ACB;color: #fff;}
.news-page a:hover {background-color: #eee;}

.newsview{ min-height:300px;margin-top:40px; }
.newsview .title { text-align:center;font-weight:bold;font-size:16px;padding:0 0 12px;border-bottom:#eee 1px solid;}
.newsview .date { padding:22px 0 21px;color:#666;word-spacing:6px; text-align:center;}
.newsview img { width:100%;margin:5px 0;}
.newsview .text { font-size:14px;}

.talent p { width: :90%;padding:0 5% 15px;margin:0 0 15px; }
.talent .tit { font-size: 18px;padding:0 0 12px;border-bottom: #ddd 1px solid;margin-bottom: 12px; }
.talent img { border-radius: 4px; }
/*联系我们*/
.contact p { width: :90%;padding:0 5% 15px;margin:0 0 15px;border-bottom: #ddd 1px solid; }
.bbs h3 { font-size: 18px;font-weight: normal;display: inline-block;padding:0 0 5px;border-bottom: #ffa200 2px solid;margin:0 0 12px; }
.bbs p { width: :100%;padding:0 0 15px;}
.form-text { width: 400px;padding:8px;border-radius: 4px;border:#ccc 1px solid; -moz-box-shadow:1px 1px 0px #aaa inset;-webkit-box-shadow:1px 1px 0px #aaa inset; box-shadow:1px 1px 0px #aaa inset;font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;}
.form-submit { background: #ffa200;display: block;border:0;width: 500px;line-height: 40px;text-align: center;color:#fff;font-size: 18px;border-radius: 4px;cursor: pointer;font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif; }
.form-submit:hover { background: #ffcc00; }