﻿@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }

/* always display scrollbars */
body { margin: 0 auto; color: #989898; background-color: #fff; _background-attachment: fixed; _background-image: url(about:blank);
-webkit-user-select: none; /* Chrome/Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */


}
button,div,a{outline:none;}
html {
     font-family: MicrosoftYaHeiUI;
    font-size: 14px;
    color: #929292;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;

-webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;


}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
h1, h2, h3, h4, h5, h6, em, i {font-weight: normal; font-style: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding: 0; }
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; background: none; outline: none; padding: 0; margin: 0; border: none; }
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur());color: #545454; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clear { clear: both;}
.fl{float: left;}
.fr{float: right;}

.text{text-align: center;}
.clearfix { *zoom: 1; }
.tabbox{vertical-align: middle;display: table-cell;}
.wrap{width:1200px;margin: 0 auto;}
.hide{display: none;}



.xxxx:hover  img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}

.xxx:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index: -1; background-color:#83bc2b; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.xxx:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}




/*commn*/
.swiper-pagination-bullet-active{background:#e00!important}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#999;opacity:1!important}
/*commn*/

.a:hover img{ -webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);}
10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);}}
@-moz-keyframes tada{0%{-moz-transform:scale(1);}
10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
100%{-moz-transform:scale(1) rotate(0);}}



@-webkit-keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.div{transition:all 0.5s; animation-name:fadeInUp; animation-delay:0.2s;}





/*过渡*/
.aaa{
  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}


