f@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'SourceHanSerifCN';
    src: url('../fonts/SourceHanSerifCN-Heavy-4.otf');
    font-weight: normal;
    font-style: normal;
}

html, body { height:100%;}
body { font-size:14px; font-family:"microsoft yahei"; color:#666; background: #fff; -webkit-tap-highlight-color:transparent; }
input, select, textarea, button{ font-size:14px; vertical-align: middle; outline:none; font-family:"microsoft yahei"; border:0;}
h1, h2, h3, h4, h5, h6, em, i{font-weight:normal; font-style:normal;}
img { border: 0; vertical-align:middle;}
ul, li, ol, dl, dt {list-style: none;}
a { text-decoration: none; outline: none; -webkit-tap-highlight-color:transparent; color:#666; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover{ color:#02346c;}
* { padding: 0px; margin: 0px;}
.fl { float: left; }
.fr { float: right; }
table {  border-collapse: collapse; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { zoom: 1 }
.w{ width:1280px; height:auto; margin: 0 auto;}
.orange{ color:#ff6600;}
.blue{ color:#0082db;}
.green{ color:#00a5b8;}

/*阻止旋转屏幕时自动调整字体大小*/
textarea { resize: none; -webkit-appearance: listbox; -moz-appearance: listbox; }
/*取消按钮在iphone上的默认样式*/
input[type=button], input[type=number] { -webkit-appearance: none; outline: none; }
/*移除上下小箭头  chrome*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0;}
input[type=number], input[type=date], input[type=datetime], input[type=datetime-local] { -moz-appearance: textfield; -webkit-appearance: none !important; margin: 0; }
/*移除上下小箭头 Firefox*/
input::-webkit-input-speech-button { display: none; }


/***head***/
.head{ width:100%; height:auto; display:block; margin:0 auto;}
.head-top{width:100%; height:120px; margin:0 auto; background-color:#fff;}
.head-top .logo{width:40%; height:59px; margin:29px auto; float:left; text-align:center;}
.head-top .logo img{width:auto; height:59px;}
.head-top .right{width:auto; max-width:60%; height:120px; margin:0 auto; float:right; text-align:right;}
.head-top .right .box{width:auto; height:auto; margin:42px 10px 0 10px; display:inline-block;}
.head-top .right .box .tb{width:auto; height:auto; margin:0 10px 0 0; float:left;}
.head-top .right .box .title{width:auto; height:auto; margin:0 auto; float:left; font-size:15px; color:#333; line-height:1.5; font-family:microsoft yahei;}
.head-top .right .box .search{width:175px; height:35px; margin:0 auto; background-color:#efefef; border-radius:17px;}
.head-top .right .box .search .inpt{width:130px; height:35px; margin:0 auto; float:left; padding:0 0 0 10px; font-size:14px; color:#333; line-height:1.5; font-family:microsoft yahei; text-align:left; border:0; background: none;}
.head-top .right .box .search .btn{width:35px; height:35px; margin:0 auto; float:right; cursor:pointer; text-align:center; border:0; background:url(../img/images/t1.png) no-repeat center;}

.head-nav{width:100%; height:70px; margin:0 auto; float:left; background-color:#02346c;}
.head-nav li{ float:left; width:12%; height:70px; display:block; text-align:center; position:relative;}
.head-nav li a.far{ font-size:16px; color:#fff; line-height:70px; display:block; position:relative; z-index:10; transition:all 0.4s;}
.head-nav li.on a.far, .head-nav li a.far:hover{color:#02346c; transition:all 0.4s;}
.head-nav li.select a.far{ color:#02346c;}
.head-nav li .nav_s{ width:100%; height:0; overflow:hidden; position:absolute; visibility:hidden; bottom:0; left:0; z-index:1; background:#fff; transition:all 0.3s;}
.head-nav li:hover .nav_s{ width:100%; height:70px; overflow:hidden; position:absolute; visibility:visible; bottom:0; left:0;z-index:1; background:#fff; transition:all 0.3s; }
.head-nav li.on .nav_s{ width:100%; height:70px; overflow:hidden; position:absolute; visibility:visible; bottom:0; left:0;z-index:1; background:#fff; transition:all 0.3s;}

.head-nav li .nav_c{ width:100%; height:auto; overflow:hidden; visibility:hidden; position:absolute; top:70px; left:0; z-index:99; background-color:#fff; border-radius:0; opacity:0; transition:all 0.3s;}
.head-nav li:hover .nav_c{ width:100%; height:auto; overflow:hidden;  visibility:visible; position:absolute; top:70px; left:0; z-index:99; background-color:#fff; opacity:1; transition:all 0.3s;}
.head-nav li .nav_c .small{ width:auto; height:50px; overflow:hidden; margin:0 auto; line-height:50px; color:#333; font-size:16px; text-align:center;}
.head-nav li .nav_c .small:hover{ width:auto; height:50px; overflow:hidden; margin:0 auto; line-height:50px; color:#fff; background-color:#02346c; font-size:16px; text-align:center;}

/* banner */
.banner{position: relative; width:1280px;height:auto;z-index: 11;overflow: hidden;opacity: 1;transition-delay: 0.3s;-webkit-transition-delay: 0.3s;}
/*轮播图设置*/
.banner_img img{width:100%}
.slick-next{right: 25px!important;background: url("../img/c_r.png") no-repeat center !important;}
.slick-prev{left: 25px!important;z-index: 2;background: url("../img/c_l.png") no-repeat center!important;}
.slick-next:before {content: ''!important;}
.slick-prev:before {content: ''!important;  }
#banner{margin-bottom: 0;}
#banner .slick-dots{bottom:20px;}
#banner .slick-dots li{width: 14px;height:14px;}
#banner .slick-dots li button{width: 14px;height:14px; padding:0;background: #fff; border-radius:50%;}
.slick-dots li button:before{content: ''!important;}
#banner .slick-dots .slick-active button{ width:14px; height:14px;background: #02346c; border-radius:50%;}



.pSub{ width:100%; line-height:55px; text-align:left; border-top:1px #333 solid; border-bottom:1px #333 solid;}
.pSub a{ color:#333; font-size:16px; line-height:55px; padding:0 20px; position:relative; float:left;}
.pSub a:hover{ color:#a13232;}
.pSub a.active{ color:#a13232;}

.carousel { background:rgb(0, 0, 0); margin-top:1px; height:351px; overflow: hidden; min-width:1360px;}
.carousel .wrap { position:relative; width:65%; margin:auto; }

.slide-caption {  width:50%; height:351px; float: left; position:relative; z-index:10;}
.slide-caption .cap-image{ width:100%; height:100%; background-size:cover; background-position:center;}

.carousel-controls { left: 50%; width: 98px; height: 32px; bottom: 43px; overflow: hidden; margin-left: -449px; position: absolute; z-index: 100; }
.carousel-controls a { background-image: url(../img/controls-carousel.png); width:32px; height:30px; float:left; font-size:0; text-indent:-9999px; }
.carousel-controls a.next { background-position:-66px -32px;  }
.carousel-controls a.previous { background-position: 0px -32px; }
.carousel-controls a.pause { background-position: -33px 0;  }
.carousel-controls a.play { background-position: -33px -32px; left: auto; bottom: auto; position: relative; }

.carousel .prev-image { width:100%; height:351px; left:-200%; top: 0px; position: absolute; opacity: 0.2; }
.carousel .next-image { width:100%; height:351px; top: 0px; right:-100%; position: absolute; opacity: 0.2; }
.carousel .next-image > div, .carousel .prev-image > div{ width:100%; height:100%; background-size:cover; background-position:center;}

.carousel-image { width:50%; height:351px; right: 0px; position: absolute; }
.carousel-image .main-image{ width:100%; height:100%; background-size:cover; background-position:center;}
.carousel-item { position: relative; }
.carousel-item-secondary { display: none; }


/*news*/
.n_bg{ width:100%; height:auto; overflow:hidden; position:relative; padding:60px 0; background:url(../img/images/bg.jpg);}
.news .navs{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.news .navs .title{width:50%; height:auto; overflow:hidden; margin:0 auto; float:left; font-size:32px; color:#333; font-family:microsoft yahei; line-height:70px; text-align:left; font-weight:bold;}
.news .navs .heng{ width:70px; height:4px; clear:both; overflow:hidden; background-color:#02346c;}
.news .navs .more{width:auto; height:auto; overflow:hidden; margin:24px auto 0 auto; padding:10px 30px; border:1px solid #02346c; float:right; font-size:16px; color:#02346c; font-family:microsoft yahei; line-height:1.5; text-align:center;}
.news .navs .more:hover{width:auto; height:auto; overflow:hidden; margin:24px auto 0 auto; padding:10px 30px; border:1px solid #02346c; background-color:#02346c; float:right; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:1.5; text-align:center;}

.news .down{ width:100%; height:auto; display:block; margin:35px auto 0 auto;}
.news .down .swiper-container{width:50%; height:480px; margin:0 auto; overflow:hidden; float: left; position: relative;}
.news .down .swiper-wrapper{ width:100%; margin:0; position:relative;}
.news .down .swiper-slide{ width:100%; height:100%; position:relative; text-align:center;}
.news .down .swiper-slide img{ width:100%; height:100% ;} 
.news .down .swiper-slide li .aImg{width:100%; height:100%; overflow: hidden; text-align: center;}
.news .down .swiper-slide li .aImg img{min-width:100%; max-width: auto; width: auto; height:100%;}
.news .down .swiper-slide li .aTit{ background:rgba(0, 0, 0, 0.4); width:100%; height:40px; line-height:40px; font-size:16px; color:#fff; padding:0 140px 0 10px; position:absolute; left:0; bottom:0; z-index:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.news .down .swiper-paginationin{ width: 15%; height:20px; overflow:hidden; position:absolute; right:0px; bottom:10px; margin:0 0 0 auto; z-index:99;}
.news .down .swiper_btnz{position: absolute;top: 82%;width: 48px;height: 48px; left:-27%;background: url(../img/images/left.png) 0 0 no-repeat;display: block;z-index:10;}
.news .down .swiper_btny{position: absolute;top: 82%;width: 48px;height: 48px; left:-12%;background: url(../img/images/right.png) 0 0 no-repeat;display: block;z-index:10;}
.news .down .swiper_btnz:hover{position: absolute;top: 82%;width: 48px;height: 48px; left:-27%;background: url(../img/images/left_a.png) 0 0 no-repeat;display: block;z-index:10;}
.news .down .swiper_btny:hover{position: absolute;top: 82%;width: 48px;height: 48px; left:-12%;background: url(../img/images/right_a.png) 0 0 no-repeat;display: block;z-index:10;}


.news .down .right{ width:50%; height:480px; float:right; margin:0 auto; background:#fff url(../img/images/bg2.png) no-repeat 101% top; background-size:auto 100%;}
.news .down .right .n-menu{ width:90%; height:40px; overflow:hidden; margin:50px 5% 0 5%;}
.news .down .right .n-menu a{ width:17%; height:38px; margin:0 1% 0 0; float:left; line-height:38px; font-size:20px; color:#2979d3; font-family:microsoft yahei; text-align:center; border:1px solid #2979d3; border-radius:19px;}
.news .down .right .n-menu a:hover{width:17%; height:38px; margin:0 1% 0 0; float:left; line-height:38px; font-size:20px; color:#fff; font-family:microsoft yahei; text-align:center; font-weight:bold;border:1px solid #2979d3; border-radius:17; background-image: linear-gradient(to right, rgba(51,121,211,1), rgba(27,103,188,1));}
.news .down .right .n-menu a.curr{width:17%; height:38px; margin:0 1% 0 0; float:left; line-height:38px; font-size:20px; color:#fff; font-family:microsoft yahei; text-align:center; font-weight:bold;border:1px solid #2979d3; border-radius:19px; background-image: linear-gradient(to right, rgba(51,121,211,1), rgba(27,103,188,1));}
.news .down .right .list{ width:90%; height:auto; overflow:hidden; margin:30px 5% 0 5%;}
.news .down .right .list .lie{ height:49px; overflow:hidden; margin:0 auto; line-height:49px; font-size:16px; color:#333; font-family:microsoft yahei; text-align:left; background:url(../img/images/t2.png) no-repeat left center; text-indent:1.5em; border-bottom:1px dashed #ebebeb; text-overflow:ellipsis; white-space:nowrap; }
.news .down .right .list .lie:hover{color:#02346c;}
.news .down .right .list .lie span{ float:right; color:#888;}


/*maga*/
.m_bg{ width:100%; height:auto; overflow:hidden; position:relative; background-color:#fff;}
.maga .left{ width:22%; height:auto; overflow:hidden; margin:70px auto 0 auto; float:left; position:relative; z-index:1;}
.maga .left .title{width:100%; height:auto; overflow:hidden; margin:0 auto; font-size:40px; color:#333; font-family:microsoft yahei; line-height:80px; text-align:left; font-weight:bold;}
.maga .left .heng{ width:70px; height:4px; clear:both; overflow:hidden; background-color:#02346c;}
.maga .left .more{width:auto; height:auto; overflow:hidden; margin:60px auto 0 auto; padding:10px 30px; border:1px solid #02346c; float:left; font-size:16px; color:#02346c; font-family:microsoft yahei; line-height:1.5; text-align:center;}
.maga .left .more:hover{width:auto; height:auto; overflow:hidden; margin:60px auto 0 auto; padding:10px 30px; border:1px solid #02346c; background-color:#02346c; float:left; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:1.5; text-align:center;}
.maga .right{ width:78%; height:auto; margin:0 auto; position:relative; z-index:2; float:left;}
.maga .right .box{ width:87%; height:auto; display:block; margin:0 12.9% 0 0; padding:100px 0; border-left:1px solid #ebebeb; }
.maga .right .box .pic{ width:100%; height:auto; display:block; margin:0 auto 0 -1%; padding:10px; position:relative; background:url(../img/images/bg6.png) no-repeat left top; background-size:100% 100%;}
.maga .right .box .pic img{ width:94%; height:380px; max-height:94%; margin:3%; transition:all 0.3s;}
.maga .right .box .pic:hover img{ width:94%; height:380px; max-height:94%; margin:3%; transition:all 0.3s; transform:scale(1.02);}
.maga .right .box .pic .jiao{ width:20%; height:20%; position:absolute; right:2%; bottom:2%; background:url(../img/images/t11.png) no-repeat left top; background-size: cover;}
.maga .right .box .title{ width:90%; height:auto; display:block; margin:30px auto 0 auto; font-size:18px; color:#333; font-family:microsoft yahei; line-height:1.5; text-align:center;}

.maga .right .swiper-container{width:100%; height:100%; margin:0 auto; overflow:hidden;}
.maga .right .swiper-wrapper{ width:100%; margin:0; position:relative;}
.maga .right .swiper-slide{ width:100%; height:100%; position:relative; text-align:center;}
.maga .right .swiper-slide img{ width:100%; height:100% ;}
.maga .right .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.maga .right .swiper_btnz{position: absolute;top: 82%;width: 48px;height: 48px; left:-27%;background: url(../img/images/left.png) 0 0 no-repeat;display: block;z-index:10;}
.maga .right .swiper_btny{position: absolute;top: 82%;width: 48px;height: 48px; left:-12%;background: url(../img/images/right.png) 0 0 no-repeat;display: block;z-index:10;}
.maga .right .swiper_btnz:hover{position: absolute;top: 82%;width: 48px;height: 48px; left:-27%;background: url(../img/images/left_a.png) 0 0 no-repeat;display: block;z-index:10;}
.maga .right .swiper_btny:hover{position: absolute;top: 82%;width: 48px;height: 48px; left:-12%;background: url(../img/images/right_a.png) 0 0 no-repeat;display: block;z-index:10;}

/*open*/
.o_bg{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:60px 0; position:relative; background:url(../img/images/bg4.jpg) no-repeat center top; background-size:100% auto;}
.open .navs{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.open .navs .title{width:50%; height:auto; overflow:hidden; margin:0 auto; float:left; font-size:32px; color:#fff; font-family:microsoft yahei; line-height:70px; text-align:left; font-weight:bold;}
.open .navs .title span{ padding-left:15px;opacity:0.5;font-size:22px; color:#fff; font-family:microsoft yahei; line-height:70px; text-align:left; font-weight: lighter;}
.open .navs .heng{ width:70px; height:4px; clear:both; overflow:hidden; background-color:#fff;}
.open .navs .more{width:auto; height:auto; overflow:hidden; margin:24px auto 0 auto; padding:10px 30px; border:1px solid #fff; float:right; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:1.5; text-align:center;}
.open .navs .more:hover{width:auto; height:auto; overflow:hidden; margin:24px auto 0 auto; padding:10px 30px; border:1px solid #fff; background-color:#fff; float:right; font-size:16px; color:#02346c; font-family:microsoft yahei; line-height:1.5; text-align:center;}
.open .down{ width:100%; height:auto; margin:60px auto 0 auto;}
.open .down .left{ width:62%; height:580px; float:left; margin:0 auto 0 -2%; background:url(../img/images/bg5.png) no-repeat left top; background-size:100% 100%;}
.open .down .left .top{ width:88%; height:50px; overflow:hidden; margin:50px auto 0 auto; background-color:#e5edf7;}
.open .down .left .top li{ width:25%; height:50px; float:left; overflow:hidden; margin:0 auto; font-size:16px; color:#0f3568; font-family:microsoft yahei; line-height:50px; text-align:center; font-weight:bold;}
.open .down .left .list{ width:88%; height:440px; overflow:hidden; margin:0 auto;}
.open .down .left .list .lie{ width:100%; height:59px; overflow:hidden; margin:0 auto; border-bottom:1px solid #eeeeee;}
.open .down .left .list .lie div{ width:25%; height:59px; float:left; overflow:hidden; margin:0 auto; font-size:16px; color:#333; font-family:microsoft yahei; line-height:59px; text-align:center;}
.open .down .left .list .lie .zhix{ color:#518ccb;}
.open .down .left .list .lie .jine{ color:#fff; font-weight:bold; background:url(../img/images/t12.png) no-repeat center;}
.open .down .right{ width:35%; height:auto; overflow:hidden; float:right; margin:0 auto;}
.open .down .right a .ann{ width:99%; height:auto; overflow:hidden; margin:15px auto; padding:10px 0; background:#57473e url(../img/images/t3.png) no-repeat 85% center; border:2px solid #7d6f67;}
.open .down .right a:hover .ann:hover{ background:#02346c url(../img/images/t3.png) no-repeat 85% center; border:2px solid #02346c;}
.open .down .right a:nth-child(2) .ann{ width:99%; height:auto; overflow:hidden; margin:15px auto; padding:10px 0; background:#57473e url(../img/images/t4.png) no-repeat 85% center; border:2px solid #7d6f67;}
.open .down .right a:nth-child(2):hover .ann{ background:#02346c url(../img/images/t4.png) no-repeat 85% center; border:2px solid #02346c;}
.open .down .right a:nth-child(3) .ann{ width:99%; height:auto; overflow:hidden; margin:15px auto; padding:10px 0; background:#57473e url(../img/images/t5.png) no-repeat 85% center; border:2px solid #7d6f67;}
.open .down .right a:nth-child(3):hover .ann{ background:#02346c url(../img/images/t5.png) no-repeat 85% center; border:2px solid #02346c;}
.open .down .right .ann .cn{ width:auto; height:auto; overflow:hidden; margin:0 auto 0 15%; font-size:22px; color:#fff; font-family:microsoft yahei; line-height:1.7; text-align:left;}
.open .down .right .ann .en{ width:auto; height:auto; overflow:hidden; margin:0 auto 0 15%; font-size:16px; color:#fff; font-family:Arial; line-height:1.7; text-align:left;}
.open .down .right .contact{ width:100%; height:auto; overflow:hidden; margin:120px auto 0 auto; text-align:right;}
.open .down .right .contact .jz{ width:auto; height:auto; overflow:hidden; display:inline-block; padding:5px 25px;  margin:0 auto 0 15px; font-size:22px; color:#fff; font-family:microsoft yahei; line-height:1.7; text-align:left; font-weight:bold; background:#013b7c url(../img/images/t6.png) no-repeat 10% center; border-radius:28px; text-indent:1.5em;}
.open .down .right .contact .lx{ width:auto; height:auto; overflow:hidden; display:inline-block; padding:5px 25px;  margin:0 auto 0 40px; font-size:22px; color:#fff; font-family:microsoft yahei; line-height:1.7; text-align:left; font-weight:bold; background:#d90410 url(../img/images/t7.png) no-repeat 10% center; border-radius:28px; text-indent:1.5em;}

/*culture*/
.c_bg{ width:100%; height:auto; overflow:hidden; position:relative; padding:60px 0 80px 0; background:url(../img/images/bg.jpg);}
.culture .navs{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.culture .navs .title{width:auto; height:auto; overflow:hidden; margin:0 auto; float:left; font-size:32px; color:#333; font-family:microsoft yahei; line-height:70px; text-align:left; font-weight:bold;}
.culture .navs .heng{ width:70px; height:4px; clear:both; overflow:hidden; background-color:#02346c;}
.culture .navs .more{width:auto; height:auto; overflow:hidden; margin:24px auto 0 auto; padding:10px 30px; border:1px solid #02346c; float:right; font-size:16px; color:#02346c; font-family:microsoft yahei; line-height:1.5; text-align:center;}
.culture .navs .more:hover{width:auto; height:auto; overflow:hidden; margin:24px auto 0 auto; padding:10px 30px; border:1px solid #02346c; background-color:#02346c; float:right; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:1.5; text-align:center;}
.culture .navs .c_nav{ width:auto; height:auto; overflow:hidden; margin:0 auto 0 20px; float:right;}
.culture .navs .c_nav a{ width:auto; height:auto; overflow:hidden; margin:0 5px; padding:3px 15px; font-size:20px; color:#2979d3; font-family:microsoft yahei; line-height:1.5; text-align:center; border:1px solid #2979d3; border-radius:20px; font-weight:300;}
.culture .navs .c_nav a:hover{ width:auto; height:auto; overflow:hidden; margin:0 5px; padding:3px 15px; font-size:20px; color:#fff; font-family:microsoft yahei; line-height:1.5; text-align:center; border:1px solid #2979d3; border-radius:20px; font-weight:300; background:#2979d3;}

.culture .down{ width:100%; height:auto; display:block; margin:40px auto 0 auto;}
.culture .down .box{ width:31.3%; height:auto; overflow:hidden; margin:0 1%; float:left;}
.culture .down .box .pic{ width:100%; height:265px; overflow:hidden; margin:0 auto;}
.culture .down .box .pic img{ min-width:100%; height:100%; transition:all 0.3s;}
.culture .down .box:hover .pic img{ min-width:100%; height:100%;  transition:all 0.3s; transform:scale(1.05);}
.culture .down .box .title{ width:100%; height:30px; overflow:hidden; margin:30px auto 0 auto; font-size:22px; color:#333; font-family:microsoft yahei; line-height:30px; text-align:left; text-overflow:ellipsis; white-space:nowrap;}
.culture .down .box .con{ width:100%; height:50px; overflow:hidden; margin:10px auto 0 auto; font-size:14px; color:#717171; font-family:microsoft yahei; line-height:25px; text-align:left;}
.culture .down .box .more{ width:100%; height:30px; overflow:hidden; margin:25px auto 0 auto; font-size:14px; color:#013b7c; font-family:microsoft yahei; line-height:30px; text-align:left;}
.culture .down .box:hover .title{width:100%; height:30px; overflow:hidden; margin:30px auto 0 auto; font-size:22px; color:#013b7c; font-family:microsoft yahei; line-height:30px; text-align:left; text-overflow:ellipsis; white-space:nowrap;}

.culture .swiper-container{width:100%; height:100%; margin:0 auto; overflow:hidden;}
.culture .swiper-wrapper{ width:100%; margin:0; position:relative; padding-bottom:70px;}
.culture .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.culture .swiper-slide img{ width:100%; height:100% ;}

.culture .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.culture .swiper_btnz{position: absolute;bottom: 0;width: 48px;height: 48px; left:45%;background: url(../img/images/left.png) 0 0 no-repeat;display: block;z-index:10;}
.culture .swiper_btny{position: absolute;bottom: 0;width: 48px;height: 48px; left:50%;background: url(../img/images/right.png) 0 0 no-repeat;display: block;z-index:10;}
.culture .swiper_btnz:hover{position: absolute;bottom: 0;width: 48px;height: 48px; left:45%;background: url(../img/images/lefta.png) 0 0 no-repeat;display: block;z-index:10;}
.culture .swiper_btny:hover{position: absolute;bottom: 0;width: 48px;height: 48px; left:50%;background: url(../img/images/righta.png) 0 0 no-repeat;display: block;z-index:10;}
/*fengcai*/
.f_bg{ width:100%; height:auto; overflow:hidden; position:relative; padding:60px 0 80px 0; background:#f7f7f7;}


/* leftsead */
.leftsead{width:111px;height:649px;position:fixed;top:50px;right:30px; z-index:100; background:url(../img/images/bg3.png) no-repeat center top;}
.leftsead .box{ width:100%; height:86px; position:relative; margin:0 auto; cursor:pointer; transition:all 0.5s;}
.leftsead .box .pic{ width:100%; height:auto; text-align:center;}
.leftsead .box .pic img{ width:auto; height:30px; margin:15px auto 0 auto;}
.leftsead .box .title{ width:100%; height:auto; margin:10px auto 0 auto; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:1.5; text-align:center; text-overflow:ellipsis; white-space:nowrap;}

.leftsead .box .biger{ width:150px; height:auto; padding:10px 0; position: absolute; left:-151px; top:0; border-radius:5px; text-align:left; transition:all 0.5s; display:none; background-image: linear-gradient(to bottom, rgba(51,121,211,1), rgba(27,103,188,1));}
.leftsead .box:hover .biger{display:block;}
.leftsead .box .biger img{ width:130px; height:130px; margin:10px;}
.leftsead .box .zhaoh{ width:240px; height:auto; padding:10px 0; position: absolute; left:-241px; top:-150px; border-radius:5px; text-align:left; transition:all 0.5s; display:none; background-image: linear-gradient(to bottom, rgba(51,121,211,1), rgba(27,103,188,1));}
.leftsead .box:hover .zhaoh{display:block;}
.leftsead .box .zhaoh .k{ width:94%; height:auto; overflow:hidden; padding:15px 0 5px 0; margin:0 auto; background-color:#fff;}
.leftsead .box .zhaoh .k .title{ width:94%; height:auto; overflow:hidden; margin:0 auto; font-size:16px; color:#013b7c; font-family:microsoft yahei; line-height:1.5; text-align:left; font-weight:bold;}
.leftsead .box .zhaoh .k .con{ width:94%; height:auto; overflow:hidden; margin:0 auto; font-family:microsoft yahei; line-height:1.5; text-align:left;}

/*foot*/
.footer{width:100%; height:auto; overflow:hidden; padding:70px 0; background:#0a223e;}
.footer-btm .left{ width:30%; height:auto; overflow:hidden; margin:0 auto; float:left;}
.footer-btm .left .flogo{ width:100%; height:auto; overflow:hidden; margin:0 auto 30px 0;}
.footer-btm .left .flogo img{ width:72%; height:auto;}
.footer-btm .left .con{ width:100%; height:auto; overflow:hidden; margin:0 auto 15px auto; line-height:1.2; font-size:16px; color:#fff; text-indent:2em;}
.footer-btm .left .con:nth-child(2){background:url(../img/images/t8.png) no-repeat left center; background-size:16px auto;}
.footer-btm .left .con:nth-child(3){background:url(../img/images/t9.png) no-repeat left center; background-size:16px auto;}
.footer-btm .left .con:nth-child(4){background:url(../img/images/t10.png) no-repeat left center; background-size:16px auto;}
.footer-btm .center{ width:auto; height:auto; overflow:hidden; margin:0 auto; float:right; text-align:right;}
.footer-btm .center li{ display:inline-block; text-align:center; font-size:16px; color:#fff;}
.footer-btm .center li:last-child{ margin-left:20px;}
.footer-btm .center li .img{ width:120px; height:120px; display:block; margin-bottom:10px;}
.footer-btm .right{ width:auto; height:auto; overflow:hidden; margin:0 auto 0 60px; float:right; text-align:right;}

.copy{width:100%; height:70px; overflow:hidden; color: #333; background-color:#fff;line-height:70px; text-align:left; font-size:16px;}
.copy a{color: #333;}
.copy span{float:right;}
.copy a:hover{color: #0a223e}

/**内页**/
.nei_nav{ width:1380px; height:45px; overflow:hidden; padding:0 0 8px 0; margin:30px auto; background:url(../img/images/tiao.jpg) repeat-x left bottom; line-height:45px; font-size:16px; color:#999; text-align:left;}

.pmain{ width:1380px; margin:auto; overflow:hidden;}
.pmain .nei_navtitle{ width:100%; height:auto; overflow:hidden; margin:0 auto 20px auto; line-height:1.2; font-size:36px; color:#02346c; text-align:center; font-weight:bold;}
.commbanner{ width:100%; height:auto; overflow:hidden; position:relative;}
.commbanner .title{ width:100%; height:auto; overflow:hidden; position:absolute; top:40%; line-height:1; font-size:45px; color:#fff; font-family:microsoft yahei; text-align:center; font-weight:bold;}
.commbanner .heng{ width:55px; height:7px; overflow:hidden; margin:20px auto 0 auto; background-color:#d6b878; border-radius:3px;}

/*product*/
.pro_nei .navs{ width:100%; height:auto; overflow:hidden; margin:0 auto 35px auto; position:relative; z-index:10;}
.pro_nei .navs .title{width:auto; height:auto; overflow:hidden; margin:0 40px 0 auto; padding:5px 0; float:left; font-size:22px; color:#333; font-family:microsoft yahie; line-height:1; text-align:center; border-bottom:2px solid #fff; }
.pro_nei .navs .title:hover{width:auto; height:auto; overflow:hidden; margin:0 40px 0 auto; padding:5px 0; float:left; font-size:22px; color:#02346c; font-family:microsoft yahie; line-height:1; text-align:center; border-bottom:2px solid #02346c; }
.pro_nei .navs .title.cur{width:auto; height:auto; overflow:hidden; margin:0 40px 0 auto; padding:5px 0; float:left; font-size:22px; color:#02346c; font-family:microsoft yahie; line-height:1; text-align:center; border-bottom:2px solid #02346c; }
.pro_list{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.pro_list .box{ width:31.3%; height:auto; overflow:hidden; margin:10px 1% 20px 1%; float:left;}
.pro_list .box .pic{ width:100%; height:100%; overflow:hidden; margin:0 auto;}
.pro_list .box .pic img{ width:auto; height:100%; max-width:100%; transition:all 0.3s;}
.pro_list .box:hover .pic img{ width:auto; height:100%; max-width:100%; transition:all 0.3s; transform:scale(1.05);}
.pro_list .box .title{ width:100%; height:30px; overflow:hidden; margin:10px auto 0 auto; font-size:22px; color:#333; font-family:microsoft yahei; line-height:30px; text-align:left; text-overflow:ellipsis; white-space:nowrap;}
.pro_list .box .con{ width:100%; height:50px; overflow:hidden; margin:10px auto 0 auto; font-size:14px; color:#717171; font-family:microsoft yahei; line-height:25px; text-align:left;}
.pro_list .box .more{ width:100%; height:30px; overflow:hidden; margin:10px auto 0 auto; font-size:14px; color:#013b7c; font-family:microsoft yahei; line-height:30px; text-align:left;}
.pro_list .box:hover .title{width:100%; height:30px; overflow:hidden; margin:10px auto 0 auto; font-size:22px; color:#013b7c; font-family:microsoft yahei; line-height:30px; text-align:left; text-overflow:ellipsis; white-space:nowrap;}

.pro_view{ width: 100%; height: auto; overflow: hidden;}
.pro_view .top{ width: 96%; height: auto; overflow: hidden; margin:20px auto; border-bottom: 10px solid #f2f2f2;}
.pro_view .top .left{ width: 45%; height: 320px; overflow: hidden; margin: 0 auto; float: left; padding-bottom: 20px; }
.pro_view .top .left img{ width: 100%; height: 320px; overflow: hidden; }
.pro_view .top .right{ width: 50%; height: 320px; overflow: hidden; margin: 0 auto; float: right; }
.pro_view .top .right .title{ width: 100%; height: auto; overflow: hidden; margin: 20px auto 20px auto; font-family: microsoft yahei; font-size: 20px; color: #02346c; font-weight: bold; text-align: left;}
.pro_view .top .right .sub_a{ width: 100%; height: auto; overflow: hidden; margin: 0 auto 20px auto; font-family: microsoft yahei; font-size: 16px; color: #ec7048; font-weight: bold; text-align: left;}
.pro_view .top .right .lie{ width: 100%; height: auto; overflow: hidden; margin: 0 auto 20px auto;}
.pro_view .top .right .lie .t_a{ width: 30%; height: auto; overflow: hidden; float: left; margin: 0 auto; font-family: microsoft yahei; font-size: 16px; color: #02346c; font-weight: bold; text-align: left;}
.pro_view .top .right .lie .t_b{ width: 70%; height: auto; overflow: hidden; float: left; margin: 0 auto; font-family: microsoft yahei; font-size: 14px; color: #444; text-align: left;}

.pro_view .down{ width: 96%; height: auto; overflow: hidden; margin: 0 auto;}
.down .cpnav{ width:100%; height:auto; padding:15px 5% 0 5%; overflow:hidden; margin:0 auto; border-bottom:1px solid #dddddd;}
.tdDown{ width:100px; height:36px; overflow:hidden; margin:0 10px 0 auto; border-radius:5px 5px 0 0; border-left:1px solid #dedede; border-right:1px solid #dedede; border-top:1px solid #dedede; background-color:#fff; COLOR:#111; font-weight:600; line-height:36px; text-align:center; font-size:14px; font-family:"Microsoft YaHei"; cursor:pointer; float:left;}
.tdOut{ width:100px; height:36px; overflow:hidden; margin:0 10px 0 auto; border-radius:5px 5px 0 0; border-left:1px solid #dedede;border-right:1px solid #dedede;border-top:1px solid #dedede; background-color:#f4f4f4; COLOR:#888; line-height:36px; text-align:center; font-size:14px; font-family:"Microsoft YaHei"; cursor:pointer; float:left;}

.down .photo{ width: 100%; height: auto; min-height: 400px; overflow: hidden; margin: 0 auto;}
.down .photo .box{ width: 310px; height: auto; overflow: hidden; margin:20px 15px 0 15px; float: left;}
.down .photo .box .pic{ width: 100%; height: 210px; overflow: hidden;}
.down .photo .box .pic img{ width: 100%; height: 210px; transition: all 0.3s;}
.down .photo .box .title{ width: 100%; height: 30px; overflow: hidden; font-family: microsoft yahei; font-size: 14px; color: #333; line-height: 30px; text-align: center;}
.down .photo .box:hover .pic img{  width: 100%; height: 210px; transition: all 0.3s; transform: scale(1.1);}

.down .timeline{ width: 100%; height: auto; min-height: 400px; overflow: hidden; margin: 0 auto; background: url(../img/images/times.png) repeat-y center;}
.down .timeline .box{ width: 50.7%; height: auto; overflow: hidden; margin:20px 49% 20px 0; float: left;}
.down .timeline .box .timebg{ width: 100%; height: 50px; overflow: hidden; margin:0 ;background: url(../img/images/time.png) no-repeat right center; font-family: microsoft yahei; font-size: 16px; color: #fff; line-height: 50px; text-align: right;}
.down .timeline .box .timebg span{ padding-right: 50px;}

.down .timeline .box:nth-child(2n){ width: 50.7%; height: auto; overflow: hidden; margin:20px 0 20px 49%; float: right;}
.down .timeline .box:nth-child(2n) .timebg{ width: 100%; height: 50px; overflow: hidden; margin:0;background: url(../img/images/timea.png) no-repeat left center; text-align: left; text-indent: 25px;}
.down .timeline .box:nth-child(2n) .timebg span{ padding-left: 20px;}

.down .timeline .box .title{ width: 95%; height: 30px; overflow: hidden; font-family: microsoft yahei; font-size: 14px; color: #02346c; line-height: 30px; text-align: right; font-weight: bold;}
.down .timeline .box:nth-child(2n) .title{ width: 95%; height: 30px; overflow: hidden; font-family: microsoft yahei; font-size: 14px; color: #02346c; line-height: 30px; text-align: left; font-weight: bold; float: right;}
.down .timeline .box .con{ width: 95%; height: auto; overflow: hidden; font-family: microsoft yahei; font-size: 14px; color: #666; line-height: 30px; text-align: right;}
.down .timeline .box:nth-child(2n) .con{ width: 95%; height: auto; overflow: hidden; font-family: microsoft yahei; font-size: 14px; color: #666; line-height: 30px; text-align: left; float: right;}


/*maga*/
.maga_nei .navs{ width:100%; height:auto; overflow:hidden; margin:0 auto 35px auto; position:relative; z-index:10;}
.maga_nei .navs .title{width:auto; height:auto; overflow:hidden; margin:0 40px 0 auto; padding:5px 0; float:left; font-size:22px; color:#333; font-family:microsoft yahie; line-height:1; text-align:center; border-bottom:2px solid #fff; }
.maga_nei .navs .title:hover{width:auto; height:auto; overflow:hidden; margin:0 40px 0 auto; padding:5px 0; float:left; font-size:22px; color:#02346c; font-family:microsoft yahie; line-height:1; text-align:center; border-bottom:2px solid #02346c; }
.maga_nei .navs .title.cur{width:auto; height:auto; overflow:hidden; margin:0 40px 0 auto; padding:5px 0; float:left; font-size:22px; color:#02346c; font-family:microsoft yahie; line-height:1; text-align:center; border-bottom:2px solid #02346c; }
.maga_list{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.maga_list .box{ width:20%; height:auto; display:block; margin:0 2.4%; padding:60px 0; border-left:1px solid #ebebeb; float:left;}
.maga_list .box .pic{ width:100%; height:auto; display:block; margin:0 auto 0 -1%; padding:10px; position:relative; background:url(../img/images/bg6.png) no-repeat left top; background-size:100% 100%;}
.maga_list .box .pic img{ width:94%; height:370px; max-height:94%; margin:3%; transition:all 0.3s;}
.maga_list .box .pic:hover img{ width:94%; height:370px; max-height:94%; margin:3%; transition:all 0.3s; transform:scale(1.02);}
.maga_list .box .pic .jiao{ width:20%; height:20%; position:absolute; right:2%; bottom:2%; background:url(../img/images/t11.png) no-repeat left top; background-size: cover;}
.maga_list .box .title{ width:90%; height:auto; display:block; margin:30px auto 0 auto; font-size:18px; color:#333; font-family:microsoft yahei; line-height:1.5; text-align:center;}

/*news*/
.new_list{ width:77%; height:auto; min-height:550px; overflow:hidden; margin:0 0 0 2%; float:left; border:1px solid #eeeeee;}
.new_list .box{ width:94%; height:auto; overflow:hidden; margin:0 auto; padding:30px 0; position:relative;border-bottom: 1px #e6e6e6 solid;}
.new_list .box .pic{ width:20%; height:100%; overflow:hidden; margin:0 auto; float:left;}
.new_list .box .pic img{ width:auto; height:100%; max-width:100%; transition:all 0.3s;}
.new_list .box:hover .pic img{ width:auto; height:100%; max-width:100%; transition:all 0.3s; transform:scale(1.1);}
.new_list .box .right{ width:76%; height:auto; overflow:hidden; margin:0 2%; float:right;}
.new_list .box .right .title{ width:85%; height:40px; overflow:hidden; margin:0 auto; font-size:22px; color:#333; font-family:microsoft yahei; line-height:40px; text-align:left; float:left;}
.new_list .box .right .time{ width:15%; height:40px; overflow:hidden; margin:0 auto; font-size:14px; color:#999; font-family:microsoft yahei; line-height:40px; text-align:right; float:right;}
.new_list .box .right .con{ clear:both; width:85%; height:50px; overflow:hidden; margin:20px auto 0 0; font-size:14px; color:#666; font-family:microsoft yahei; line-height:25px; text-align:left; float:left;}
.new_list .box:hover .right .title{ width:85%; height:40px; overflow:hidden; margin:0 auto; font-size:22px; color:#02346c; font-family:microsoft yahei; line-height:40px; text-align:left; float:left;}
.new_list .box:hover .right .time{ width:15%; height:40px; overflow:hidden; margin:0 auto; font-size:14px; color:#02346c; font-family:microsoft yahei; line-height:40px; text-align:right; float:right;}
.new_list .box:hover .right .con{ clear:both; width:85%; height:50px; overflow:hidden; margin:20px auto 0 0; font-size:14px; color:#02346c; font-family:microsoft yahei; line-height:25px; text-align:left; float:left;}

.new_list .box:after {transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content: '';position: absolute;left: 0;bottom: 0px;z-index: 10;height: 1px;width: 0%;background-color: #0a223e;}
.new_list .box:hover:after{width: 100%;}

/*infor*/
.infor{ width:77%; height:auto; min-height:500px; overflow:hidden; margin:0 0 0 2%; float:left; border:1px solid #eeeeee;}
.infor .box{ width:94%; height:auto; overflow:hidden; margin:20px auto; background:url(../img/images/t2.png) no-repeat left center; border-bottom:1px dashed #ededed;}
.infor .box .title{ width:85%; height:40px; overflow:hidden; margin:0 auto; float:left; font-size:18px; color:#333; font-family:microsoft yahei; line-height:40px; text-align:left;text-indent:1em;}
.infor .box .time{ width:15%; height:30px; overflow:hidden; margin:0 auto; float:right; font-size:14px; color:#999; font-family:Arial; line-height:30px; text-align:right; }
.infor .box:hover .title{color:#02346c;}
/*open*/
.open_nei{ width:77%; height:auto; min-height:500px; overflow:hidden; margin:0 0 0 2%; float:left; border:1px solid #eeeeee;}
.open_nei .con .top{ width:100%; height:50px; overflow:hidden; margin:0px auto 0 auto; background-color:#e5edf7;}
.open_nei .con .top li{ width:25%; height:50px; float:left; overflow:hidden; margin:0 auto; font-size:16px; color:#0f3568; font-family:microsoft yahei; line-height:50px; text-align:center; font-weight:bold;}
.open_nei .con .lie{ width:100%; height:59px; overflow:hidden; margin:0 auto; border-bottom:1px solid #eeeeee;}
.open_nei .con .lie div{ width:25%; height:59px; float:left; overflow:hidden; margin:0 auto; font-size:16px; color:#333; font-family:microsoft yahei; line-height:59px; text-align:center;}
.open_nei .con .lie .zhix{ color:#518ccb;}
.open_nei .con .lie .jine{ color:#fff; font-weight:bold; background:url(../img/images/t12.png) no-repeat center;}
/*cases*/
.cases{ width:77%; height:auto; min-height:500px; overflow:hidden; margin:0 0 0 2%; float:left; border:1px solid #eeeeee;}
.cases .box{ width:32%; height:auto; overflow:hidden; margin:20px 0.65%; float: left;}
.cases .box .pic{ width:100%; height:240px; overflow:hidden;}
.cases .box .pic img{ width:100%; height:auto; overflow:hidden; transition: all 0.3s;}
.cases .box .title{ width:100%; height:40px; overflow:hidden; margin:0 auto; float:left; font-size:16px; color:#333; font-family:microsoft yahei; line-height:40px; text-align:left;text-indent:1em;}
.cases .box:hover .title{color:#02346c;}
.cases .box:hover .pic img{ width:100%; height:auto; overflow:hidden; transition: all 0.3s; transform: scale(1.1);}
/*one*/
.one_l{ width:20%; height:auto; overflow:hidden; float:left;}
.one_l .top{ width:100%; height:88px; overflow:hidden; background:url(../img/images/t24.png) no-repeat center top;}
.one_l .top .nav{ width:auto; height:auto; overflow:hidden; padding:20px 0 10px 0; margin:0 0 0 30px; line-height:40px; font-size:28px; color:#fff; text-align:left; position:relative; }
.one_l .top .nav:before{ content:''; background:#fff; width:90px; height:1px; position:absolute; left:0; bottom:0;}
.one_l .down{ width:262px; height:auto; overflow:hidden; margin:0 auto; padding:10px 0; border-bottom:1px solid #02346c; border-left:1px solid #02346c; border-right:1px solid #02346c;}
.one_l .down .navs{ width:90%; height:52px; overflow:hidden; margin:10px 5%;  border:1px solid #ededed; background:url(../img/images/t25.png) no-repeat 90% center;}
.one_l .down .navs .title{ width:90%; height:52px; overflow:hidden; margin:0;  background:url(../img/images/t16.png) no-repeat 10% center; line-height:52px; font-size:18px; color:#333; text-align:left; text-indent:2em;}
.one_l .down .navs:hover{width:90%; height:52px; overflow:hidden; margin:10px 5%;  border:1px solid #02346c; background:#02346c url(../img/images/t25a.png) no-repeat 90% center;}
.one_l .down .navs:hover .title{ width:90%; height:52px; overflow:hidden; margin:0;  background:url(../img/images/t16a.png) no-repeat 10% center; line-height:52px; font-size:18px; color:#fff; text-align:left; text-indent:2em;}
.one_l .down .navs.active{width:90%; height:52px; overflow:hidden; margin:10px 5%;  border:1px solid #02346c; background:#02346c url(../img/images/t25a.png) no-repeat 90% center;}
.one_l .down .navs.active .title{ width:90%; height:52px; overflow:hidden; margin:0;  background:url(../img/images/t16a.png) no-repeat 10% center; line-height:52px; font-size:18px; color:#fff; text-align:left; text-indent:2em;}

.one_r{ width:77%; height:auto; min-height:500px; overflow:hidden; margin:0 0 0 2%; float:left; border:1px solid #eeeeee;}
.one_r .title{ width:90%; height:auto; overflow:hidden; margin:0 5%; padding:20px 0; border-bottom:2px solid #02346c; line-height:1.5; font-size:30px; color:#333; text-align:center; }
.one_r .con{ width:90%; height:auto; overflow:hidden; margin:0 5%; padding:40px 0; min-height:400px; line-height:2;}
.one_r .con img{ max-width:100%;}

/*view*/
.view_nei{ width:77%; height:auto; min-height:400px; overflow:hidden; margin:0 0 0 2%; float:left; border:1px solid #eeeeee;}
.view_newhead{ width:90%; height:auto; overflow:hidden; margin:40px auto;}
.view_newhead .news_view_title{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.6; font-size:32px; color:#333; text-align:center; font-weight:bold;}
.view_newhead .news_view_title .subtitle{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.5; font-size:18px; color:#888; text-align:center; font-weight:bold;}
.view_newhead .news_view_wrap{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.6; font-size:14px; color:#999; text-align:center;}
.news_view{ width:90%; height:auto; overflow:hidden; margin:0 auto;}
.news_view .news_txt{ width:100%; height:auto; overflow:hidden; margin:0 auto; min-height:400px;}
.news_view .news_txt img{max-width: 100%;}
.news_view .load{ width:8%; height:30px; overflow:hidden; float:left; margin:14px auto; border-radius:5px; font-size:14px; color:#fff; background-color:#02346c; font-family:microsoft yahei; line-height:30px; text-align:center;}
.news_view .load:hover{ width:8%; height:30px; overflow:hidden; float:left; margin:14px auto; border-radius:5px; font-size:14px; color:#02346c; background-color:#dddddd; font-family:microsoft yahei; line-height:30px; text-align:center;}

.view-page{ width:90%; height:auto; overflow:hidden; margin:20px auto;}
.view-page .span1{ width:48%; height:auto; overflow:hidden; float:left; font-size:16px; color:#666; text-align:left;}
.view-page .span2{ width:48%; height:auto; overflow:hidden; float:right; font-size:16px; color:#666; text-align:left;}
/*contact*/
.con_nei .nei_navtitle{ width:100%; height:auto; overflow:hidden; margin:0 auto 45px auto; font-size:50px; color:#333; font-family:microsoft yahie; line-height:1.2; text-align:left; font-weight:bold;}
.con_nei .center{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.con_nei .center .box{ width:30%; height:auto; overflow:hidden; margin:0 3.3% 0 0; padding:40px 0; float:left; background-color:#fbf6f0; border-radius:10px;}
.con_nei .center .box:nth-child(3){ width:30%; height:auto; overflow:hidden; margin:0; padding:40px 0; float:left; background-color:#fbf6f0; border-radius:10px;}
.con_nei .center .box .title{ width:85%; height:25px; overflow:hidden; margin:0 auto; background:url(../img/images/t34.png) no-repeat left center; background-size:auto 100%; font-size:18px; color:#d42222; font-family:microsoft yahie; line-height:25px; text-align:left; text-indent:2em;}
.con_nei .center .box:nth-child(2) .title{ width:85%; height:25px; overflow:hidden; margin:0 auto; background:url(../img/images/t35.png) no-repeat left center; background-size:auto 100%; font-size:18px; color:#d42222; font-family:microsoft yahie; line-height:25px; text-align:left; text-indent:2em;}
.con_nei .center .box:nth-child(3) .title{ width:85%; height:25px; overflow:hidden; margin:0 auto; background:url(../img/images/t36.png) no-repeat left center; background-size:auto 100%; font-size:18px; color:#d42222; font-family:microsoft yahie; line-height:25px; text-align:left; text-indent:2em;}
.con_nei .center .box .con{ width:85%; height:50px; overflow:hidden; margin:10px auto 0 auto; font-size:18px; color:#333; font-family:microsoft yahie; line-height:25px; text-align:left; font-weight:bold; text-indent:2em; word-wrap: break-word;}
.con_nei .down{ width:100%; height:auto; overflow:hidden; margin:100px auto 0 auto;}
.con_nei .down .left{ width:30%; height:auto; overflow:hidden; float:left; margin:0 auto;}
.con_nei .down .left .title{ width:100%; height:auto; overflow:hidden; margin:0 auto; font-size:34px; color:#333; font-family:microsoft yahie; line-height:1.5; text-align:left; font-weight:bold;}
.con_nei .down .left .con{ width:100%; height:auto; overflow:hidden; margin:0 auto; font-size:16px; color:#333; font-family:microsoft yahie; line-height:1.5; text-align:left; }
.con_nei .down .left .tel{ width:100%; height:auto; overflow:hidden; margin:15px auto 0 auto; font-size:30px; color:#d42222; font-family:microsoft yahie; line-height:1.5; text-align:left; font-weight:bold; background:url(../img/images/t37.png) no-repeat left center; text-indent:1em;}
.con_nei .down .right{ width:70%; height:auto; overflow:hidden; float:right; margin:0 auto; text-align:right;}
.con_nei .down .right .kua{ width:152px; height:auto; overflow:hidden; display:inline-block; margin:0 14px; text-align:center;}
.con_nei .down .right .kua .pic{ width:150px; height:auto; overflow:hidden; margin:0 auto; border:1px solid #cecccc; border-radius:5px; text-align:center;}
.con_nei .down .right .kua .pic img{ width:85%; height:85%; overflow:hidden; margin:10px;}
.con_nei .down .right .kua .title{ width:150px; height:auto; overflow:hidden; margin:0 auto; text-align:center; font-size:16px; color:#333; font-family:microsoft yahie; line-height:3; text-align:center;}

/*sea*/
.ullist{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.ullist li{ width:100%; height:35px; overflow:hidden; border-bottom:1px dashed #dedede; background:url(../img/images/t2.png) no-repeat left center; text-indent:1em;}
.ullist li a{ width:100%; height:35px; overflow:hidden; line-height:35px; color:#333;}
.ullist li a span{color:#999; float:right;}
.ullist li a:hover{ width:100%; height:35px; overflow:hidden; line-height:35px; color:#02346c;}

.pmain-pos{ padding-bottom:10px; line-height:20px; color:#999; border-bottom:2px #cad1dc solid;}
.pmain-pos .t{ float:left; font-size:18px; color:#282828; position:relative; padding-left:20px;}
.pmain-pos .t:before{ content:''; background:#0099ff; width:6px; height:18px; position:absolute; left:0; top:3px; border-radius:3px;}

.pnews-detail .title{ text-align:center; padding:25px 0; border-bottom:1px #e3e3e3 solid;}
.pnews-detail .title .t{ font-size:21px; color:#0066cc;}
.pnews-detail .title .c{ color:#999; margin-top:15px; position:relative; }
.pnews-detail .title .c span{ padding:0 15px;}
.pnews-detail .aside{ padding:28px 0; color:#000; line-height:30px;}
.pnews-detail .aside table{ margin:auto; }
.pnews-detail .aside p{ padding:10px 0px; text-indent: 2em;  }
.pnews-detail .aside p img{ max-width:100%; }
.pnews-detail .nNext{ padding:28px 0; line-height:25px; border-top:1px #ccc dashed;}
.pnews-detail .nNext .fl, .pnews-detail .nNext .fr{ max-width:50%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.pnews-detail .nNext .btn{ background:#f0f0f0; display:inline-block; padding:0 2px; vertical-align:top; margin-right:5px; color:#000;}
.pnews-detail .nNext a{ display:inline-block;}

.ptech-floor{ padding:20px 0 40px 0;}
.ptech-item{ width:655px;}
.ptech-item .news-list{ margin-top:15px; width:100%;}
.ptech-item .news-list .n-item .c{ margin-top:5px;}
.ptech-itemDes{ margin-top:21px;}
.ptech-itemDes .aImg img{ width:206px; height:165px; display:block; border:1px #ebebeb dashed;}
.ptech-itemDes .aList{ width:433px;}
.ptech-itemDes .aList li{ height:28px; line-height:28px; overflow:hidden; vertical-align:middle; position:relative; padding-left:15px;}
.ptech-itemDes .aList li span{ float:right; color:#999;}
.ptech-itemDes .aList li:before{content:''; height:4px; width:4px; display:block; border:2px solid #333; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:12px; left:0;}


.site-map dl{padding:10px 0;border-bottom:1px dashed #ddd;}
.site-map dt{font-size:16px;line-height:30px;font-weight:bold;}
.site-map dd{overflow:hidden;}
.site-map dd span{display:block;margin-right:10px;float:left;}
.site-map dd span a:after{content:"|";color:#ddd;margin-left:10px;}
.site-map dd span:last-child a:after{content:"";}
.site-map dd p{overflow:hidden;}
.site-map dd strong{display:block;color:#999;}

/**手机导航**/
.menuBtn { background:#1286d5; width:47px; height:47px; position:absolute; right:0; top:12px; z-index: 1100; cursor: pointer; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; display:none;}
.menuBtn .burger {  background:#fff; width:28px; height:3px; display: block; position: absolute; z-index: 5; top: 13px; left: 50%; margin: 0px 0px 0px -14px; border-radius:3px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; -webkit-transition: all .6s cubic-bezier(0.245, 0.145, 1.355, 1); -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1); transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);}
.menuBtn .burger-2 { top:23px; }
.menuBtn .burger-3 { top:33px; }
.menuBtn.active .burger-1 { top: 22px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menuBtn.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menuBtn.active .burger-3 { top: 22px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

.menuMobileBox { position: fixed; left: 0px; top: 0%; width: 100%; height: 0%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 10006; background-color: #fff; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.menuclose { width: 48px; height: 48px; display: block; position: absolute; right:0; top:0; cursor: pointer; }
.menuclose:hover { background-color:#1286d5; }
.menuclose:hover i { background-color: #fff; }
.menuclose i { width: 30px; height: 2px; background-color: #060606; position: absolute; left: 9px; top: 24px; }
.menuclose .i1 { -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menuclose .i2 { -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

.navMobile { padding:70px 0 40px 0; }
.navMobile dd { display: block; width: 100%; text-align: center; }
.navMobile dd p a { display:block; text-transform: uppercase; font-size:17px; position: relative; padding:7px 0; transition: 600ms ease 350ms; -webkit-transition: 600ms ease 350ms; opacity: 0; }
.navMobile dd p a.cur, .navMobile dd p a:hover { background:#1286d5; color: #fff; }
.navMobile dd .msubnav { background-color: #fafafa; display: none; padding: 10px 0px; }
.navMobile dd .msubnav a { display: block; font-size: 16px; padding: 5px 0px; color: #8d8d8d; position: relative;  }
.navMobile dd .msubnav a:hover{ color:#1286d5;}

.open .menuMobileBox{ height: 100%;}
.open .navMobile dd p a{opacity: 1;}

/*分页*/
.page{ clear:both;width:100%;line-height:30px;text-align:center;border-top:none;padding:0 0 50px 0; margin:50px auto 0px;font-size: 14px;}
.pagination { width:auto;  margin:0 auto;}
.pagination li {display: inline-block;margin-right: 5px;padding: 4px 8px;background: #fff; color:#0a223e; font-size:20px;min-width: 20px;text-align: center; border:1px solid #0a223e;}
.pagination li.active {background: #0a223e;color: #fff;}
.pagination li a {display: block;text-align: center; color:#0a223e;}

@media screen and (max-width:1366px){
.w{ width:92%; height:auto; margin: 0 auto;}

/***head***/
.head{ width:100%; height:auto; display:block; margin:0 auto;}
.head-top{width:100%; height:120px; margin:0 auto; background-color:#fff;}
.head-top .logo{width:40%; height:59px; margin:29px auto; float:left; text-align:center;}
.head-top .logo img{width:auto; height:59px;}
.head-top .right{width:auto; max-width:60%; height:120px; margin:0 auto; float:right; text-align:right;}
.head-top .right .box{width:auto; height:auto; margin:42px 10px 0 10px; display:inline-block;}
.head-top .right .box .tb{width:auto; height:auto; margin:0 10px 0 0; float:left;}
.head-top .right .box .title{width:auto; height:auto; margin:0 auto; float:left; font-size:15px; color:#333; line-height:1.5; font-family:microsoft yahei;}
.head-top .right .box .search{width:175px; height:35px; margin:0 auto; background-color:#efefef; border-radius:17px;}
.head-top .right .box .search .inpt{width:130px; height:35px; margin:0 auto; float:left; padding:0 0 0 10px; font-size:14px; color:#333; line-height:1.5; font-family:microsoft yahei; text-align:left; border:0; background: none;}
.head-top .right .box .search .btn{width:35px; height:35px; margin:0 auto; float:right; cursor:pointer; text-align:center; border:0; background:url(../img/images/t1.png) no-repeat center;}

.head-nav{width:100%; height:70px; margin:0 auto; float:left; background-color:#02346c;}
.head-nav li{ float:left; width:11.1%; height:70px; display:block; text-align:center; position:relative;}
.head-nav li a.far{ font-size:18px; color:#fff; line-height:70px; display:block; position:relative; z-index:10; transition:all 0.4s;}
.head-nav li.on a.far, .head-nav li a.far:hover{color:#02346c; transition:all 0.4s;}
.head-nav li.select a.far{ color:#02346c;}
.head-nav li .nav_s{ width:100%; height:0; overflow:hidden; position:absolute; visibility:hidden; bottom:0; left:0; z-index:1; background:#fff; transition:all 0.3s;}
.head-nav li:hover .nav_s{ width:100%; height:70px; overflow:hidden; position:absolute; visibility:visible; bottom:0; left:0;z-index:1; background:#fff; transition:all 0.3s; }
.head-nav li.on .nav_s{ width:100%; height:70px; overflow:hidden; position:absolute; visibility:visible; bottom:0; left:0;z-index:1; background:#fff; transition:all 0.3s;}

.head-nav li .nav_c{ width:100%; height:auto; overflow:hidden; visibility:hidden; position:absolute; top:70px; left:0; z-index:99; background-color:#fff; border-radius:0; opacity:0; transition:all 0.3s; transform: scale(1) translatex(-0px);}
.head-nav li:hover .nav_c{ width:100%; height:auto; overflow:hidden;  visibility:visible; position:absolute; top:70px; left:0; z-index:99; background-color:#fff; opacity:1; transition:all 0.3s;}
.head-nav li .nav_c .small{ width:auto; height:50px; overflow:hidden; margin:0 auto; line-height:50px; color:#333; font-size:16px; text-align:center;}
.head-nav li .nav_c .small:hover{ width:auto; height:50px; overflow:hidden; margin:0 auto; line-height:50px; color:#fff; background-color:#02346c; font-size:16px; text-align:center;}
/*news*/
.n_bg{ width:100%; height:auto; overflow:hidden; position:relative; padding:60px 0; background:url(../img/images/bg.jpg);}
.news .navs{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.news .navs .title{width:50%; height:auto; overflow:hidden; margin:0 auto; float:left; font-size:40px; color:#333; font-family:microsoft yahei; line-height:70px; text-align:left; font-weight:bold;}
.news .navs .heng{ width:70px; height:4px; clear:both; overflow:hidden; background-color:#02346c;}
.news .navs .more{width:auto; height:auto; overflow:hidden; margin:24px auto 0 auto; padding:10px 30px; border:1px solid #02346c; float:right; font-size:16px; color:#02346c; font-family:microsoft yahei; line-height:1.5; text-align:center;}
.news .navs .more:hover{width:auto; height:auto; overflow:hidden; margin:24px auto 0 auto; padding:10px 30px; border:1px solid #02346c; background-color:#02346c; float:right; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:1.5; text-align:center;}

.news .down{ width:100%; height:auto; display:block; margin:35px auto 0 auto;}
.news-pic{ width:50%; height:480px; overflow:hidden; position:relative; float:left;}
.news-pic .hd{ position:absolute; right:10px; bottom:15px; z-index:2;}
.news-pic .hd li{ background-color:#b2b5b6; width:12px; height:12px; float:left; margin-right:6px; font-size:0; text-indent:-9999px; border-radius:50%; cursor:pointer;}
.news-pic .hd li.on{ background-color:#d90410;}
.news-pic .bd li{ width:100%; height:480px; position:relative; float:left;}
.news-pic .bd li .aImg{ background-position:center; background-size:cover; width:100%; height:100%;}
.news-pic .bd li .aTit{ background:rgba(0, 0, 0, 0.4); width:100%; height:40px; line-height:40px; font-size:16px; color:#fff; padding:0 140px 0 10px; position:absolute; left:0; bottom:0; z-index:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.news .down .right{ width:50%; height:480px; float:right; margin:0 auto; background:#fff url(../img/images/bg2.png) no-repeat 101% top; background-size:auto 100%;}
.news .down .right .n-menu{ width:90%; height:40px; overflow:hidden; margin:50px 5% 0 5%;}
.news .down .right .n-menu a{ width:19%; height:38px; margin:0 1% 0 0; float:left; line-height:38px; font-size:20px; color:#2979d3; font-family:microsoft yahei; text-align:center; border:1px solid #2979d3; border-radius:19px;}
.news .down .right .n-menu a:hover{width:19%; height:38px; margin:0 1% 0 0; float:left; line-height:38px; font-size:20px; color:#fff; font-family:microsoft yahei; text-align:center; font-weight:bold;border:1px solid #2979d3; border-radius:19px; background-image: linear-gradient(to right, rgba(51,121,211,1), rgba(27,103,188,1));}
.news .down .right .n-menu a.curr{width:19%; height:38px; margin:0 1% 0 0; float:left; line-height:38px; font-size:20px; color:#fff; font-family:microsoft yahei; text-align:center; font-weight:bold;border:1px solid #2979d3; border-radius:19px; background-image: linear-gradient(to right, rgba(51,121,211,1), rgba(27,103,188,1));}
.news .down .right .list{ width:90%; height:auto; overflow:hidden; margin:30px 5% 0 5%;}
.news .down .right .list .lie{ height:49px; overflow:hidden; margin:0 auto; line-height:49px; font-size:16px; color:#333; font-family:microsoft yahei; text-align:left; background:url(../img/images/t2.png) no-repeat left center; text-indent:1.5em; border-bottom:1px dashed #ebebeb; text-overflow:ellipsis; white-space:nowrap; }
.news .down .right .list .lie:hover{color:#02346c;}
.news .down .right .list .lie span{ float:right; color:#888;}

/*maga*/
.m_bg{ width:100%; height:auto; overflow:hidden; position:relative; background-color:#fff;}
.maga .left{ width:22%; height:auto; overflow:hidden; margin:70px auto 0 auto; float:left; position:relative; z-index:1;}
.maga .left .title{width:100%; height:auto; overflow:hidden; margin:0 auto; font-size:40px; color:#333; font-family:microsoft yahei; line-height:80px; text-align:left; font-weight:bold;}
.maga .left .heng{ width:70px; height:4px; clear:both; overflow:hidden; background-color:#02346c;}
.maga .left .more{width:auto; height:auto; overflow:hidden; margin:60px auto 0 auto; padding:10px 30px; border:1px solid #02346c; float:left; font-size:16px; color:#02346c; font-family:microsoft yahei; line-height:1.5; text-align:center;}
.maga .left .more:hover{width:auto; height:auto; overflow:hidden; margin:60px auto 0 auto; padding:10px 30px; border:1px solid #02346c; background-color:#02346c; float:left; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:1.5; text-align:center;}
.maga .right{ width:78%; height:auto; margin:0 auto; position:relative; z-index:2; float:left;}
.maga .right .box{ width:87%; height:auto; display:block; margin:0 12.9% 0 0; padding:100px 0; border-left:1px solid #ebebeb; }
.maga .right .box .pic{ width:100%; height:auto; display:block; margin:0 auto 0 -1%; position:relative; background:url(../img/images/bg6.png) no-repeat left top; background-size:100% 100%;}
.maga .right .box .pic img{ width:94%; height:380px; max-height:94%; margin:3%; transition:all 0.3s;}
.maga .right .box .pic:hover img{ width:94%; height:380px; max-height:94%; margin:3%; transition:all 0.3s; transform:scale(1.05);}
.maga .right .box .pic .jiao{ width:20%; height:20%; position:absolute; right:2%; bottom:2%; background:url(../img/images/t11.png) no-repeat left top; background-size: cover;}
.maga .right .box .title{ width:90%; height:auto; display:block; margin:30px auto 0 auto; font-size:18px; color:#333; font-family:microsoft yahei; line-height:1.5; text-align:center;}

.maga .right .swiper-container{width:100%; height:100%; margin:0 auto;}
.maga .right .swiper-wrapper{ width:100%; margin:0; position:relative;}
.maga .right .swiper-slide{ width:100%; height:100%; position:relative; text-align:center;}
.maga .right .swiper-slide img{ width:100%; height:100% ;}
.maga .right .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.maga .right .swiper_btnz{position: absolute;top: 82%;width: 48px;height: 48px; left:-22%;background: url(../img/images/left.png) 0 0 no-repeat;display: block;z-index:10;}
.maga .right .swiper_btny{position: absolute;top: 82%;width: 48px;height: 48px; left:-10%;background: url(../img/images/right.png) 0 0 no-repeat;display: block;z-index:10;}
.maga .right .swiper_btnz:hover{position: absolute;top: 82%;width: 48px;height: 48px; left:-22%;background: url(../img/images/left_a.png) 0 0 no-repeat;display: block;z-index:10;}
.maga .right .swiper_btny:hover{position: absolute;top: 82%;width: 48px;height: 48px; left:-10%;background: url(../img/images/right_a.png) 0 0 no-repeat;display: block;z-index:10;}

/*open*/
.o_bg{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:60px 0; position:relative; background:url(../img/images/bg4.jpg) no-repeat center top; background:100% auto;}
.open .navs{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.open .navs .title{width:50%; height:auto; overflow:hidden; margin:0 auto; float:left; font-size:40px; color:#fff; font-family:microsoft yahei; line-height:70px; text-align:left; font-weight:bold;}
.open .navs .title span{ padding-left:15px;opacity:0.5;font-size:22px; color:#fff; font-family:microsoft yahei; line-height:70px; text-align:left; font-weight: lighter;}
.open .navs .heng{ width:70px; height:4px; clear:both; overflow:hidden; background-color:#fff;}
.open .navs .more{width:auto; height:auto; overflow:hidden; margin:24px auto 0 auto; padding:10px 30px; border:1px solid #fff; float:right; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:1.5; text-align:center;}
.open .navs .more:hover{width:auto; height:auto; overflow:hidden; margin:24px auto 0 auto; padding:10px 30px; border:1px solid #fff; background-color:#fff; float:right; font-size:16px; color:#02346c; font-family:microsoft yahei; line-height:1.5; text-align:center;}
.open .down{ width:100%; height:auto; margin:60px auto 0 auto;}
.open .down .left{ width:62%; height:580px; float:left; margin:0 auto 0 -2%; background:url(../img/images/bg5.png) no-repeat left top; background-size:100% 100%;}
.open .down .left .top{ width:88%; height:50px; overflow:hidden; margin:50px auto 0 auto; background-color:#e5edf7;}
.open .down .left .top li{ width:25%; height:50px; float:left; overflow:hidden; margin:0 auto; font-size:16px; color:#0f3568; font-family:microsoft yahei; line-height:50px; text-align:center; font-weight:bold;}
.open .down .left .list{ width:88%; height:400px; overflow:hidden; margin:0 auto;}
.open .down .left .list .lie{ width:100%; height:59px; overflow:hidden; margin:0 auto; border-bottom:1px solid #eeeeee;}
.open .down .left .list .lie li{ width:25%; height:59px; float:left; overflow:hidden; margin:0 auto; font-size:16px; color:#333; font-family:microsoft yahei; line-height:59px; text-align:center;}
.open .down .left .list .lie .zhix{ color:#518ccb;}
.open .down .left .list .lie .jine{ color:#fff; font-weight:bold; background:url(../img/images/t12.png) no-repeat center;}
.open .down .right{ width:35%; height:auto; overflow:hidden; float:right; margin:0 auto;}
.open .down .right .ann{ width:99%; height:auto; overflow:hidden; margin:15px auto; padding:10px 0; background:#57473e url(../img/images/t3.png) no-repeat 85% center; border:2px solid #7d6f67;}
.open .down .right .ann:hover{ background:#02346c url(../img/images/t3.png) no-repeat 85% center; border:2px solid #02346c;}
.open .down .right .ann:nth-child(2){ width:99%; height:auto; overflow:hidden; margin:15px auto; padding:10px 0; background:#57473e url(../img/images/t4.png) no-repeat 85% center; border:2px solid #7d6f67;}
.open .down .right .ann:nth-child(2):hover{ background:#02346c url(../img/images/t4.png) no-repeat 85% center; border:2px solid #02346c;}
.open .down .right .ann:nth-child(3){ width:99%; height:auto; overflow:hidden; margin:15px auto; padding:10px 0; background:#57473e url(../img/images/t5.png) no-repeat 85% center; border:2px solid #7d6f67;}
.open .down .right .ann:nth-child(3):hover{ background:#02346c url(../img/images/t5.png) no-repeat 85% center; border:2px solid #02346c;}
.open .down .right .ann .cn{ width:auto; height:auto; overflow:hidden; margin:0 auto 0 15%; font-size:26px; color:#fff; font-family:microsoft yahei; line-height:1.7; text-align:left;}
.open .down .right .ann .en{ width:auto; height:auto; overflow:hidden; margin:0 auto 0 15%; font-size:16px; color:#fff; font-family:Arial; line-height:1.7; text-align:left;}
.open .down .right .contact{ width:100%; height:auto; overflow:hidden; margin:120px auto 0 auto; text-align:right;}
.open .down .right .contact .jz{ width:auto; height:auto; overflow:hidden; display:inline-block; padding:5px 25px;  margin:0 auto 0 40px; font-size:22px; color:#fff; font-family:microsoft yahei; line-height:1.7; text-align:left; font-weight:bold; background:#013b7c url(../img/images/t6.png) no-repeat 10% center; border-radius:28px; text-indent:1.5em;}
.open .down .right .contact .lx{ width:auto; height:auto; overflow:hidden; display:inline-block; padding:5px 25px;  margin:0 auto 0 40px; font-size:22px; color:#fff; font-family:microsoft yahei; line-height:1.7; text-align:left; font-weight:bold; background:#d90410 url(../img/images/t7.png) no-repeat 10% center; border-radius:28px; text-indent:1.5em;}

/*culture*/
.c_bg{ width:100%; height:auto; overflow:hidden; position:relative; padding:60px 0; background:url(../img/images/bg.jpg);}
.culture .navs{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.culture .navs .title{width:auto; height:auto; overflow:hidden; margin:0 auto; float:left; font-size:40px; color:#333; font-family:microsoft yahei; line-height:70px; text-align:left; font-weight:bold;}
.culture .navs .heng{ width:70px; height:4px; clear:both; overflow:hidden; background-color:#02346c;}
.culture .navs .more{width:auto; height:auto; overflow:hidden; margin:24px auto 0 auto; padding:10px 30px; border:1px solid #02346c; float:right; font-size:16px; color:#02346c; font-family:microsoft yahei; line-height:1.5; text-align:center;}
.culture .navs .more:hover{width:auto; height:auto; overflow:hidden; margin:24px auto 0 auto; padding:10px 30px; border:1px solid #02346c; background-color:#02346c; float:right; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:1.5; text-align:center;}
.culture .navs .c_nav{ width:auto; height:auto; overflow:hidden; margin:0 auto 0 20px; float:right;}
.culture .navs .c_nav a{ width:auto; height:auto; overflow:hidden; margin:0 5px; padding:3px 15px; font-size:20px; color:#2979d3; font-family:microsoft yahei; line-height:1.5; text-align:center; border:1px solid #2979d3; border-radius:20px; font-weight:300;}
.culture .navs .c_nav a:hover{ width:auto; height:auto; overflow:hidden; margin:0 5px; padding:3px 15px; font-size:20px; color:#fff; font-family:microsoft yahei; line-height:1.5; text-align:center; border:1px solid #2979d3; border-radius:20px; font-weight:300; background:#2979d3;}

.culture .down{ width:100%; height:auto; display:block; margin:40px auto 0 auto;}
.culture .down .box{ width:30%; height:auto; overflow:hidden; margin:0 1.65%; float:left;}
.culture .down .box .pic{ width:100%; height:100%; overflow:hidden; margin:0 auto;}
.culture .down .box .pic img{ width:auto; height:100%; max-width:100%; transition:all 0.3s;}
.culture .down .box:hover .pic img{ width:auto; height:100%; max-width:100%; transition:all 0.3s; transform:scale(1.1);}
.culture .down .box .title{ width:100%; height:30px; overflow:hidden; margin:30px auto 0 auto; font-size:22px; color:#333; font-family:microsoft yahei; line-height:30px; text-align:left; text-overflow:ellipsis; white-space:nowrap;}
.culture .down .box .con{ width:100%; height:50px; overflow:hidden; margin:10px auto 0 auto; font-size:14px; color:#717171; font-family:microsoft yahei; line-height:25px; text-align:left;}
.culture .down .box .more{ width:100%; height:30px; overflow:hidden; margin:25px auto 0 auto; font-size:14px; color:#013b7c; font-family:microsoft yahei; line-height:30px; text-align:left;}
.culture .down .box:hover .title{width:100%; height:30px; overflow:hidden; margin:30px auto 0 auto; font-size:22px; color:#013b7c; font-family:microsoft yahei; line-height:30px; text-align:left; text-overflow:ellipsis; white-space:nowrap;}

.culture .swiper-container{width:100%; height:100%; margin:0 auto;}
.culture .swiper-wrapper{ width:100%; margin:0; position:relative; padding-bottom:70px;}
.culture .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.culture .swiper-slide img{ width:100%; height:100% ;}

.culture .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.culture .swiper_btnz{position: absolute;bottom: 0px;width: 48px;height: 48px; left:45%;background: url(../img/images/left.png) 0 0 no-repeat;display: block;z-index:10;}
.culture .swiper_btny{position: absolute;bottom: 0px;width: 48px;height: 48px; left:50%;background: url(../img/images/right.png) 0 0 no-repeat;display: block;z-index:10;}
.culture .swiper_btnz:hover{position: absolute;bottom: 0px;width: 48px;height: 48px; left:45%;background: url(../img/images/lefta.png) 0 0 no-repeat;display: block;z-index:10;}
.culture .swiper_btny:hover{position: absolute;bottom: 0px;width: 48px;height: 48px; left:50%;background: url(../img/images/righta.png) 0 0 no-repeat;display: block;z-index:10;}



/*foot*/
.footer{width:100%; height:auto; overflow:hidden; padding:50px 0; background:#0a223e ;}
.footer-btm .left{ width:40%; height:auto; overflow:hidden; margin:0 auto; float:left;}
.footer-btm .center{ width:25%; height:auto; overflow:hidden; margin:0 auto; float:right; text-align:right;}
/*内页*/

.nei_nav{ width:90%; height:45px; overflow:hidden; padding:0 0 8px 0; margin:30px auto; background:url(../img/images/tiao.jpg) repeat-x left bottom; line-height:45px; font-size:16px; color:#999; text-align:left;}

.pmain{ width:90%; margin:auto; overflow:hidden;}
.pmain .nei_navtitle{ width:100%; height:auto; overflow:hidden; margin:0 auto 20px auto; line-height:1.2; font-size:36px; color:#02346c; text-align:center; font-weight:bold;}
.commbanner{ width:100%; height:auto; overflow:hidden; position:relative;}
.commbanner .title{ width:100%; height:auto; overflow:hidden; position:absolute; top:40%; line-height:1; font-size:45px; color:#fff; font-family:microsoft yahei; text-align:center; font-weight:bold;}
.commbanner .heng{ width:55px; height:7px; overflow:hidden; margin:20px auto 0 auto; background-color:#d6b878; border-radius:3px;}

/*one*/
.one_l{ width:20%; height:auto; overflow:hidden; float:left;}
.one_l .top{ width:100%; height:88px; overflow:hidden; background:url(../img/images/t24.png) no-repeat center top;}
.one_l .top .nav{ width:auto; height:auto; overflow:hidden; padding:20px 0 10px 0; margin:0 0 0 30px; line-height:40px; font-size:28px; color:#fff; text-align:left; position:relative; }
.one_l .top .nav:before{ content:''; background:#fff; width:90px; height:1px; position:absolute; left:0; bottom:0;}
.one_l .down{ width:99%; height:auto; overflow:hidden; margin:0 auto; padding:10px 0; border-bottom:1px solid #02346c; border-left:1px solid #02346c; border-right:1px solid #02346c;}
.one_l .down .navs{ width:90%; height:52px; overflow:hidden; margin:10px 5%;  border:1px solid #ededed; background:url(../img/images/t25.png) no-repeat 90% center;}
.one_l .down .navs .title{ width:90%; height:52px; overflow:hidden; margin:0;  background:url(../img/images/t16.png) no-repeat 10% center; line-height:52px; font-size:18px; color:#333; text-align:left; text-indent:2em;}
.one_l .down .navs:hover{width:90%; height:52px; overflow:hidden; margin:10px 5%;  border:1px solid #02346c; background:#02346c url(../img/images/t25a.png) no-repeat 90% center;}
.one_l .down .navs:hover .title{ width:90%; height:52px; overflow:hidden; margin:0;  background:url(../img/images/t16a.png) no-repeat 10% center; line-height:52px; font-size:18px; color:#fff; text-align:left; text-indent:2em;}
.one_l .down .navs.active{width:90%; height:52px; overflow:hidden; margin:10px 5%;  border:1px solid #02346c; background:#02346c url(../img/images/t25a.png) no-repeat 90% center;}
.one_l .down .navs.active .title{ width:90%; height:52px; overflow:hidden; margin:0;  background:url(../img/images/t16a.png) no-repeat 10% center; line-height:52px; font-size:18px; color:#fff; text-align:left; text-indent:2em;}

.one_r{ width:77%; height:auto; min-height:500px; overflow:hidden; margin:0 0 0 2%; float:left; border:1px solid #eeeeee;}
.one_r .title{ width:90%; height:auto; overflow:hidden; margin:0 5%; padding:20px 0; border-bottom:2px solid #02346c; line-height:1.5; font-size:30px; color:#333; text-align:center; }
.one_r .con{ width:90%; height:auto; overflow:hidden; margin:0 5%; padding:40px 0; min-height:400px; line-height:2;}
.one_r .con img{ max-width:100%;}

/*contact*/
.con_nei .nei_navtitle{ width:100%; height:auto; overflow:hidden; margin:0 auto 45px auto; font-size:38px; color:#333; font-family:microsoft yahie; line-height:1.2; text-align:left; font-weight:bold;}
/*join*/
.join_nei .navs{ width:100%; height:auto; overflow:hidden; margin:0 auto 30px auto; font-size:36px; color:#333; font-family:microsoft yahei; line-height:1.3; text-align:center; font-weight:bold;}
.join_nei .down{ width:100%; height:auto; overflow:hidden; margin:0 auto 100px auto;}
.join_nei .down .youshi{ width:100%; height:auto; overflow:hidden; float:left; margin:0 auto;}
/*.join_nei .down .youshi:nth-child(3){ width:31%; height:auto; overflow:hidden; float:left; margin:0 auto;}*/
.join_nei .down .zhichi{ width:49%; height:auto; overflow:hidden; float:left; margin:0 2% 0 auto;}
.join_nei .down .zhichi:nth-child(2){ width:49%; height:auto; overflow:hidden; float:left; margin:0 auto;}
.liuc{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding:100px 0 0 0;}
.liuc .navl{ width:84%; height:auto; overflow:hidden; margin:0 auto 30px auto; font-size:36px; color:#fff; font-family:microsoft yahei; line-height:1.3; text-align:center; font-weight:bold;}
.liuc .down .box{ width:16%; height:auto; overflow:hidden; margin:50px 4% 50px 0; float:left;}
.liuc .down .box:nth-child(5n){ width:16%; height:auto; overflow:hidden; margin:50px 0 50px 0; float:left;}
.liuc .down .box .shu{ width:65px; height:65px; overflow:hidden; margin:0 auto; border:2px solid #eccf93; border-radius:50%; text-align:center; font-size:26px; color:#eccf93; font-family:"SourceHanSerifCN"; line-height:65px;}
.liuc .down .box .title{ width:100%; height:auto; overflow:hidden; margin:15px auto 0 auto; text-align:center; font-size:20px; color:#fff; font-family:microsoft yahei; line-height:1.5; font-weight:bold;}
.liuc .down .box .con{ width:100%; height:50px; overflow:hidden; margin:5px auto 0 auto; text-align:center; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:25px;}
/*about*/
.nei_js .top{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.nei_js .left{ width:43%; height:auto; overflow:hidden; float:left; margin:0 auto;}
.nei_js .right{ width:45%; height:auto; overflow:hidden; float:right; margin:0 auto;}
.nei_js .right .title{ width:100%; height:auto; overflow:hidden; font-size:36px; color:#f0d08b; font-family:microsoft yahei; line-height:1.5; font-weight:bold;}
.nei_js .right .key{ width:100%; height:auto; overflow:hidden; font-size:26px; color:#fff; font-family:microsoft yahei; line-height:1.2; font-weight:bold;}
.nei_js .right .con{ width:100%; height:auto; overflow:hidden; margin-top:40px; font-size:16px; color:#fff; font-family:microsoft yahei; line-height:2;}

.nei_js .down{ width:100%; height:200px; overflow:hidden; position:relative; margin:0 auto; background:url(../img/images/t38.png) no-repeat center 10%; background-size:100% auto;}
.nei_js .down .lie{ width:25%; height:auto; text-align:center; position:absolute; left:0; top:21%; float:left; overflow:hidden; cursor:pointer;}
.nei_js .down a:nth-child(2) .lie{ position:absolute; left:25%; top:32%;}
.nei_js .down a:nth-child(3) .lie{ position:absolute; left:50%; top:13%;}
.nei_js .down a:nth-child(4) .lie{ position:absolute; left:75%; top:28%;}
.nei_js .down .lie .yuan{ width:28px; height:28px; text-align:center; margin:0 auto; overflow:hidden; border:1px solid #fff; border-radius:50%;}
.nei_js .down .lie .yuan .y2{ width:10px; height:10px; text-align:center; margin:8px auto; overflow:hidden; background-color:#fff; border-radius:50%;}
.nei_js .down .lie .title{ width:100%; height:auto; margin:30px auto 0 auto; overflow:hidden; font-size:18px; color:#fff; font-family:microsoft yahei; line-height:1.3; text-align:center;}
.nei_js .down a.curr .lie .yuan{ width:72px; height:72px; text-align:center; margin:0 auto; overflow:hidden; border:1px solid #eabe5f; border-radius:50%;}
.nei_js .down a.curr .lie .yuan .y2{ width:58px; height:58px; text-align:center; margin:8px auto; overflow:hidden; background-color:#eabe5f; border-radius:50%;}
.nei_js .down a.curr .lie .title{ width:100%; height:auto; margin:30px auto 0 auto; overflow:hidden; font-size:18px; color:#eabe5f; font-family:microsoft yahei; line-height:1.3; text-align:center; font-weight:bold;}
.nei_js .down a.curr .lie{ position:absolute; left:0; top:11%; }
.nei_js .down a.curr:nth-child(2) .lie{ position:absolute; left:25%; top:22%;}
.nei_js .down a.curr:nth-child(3) .lie{ position:absolute; left:50%; top:2%;}
.nei_js .down a.curr:nth-child(4) .lie{ position:absolute; left:75%; top:18%;}
.nei_js .dong{ width:100%; height:auto; overflow:hidden; margin:0 auto; animation:ups 0.3s linear; animation-delay:0.3s;}

@keyframes ups {
        0%{ width:100%; height:auto; overflow:hidden; margin:0 auto 0 auto; opacity:0;}
        100%{ width:100%; height:auto; overflow:hidden; margin:0 auto 0 auto; opacity:1; }
    }

}