@charset "utf-8"; /* CSS Document */ 
* { margin: 0px; padding: 0px; } 
body { font-size: 12px; font-family: "微软雅黑"; color: #525252; background: #fff; } 
a { text-decoration: none; outline: none; transition: all 0.2s; }
a:hover { text-decoration: none; }
@font-face { font-family: 'zhong'; src: url(../fonts/hua.TTF); }
@font-face { font-family: 'qing'; src: url(../fonts/qing.TTC); }
img { border: 0; vertical-align: middle; max-width:100%;}
a {text-decoration: none;color: #333;padding:0;margin:0;}
ul {list-style: none;padding:0;margin:0;}
li {list-style: none;padding:0;margin:0;}
ul li {list-style: none;padding:0;margin:0;}
img {border: none;padding:0;margin:0; vertical-align:middle;}
a img{border: none;padding:0;margin:0;}
input,button,select,textarea{outline:none}
textarea{resize:none}
p{padding:0;margin:0;}
body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#333;padding:0;margin:0; font-family:"微软雅黑", "宋体", "黑体";}
table { margin: auto; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; }
/*定义新型浏览器特性*/ 
::-webkit-scrollbar { width:0px; height:10px }
::-webkit-scrollbar-button:vertical { display:none }
::-webkit-scrollbar-track:vertical { background-color:black }
::-webkit-scrollbar-track-piece { background:#fff }
::-webkit-scrollbar-thumb:vertical { background-color:#999; }
::-webkit-scrollbar-thumb:vertical:hover { background-color:#333 }
::-webkit-scrollbar-corner:vertical { background-color:#666 }
::-webkit-scrollbar-resizer:vertical { background-color:#666; }
.clear { width: 100%; height: 0; font-size: 0; line-height: 0; clear: both; }
/*头部*/ 


.header{ width:100%; height:94px; background-color:rgba(0,0,0,0.7); position:fixed; z-index:999; top:0;}

.head_logo{ position:absolute; left:3%; height:94px;}

.head_logo a{ display:block; cursor:pointer;}

.head_logo img{ padding-top:22px;}



.head{ width:1600px; height:94px; margin:auto; position:relative;}

.nav{ width:980px; height:94px; text-align:center; margin-left:260px;}

.nav_1{ display:inline-block; width: auto; height:94px; position:relative;}

.nav_1 a{ display:block; font-size:16px; text-align: center; color:#fff; height:91px; border-bottom:3px solid rgba(255,255,255,0); line-height:94px; cursor:pointer; padding:0px 25px; margin:0px 8px;}

.nav_1 a:hover{ -webkit-transition: all 0.4s ease-in-out; color:#0090ff; border-bottom:3px solid #0090ff;}

.nav_1 a.nav_1_a{ color:#0090ff;  border-bottom:3px solid #0090ff;}



.nav_warp{ width:458px; height:194px; background-color:#fff; position:absolute; top:94px; left:8px; padding-top:28px; display:none;}

.nav_mune{ float:left; width:125px; height:; background:url(../images/nav_03.jpg) no-repeat right; margin-left:25px;}

.nav_mune a{ display:block; width:100%; height:30px; font-size:14px; color:#000000; line-height:30px; text-align:left; padding:0px; margin:0px; border-bottom:none;}

.nav_mune a:hover{  border-bottom:none;}

.nav_mune a.nav_mune_a{ color:#0090ff;}

.nav_img{ float:right; width:215px; height:140px; margin-right:30px; display:none;}
.nav_img a{ display:block; font-size:16px; text-align: center; color:#fff; height:91px; border-bottom:none; line-height:140px; cursor:pointer; padding:0px; margin:0px;}

.nav_mune1{ float:left; width:125px; height:; background:url(../images/nav_03.jpg) no-repeat right; margin-left:25px;}
.nav_mune1 a{ display:block; width:100%; height:30px; font-size:14px; color:#000000; line-height:30px; text-align:left; padding:0px; margin:0px; border-bottom:none;}
.nav_mune1 a:hover{  border-bottom:none;}
.nav_mune1 a.nav_mune1_a{ color:#0090ff;}
.nav_img1{ float:right; width:215px; height:140px; margin-right:30px; display:none;}
.nav_img1 a{ display:block; font-size:16px; text-align: center; color:#fff; height:91px; border-bottom:none; line-height:140px; cursor:pointer; padding:0px; margin:0px;}
.nav_mune2{ float:left; width:125px; height:; background:url(../images/nav_03.jpg) no-repeat right; margin-left:25px;}
.nav_mune2 a{ display:block; width:100%; height:30px; font-size:14px; color:#000000; line-height:30px; text-align:left; padding:0px; margin:0px; border-bottom:none;}
.nav_mune2 a:hover{  border-bottom:none;}
.nav_mune2 a.nav_mune2_a{ color:#0090ff;}
.nav_img2{ float:right; width:215px; height:140px; margin-right:30px; display:none;}
.nav_img2 a{ display:block; font-size:16px; text-align: center; color:#fff; height:91px; border-bottom:none; line-height:140px; cursor:pointer; padding:0px; margin:0px;}
.nav_mune3{ float:left; width:125px; height:; background:url(../images/nav_03.jpg) no-repeat right; margin-left:25px;}
.nav_mune3 a{ display:block; width:100%; height:30px; font-size:14px; color:#000000; line-height:30px; text-align:left; padding:0px; margin:0px; border-bottom:none;}

.nav_mune3 a:hover{  border-bottom:none;}
.nav_mune3 a.nav_mune3_a{ color:#0090ff;}

.nav_img3{ float:right; width:215px; height:140px; margin-right:30px; display:none;}
.nav_img3 a{ display:block; font-size:16px; text-align: center; color:#fff; height:91px; border-bottom:none; line-height:140px; cursor:pointer; padding:0px; margin:0px;}


.nav_mune4{ float:left; width:125px; height:; background:url(../images/nav_03.jpg) no-repeat right; margin-left:25px;}
.nav_mune4 a{ display:block; width:100%; height:30px; font-size:14px; color:#000000; line-height:30px; text-align:left; padding:0px; margin:0px; border-bottom:none;}
.nav_mune4 a:hover{  border-bottom:none;}
.nav_mune4 a.nav_mune4_a{ color:#0090ff;}


.nav_img4{ float:right; width:215px; height:140px; margin-right:30px; display:none;}
.nav_img4 a{ display:block; font-size:16px; text-align: center; color:#fff; height:91px; border-bottom:none; line-height:140px; cursor:pointer; padding:0px; margin:0px;}



.nav_mune5{ float:left; width:125px; height:; background:url(../images/nav_03.jpg) no-repeat right; margin-left:25px;}
.nav_mune5 a{ display:block; width:100%; height:30px; font-size:14px; color:#000000; line-height:30px; text-align:left; padding:0px; margin:0px; border-bottom:none;}
.nav_mune5 a:hover{  border-bottom:none;}
.nav_mune5 a.nav_mune4_a{ color:#0090ff;}


.nav_img5{ float:right; width:215px; height:140px; margin-right:30px; display:none;}
.nav_img5 a{ display:block; font-size:16px; text-align: center; color:#fff; height:91px; border-bottom:none; line-height:140px; cursor:pointer; padding:0px; margin:0px;}

.nav_mune6{ float:left; width:125px; height:; background:url(../images/nav_03.jpg) no-repeat right; margin-left:25px;}
.nav_mune6 a{ display:block; width:100%; height:30px; font-size:14px; color:#000000; line-height:30px; text-align:left; padding:0px; margin:0px; border-bottom:none;}
.nav_mune6 a:hover{  border-bottom:none;}
.nav_mune6 a.nav_mune4_a{ color:#0090ff;}


.nav_img6{ float:right; width:215px; height:140px; margin-right:30px; display:none;}
.nav_img6 a{ display:block; font-size:16px; text-align: center; color:#fff; height:91px; border-bottom:none; line-height:140px; cursor:pointer; padding:0px; margin:0px;}




.head_search{ position:absolute; right:0; height:94px; top:0px;}
.head_search img{ padding-top:32px; cursor:pointer;}




.head_tel{ position:absolute; right:3%; top:0; background: url(../images/job_07.png) no-repeat left; font-size:27px; color:#0090ff; padding-left:40px; height:94px; line-height:94px; font-family:Arial, Helvetica, sans-serif;}
.head_tel2{ border:none; background:none; color:#fff;}
.head_tel2 option{ color:#333;}

/*


.header { width: 100%; height: 94px; background-color: rgba(0,0,0,0.7); position: fixed; z-index: 999; top: 0; } 
.head_logo { position: absolute; left: 3%; height: 94px; } 
.head_logo a { display: block; cursor: pointer; } 
.head_logo img { padding-top: 22px; } 
.head { width: 1200px; height: 94px; margin: auto; position: relative; } 
.nav { width:800px; padding-left:100px; height: 94px; margin: auto; text-align: center; } 
.nav_1 { display: inline-block; height: 94px; position: relative; } 
.nav_1a { display: block; font-size: 16px; text-align: center; color: #fff; height: 91px; border-bottom: 3px solid rgba(255,255,255,0); line-height: 94px; cursor: pointer;  width:110px; } 
.nav_1a:hover { -webkit-transition: all 0.4s ease-in-out; color: #0090ff; border-bottom: 3px solid #0090ff; } 
.nav_1 a.nav_1_a { color: #0090ff; border-bottom: 3px solid #0090ff; } 
.nav_warp { width: 458px; background-color: #fff; position: absolute; top: 94px; left:0px; padding:20px 10px; display: none; } 
.nav_warp a{ color:#666; display:block; width:30%; text-align:center;  padding:0 1.5%; float:left; font-size:16px; line-height:36px;}
.nav_warp a:hover{ color:#0090ff}
.head_tel { position: absolute; right: 3%; top:30px; color:#fff; line-height:30px; font-size:16px;} 
.head_tel2{ border:none; background:none; color:#fff;}
.head_tel2 option{ color:#333;}*/

.big .swiper-container { width: 100%; height: 100%; overflow: hidden; margin: auto; } 
.big .swiper-slide { overflow: hidden; } 
.big .swiper-slide.swiper-slide-active .big_nei { opacity: 1; transform: translate(0, 0); } 
.big .pagination { position: absolute; bottom: 20px; width: 100%; z-index: 100; text-align: center; } 
.big .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; margin: 0px 4px; cursor: pointer; opacity: 1; background-color: #fff; border-radius: 50%; } 
.big .swiper-pagination-bullet-active { background-color: #0090ff; } 
.bg { width: 100%; height: 900px; } 
.big_tu { width: 1400px; height: 685px; margin: auto; position: relative; } 
.big_nei { width: 1200px; height: 377px; overflow: hidden; margin: auto; opacity: 0; transition: all 0.6s ease-in-out; transition-delay: 0.6s; transform: translate(200px, 0); position: relative; } 
.big_nei1{ width:50%; padding-left:50%;}
.big_0{ background:url(../images/ico2.png) no-repeat left center; background-size:auto 100%; padding-left:5%;}
.big_1 { font-size:48px; color: #fff; width: 100%; line-height:1.4; font-weight: bold; overflow: hidden; } 
.big_2 { font-size: 36px; color: #fff; overflow: hidden;  line-height:1.4;} 
.big_4 { overflow: hidden; font-size: 16px; color: #fff; line-height: 33px; margin:5%;} 
.big_3 { width: 150px; height: 45px; margin-top: 45px; margin-left:5%;} 
.big_3 a { display: block; width: 150px; height: 45px; background: #0090ff; text-align: center; line-height: 45px; cursor: pointer; font-size: 18px; color: #fff; } 
.big_3 a:hover { background: #fff; color: #0090ff; -webkit-transition: all 0.4s ease-in-out; } 
.desk_tu { width: 230px; height: 110px; overflow: hidden; } 
.desk_tu:hover img { -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } 
.desk_tu img { width: 230px; height: 110px; overflow: hidden; -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in; } 
.desk-left { position: absolute; left: -120px; top: 145px; z-index: 10; cursor: pointer; font-size: 35px; color: #ccc; font-family: "宋体"; width: 65px; height: 65px; text-align: center; line-height: 65px; border: 1px solid #e7e7e7; border-radius: 50%; overflow: hidden; } 
.desk-left:hover { color: #fff; border: 1px solid #0090ff; background-color: #0090ff; -webkit-transition: all 0.4s ease-in-out; } 
.desk-right { position: absolute; right: -120px; top: 145px; z-index: 10; cursor: pointer; font-size: 35px; color: #ccc; font-family: "宋体"; width: 65px; height: 65px; text-align: center; line-height: 65px; border: 1px solid #e7e7e7; border-radius: 50%; overflow: hidden; } 
.desk-right:hover { color: #fff; border: 1px solid #0090ff; background-color: #0090ff; -webkit-transition: all 0.4s ease-in-out; } 
.core { width: 1200px; height: 625px; margin: auto; margin-top: 100px; } 
.core_list { width: 1200px; height: 330px; overflow: hidden; margin: auto; position: relative; margin-top: 105px; } 
.core_list ul li { float: left; width: 240px; height: 330px; list-style: none; } 
.core_list ul li a { display: block; width: 240px; height: 330px; } 
.core_list ul li a:hover .core_biao { color: #0090ff; -webkit-transition: all 0.4s ease-in-out; } 
.core_img { width: 100%; height: 135px; text-align: center; } 
.core_img img { max-height: 135px; } 
.core_biao { width: 100%; text-align: center; font-size: 18px; color: #000000; font-weight: bold; height: 70px; line-height: 70px; margin-top: 27px; } 
.core_nei { margin: auto; font-size: 14px; color: #8c8c8c; line-height: 21px; text-align: center; height: 63px; overflow: hidden; width: 205px; margin-top: 5px; } /*漂浮框*/ 
.side { position: fixed; width: 58px; height: 275px; right: 0; top: 38%; z-index: 100; } 
.side ul li { width: 58px; height: 58px; float: left; position: relative; margin-bottom: 2px; list-style: none; } 
.side ul li .sidebox { position: absolute; width: 58px; height: 58px; top: 0; right: 0; transition: all 0.4s; background: rgba(106,106,106,0.5); color: #fff; font: 16px/58px "微软雅黑"; overflow: hidden; } 
.side ul li .sidetop { width: 58px; height: 58px; line-height: 58px; display: inline-block; background: rgba(106,106,106,0.5); transition: all 0.4s; } 
.side ul li .sidetop:hover { background: #0090ff; opacity: 1; filter: Alpha(opacity=100); } 
.side ul li img { float: left; } 

/*面包屑*/ 
.btn-nav { position: absolute; top: 18px; right: 0px; background: transparent; padding-right: 10px; border: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer; z-index: 99999; } 
.btn-nav:focus { outline: 0; } 
.icon-bar { display: block; margin: 5px 0; width: 26px; height: 3px; background-color: #0090ff; } 
.btn-nav:hover .icon-bar { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #0090ff; } 
.nav-item { margin: 40px auto; text-align: center; } 
.animated { display: block; margin: 0 auto; } 
.animated:hover .icon-bar, .animated:focus .icon-bar { background-color: #0090ff; } 
.animated:focus { cursor: pointer; z-index: 9999; } 
.middle { margin: 0 auto; } 
.icon-bar { -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999; } 
.animated .icon-bar { z-index: 999999; background-color: #0090ff; } 
.animated .topt { -webkit-transform: translateY(10px) rotateZ(45deg); -moz-transform: translateY(10px) rotateZ(45deg); -ms-transform: translateY(10px) rotateZ(45deg); -o-transform: translateY(10px) rotateZ(45deg); transform: translateY(10px) rotateZ(45deg) } 
.animated .bottom { -webkit-transform: translateY(-6px) rotateZ(-45deg); -moz-transform: translateY(-6px) rotateZ(-45deg); -ms-transform: translateY(-6px) rotateZ(-45deg); -o-transform: translateY(-6px) rotateZ(-45deg); transform: translateY(-6px) rotateZ(-45deg); } 
.animated .middle { width: 0; } 
.cai { display: none; } 
.showy_warp { display: none; } 

@media screen and (max-width:1199px)and (min-width:300px) { 
.header { width: 100%; height: 60px; background-color: rgba(0,0,0,0.7); position: fixed; z-index: 999; top: 0; display: none; } 
.head_logo { position: absolute; left: 3%; height: 60px; z-index: 9999; } 
.head_logo a { display: block; cursor: pointer; } 
.head_logo img { padding-top: 10px; height:46px } 
.cai { display: block; width: 100%; height: 60px; position: fixed; top: 0px; z-index: 999; background-color: #fff; } 
.cai_list { width: 100%; height: 100vh; background-color: #fff; display: none; } 
.cai_search { position: fixed; top: 0; height: 60px; z-index: 9999; right: 55px; width: 40px; background: url(../images/xian.jpg) no-repeat right; } 
.cai_search a { display: inline-block; height: 60px; width: 20px; } 
.cai_search img { padding-top: 23px; } 
.zhez { width: 100%; height: 100vh; position: fixed; background-color: #fff; top: 0px; z-index: 999; display: none; } 
.mnav { width: 100%; height: auto; margin: auto; background: #FFF; position: relative; margin: auto; z-index: 1000; border-radius: 10px; left: 0px; display: none; top: 63px; } 
.mnav li { line-height: 39px; border-bottom: 1px #f2f1f1 solid; padding: 0px 3%; width: 94%; font-size: 14px; background: url(../images/jl.png) no-repeat; background-position: 96% 17px; list-style: none; } 
.mnav li.mnav_li { background: none; } 
.mnav li.mnav_li1 { border-top: 10px solid #f6f7fe; } 
.mnav li a { width: 100%; display: block; color: #000; } 
.mnav .mnavhor { line-height: 39px; border-bottom: 1px #f2f1f1 solid; padding: 0px 3%; width: 94%; font-size: 14px; background: url(../images/jl2.jpg) no-repeat; background-position: 96% 17px; } 
.mnav .mnavhor a { width: 100%; display: block; color: #0090ff; } 
.mnav .mnavhor dl { display: block; } 
.mnav li dl { z-index: 1000; top: 75px; left: -52px; overflow: hidden; border-top: 1px #f2f1f1 solid; width: auto; display: none; } 
.mnav li dl dd { height: 34px; line-height: 34px; text-align: left; padding-left: 20px; border-bottom: 1px #f2f1f1 dashed; width: auto; } 
.mnav li dl dd.mnav_1 { height: 34px; line-height: 34px; text-align: left; padding-left: 20px; border-bottom: none; width: auto; } 
.mnav .mnavhor dl dd a { color: #000; } 
.mnav .mnavhor dl dd a:hover { color: #0090ff; } 
.mnav .mnavhor dl .mnavdd a { color: #0090ff } 

/*banner*/ .big { width: 100%; height: 900px; position: relative; overflow: hidden; } 
.big .pagination { position: absolute; bottom: 15px; width: 100%; z-index: 100; text-align: center; } 
.bg { width: 100%; height: 900px; } 
.big_tu { width: 1400px; height: 685px; margin: auto; position: relative; } 
.big_nei { width: 94%; height: 260px; overflow: hidden; margin: auto; opacity: 0; transition: all 0.6s ease-in-out; transition-delay: 0.6s; transform: translate(200px, 0); position: relative; } 
.big_nei1{ width:94%; padding-left:3%;}
.big_1 { font-size: 24px; color: #fff; height: auto; font-weight: bold; overflow: hidden; } 
.big_2 { font-size: 18px; color: #fff; overflow: hidden;} 
.big_4 {  height: auto; overflow: hidden; font-size: 14px; color: #fff; line-height: 24px; margin-top:5%; } 
.big_3 { width: 130px; height: 35px; margin-top: 30px; } 
.big_3 a { display: block; width: 130px; height: 35px; background: #0090ff; text-align: center; line-height: 35px; cursor: pointer; font-size: 16px; color: #fff; } 
/*漂浮框*/ .side { position: fixed; width: 58px; height: 275px; right: 0; top: 38%; z-index: 100; display: none; } 
.ping_warp { width: 100%; height: auto; overflow: hidden; background-color: #f7f7f7; } 
.showy_warp { width: 100%; height: 45px; display: block; } 
.showy { width: 100%; height: 45px; position: fixed; bottom: 0; z-index: 999; background-color: #0090ff; text-align: center; } 
.showy a { float: left; display: block; width: 49.5%; border-right: 1px solid rgba(255,255,255,0.3); height: 45px; cursor: pointer; line-height: 45px; } 
.showy a.showy_a { border-right: none; } 
.showy_1 { font-size: 14px; color: #fff; background: url(../images/phone.png) no-repeat left; background-size: auto 100%; padding-left: 25px; display: inline; } 
.showy_2 { font-size: 14px; color: #fff; background: url(../images/case.png) no-repeat left; background-size: auto 100%; padding-left: 25px; display: inline; } 
.showy_3 { font-size: 14px; color: #fff; background: url(../images/email.png) no-repeat left; background-size: auto 100%; padding-left: 25px; display: inline; } 
}
.main,.ftit,.link,.foot { width:100%; max-width:1200px;margin:0px auto;overflow:hidden;clear:both; }
.main2{width:100%; max-width:1200px;margin:0px auto;clear:both; }
.pp1{ padding:1% 0;}
.pp2{ padding:2% 0;}
.pp3{ padding:3% 0;}
.pp4{ padding:4% 0;}
.pp5{ padding:5% 0;}
.img1{ display:block; position:relative; width:100%; padding-bottom:78%;}
.img2{ display:block; position:relative; width:100%; padding-bottom:62%;}
.img3{ display:block; position:relative; width:100%; padding-bottom:73%;}
.img4{ display:block; position:relative; width:100%; padding-bottom:80%;}
.img5{ display:block; position:relative; width:100%; padding-bottom:47.5%;}
.img6{ display:block; position:relative; width:100%; padding-bottom:100%;}
.img7{ display:block; position:relative; width:100%; padding-bottom:108%;}
.img8{ display:block; position:relative; width:100%; padding-bottom:50%;}
.img1 img,.img2 img,.img3 img,.img4 img,.img5 img,.img6 img,.img7 img,.img8 img{ position:absolute; top:0; left:0; width:100%; height:100%;}

.bg1{ background:url(../images/bg1.jpg) no-repeat center;}
.tit1{ text-align:center; line-height:1.4;}
.tit1_p2{ width:60px; margin:0 auto; height:2px; background:#333;}
.nr1_p2{ line-height:2;}
.nr2{ overflow:hidden; clear:both;}
.nr2 li{ float:left;}
.nr2_p1{ border:1px solid #f5f5f5;}
.nr2_p1 .img1,.nr3_p1 .img2,.nr1_p3 .img3{ overflow:hidden;}
.nr2_p1 img,.nr3_p1 img,.nr1_p3 img{ cursor: pointer; transition: all 0.8s;}
.nr2 li:hover .img1 img,.nr3_p1 li:hover .img2 img,.nr1_p3 .img3:hover img{ transform: scale(1.1); transition: all 0.8s;}
.nr2_p2{ background:#f5f5f5; display:block; text-align:center; padding:8px 5px 5px; line-height:24px;}
.nr2_p221{ height:24px; overflow:hidden;}
.nr2_p222{ height:24px; overflow:hidden; color:#888;}

.nr2 li:hover .nr2_p2{ background:#0090ff; color:#FFF;}
.nr2 li:hover .nr2_p222,.nr2 li:hover .nr2_p221{ color:#FFF;}
.nr2 li:hover .nr2_p1{ box-shadow:0 0 5px rgba(0, 0, 0, 0.3);}

.more1{ display:block; width:20%; max-width:140px; border:1px solid #eee; text-align:center; line-height:24px; padding:1% 0; margin:0 auto; transition: all 0.8s;}
.more1 :hover{ background:#0090ff; color:#FFF; transition: all 0.8s;}
.bg2{ background:url(../images/bg2.jpg) no-repeat center; color:#fff;}
.nr2_p3{ overflow:hidden; clear:both;}
.nr2_p3 li{ float:left; text-align:center; vertical-align:top; padding:2% 0;}
.counter-value{ font-weight:bold;}
.nr2_p31{ vertical-align:top; vertical-align:text-top;}
.nr3_p1{ overflow:hidden; clear:both;}
.nr3_p1 li{ float:left;}
.nr3_p2{ display:block; line-height:24px; height:24px; overflow:hidden; text-align:center;}
.nr3_p1 li:hover .nr3_p2{ background:#eee;}

.nr1_p31{ position:absolute; bottom:0; left:0; width:94%; padding:3%; background:rgba(0,0,0,0.7); color:#999794;}
.nr1_p32{ float:left; width:80px; text-align:center;}
.nr1_p32 span{ display:block; color:#0090ff; font-weight:bold;}
.nr1_p33{ width:calc(94% - 100px); float:left;}
.nr1_p33 .tt3{ border-bottom:1px solid #999; color:#fff; line-height:40px;height:40px; overflow:hidden;}
.nr1_p33 .f14{ height:48px; overflow:hidden; padding-top:8px;}
.nr1_p4 li{ border:1px solid #eee; margin-bottom:3%; margin-right:3px; padding:6px 12px; overflow:hidden; clear:both;}
.nr1_p41{ display:block; float:left; width:calc(100% - 100px); line-height:30px; height:30px; overflow:hidden;}
.nr1_p42{float:right; width:80px; line-height:30px; height:30px; overflow:hidden; color:#aaa;}
.nr1_p43{ overflow:hidden; clear:both; padding-top:4px; height:40px; line-height:20px; overflow:hidden; color:#999;}
.nr1_p4 li:hover{ background:#f6f6f6; box-shadow:0 0 5px rgba(0, 0, 0, 0.3);}
.nr1_p4 li:hover .nr1_p41{ color:#0090ff; text-decoration:underline;}


.fbg1{ background:#0067b7; color:#fff;}
.foot{ padding:2% 0; text-align:center;}



.ftit_p1{ float:left; width:56%;}
.ftit_p1 a{ display:block; float:left; color:#fff; line-height:1.6; /*margin: 0 2%;*/}


.nr3_p3{ float:right; width:100%;line-height:30px;}
.nr3_p3 li{ float:left; width:20%; text-align:center}
.nr3_p3 a{ display:block; color:#fff; line-height:30px;width:100%; }
.nr3_tt{ margin-bottom:10px;}


.ftit_p2{ line-height:2.4;}
.ftit_p21{ float:left; width:70%;}
.ftit_p22{ float:right; width:28%; max-width:130px; text-align:center;}

.paginate {padding-right: 2px; padding-left: 2px; padding-bottom: 2px; margin: 7px; padding-top: 2px; font-family: geneva, verdana, sans-serif;color: #fff;}
.paginate a {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #0067b7; text-decoration: none}
.paginate a:hover {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #0067b7}
.paginate a:active {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #0067b7}
.paginate span.current {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #0787ea}
.paginate span.disabled {padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #0067b7; text-decoration: none}



@media (max-width:768px){
.bg1,.bg2{ background-size:auto 100%;}
.nr1{ padding:1%;}
.nr2 li{ width:calc((100% - 24px)/2); padding:6px;}
.nr2_p3 li{ width:50%;}
.nr3_p1 li{ width:calc((100% - 24px)/2); padding:6px;}
.nr3_p2{ padding-top:5px;}
.ftit_p2{ padding:2%;}.n_div{ width:100%; height:380px; position:relative;}

	.n_div{ width:100%; height:240px; position:relative;}
	.n_div_1{ width:96%; margin:auto; font-size:14px; color:#fff; height: auto; padding-top:130px; text-align:center;}
	.n_div_2{ width:96%; margin:auto; font-size:12px; color:#fff; height:35px; line-height:35px; text-align:center;}

	.xiang{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:25px;}
	.xiang_tit{ background:none; padding-left:0px; width:100%; height: auto; overflow:hidden; padding-bottom:20px; border-bottom:1px solid #eeeeee;}
	.xiang_left{ float:none; width:100%; height:63px;}
	.xiang_1{ width:100%; overflow:hidden; font-size:16px; color:#383838; height:29px; line-height:29px;}
	.xiang_2{ width:100%; font-size:14px; color:#848484; font-family:Arial, Helvetica, sans-serif; height:19px; margin-top:7px;}
	.xiang_2 span{ margin-left:30px;}
	.xiang_next{ float:none; height:30px; margin-top:10px;}
	.xiang_next a{ float:left; display:block; width:70px; height:28px; line-height:28px; font-size:12px; color:#4c4c4c; cursor:pointer; border:1px solid #dcdcdc; text-align:center; margin-left:0px; margin-right:10px;}
	
	.xiang_con{ width:100%; height:auto; overflow:hidden; font-size:14px; color:#414141; line-height:24px; margin-top:20px; padding-bottom:30px; border-bottom:1px solid #eeeeee;}
	.xiang_con img{ max-width:100%; height:auto;}
	
	.news_warp{ width:100%; height:auto; overflow:hidden; padding-top:25px; margin:auto;}
	.news{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:10px;}
	.news ul li{ width:100%; height: auto; overflow:hidden; list-style:none; margin-bottom:15px;}
	.news ul li a{ display:block; width:100%; height: auto; position:relative; background-color:#f5f6fa;}
	
	.news_img{ float:none; width:366px; height:238px; position:relative; overflow:hidden;}
	.news_img img{ width:366px; height:238px;}
	.news_mid{ float:none; width:100%; height: auto; overflow:hidden; margin-left:0px; position:relative; padding-bottom:10px;}
	.news_1{ width:96%; margin:auto; font-size:16px; color:#363636; height:30px; line-height:30px; overflow:hidden; padding-top:15px;}
	.news_2{ width:96%; margin:auto; font-size:14px; color:#363636; line-height:25px; height:50px; overflow:hidden; margin-top:5px;}
	.news_3{ width:96%; bottom:0px; height:30px; position: relative; margin:auto; margin-top:5px;}
	
	.case{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
	.case ul li{ float:left; width:50%; height: auto; overflow:hidden; list-style:none; margin-bottom:10px; margin-right:0px;}
	.case ul li a{ display:block; width:100%; height: auto; overflow:hidden; position:relative;}
	.case_img{ width:380px; height:250px; overflow:hidden; margin:auto;}
	.case_img img{ width:380px; height:250px;}
	.case_tit{ width:380px; height:40px;font-size:14px; color:#323232; text-align:center; background-color:#f2f2f2; line-height:40px; margin:auto;}
	
	.page1{ width:100%; height:auto; overflow:hidden; border-top:1px solid #f0f0f0; padding-top:20px;}
	
	.mune{ display:none;}

	.mune1{ width:100%; height:50px; border-bottom:1px solid #ececec;position:relative; display:block; overflow:hidden;}
	.mune1 .swiper-container { width: 100%;height:100%;}
    .mune1 .swiper-slide { text-align: center; font-size: 14px; color: #666666; height:50px; line-height:50px; width:auto; border-bottom:1px solid #ececec; margin:0px 5px;}
	.mune1 .swiper-slide.swiper-slide-active a{}
	.mune1 .swiper-slide a{ display:block; float:left; padding:0px 8px;  height:38px; border-bottom:1px solid #ececec; cursor:pointer; font-size:14px; color:#666666; padding-bottom:12px;}

	.mune1 .swiper-slide a.jiao{  color:#0090ff; border-bottom:1px solid #0090ff;}
.recruit_tit{ width:100%; text-align: center; font-size:18px; color:#000000; height: auto;}


	.love{ width:96%; height: auto; overflow:hidden; margin:auto; margin-top:25px;}
	.love_left{ float:none; width:100%; height: auto; overflow:hidden;}
	
	.love_right{ float:none; width:100%; height: auto; overflow:hidden; margin-top:15px; padding-bottom:40px;}
	.love_1{ width:100%; font-size:18px; color:#373737; line-height:24px; padding-top:15px;}
	.love_1 span{ font-size:14px;}
	.love_2{ width:100%; height:155px; overflow:hidden; font-size:14px; color:#777777; line-height:24px; margin-top:15px;}
	.love_3{ width:100%; height:auto; overflow:hidden;}
	.love_3 a{ display:block; font-size:14px; color:#fff; border-radius:30px; width:95px; height:30px; text-align:center; line-height:30px; background-color:#0090ff; cursor:pointer;}


	.gallery-top { height:200px; width: 100%; }
	.gallery-top .swiper-slide{ overflow:hidden; height: auto; text-align:center;}
	.gallery-top .swiper-slide img{ height:160px; width:auto;}
	
	.gallery-thumbs { height:87px; width:100%; margin:auto; box-sizing: border-box;}
	.gallery-thumbs .swiper-slide { width:110px; height:87px; position:relative;}
	
	.gallery_bei{ width:106px; height:83px; border:2px solid #0090ff; position:absolute; bottom:0; opacity:0;}
	
	
	.love-left { position:absolute; left:0px; top:80px; z-index:10; cursor:pointer; font-size:22px; color:#ccc; font-family:"宋体"; width:30px; height:30px; text-align: center; line-height:30px; border:1px solid #e0e0e0; border-radius:50%; overflow:hidden;}
	.love-right {position: absolute; right:0px; top:80px; z-index:10; cursor:pointer; font-size:22px; color:#ccc; font-family:"宋体"; width:30px; height:30px; text-align: center; line-height:30px; border:1px solid #e0e0e0; border-radius:50%; overflow:hidden;}
	
		.dang{ width:96%; margin:auto; font-size:14px; color:#848484; height:45px; line-height:45px; padding-top:5px;}
	.qing{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:25px;}
}
@media (min-width:769px) {
.bg1,.bg2{ background-size:100% auto;}
.nr1_p1{ float:left; width:456px; padding-right:3%;}
.nr1_p3{ float:left; width:48%; max-width:560px;}
.nr1_p4{ float:right; width:51%; max-width:620px;}
.nr2 li{ width:calc((100% - 60px)/5); padding:6px;}
.nr2_p3 li{ width:25%;}
.nr3_p1 li{ width:calc((100% - 48px)/4); padding:6px;}
.nr3_p2{ padding:10px 0;}
.ftit_p2{ float:right; width:42%; padding-left:1%; border-left:1px solid #3888c7;}

.n_div{ width:100%; height:580px; position:relative;}
.n_div_1{ width:1200px; margin:auto; font-size:40px; color:#fff; height:52px; padding-top:255px;}
.n_div_2{ width:1200px; margin:auto; font-size:24px; color:#fff; height:52px; line-height:52px;}

.xiang{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:64px;}
.xiang_tit{ background: url(../images/xiang_03.jpg) no-repeat left top; padding-left:15px; width:1185px; height:94px; border-bottom:1px solid #eeeeee;}
.xiang_left{ float:left; width:825px; height:63px;}
.xiang_1{ width:100%; overflow:hidden; font-size:22px; color:#383838; height:29px;}
.xiang_2{ width:100%; font-size:14px; color:#848484; font-family:Arial, Helvetica, sans-serif; height:19px; margin-top:13px;}
.xiang_2 span{ color:#0090ff; font-family:"微软雅黑"; margin-left:45px;}
.xiang_next{ float:right; height:30px; margin-top:30px;}
.xiang_next a{ float:left; display:block; width:90px; height:28px; line-height:28px; font-size:14px; color:#4c4c4c; cursor:pointer; border:1px solid #dcdcdc; text-align:center; margin-left:10px;}
.xiang_next a:hover{ color:#fff; background-color:#0090ff; border:1px solid #0090ff; -webkit-transition: all 0.4s ease-in-out;}
.xiang_con{ width:1200px; height:auto; overflow:hidden; font-size:16px; color:#414141; line-height:29px; margin-top:25px; padding-bottom:80px; border-bottom:1px solid #eeeeee;}

.news_warp{ width:1200px; height:auto; overflow:hidden; padding-top:95px; margin:auto;}
.news{ width:1200px; height:auto; overflow:hidden; margin-top:47px;}
.news ul li{ width:1200px; height:238px; list-style:none; margin-bottom:38px;}
.news ul li a{ display:block; width:1200px; height:238px; position:relative; background-color:#f5f6fa;}
.news ul li a:hover .news_1{ color:#0090ff; -webkit-transition: all 0.4s ease-in-out;}
.news ul li a:hover .news_img img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.news_img{ float:left; width:366px; height:238px; position:relative; overflow:hidden;}
.news_img img{ width:366px; height:238px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.news_ri{ font-size:14px; color:#fff; font-family: Arial, Helvetica, sans-serif; width:52px; height:52px; background-color:#0090ff; border-radius:50%; position:absolute; right:25px; top:25px; text-align:center; line-height:52px;}


.news_mid{ float:right; width:790px; height:238px; margin-left:30px; position:relative;}
.news_1{ width:750px; font-size:18px; color:#363636; height:45px; line-height:45px; overflow:hidden; padding-top:17px; font-weight:bold;}
.news_2{ width:750px; font-size:14px; color:#363636; line-height:25px; height:50px; overflow:hidden; margin-top:17px;}
.news_3{ width:750px; position:absolute; bottom:22px; height:30px; position:absolute;}
.news_3 span{ display:inline-block; font-size:14px; color:#8c8c8c; font-family:Arial, Helvetica, sans-serif; background:url(../images/news_07.png) no-repeat left; padding-left:20px; margin-right:30px; height:30px; line-height:30px;}
.news_3 span.news_3_span{ background:url(../images/news_10.png) no-repeat left;}

.case{ width:1200px; height:auto; overflow:hidden; margin-top:45px;}
.case ul li{ float:left; width:360px; height:320px; list-style:none; margin-bottom:85px; margin-right:30px;}
.case ul li.case_li{ margin-right:0px;}
.case ul li a{ display:block; width:360px; height:320px; position:relative;}
.case ul li a:hover .case_tit{ color:#fff; background-color:#0090ff; -webkit-transition: all 0.4s ease-in-out;}
.case ul li a:hover .case_img img{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.case_img{ width:380px; height:250px; overflow:hidden;}
.case_img img{ width:380px; height:250px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
.case_tit{ width:380px; height:70px;font-size:18px; color:#323232; text-align:center; background-color:#f2f2f2; line-height:70px;}
.page1{ width:100%; height:auto; overflow:hidden; border-top:1px solid #f0f0f0; padding-top:40px; text-align:center}

.mune{ width:100%; height:63px; background-color:rgba(0,0,0,0.5); position: relative; z-index:9; margin-top:-63px; text-align:center;}

.mune a{ display:inline-block; font-size:16px; color:#fff; height:63px; line-height:63px; cursor:pointer; padding:0px 45px;}

.mune a:hover{ background-color:#0090ff;-webkit-transition: all 0.4s ease-in-out;}

.mune a.mune_a{ background-color:#0090ff;}
.mune1{ display:none;}

.recruit_tit{ width:1200px; text-align: center; font-size:30px; color:#000000; height:40px;}

.love{ width:1200px; height:390px; overflow:hidden; margin:auto; margin-top:75px;}

.love_left{ float:left; width:620px; height:390px;}



.love_right{ float:right; width:510px; height:390px; overflow:hidden;}

.love_1{ width:100%; font-size:30px; color:#373737; line-height:30px; padding-top:15px;}

.love_1 span{ font-size:22px;}

.love_2{ width:100%; height:185px; overflow:hidden; font-size:16px; color:#777777; line-height:30px; margin-top:35px;}

.love_3{ width:100%; height:auto; overflow:hidden;}

.love_3 a{ display:block; font-size:16px; color:#fff; border-radius:30px; width:115px; height:38px; text-align:center; line-height:38px; background-color:#0090ff; cursor:pointer;}



.gallery-top { height:280px; width: 100%; }

.gallery-top .swiper-slide{ overflow:hidden; height: auto; text-align:center;}

.gallery-top .swiper-slide:hover .core_biao{ color:#0090ff; -webkit-transition: all 0.4s ease-in-out;}



.gallery-thumbs { height:87px; width:480px; margin:auto; box-sizing: border-box;}

.gallery-thumbs .swiper-slide { width:110px; height:87px; position:relative;}

.gallery-thumbs .swiper-slide-thumb-active .gallery_bei{opacity: 1;}

.gallery_bei{ width:106px; height:83px; border:2px solid #0090ff; position:absolute; bottom:0; opacity:0;}



.love-left { position:absolute; left:20px; top:130px; z-index:10; cursor:pointer; font-size:35px; color:#ccc; font-family:"宋体"; width:58px; height:58px; text-align: center; line-height:58px; border:1px solid #e0e0e0; border-radius:50%; overflow:hidden;}

.love-left:hover{ color:#fff; border:1px solid #0090ff; background-color:#0090ff;-webkit-transition: all 0.4s ease-in-out;}

.love-right {position: absolute; right:20px; top:130px; z-index:10; cursor:pointer; font-size:35px; color:#ccc; font-family:"宋体"; width:58px; height:58px; text-align: center; line-height:58px; border:1px solid #e0e0e0; border-radius:50%; overflow:hidden;}

.love-right:hover{ color:#fff; border:1px solid #0090ff; background-color:#0090ff; -webkit-transition: all 0.4s ease-in-out;}


.dang{ width:1200px; margin:auto; font-size:14px; color:#848484; height:65px; line-height:65px;}

.dang span{ font-family:"宋体"; padding:0px 3px;}

.dang a{ color:#848484; cursor:pointer;}

}
@media screen and (min-width:320px){
.tt1{font-size:12px;}
.tt2{font-size:12px;}
.tt3{font-size:14px;}
.tt4{font-size:16px;}
.tt5{font-size:16px;}
.tt6{font-size:18px;}
.tt7{font-size:18px;}
.tt8{font-size:22px;}
.tt9{font-size:22px;}
.tt9{font-size:24px;}
.tt10{font-size:28px;}
}
@media screen and (min-width: 414px){
.tt1{font-size:12px;}
.tt2{font-size:12px;}
.tt3{font-size:14px;}
.tt4{font-size:16px;}
.tt5{font-size:16px;}
.tt6{font-size:18px;}
.tt7{font-size:18px;}
.tt8{font-size:22px;}
.tt9{font-size:24px;}
.tt10{font-size:28px;}

}
@media screen and (min-width: 480px){
.tt1{font-size:12px;}
.tt2{font-size:12px;}
.tt3{font-size:14px;}
.tt4{font-size:18px;}
.tt5{font-size:18px;}
.tt6{font-size:18px;}
.tt7{font-size:18px;}
.tt8{font-size:24px;}
.tt9{font-size:28px;}
.tt10{font-size:32px;}

}
@media screen and (min-width: 640px) {
.tt1{font-size:12px;}
.tt2{font-size:14px;}
.tt3{font-size:16px;}
.tt4{font-size:18px;}
.tt5{font-size:18px;}
.tt6{font-size:18px;}
.tt7{font-size:18px;}
.tt8{font-size:24px;}
.tt9{font-size:24px;}
.tt9{font-size:28px;}
.tt10{font-size:32px;}

}
@media (max-width:768px){
.pc{ display:none;}
.app{ display:block;}
.f14{ font-size:12px;}
.f16{ font-size:14px;}
.f18{ font-size:15px;}

.mhj{ height:10px;}
.mhj2{overflow:hidden; clear:both; height:10px;}
  }
@media (min-width:769px) {
.tt1{font-size:14px;}
.tt2{font-size:16px;}
.tt3{font-size:18px;}
.tt4{font-size:20px;}
.tt5{font-size:22px;}
.tt6{font-size:24px;}
.tt7{font-size:26px;}
.tt8{font-size:28px;}
.tt9{font-size:28px;}
.tt10{font-size:32px;}

.mhj{ height:20px;}
.fl{ float:left;}
.fr{ float:right;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}

.pc{ display:block;}
.app{ display:none;}
.mhj2{overflow:hidden; clear:both; height:20px;}
}
@media (min-width:1024px) {
.tt1{font-size:14px;}
.tt2{font-size:16px;}
.tt3{font-size:18px;}
.tt4{font-size:20px;}
.tt5{font-size:22px;}
.tt6{font-size:24px;}
.tt7{font-size:26px;}
.tt8{font-size:30px;}
.tt9{font-size:36px;}
.tt10{font-size:48px;}

.pc{ display:block;}
.app{ display:none;}

}
@media (min-width:1180px) {
.tt1{font-size:14px;}
.tt2{font-size:16px;}
.tt3{font-size:18px;}
.tt4{font-size:20px;}
.tt5{font-size:22px;}
.tt6{font-size:24px;}
.tt7{font-size:26px;}
.tt8{font-size:30px;}
.tt9{font-size:36px;}
.tt10{font-size:48px;}
.pc{ display:block;}
.app{ display:none;}
}
@media (min-width:1360px) {	}