figcaption {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 999;
}
figcaption::before,figcaption::after {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    content: '';
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, transform 0.4s;
}
figcaption::before {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
figcaption::after {
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}


/**手机菜单**/
header.scoll{ position:fixed; left:0; top:0; box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.5);width: 100%;z-index: 30;}
.navBtn{ background:#3e85bc; width:55px; height:55px; position:absolute; right:0; top:0; cursor:pointer; z-index:20; display:none; -webkit-transition: all ease 0.3s; transition: all ease 0.3s;}
.navBtn span { position:absolute; top:18px; display:block; width:34px; height:3px; left:13px; background-color:#fff; -webkit-transition: top 0.2s 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s; transition: top 0.2s 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s; transition: top 0.2s 0.2s, transform 0.2s, background 0.2s, opacity 0s 0.2s; transition: top 0.2s 0.2s, transform 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s; }
.navBtn span:nth-of-type(2) { top: 28px; }
.navBtn span:nth-of-type(3) { top: 38px; bottom: 0; -webkit-transition: bottom 0.2s 0.2s, background 0.2s, -webkit-transform 0.2s; transition: bottom 0.2s 0.2s, background 0.2s, -webkit-transform 0.2s; transition: bottom 0.2s 0.2s, transform 0.2s, background 0.2s; transition: bottom 0.2s 0.2s, transform 0.2s, background 0.2s, -webkit-transform 0.2s; }
.navBtn.expanded:hover span { transform: scale(0.9); }
.navBtn.expanded span:nth-of-type(1) { top:28px; transform: rotate(45deg); transition: top 0.2s, transform 0.2s 0.2s, background 0.2s; -webkit-transform: rotate(45deg); -webkit-transition: top 0.2s, -webkit-transform 0.2s 0.2s, background 0.2s; }
.navBtn.expanded span:nth-of-type(2) { opacity: 0; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; }
.navBtn.expanded span:nth-of-type(3) { top:28px; transform: rotate(-45deg); transition: bottom 0.2s, transform 0.2s 0.2s, background 0.2s; -webkit-transform: rotate(-45deg); -webkit-transition: bottom 0.2s, -webkit-transform 0.2s 0.2s, background 0.2s; }

.navPup-ibox{ position:fixed; top:0; left:0; width:100%; height:100%; z-index: 20; background: #fff; transform: translateY(-100%); -webkit-transform: translateY(-100%); transition: cubic-bezier(0.92, 0.1, 0.25, 1) .8s; -webkit-transition: cubic-bezier(0.92, 0.1, 0.25, 1) .8s;}
.navPup-ibox.cur { transform: translateY(0); -webkit-transform: translateY(0);}
.nav-list { background:#3e85bc; height:100%; }
.nav-list li { position:relative; line-height:50px; font-size:16px; text-align:center; border-bottom:1px solid #05528e; border-top:1px solid #599cd0;}
.nav-list li a.far{ display:block; color:#fff; width:100%; }
.nav-list li a.current, .nav-list li a.far:hover{ background-color:#05528e;}

.nav-list li .msubnav{ background:#f5f5f5; padding:5px 0; display:none;}
.nav-list li .msubnav a{ display:block; font-size:15px; color:#777; line-height:32px; }
.nav-list li .msubnav a:hover{ color:#05528e;}
@-moz-keyframes subnav-open { 0% {
-moz-transform:scaleY(0.85);
transform:scaleY(0.85)
}
100% {
-moz-transform:scaleY(1);
transform:scaleY(1)
}
}
@-webkit-keyframes subnav-open { 0% {
-webkit-transform:scaleY(0.85);
transform:scaleY(0.85)
}
100% {
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
}
@keyframes subnav-open { 0% {
-moz-transform:scaleY(0.85);
-ms-transform:scaleY(0.85);
-webkit-transform:scaleY(0.85);
transform:scaleY(0.85)
}
100% {
-moz-transform:scaleY(1);
-ms-transform:scaleY(1);
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
}








/*index*/
.banner{position: relative;}
.banner_swiper,.banner_swiper .swiper-slide{width:100%;}
.banner_swiper,.banner_swiper .swiper-wrapper,.banner_swiper .swiper-wrapper .swiper-slide{height: auto !important;}
.banner_swiper .swiper-slide img{width:100%;display: block;}
.banner_swiper .pagination {position: absolute;z-index: 20;left:0;bottom:38px;width: 100%;text-align: center;}
.banner_swiper .swiper-pagination-switch {display: inline-block;width:43px;height:3px;margin:0 6px;cursor: pointer;background:#fff;}
.banner_swiper .swiper-visible-switch {}
.banner_swiper .swiper-active-switch {background: #f50000;height:11px;}


header{text-align: center;background:#05528e;padding:1em 0;position: relative;z-index: 30;}
header .head_btn{position:absolute;left:55px;top:0;height: 100%;}
header .head_btn a{color:#fff;border:1px #fff solid;display:inline-block;margin-right: 15px;height: 34px;line-height: 34px;padding:0 1em;}
header .head_btn span{height: 100%;vertical-align: middle;display: inline-block;}
header .head_btn a:hover{background:#23a940;}


header .logo{margin-bottom: 10px;}
header p{font-size: 20px;font-weight: 800;color:#64b9fa;}
header .sousuo{position: absolute;right:55px;top:30px;}
header .sousuo .tel{padding-left: 33px;height: 26px;line-height: 26px;font-weight: 800;font-size: 24px;color:#ff0000;background:url(../images/tel1.png) no-repeat;}
header .sousuo .search{margin-top: 11px;margin-left: 2px;}
header .sousuo .search input{width: 244px;height: 34px;border:none;background:#fff;font-size: 14px;color:#333;float:left;padding-left: 15px;}
header .sousuo .search a{width:40px;background:url(../images/search.png) no-repeat #34a3f9 center;height: 34px;float:left;}

footer{}
footer .copy{text-align: center;color:#95b9d6;font-size: 12px;line-height: 69px;background:#0b5791;}
footer .top{background:#1b6dae;padding:72px 0;}
footer .link{width: 53%;margin-right: -2%;}
footer .link .item{float:left;width: 23%;margin:0 2% 0 0;}
footer .link h4{font-size: 16px;color:#ffffff;margin-bottom: 10px;}
footer .link p{line-height: 36px;}
footer .link p a{font-size: 14px;color:#ceeaff;}
footer .addre{width: 43%;padding:15px 0;position: relative;}
footer .addre .tel{width: 355px;height: 56px;border-radius: 6px;background:#0b5791;text-align: center;font-size: 18px;color:#fff;line-height: 56px;}
footer .addre .tel img{margin-right: 20px;vertical-align: middle;}
footer .addre .tel a{font-weight: 800;color:#fff;}
footer .addre .bom{margin-top: 35px;}
footer .addre .bom .ewm{text-align: center;}
footer .addre .bom .ewm img{width: 107px;height: 107px;}
footer .addre .bom .ewm p{font-size: 14px;color:#ceeaff;}
footer .addre .bom .txt{width: 73%;}
footer .addre .bom .txt h4{font-size: 18px;font-weight: 800;color:#def1ff;}
footer .addre .bom .txt p{font-size: 14px;color:#def1ff;line-height:30px;}
footer .addre .bom .txt p a{color:#def1ff;}
footer .addre:before{content:'';position: absolute;left:-15%;top:0;width: 1px;height: 100%;background:#80aed2;}

nav{position: relative;}
.nav{height: 167px;}
.nav li{float:left;width: 12.5%;text-align: center;height: 167px;line-height: 167px;background:#05528e;position: relative;
    transition:400ms;-webkit-transition:400ms;}
.nav li.on:before,.nav li:hover:before{content:'';width: 100%;height: 8px;background:url(../images/sj1.png) no-repeat center;position: absolute;left:0;top:-8px;z-index:12;}
.nav li:nth-child(2n){background:#2579bb;}
.nav li a{display:block;background:url(../images/nav.png) no-repeat center;font-size: 14px;color:#fff;
transition:400ms;-webkit-transition:400ms;
}
.nav li:hover a,.nav li.on a{background:url(../images/nav2.png) no-repeat center;color:#373737;}
.nav li:hover{background:#23a940;}

.navigation-down{position:absolute;top:-56px;left:0px;width:100%;z-index: 10;}
.navigation-down .nav-down-menu{width:100%;margin:0;background:rgba(0,0,0,.7);position:absolute;top:0px;}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:90%;position:relative;}
.navigation-down .nav-down-menu dl{float:left;line-height: 56px;height: 56px;}
.navigation-down .menu-1 dl{}
.navigation-down .menu-1 dt{color:#fff;padding-bottom:10px;margin-bottom:10px;}
.navigation-down .menu-1 dd a{color:#fff;font-size: 16px;margin-right: 1em;}
.navigation-down .menu-1 dd a:hover{color:#23a940;}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#fff;}


.box1{height: 433px;}
.box1 .L{width: 50%;height: 100%;position:relative;overflow:hidden;}
.box1 .L img{display:block;width: 100%;height: 100%;
  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.box1 .L .bg{width: 50%;height: 100%;background:rgba(3,49,85,.5);position: absolute;right:0;top:0;}
.box1 .L .bg .padd{padding:55px;}
.box1 .L .bg h4{font-size: 24px;font-weight: 800;color:#fff;}
.box1 .L .bg b{display:block;width: 42px;height: 3px;background:#fff;margin:15px 0;}
.box1 .L .bg p{font-size: 14px;color:#fff;line-height: 30px;overflow-y: auto;max-height: 200px;}

.box1 .L .bg p::-webkit-scrollbar{width:5px;height: 5px;}/*滚动条整体部分，其中的属性有width,height,background,border（就和一个块级元素一样）等*/
.box1 .L .bg p::-webkit-scrollbar-button{  background-color:#fff;}/*滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/
.box1 .L .bg p::-webkit-scrollbar-track{background:#fff;}/*外层轨道*/
.box1 .L .bg p::-webkit-scrollbar-track-piece {background:#fff);}/*内层轨道，滚动条中间部分（除去）*/
.box1 .L .bg p::-webkit-scrollbar-thumb{background:#ff0000;border-radius:4px;}/*滚动条里面可以拖动的那部分*/
.box1 .L .bg p::-webkit-scrollbar-corner {background:#fff;}/*边角*/
.box1 .L .bg p::-webkit-scrollbar-resizer  {background:#fff;}/* 定义右下角拖动块的样式*/

.box1 .L .bg a{font-size: 14px;color:#333333;width: 125px;height: 39px;line-height: 39px;background:#fff;text-align: center;display:inline-block;margin-top: 35px;}
.box1 .L .bg a span{font-family: 宋体;margin-left: 8px;}
.box1 .L .bg a:hover{background:#2579bb;color:#fff;}
.box1 .L:hover  img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}





.box1 .R{width: 50%;height: 100%;}
.newbanner{width: 50%;height: 100%;position: relative;background:#eee;}
.newbanner_swiper,.newbanner_swiper .swiper-slide{width:100%;}
.newbanner_swiper,.newbanner_swiper .swiper-wrapper,.newbanner_swiper .swiper-wrapper .swiper-slide{height: 100% !important;}
.newbanner_swiper .swiper-slide{position: relative;overflow:hidden;}
.newbanner_swiper .swiper-slide img{width:100%;display: block;height: 100%;
  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.newbanner_swiper .pagination {position: absolute;z-index: 20;right:0;bottom:29px;width: auto;text-align: center;}
.newbanner_swiper .swiper-pagination-switch {display: inline-block;width:10px;height:10px;margin:0 6px;cursor: pointer;border:1px #fff solid;border-radius: 10px;}
.newbanner_swiper .swiper-visible-switch {}
.newbanner_swiper .swiper-active-switch {background: #fff;}
.newbanner_swiper .txt{position: absolute;left:0;bottom:0;background:#2579bb;width: 100%;}
.newbanner_swiper .txt a{display:block;padding:25px 32px;}
.newbanner .txt h4{font-size: 18px;font-weight: 800;color:#fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newbanner .txt .date{font-size: 14px;color:#72c1ff;margin-top: 20px;}
.newbanner_swiper .swiper-slide:hover .txt{background:#23a940;}
.newbanner_swiper .swiper-slide:hover .txt .date{color:#fff;}
.newbanner_swiper .swiper-slide:hover  img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}

.newlist{width: 50%;height: 100%;background:#fff;}
.newlist .padd{padding:25px 50px;}
.newlist .top{}
.newlist .top h4{color:#05528e;font-size: 24px;font-weight: 800;}
.newlist .top b{display:block;width: 42px;height: 3px;background:#05528e;margin:15px 0;}
.newlist .list{margin-top: 25px;}
.newlist .list .item{margin-bottom: 18px;}
.newlist .list .item .txt{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;color:#000000;padding-left: 10px;background:url(../images/sj2.png) no-repeat left center;}
.newlist .list .item .date{font-size: 14px;color:#828282;padding-left: 10px;}
.newlist .list .item:hover .txt{color:#05528e;text-decoration: underline;background:url(../images/sj21.png) no-repeat left center;}


.box2{height: 244px;}
.box2 .L,.box2 .R{width: 50%;height: 100%;}
.box2 .L{text-align: center;background:#05528e;color:#05528e;line-height: 244px;}
.box2 .L a{font-size: 18px;color:#fff;display:block;}
.box2 .L img{vertical-align: middle;margin-right: 24px;}
.box2 .R{position: relative;overflow:hidden;}
.box2 .R img{display:block;width: 100%;height: 100%;
  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.box2 .R a{font-size: 24px;color:#fff;font-weight: 800;position: absolute;left:0;top:0;width: 100%;height: 100%;text-align:center;line-height: 244px;}
.box2 .R:hover  img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}



.box3{height: 433px;}
.box3_banner{position: relative;width:33.33%;height: 100%;background:#eee;}
.box3 .R{width:66.67%;height: 100%;}
.box3 .R .item{float:left;width: 50%;height: 100%;position: relative;overflow:hidden;}
.box3 .R .item .pic{display:block;background-size: cover !important;background-position: center !important;width:100%;height: 100%;}
.box3 .R .item .bg{display:block;width:100%;height: 100%;position: absolute;left:0;top:0;z-index: 5;text-align: center;display:table; transition:400ms;-webkit-transition:400ms;}
.box3 .R .item .bg h4{font-size: 24px;color:#fff;font-weight: 800;}
.box3 .R .item .bg b{display:block;width: 43px;height: 3px;margin:15px auto;background:#fff;}
.box3 .R .item .bg p{color:#fff;font-size: 14px;}
.box3 .R .item .bg a{width: 74px;height: 74px;line-height: 74px;text-align: center;border-radius: 74px;background:#fff;font-size: 14px;color:#333333;display:inline-block;position: absolute;left:0;bottom:-50%;margin:0 auto;right:0;transition:400ms;-webkit-transition:400ms;}
.box3 .R .item:hover .bg{background:#2579bb;}
.box3 .R .item:hover .bg a{bottom:17%;}
.box3 .R .item .bg a:hover{color:#fff;background:#23a940;}

.box3_banner .bd ul,.box3_banner .bd{width: 100%;height: 100%;}
.box3_banner .bd li{ width:100% ; height:100%; overflow:hidden; position:relative; }
.box3_banner .bd li a{display:block;height: 100%;}
.box3_banner .pageState{position: absolute;bottom:32px;color:#acacac;right:30px;z-index:10;font-size: 18px;}
.box3_banner .pageState span{color:#ff0000;font-size: 24px;}
.box3_banner .mr_frBtnL{display:inline;left:0;}
.box3_banner .mr_frBtnR{right:0;}
.box3_banner .mr_frBtnL,.box3_banner .mr_frBtnR{position: absolute;top:40%;width:41px;height:67px;cursor:pointer;z-index: 9999;display:none;}
.box3_banner:hover .mr_frBtnR,.box3_banner:hover .mr_frBtnL{display:inline;}

.box3_banner .bd li .txt{position: absolute;left:0;bottom:0;width: 100%;background:url(../images/bg2.png) repeat-x left bottom;height: 172px;}
.box3_banner .bd li .txt .padd{padding:84px 55px 30px;}
.box3_banner .bd li .txt h4{font-size: 24px;color:#fff;max-height: 62px;overflow:hidden;}
.box3_banner .bd li .txt p{font-size: 14px;color:#fff;}
.box3_banner .bd li img{display:block;width: 100%;height: 100%;
  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.box3_banner .bd li:hover  img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}






/*关于我们_美厦简介*/
.nybanner{}
.nybanner img{display:block;width:100% ;}

.nycon{background:#4191cf;padding-bottom: 120px;}
.crumbs{color:#dbefff;font-size: 14px;line-height: 36px;padding-top: 29px;}
.crumbs a{color:#dbefff;}
.jjbox{background:#c6dff2;padding:30px;}
.jjbox .menu{height: 51px;background:#3e85bc;}
.jjbox .menu a{float:left;padding:0 18px;font-size: 16px;color:#9bd3ff;height: 51px;line-height: 51px;}
.jjbox .menu a:hover,.jjbox .menu a.on{background:#05528e;color:#36cc57;}
.jjbox .jjtxt{margin-top: 30px;padding-bottom: 100px;}
.jjbox .jjtxt p{font-size: 16px;color:#2e2e2e;line-height: 36px;}
.jjbox .jjtxt img{max-width: 100%;}




/*作品展示*/
.jjbox .menu2{background:#3e85bc;position: relative;}
.jjbox .menu2:before{content:'';position: absolute;left:0;top:50%;width: 100%;height: 1px;background:#c6dff2;}
.jjbox .menu2 a{float:left;font-size: 16px;color:#9bd3ff;height: 51px;line-height: 51px;text-align: center;width: 25%;position: relative;}
.jjbox .menu2 a:before{content:'';position: absolute;right:0;top:0;width: 1px;height: 100%;background:#c6dff2;}
.jjbox .menu2 a:nth-child(4n):before{display:none;}
.jjbox .menu2 a:hover,.jjbox .menu2 a.on{background:#05528e;color:#36cc57;}

.pag{text-align: center;margin-top: 35px;}
.pagbox{display:inline-block;border:1px #7fafd3 solid;}
.pagbox a{height: 39px;line-height: 39px;padding:0 17px;display:inline-block;}
.pagbox a:hover{background:#1b6dae;color:#fff;}

.cplist{margin-top: 47px;margin-right: -3%;}
.cplist .item{float:left;width: 30.33%;margin:0 3% 25px 0;}
.cplist .item .pic{border:1px #7fafd3 solid;overflow:hidden;}
.cplist .item .pic .padd{padding:3%;}
.cplist .item .pic img{display:block;height:235px;width: 100%;}
.cplist .item .txt1{text-align: center;font-size: 16px;color:#000000;line-height: 40px;}
.cplist .item:hover .pic{background:#05528e;}




/*新闻中心*/
.new_list{margin-top:47px ;}
.new_list img{max-width: 100%;}
.new_list .item{margin-bottom: 18px;padding-bottom: 18px;border-bottom: 1px #96b5cd dotted;}
.new_list .item .pic{width: 203px;height: 141px;overflow:hidden;}
.new_list .item .pic img{display:block;height:100%;width: 100%;
  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.new_list .item .txt2{width: 80%;}
.new_list .item .txt2 h4{font-size: 24px;color:#000000;margin-bottom: 10px;}
.new_list .item .txt2 p{line-height: 24px;color:#314b5f;}
.new_list .item .txt2 .date{color:#314b5f;margin-top: 20px;display:block;}
.new_list .item:last-child{border-bottom: none;}
.new_list .item:hover .txt2 h4{text-decoration: underline;color:#05528e;}
.new_list .item:hover .pic img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}



/*联系我们*/
.touch{margin-bottom: 28px;height: 450px;border:1px #9ac0de solid;}
.touch .L{width: 55%;height: 100%;overflow:hidden;}
.touch .L img{display:block;height:100%;width: 100%;
  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.touch .R{width: 45%;height: 100%;background:#fff;display:table;}
.touch .R .tabbox{padding:0 42px;}
.touch .R h4{font-size: 24px;color:#000000;margin-bottom: 5px;}
.touch .R p{font-size:16px;color:#000000;line-height: 36px;}
.touch:hover .L img{
  transform:scale(1.05,1.05);
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);

  transition:all 1s ease;
  -o-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}
.map{border:1px #9ac0de solid;}
.map img{display:block;width: 100%;}



/*作品展示_详细*/
.cpxx{}
.cpxx .wrap2{width: 870px;margin:0 auto;}
.cpxx h2{font-size: 30px;color:#000000;text-align: center;margin-bottom:34px;margin-top: 80px;}
.cpxx .mian{position: relative;}
.cpxx .arrow-l1,.cpxx .arrow-r1{position: absolute;top:47%;width:78px;height:78px;z-index: 10;cursor: pointer;}
.cpxx .arrow-l1 {left:-122px;}
.cpxx .arrow-r1 {right:-122px;}
.cpbanner_swiper,.cpbanner_swiper .swiper-wrapper{height:auto !important;}
.cpbanner_swiper .swiper-slide{text-align: center;height:602px !important;}
.cpbanner_swiper .swiper-slide img{width: 100%;height:100%;}
.cpbanner_swiper .swiper-slide span{height: 100%;vertical-align: middle;display: inline-block;}
.cpbanner_swiper .pagination {position: absolute;z-index: 20;left:0;bottom:20px;width: 100%;text-align: center;}
.cpbanner_swiper .swiper-pagination-switch {display: inline-block;width:12px;height:12px;margin:0 9px;cursor: pointer;background:#e3e0df;border-radius: 12px;}
.cpbanner_swiper .swiper-visible-switch {}
.cpbanner_swiper .swiper-active-switch {background: #e21314;}

.ttxlist{margin-top: 30px;}
.ttxlist p{font-size: 16px;color:#000000;line-height: 36px;}

.nypag{border-top:2px #3e85bc solid;padding-top: 20px;margin-top: 45px;}
.nypag a{font-size: 16px;color:#353535;width: 48%;}
.nypag a.next{text-align: right;}




/*项目委托*/
.wthead{text-align:center;}
.wthead img{position:absolute;left:0;top:0;}
.wthead h4{font-size: 24px;color:#292929;font-weight: 800;margin-bottom: 8px;}
.wthead p{font-size: 18px;color:#282828;}
.wthead .box{display:inline-block;padding-left: 92px;position: relative;text-align:left;}

.wtbom{margin-top: 30px;}

.wtbom .L{width: 654px;border:1px #99bfdd solid;}
.wtbom .L .padd{padding:55px;}
.wtbom .R{width: 429px;background:#2579bb;}
.wtbom .R .padd{padding:35px 35px;}
.wtbom .R h4{padding-left:45px;position: relative;font-size: 24px;color:#fff;padding-bottom: 11px;border-bottom: 3px #fff solid;height: 38px;line-height:38px;margin-bottom: 10px;}
.wtbom .R h4 img{position:absolute;left:0;top:0;}
.wtbom .R p{font-size: 16px;color:#fff;line-height: 48px;}


.wtbom .L .item{margin-bottom: 20px;}
.wtbom .L .item .name{font-size: 16px;color:#282828;line-height: 49px;text-align: right;width:25%;}
.wtbom .L .item .name span{color:#f1383e;}
.wtbom .L .item .mian{width:70%;}
.wtbom .L .item .mian input{height: 49px;border:1px #99bfdd solid;padding:0 2%;background:#b5d7f1;border-radius: 5px;width: 96%;font-size: 16px;color:#282828;}
.wtbom .L .item .mian textarea{height: 169px;padding:2%;width: 96%;resize: none;border:1px #99bfdd solid;background:#b5d7f1;border-radius: 5px;font-size:16px;color:#282828;}
.wtbom .L .item .mian .yz{height: 49px;border:1px #99bfdd solid;padding:0 2%;background:#b5d7f1;border-radius: 5px;width: 110px;font-size: 16px;color:#282828;float:left;}
.wtbom .L .item .mian .pic{width: 112px;height: 37px;border:1px #9dc2df solid;float:left;margin:7px 13px 0 17px;}
.wtbom .L .item .mian .pic img{display:block;width: 100%;height: 100%;}
.wtbom .L .item .mian a{float:left;color:#2388d6;line-height: 49px;}
.wtbom .L .btn{margin-top: 25px;text-align: right;}
.wtbom .L .btn input{height: 59px;background:#05528e;border-radius: 5px;width:70%;font-size:24px;color:#fff;border:none;cursor:pointer;}

.nymtop{width: 100%; margin-top: 20px; line-height: 40px; padding-bottom: 20px; border-bottom: 1px solid #949191;    font-size: 24px;
    color: #000000;}





.search input {
    width: 244px;
    height: 34px;
    border: none;
    background: #fff;
    font-size: 14px;
    color: #333;
    float: left;
    padding-left: 15px;
}
 .search a {
    width: 40px;
    background: url(../images/search.png) no-repeat #34a3f9 center;
    height: 34px;
    float: left;}



.search2{ text-align:center;
padding:30px 0px;
width:350px;
margin:auto;
}



