/* Write your styles */
ul,li,dl,dt,dd,h1,h2,h3,p{ list-style:none; margin:0; padding:0;}
a{text-decoration: none;transition: all .1s linear; color:#444;}
a:hover{color:#3a70d0;}
.am-container{max-width: 1280px;position: relative;}
.am-alert-danger{ width:100%; position:fixed; left:0; top:0; margin:0;}
@font-face{font-family:heve;src:url('../fonts/helveticaneueltpro-thex.eot');src:url('../fonts/helveticaneueltpro-thex.eot')format('embedded-opentype'),url('../fonts/helveticaneueltpro-thex.ttf')format('truetype');}

body{font-size:14px;color:#000;margin:0;padding:0; min-width:1440px;}
.swiper-wrapper{transition-delay:.3s}
.swiper-container{ height:100vh;}


.tb {display: table;width: 100%;height: 100%;}
.tbc {display: table-cell;vertical-align: middle;}



.header{ position:fixed; width:100%; background:rgba(255,255,255,.8); z-index:999999;min-width:1440px;    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);}
.header .top{ width:100%; height:36px; line-height:36px; background:#000; color:#ddd; font-size:12px;}
.header .top .top-rmenu a{color:#ddd; padding:0 4px;}
.header .top .top-rmenu a:hover{ color:#fff;}
.header .logo{  height:90px; line-height:90px;}

.menu { height:90px; line-height:90px; margin-right:15px;}
.menu ul li {position: relative; float: left;-webkit-perspective: 100px; -moz-perspective: 100px; -ms-perspective:100px; perspective:100px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;z-index: 999;}
.menu ul li a {display: block;padding: 0 24px;font-size: 16px;color: #333; position:relative;}
.menu ul li:hover>a{color:#1257a0;}.menu ul li.active>a{color:#1257a0;}

.menu ul li .childer {position: absolute;transition: all .3s linear;width:100%;height: auto;top: 90px;left: 0; padding-bottom: 5px;background: transparent;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px; -webkit-transform-origin: 0px 0px;
-moz-transform-origin: 0px 0px;-ms-transform-origin: 0px 0px;transform-origin: 0px 0px;-webkit-transform: rotateX(-60deg); -moz-transform: rotateX(-60deg); -ms-transform: rotateX(-60deg); transform: rotateX(-60deg);-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden; backface-visibility: hidden; z-index: 9999; opacity:0;}
.menu ul li:hover .childer { opacity:1;-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg); transform: rotateX(0deg);background:#1257a0;}
.menu ul li .childer a { font-size:13px; height: 35px; line-height: 35px; text-align:center; color: #fff; padding:0 10px;border-left-width: 2px; border-right-width: 0; border-top-width: 0; border-bottom-width: 0; border-style: solid;
 border-color: transparent;overflow: hidden;}
.menu ul li .childer a:hover{ background:#fff; border-left:2px solid #0f4884;color:#1257a0;}

.code{ width:19px; height:19px; margin-top:28px;}
.code a{ display:block; position:relative;}


.toptel{ margin-top:28px; font-size:20px; font-weight:bold; color:#1257a0; margin-left:20px; padding-left:24px; background:url(../images/tel.png) 0 center no-repeat; font-family:heve;}
.pc-ewm{ width:100%; height:100%; position:fixed; display:none; z-index:999997; top:0;}
.pc-ewm .ewmswpe{ width:100%; height:100%; position:fixed; background:rgba(0,0,0,.8);z-index:9998; top:0;}
.pc-ewm .ewm-xx{ position:relative; top:30%; z-index:999999; width:240px; margin:0 auto; padding:5px; background:#FFF;}
.pc-ewm .ewm-xx img{ width:100%;}
.pc-ewm .ewm-xx  span{ display:block; text-align:center;}



.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{ width:12px; height:12px; margin:20px 0;}
.swiper-ap{ text-align:center; position:absolute; z-index:999;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 10px; width:10px; height:10px; background:#fff;}
.banner{ height:100%;}
.banner .swiper-banner{ height:100%; overflow:hidden;}
.banner .swiper-banner .swiper-slide .bimg{ width:100%; height:100%; background-position:center; display:block; background-size:cover; background-repeat:no-repeat;transition:1s linear;transform:scale(1.05,1.05);}
.banner .swiper-banner .swiper-slide.swiper-slide-active .bimg{transform:scale(1);}	
.banner .swiper-banner .swiper-slide img{ max-width:inherit;vertical-align: middle;}


.abboyu{ padding-top:80px;}
.about{ width:100%; height:100%; background:url(../images/bg1.jpg) center no-repeat; background-size:cover;}
.about-txt{width: 68%;
    background:rgba(255, 255, 255, 0.71);
    padding: 30px;
    padding-right: 90px;}
.am-title span{ font-family:heve; font-size:16px; color:#3a70d0;}
.am-title h2{ font-size:30px; font-weight:normal;}

.abtxtinfo{ margin-top:20px; line-height:240%;}


.imgDiv{ width: 37%;
    position: absolute;
    right: 0;}
.MoreDiv {text-align: right;margin-bottom: 33px;}
.MoreDiv .allSubBtn {display: inline-block;}

.allSubBtn2 {line-height: 46px;font-size: 14px;padding-left: 25px;text-align: left;position: relative;z-index: 8;}
.allSubBtn2:before {position: relative;width: 18px;height: 100%;display: inline-block;background: url(../images/2icon13.png) no-repeat center;position: absolute;right: 15px;top: 0;content: "";}
.aallSubBtn {width: 151px;font-size: 15px;display: inline-block;line-height: 46px;-webkit-border-radius: 26px;-moz-border-radius: 26px;border-radius: 26px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);border: none;outline: none;background-color: #3a70d0;color: #fff;}
.aallSubBtn:hover{ color:#fff;}

.about .imgDiv img {width: 100%;box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
/**/
.swiper-slide .about .imgDiv{visibility: visible;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-delay: 0.5s;-webkit-animation-delay: 0.5s;-webkit-animation-name: fadeOutRight;animation-name: fadeOutRight;animation-fill-mode: both;}
.swiper-slide.swiper-slide-active .about .imgDiv{visibility: visible;animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 1s;-webkit-animation-delay: 1s;-webkit-animation-name: fadeInRight;animation-name: fadeInRight;animation-fill-mode: both;}

.swiper-slide .about .about-txt{visibility: visible;animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.2s;-webkit-animation-delay: 0.2s;-webkit-animation-name: fadeOutLeft;animation-name: fadeOutLeft;animation-fill-mode: both;}
.swiper-slide.swiper-slide-active .about .about-txt{visibility: visible;animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.6s;-webkit-animation-delay: 0.6s;-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;animation-fill-mode: both;}


/*
.swiper-slide .about .am-title{visibility: visible;animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.2s;-webkit-animation-delay: 0.2s;-webkit-animation-name: fadeOutDown;animation-name: fadeOutDown;animation-fill-mode: both;}
.swiper-slide.swiper-slide-active .about .am-title{visibility: visible;animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.6s;-webkit-animation-delay: 0.6s;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;animation-fill-mode: both;}




.swiper-slide .about .abtxtinfo{visibility: visible;animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.3s;-webkit-animation-delay: 0.3s;-webkit-animation-name: fadeOutDown;animation-name: fadeOutDown;animation-fill-mode: both;}
.swiper-slide.swiper-slide-active .about .abtxtinfo{visibility: visible;animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 1s;-webkit-animation-delay: 1s;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;animation-fill-mode: both;}
*/



.am-aboutico{ margin-top:60px;}
.am-aboutico ul li{ text-align:center;transition: all .8s ease;}
.am-aboutico ul li i{ display:inline-block;  width:94px; height:94px; border-radius:50%; border:1px solid #3a70d0; line-height:94px;}
.am-aboutico ul li h3{ font-size:18px; font-weight:normal; margin-top:6px; color:#333;}
/*.am-aboutico ul li:hover{margin-top: -15px;}*/





/**/
.swiper-slide .about .am-aboutico ul li{visibility: visible;-webkit-animation-name: fadeOutDown;animation-name: fadeOutDown;animation-fill-mode: both;}
.swiper-slide.swiper-slide-active .about .am-aboutico ul li{visibility: visible;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;animation-fill-mode: both;}

.swiper-slide .about .am-aboutico ul li:nth-child(1){animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.3s;-webkit-animation-delay: 0.3s;}
.swiper-slide.swiper-slide-active .about .am-aboutico ul li:nth-child(1){animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 1s;-webkit-animation-delay: 1s;}

.swiper-slide .about .am-aboutico ul li:nth-child(2){animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.4s;-webkit-animation-delay: 0.4s;}
.swiper-slide.swiper-slide-active .about .am-aboutico ul li:nth-child(2){animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 1.1s;-webkit-animation-delay: 1.1s;}

.swiper-slide .about .am-aboutico ul li:nth-child(3){animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.5s;-webkit-animation-delay: 0.5s;}
.swiper-slide.swiper-slide-active .about .am-aboutico ul li:nth-child(3){animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 1.2s;-webkit-animation-delay: 1.2s;}

.swiper-slide .about .am-aboutico ul li:nth-child(4){animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.6s;-webkit-animation-delay: 0.6s;}
.swiper-slide.swiper-slide-active .about .am-aboutico ul li:nth-child(4){animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 1.3s;-webkit-animation-delay: 1.3s;}
/**/


.product{ width:100%; height:100%; background:url(../images/bg2_1.jpg) center no-repeat; background-size:cover;}
.product .am-container{ max-width:92%;}

.pro-tit{ font-size:30px; text-align:center; position:relative;  float:left; color:#fff;height: 60px;}


.prohx{ border-bottom:1px solid rgba(255, 255, 255, 0.09); padding:0 5.2%; margin-top:80px;}


.slideTxtBox { margin-top:20px;}
.slideTxtBox .hd{text-align:center;position:relative; float:right;overflow:hidden}
.slideTxtBox .hd ul{width:100%;}
.slideTxtBox .hd ul li{padding:0 16px; display:inline-block;cursor:pointer;display:inline-block;height:36px;line-height:36px;color:#ccc;background:#666;border-radius:50px;margin:0 6px;font-size:14px}

.slideTxtBox .hd ul li.on{color:#fff;background:#3a70d0;}
.slideTxtBox .bd ul{zoom:1}
.slideTxtBox .bd{ clear:both;}
.swiper-slide .multipleColumn02{ height:618px;}

.list-pros{margin-top:40px}
.multipleColumn02{overflow:hidden;position:relative;}
.multipleColumn02 .bd02{overflow:hidden}
.multipleColumn02 .bd02 ul{zoom:1;}
.multipleColumn02 .bd02 ul li{float:left; padding:10px;}
.multipleColumn02 .bd02 ul li a{ display:block;text-align:center;position:relative;}
.multipleColumn02 .bd02 ul li .pic{text-align:center;width:100%;height:260px;overflow:hidden;z-index:999}
.multipleColumn02 .bd02 ul li .pic img{width:100%;min-height:260px;display:block;transition: all .36s ease;}
.multipleColumn02 .bd02 ul li:hover .pic img{transform:scale(1.05,1.05);}
.casemore{width:140px;height:40px;line-height:40px;text-align:center;margin:15px auto 0 auto;color:#fff;font-size:14px;background:#e5001b}
.casemore02{width:180px;height:50px;line-height:50px;text-align:center;margin:50px auto 0 auto;color:#fff;font-size:14px;background:#e5001b;display:block}
.list-pros li.hover .txt,.list-pros li:hover .txt{max-height:999px}
.list-pros li.hover:after,.list-pros li:hover:after{opacity:1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';filter:alpha(Opacity=100)}
.list-pros li.hover h3,.list-pros li:hover h3{color:#e62129;width:100%;font-size:30px}
.list-pros li.hover h4,.list-pros li:hover h4{color:#e62129}

.multipleColumn02 .bd02 ul li .txt{ background:#f3f3f3; text-align:center; padding:6px 10px; color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}





/**/
.swiper-slide .product .pro-tit{visibility: visible;animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.3s;-webkit-animation-delay: 0.3s;-webkit-animation-name: fadeOutDown;animation-name: fadeOutDown;animation-fill-mode: both;}
.swiper-slide.swiper-slide-active .product .pro-tit{visibility: visible;animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.6s;-webkit-animation-delay: 0.6s;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;animation-fill-mode: both;}


.swiper-slide .product .slideTxtBox .hd{visibility: visible;animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.1s;-webkit-animation-delay: 0.1s;-webkit-animation-name: fadeOutDown;animation-name: fadeOutDown;animation-fill-mode: both;}
.swiper-slide.swiper-slide-active .product .slideTxtBox .hd{visibility: visible;animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.8s;-webkit-animation-delay: 0.8s;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;animation-fill-mode: both;}

.swiper-slide .product .slideTxtBox .bd{visibility: visible;animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.1s;-webkit-animation-delay: 0.1s;-webkit-animation-name: fadeOutDown;animation-name: fadeOutDown;animation-fill-mode: both;}
.swiper-slide.swiper-slide-active .product .slideTxtBox .bd{visibility: visible;animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.7s;-webkit-animation-delay: 0.7s;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;animation-fill-mode: both;}
/**/





.news{ background:url(../images/newbg.jpg) center no-repeat #f3f3f3; width:100%; height:100%; overflow:hidden;}

.MoreDiv2 {text-align: center;margin-top: 33px;}
.MoreDiv2 .allSubBtn {display: inline-block;}

.news-tit .am-title{ width:100%; text-align:center;}
.news-tit .am-title h2{ color:#fff;}
.news-tit .allSubBtn{ float:right; margin-top:30px;}
.newsboy{ margin-top:30px;}
.newsboy ul{ position:relative; margin-left:-10px; margin-right:-10px;}
.newsboy ul li{ padding:10px;}
.newsboy ul li a{ display:block;}
.newsboy ul li a img{ max-width:100%; min-height:245px;}
img.more {-webkit-transition: 1s;transition: 1s;transform: scale(1);-webkit-transform: scale(1);}
a:hover img.more {transform: scale(1.03);-webkit-transform: scale(1.03);}
.newsboy ul li .picture{width: 100%;height: 245px;overflow: hidden;}
.newsboy ul li .pic{background-color: #fff;color: #909090;line-height:24px}
.newsboy ul li .pic h3{color: #202020;font-size: 18px;font-weight: 300;margin-bottom: 10px}
.newsboy ul li .pic .desc{padding:20px 15px 10px;transition: all .36s ease;}
/*.newsboy ul li:hover .pic .desc{padding:10px 20px 20px;color: #ef0d33}*/
.newsboy ul li .pic .desc .time{border-top: 1px solid #f0f0f0;padding-top: 10px;color: #b1b1b1;margin-top: 15px}
.newsboy ul li .pic .desc .icon{width: 26px;height: 8px;background: url(../images/1icon_index2.png) no-repeat center;background-size: 100% 100%;display: inline-block;position: relative;top:5px}

/**/
.swiper-slide .newsboy ul li{visibility: visible;-webkit-animation-name: fadeOutDown;animation-name: fadeOutDown;animation-fill-mode: both;}
.swiper-slide.swiper-slide-active .newsboy ul li{visibility: visible;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;animation-fill-mode: both;}



.swiper-slide .newsboy ul li:nth-child(1){animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.3s;-webkit-animation-delay: 0.3s;}
.swiper-slide.swiper-slide-active .newsboy ul li:nth-child(1){animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 1s;-webkit-animation-delay: 1s;}

.swiper-slide .newsboy ul li:nth-child(2){animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.4s;-webkit-animation-delay: 0.4s;}
.swiper-slide.swiper-slide-active .newsboy ul li:nth-child(2){animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 1.1s;-webkit-animation-delay: 1.1s;}

.swiper-slide .newsboy ul li:nth-child(3){animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.5s;-webkit-animation-delay: 0.5s;}
.swiper-slide.swiper-slide-active .newsboy ul li:nth-child(3){animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 1.2s;-webkit-animation-delay: 1.2s;}

.swiper-slide .newsboy ul li:nth-child(4){animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.6s;-webkit-animation-delay: 0.6s;}
.swiper-slide.swiper-slide-active .newsboy ul li:nth-child(4){animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 1.3s;-webkit-animation-delay: 1.3s;}




.swiper-slide  .MoreDiv2{visibility: visible;animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.2s;-webkit-animation-delay: 0.2s;-webkit-animation-name: fadeOutDown;animation-name: fadeOutDown;animation-fill-mode: both;}
.swiper-slide.swiper-slide-active  .MoreDiv2{visibility: visible;animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.6s;-webkit-animation-delay: 0.6s;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;animation-fill-mode: both;}


.swiper-slide  .am-title{visibility: visible;animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.2s;-webkit-animation-delay: 0.2s;-webkit-animation-name: fadeOutDown;animation-name: fadeOutDown;animation-fill-mode: both;}
.swiper-slide.swiper-slide-active  .am-title{visibility: visible;animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.6s;-webkit-animation-delay: 0.6s;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;animation-fill-mode: both;}
/**/

img.more {-webkit-transition: 1s;transition: 1s;transform: scale(1);-webkit-transform: scale(1);}




.contact{ width:100%; height:100%; background:url(../images/bg4.jpg) center no-repeat; background-size:cover;}



.liuybox{ width:650px; float:right; position:relative; margin-top:60px;}

.liuybox .kuang{ width:650px; height:520px; border:4px solid #3a70d0;}
.liuybox .kuang img{ margin:80px 0 0 130px;}
.liuybox  .lybg{ background:#3a70d0; width:515px; height:515px; position:absolute; right:-80px; top:-50px; padding:50px; z-index:99;}

.liuybox  .lybg h3{ font-size:24px; font-weight:normal; color:#fff; margin-bottom:25px;}
.liuybox  .lybg ul li{ margin-bottom:15px; position:relative;}
.liuybox  .lybg ul li .ifyzm{ position:absolute; height:35px; line-height:35px; right:48px; top:0; background:rgba(255,255,255,.4);}
.liuybox  .lybg ul li .am-form-field{border-width: 0px;border-style: solid;border-color: rgba(255, 255, 255, 0.15);background: rgba(255, 255, 255, 0.15); color:#fff;}
.liuybox  .lybg ul li:after,.liuybox  .lybg ul li:before{ content:""; display:block; clear:both;}
.liuybox  .lybg ul li em{ width:60px; text-align:right; font-style:normal; color:#fff; display:inline-block; float:left; line-height:35px;}
.liuybox  .lybg ul li span{ width:300px; display:inline-block; margin-left:8px;}
.liuybox  .lybg ul li span .am-btn{ background:none; font-size:14px; color:#fff;border-color: rgba(255, 255, 255, 0.5); padding:8px 50px;}
.liuybox  .lybg ul li span .am-btn:hover{ background:#F37B1D; border-color:#F37B1D;}
.conxm { position:relative; width:500px; height:520px; }
.conxm .conimg{ position:absolute; z-index:99; left:-180px; bottom:-50px;}
.conxm .contcxt{ margin-top:10px;}
.conxm .contcxt p{ margin:10px 0;}



/**/
.swiper-slide  .conxm .contcxt{visibility: visible;animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.2s;-webkit-animation-delay: 0.2s;-webkit-animation-name: fadeOutDown;animation-name: fadeOutDown;animation-fill-mode: both;}
.swiper-slide.swiper-slide-active  .conxm .contcxt{visibility: visible;animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.7s;-webkit-animation-delay: 0.7s;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;animation-fill-mode: both;}


.swiper-slide  .conxm .conimg{visibility: visible;animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.2s;-webkit-animation-delay: 0.2s;-webkit-animation-name: fadeOutLeft;animation-name: fadeOutLeft;animation-fill-mode: both;}
.swiper-slide.swiper-slide-active  .conxm .conimg{visibility: visible;animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.7s;-webkit-animation-delay: 0.7s;-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;animation-fill-mode: both;}


.swiper-slide   .kuang{visibility: visible;animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.2s;-webkit-animation-delay: 0.2s;-webkit-animation-name: fadeOutRight;animation-name: fadeOutRight;animation-fill-mode: both;}
.swiper-slide.swiper-slide-active  .kuang{visibility: visible;animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.7s;-webkit-animation-delay: 0.7s;-webkit-animation-name: fadeInRight;animation-name: fadeInRight;animation-fill-mode: both;}

.swiper-slide   .lybg{visibility: visible;animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.2s;-webkit-animation-delay: 0.2s;-webkit-animation-name: fadeOutRight;animation-name: fadeOutRight;animation-fill-mode: both;}
.swiper-slide.swiper-slide-active  .lybg{visibility: visible;animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay: 0.8s;-webkit-animation-delay: 0.8s;-webkit-animation-name: fadeInRight;animation-name: fadeInRight;animation-fill-mode: both;}
/**/


.copy{ position:absolute; width:100%; text-align:center; bottom:25px;}




.footer{ background:#383838; padding-top:40px;}
.foot-logo{ text-align:center;}
.foot-logo .foot-tel{ font-size:24px; font-family:heve; color:#fff;}
.footline{ width:1px; height:35px; background:rgb(76, 76, 76); margin:10px auto;}
.foot-nav{ margin-top:40px; text-align:center; margin-bottom:20px;}
.foot-nav ul li{ display:inline-block;  position:relative; padding:0 20px;}
.foot-nav ul li:first-child{ padding-left:0;}
.foot-nav ul li a{ font-size:14px; color:#777;}
.foot-nav ul li a:hover{ color:#fff}
.foot-nav ul li:before{ content:""; display:block; position:absolute; width:1px; height:12px; background:#666; right:0; top:8px;}
.foot-nav ul li:last-child:before{ display:none;}

.footcopy{ text-align:center; color:#777; padding-bottom:15px;}
.footcopy a{ color:#777;}


.nybanner {position: relative;background-position: top center;background-size: cover;background-repeat: no-repeat;height: 375px;transition: all 2.5s ease;}
.nybanner.active{background-size:auto 100%;}

.navigation{background-color: #f1f4f9;height: 66px; text-align:center;}
.navigation ul li{ display:inline-block; line-height:66px;font-size: 16px; padding:0 20px; position:relative;}
.navigation ul li:before{    position: absolute;height: 16px;width: 1px;background-color: #d8dbdf;top: 0;bottom: 0;margin: auto;right: -1px;content: "";}
.navigation ul li:last-child:before{ display:none;}
.navigation ul li a {line-height: 66px;position: relative;font-size: 16px;color: #21252a;display: inline-block;}
.navigation ul li a.active:before {position: absolute;height: 4px;width: 100%;background-color: #3a70d0;bottom: 0;margin: auto;right: 0px;content: "";}

.all-content{ padding:30px 0;overflow:hidden;}
.all-content .h3tit{font-size: 36px;color: #21252a;font-weight: normal;line-height: 120%; text-align:center;padding: 35px 0;}

.about-content{ padding:30px 0; background:url(../images/bg_about.jpg) center bottom no-repeat; overflow:hidden;}
.about-content .h3tit{font-size: 36px;color: #21252a;font-weight: normal;line-height: 120%; text-align:center;padding: 35px 0;}

.about-content .am-container{ max-width:998px;}
.about-content { line-height:260%; font-size:16px;}


.tb {display: table;width: 100%;height: 100%;}
.tbc {display: table-cell;vertical-align: middle;}


.rongyu-list ul li{ padding:10px;}
.rongyu-list ul li>a{ display:block; height:270px; text-align:center; background:#f3f3f3; padding:10px;}
.rongyu-list ul li>a img{ max-height:250px;}
.rongyu-list ul li span{ display:block; text-align:center; padding-top:10px;}




.listcse-pros li.hover .txt,.list-pros li:hover .txt{max-height:999px}
.listcse-pros li.hover:after,.list-pros li:hover:after{opacity:1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';filter:alpha(Opacity=100)}
.listcse-pros li.hover h3,.list-pros li:hover h3{color:#e62129;width:100%;font-size:30px}
.listcse-pros li.hover h4,.list-pros li:hover h4{color:#e62129}



.page{ text-align:center; margin-top:25px;}
.page a{ display:inline-block; padding:4px 12px; border:1px solid #f3f3f3; margin:0 2px;}
.page a.active{ background:#2383cf; color:#FFF;}




.nynews-list ul li {border-bottom: 1px solid #c8c8c8;overflow: hidden;margin-bottom: 14px;padding-bottom: 14px;}
.nynews-list ul li img {float: left;width: 250px;height: 170px;margin-right: 36px;}
.nynews-list ul li h3 {color: black;font-weight: 100;font-size: 20px;margin: 0;margin-bottom: 14px;}
.nynews-list ul li div p {color: #656565;line-height: 28px;margin: 0;font-size: 14px;height: 110px;text-align: justify;text-justify: inter-ideograph;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.nynews-list ul li div span {width: 150px;text-align: right;height: 2px;background-color: transparent;display: block;float: right;color: #656565;margin-bottom: 30px;}


.nynew-content{ padding:30px 0;}
.nynew-content .content{ line-height:250%;}
.nynewhead h3{ font-size:20px; text-align:center;} 
.nynewhead .time{ text-align:center; color:#ccc; padding-top:10px;}
.nynewhead .time span{ display:inline-block; margin:0 15px;}
.nynewhead{ padding:10px 0;}

.ft {padding-top: 15px;}

.ft .btn-back {display: block;width: 182px;height: 46px;line-height: 46px;overflow: hidden;margin: 20px 0 0;border: 2px solid #3a70d0;font-size: 16px;color: #3a70d0;text-align: center;transition: all .2s ease;}
.ft .btn-back:hover {color: #ffffff;background-color: #3a70d0;}
.ft p {line-height: 46px;margin: 0;font-size: 16px;}
.ft p a {color: #8e8e8e;}




.lxico{ padding:50px 0;}
.lxico ul li{ text-align:center;}
.lxico ul li i{ font-size:38px; width:86px; height:86px; line-height:86px; color:#fff; background:#3a70d0; display:inline-block; border-radius:100%;}

.formDiv ul {margin-left: -15px;}
.formDiv ul li {padding: 0px 0 15px 15px;width: 33.33%;}
.formDiv .formGroud {width: 100%;border: 1px solid #e3e3e3;background-color: #fafafa;padding-left: 78px;position: relative;line-height: 51px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
.formDiv ins {width: 78px;text-align: center;font-size: 14px;color: #9e9e9e;display: inline-block;position: absolute;left: 0;top: 0;line-height: 51px;text-decoration: none; background:none;}

.formDiv .inputCtrl {width: 100%;outline: none;border: none;background-color: transparent;line-height: 51px;color: #555555;font-size: 16px;}
.formDiv .textareaCtrl {height: 178px;width: 100%;outline: none;border: none;background-color: #fafafa;line-height: 130%;padding: 10px 0;}

.yzm{ width:80px; height:53px; display:block; position:absolute; right:10px; top:0;}


.allSubBtn {width: 151px;line-height: 52px;font-size: 18px;display: block;margin: 37px auto 0;text-align: center;background-color: #3a70d0;color: #fff;-webkit-border-radius: 26px;-moz-border-radius: 26px;border-radius: 26px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);border: none;outline: none;}

#allmap{ height:600px;}
#allmap p{ margin:0;}
#allmap img{ max-width:inherit;}