@charset "UTF-8";

/*定义全局*/
body {margin:0;padding:0;font:14px/200% "Hiragino Sans GB",\5FAE\8F6F\96C5\9ED1,Arial,Helvetica;color:#000;background-color:#fff;}
/*定义链接*/
a,a:link {color:#000;text-decoration:none}
/*
a:visited {color:#333}
*/
a:hover,a:focus {color:#0052A1;text-decoration:none;outline:none;-moz-outline:none}
a:active {color:#0052A1;}
/*定义表单*/
input,textarea {outline:none;-moz-outline:none}
/*定义标题*/
h1,h2,h3,h4,h5,h6 {color:#333;font-weight:500;line-height:150%}
/*定义图片*/
img {padding:0;margin:0;border:0}
img {height:auto;max-width:100%;margin-left: auto;margin-right: auto}
/*定义延迟*/
.news .dl-horizontal,.about .shuju figure,.case figure a figcaption,.comment-respond #submit,.banner p,.process figcaption,.kefu,.packages .tc-box,.navbar-brand,.navbar-default,.transition,.huodong,*:link,*:visited,*:hover,*:active,*:focus {-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
/*定义背景通屏*/
.parallax {background-attachment:fixed!important;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}

/*gray*/
.grayscale {filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* IE 6-9 */
filter: gray; -webkit-filter: grayscale(100%); }
.grayscale.grayscale-fade { -webkit-transition: -webkit-filter .5s; }
.grayscale.grayscale-fade:hover { -webkit-filter: grayscale(0%); filter: none; }
.grayscale-replaced.grayscale-fade svg { opacity: 1; -webkit-transition: opacity .5s ease; transition: opacity .5s ease; }
.grayscale-replaced.grayscale-fade:hover svg { opacity: 0; }

/*文本选择*/
::-moz-selection{background:#F60;color:#fff}::selection {background:#F60;color:#fff} 
/*背景固定*/
.pingpu-bg {background:no-repeat center top fixed;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;position:relative}
.pingpu-bg {min-width:1140px}
.fixed {background-attachment: fixed}

ul,li{list-style:none;margin:0;padding:0;}

/*placeholder*/
::-webkit-input-placeholder,:-moz-placeholder,::-moz-placeholder,:-ms-input-placeholder {color:#ccc;font-size:12px}

/*全局标签*/
.red {color:#f66!important}
.blue {color:#F60!important}
.green {color:#089500!important}
hr {margin:30px 0;border:0;border-top:1px solid #ddd}
hr.small {margin:15px 0}hr.big {margin:40px 0}
.nowrap {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
ul li p,ol li p {display:inline-block;margin:0}


@media (min-width: 1600px) {
	.container {width: 1520px;}
}


/*btn*/
a.btn-center {text-align:center;padding:7px 30px 7px 30px;color:#fff;border:1px solid #0052A1;display:inline-block; border-radius:5px;background-color:#0052A1;}
a.btn-center i {  padding-left: 10px;}

a.btn-center:hover {background-color:#333;border:1px solid #0052A1;color:#fff;text-decoration:none;}
a.btn-center-white:hover {border:1px solid #fff;}

a.btn-center01 {text-align:center;color:#fff;display:inline-block; }
a.btn-center01 i { padding-left:10px;}
a.btn-center01:hover {color:#0052A1;text-decoration: underline;}

a.btn-center02 { color:#0052A1; display:inline-block; }
a.btn-center02 i { padding-left:10px;}
a.btn-center02 a:hover { color:#333; text-decoration: underline;}

@media (max-width:767px){
	a.btn-center{margin:15px 10px 0 10px;padding:4px 20px 2px 20px;}
}



/*header*/

.ind-nav { width: auto; height: auto; position: fixed; z-index: 101; margin-top: 42px; top: 0; left: 0; -webkit-transition: all 0.3s; transition: all 0.3s; box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.2);}
.ind-nav.active{ margin-top: 0;}

.ind-nav .logos { width: 180px; height: 70px; float: left; background-color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: center;}
.ind-nav.active .logos { width: 150px; height: 60px;}
.ind-nav.active .logos img { width: 120px;}


.ind-nav .logos img { width: 150px; margin-top: 5px;}
.ind-nav .logos img.active{ margin-top: 19px;}


.ind-nav .line { width: 70px; height: 70px; float: left; position: relative; cursor: pointer; /* background: url(../img/nav-bg.png) repeat; */ background-color: #0052A1; -webkit-transition: all 0.3s; transition: all 0.3s;}
.ind-nav .line.active{ width: 60px; height: 60px;}
.ind-nav .line .warp { height: 100%; width: 100%; background: url(../images/nav-tit1_06.png) center no-repeat; -webkit-transition: all 0.3s; transition: all 0.3s; background-size: 100% 100%;}
.ind-nav .line.cur .warp { background: url(../images/nav-tit2.png) center no-repeat; background-size: 100% 100%;}

.ind-header { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100; visibility: hidden; opacity: 0; background: rgba(0, 80, 160, 0.9); transition: 0.3s;}
.ind-header .cn{ position: absolute; top: 65px; right: 45px;}
.ind-header .cn a{ font-size: 14px; color: #fff;}
.ind-header.active{ visibility: visible; opacity: 1;}
.ind-header .warp { width: 1200px; margin: 0 auto; height: 100%;}

.ind-header .warp li { width: 200px; float: left; height: 83%; padding: 17% 20px 0 20px; /* border-left: 1px solid #3856ac; */ position: relative;}
.ind-header .warp li { padding: 15% 20px 0 20px; height: 1200px;}
.ind-header .warp li i { display: block; position: absolute; height: 100%; width: 1px;  background: url(../images/nav-borbg.png) center no-repeat; top: -95px; left: -1px;}
.ind-header .warp li .tit { font-size: 20px; margin-bottom: 20px; line-height: 35px; position: relative; cursor: default;}

.ind-header .warp li .lt { font-size: 16px; line-height: 30px; color: #fff; cursor: pointer; margin-bottom: 6px; border-bottom: 1px solid transparent; transition: all 0.4s;-webkit-transition: all 0.4s;}
.ind-header .warp li a { display: block; color: #fff;}
.ind-header .warp li i { display: block; position: absolute; height: 100%; width: 1px; background: url(../images/nav-borbg.png) center no-repeat; top: -95px; left: -1px;}
.ind-header .warp li .tit i { display: block; width: 7px;height: 7px; background-color: #fff; border-radius: 100%; position: absolute; left: -24px; top: 50%; margin-top: -3.5px;}


.tip-nav{ width: 100%; height: 100%; background: rgba(0, 80, 160, 0.9); position: fixed; z-index: 82; display: none;}
.tip-nav .warp{ padding:30px 15px 0 50px; box-sizing:border-box; height: 100%; width: 100%;}
.tip-nav .warp ul{ padding:80px 0 20px 0; height: 100%; box-sizing:border-box; border-left: 1px solid rgba(255,255,255,0.3);}
.tip-nav .warp li{ margin-bottom: 20px; padding-left: 15px; position: relative;}
.tip-nav .warp li:before{ content: ''; display: block; width: 5px; height: 5px; border-radius: 100%; background-color: #fff; position: absolute; left: -3px; top: 14px;}
.tip-nav .warp li .title{ font-size: 20px; line-height: 32px; color: #fff; display: block; position: relative;}
.tip-nav .warp li .title i{ display: block; width: 12px; height: 12px; position: absolute; right: 0; top: 50%; margin-top: -0.13rem; background: url(../images/left-arr.png) right center no-repeat; background-size: contain; transition: 0.1s;}
.tip-nav .warp li.on .title i{ width: 12px; height: 12px; background: url(../images/bot-arr.png) right center no-repeat; background-size: contain;}
.tip-nav .warp li .details,.tip-nav .warp li .details a{ font-size: 14px; line-height: 28px; color: #fff; display: block;}
.tip-nav .warp li .details{ display: none; padding-top: 15px;}



@media (max-width:767px) {
    .ind-nav .logos{ width: 130px; height: 50px; }
    .ind-nav .line{ width: 50px; height: 50px; }
    .ind-nav .logos img{width: 110px; margin-top: 3px; }
    .ind-nav{ margin-top: 0; }
    .ind-header{ display: none; }
}


/*banner*/

.banner { width: 100%; overflow: hidden; position: relative; z-index: 10; }

.banner .swiper-wrapper { width: 100%; height: auto; }
.banner .swiper-slide { width: 100%; height:800px; overflow: hidden; z-index: 44; }

#slide-bg1 { background:url(../images/bar-bg2.jpg) no-repeat top center;  }
#slide-bg2 { background:url(../images/bar-bg3.jpg) no-repeat top center;  }


.banner-offtxt {width:45%;float:left; margin-top:17.5%; }
.banner-offtxt .entitle { font-size:45px; text-transform:uppercase;color: #fff; padding-bottom:5px; font-weight: bold;position: relative;z-index: 999;}

.banner-offtxt .cntitle {font-size:20px; line-height:45px;  padding-bottom:25px; color: #fff; font-weight: normal;}

.banner-offimg { width:40%;float:right; padding-top:8%;}
  
.Rotation { animation:rotate 30s linear infinite;transform-origin:50% 50%;}


@keyframes rotate{
  0%{ transform: rotate(0deg);  }
  100%{ transform:rotate(360deg);  }
}


#banner .swiper-pagination {position:absolute;z-index:20;bottom:20px;text-align:center;right:0;}
#banner .swiper-pagination-bullet { width: 12px; height: 12px; border-radius: 12px; background: none;opacity:.8; border:2px solid #fff; }
#banner .swiper-pagination-bullet-active { background:#fff; }


/*去掉默认样式*/
.banner .swiper-button-prev:after{display: none;}
.banner .swiper-button-next:after{display: none;}
/*自定义样式*/
.banner .swiper-button-prev{width: 50px;height: 50px;background: url(../images/slider-arrow-l.png);left: 30px;}
.banner .swiper-button-next{width: 50px;height: 50px;background:url(../images/slider-arrow-r.png);right: 30px;}

.banner .swiper-pagination-bullet { width: 12px; height: 12px; border-radius: 12px; background: none;opacity:1; border:2px solid #fff; }
.banner .swiper-pagination-bullet-active { width: 12px; height: 12px; border-radius: 12px;background:#fff; border:2px solid #fff; }


@media (max-width:767px) {
	.banner .swiper-slide {  height:560px; }
	.banner-offtxt {width:100%;float:none; margin-top:30px;  text-align:center;}
	.banner-offtxt .entitle { font-size:24px; }
	.banner-offtxt .cntitle {font-size:14px; line-height:24px;  padding-bottom:0px; }
	
	.banner-offimg { width:100%; float:none; padding-top:80px; text-align:center;}
	.banner-offimg img { width:60%; }
	
}

/*home-title*/

.home-title {margin-bottom: 30px;}
.home-title h2 { font-size:40px; font-weight:bold; margin-top:0;}
.home-title p { font-size:18px; margin-bottom:0; letter-spacing:5px;}


@media (max-width:767px) {
	.home-title {margin-bottom: 10px}
	.home-title h2 { font-size:24px; }
	.home-title p { font-size:16px; }
}



/**---  index products  ----**/

.i-part01 { padding:60px 0 30px 0;position:relative; overflow:hidden;}


.case-box figure {margin-bottom: 50px}
.case-box figure a h3 {font-size:26px;margin:20px 0 10px 0;font-weight:bold;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.case-box figure a p {font-size:14px;margin: 0;color:#999; padding-bottom:20px;}
.case-box figure a {display: block}
.case-box figure a .btn-c {color: #0052A1;}
.case-box figure a .btn-c i { padding-left:10px;}
.case-box figure a:hover h3 {color: #0052A1}

.case-box figure .pic {overflow: hidden;margin: 0; border:1px solid #ddd;}
.case-box figure .pic img { padding:20px; transform: scale(1, 1);-ms-transform: scale(1, 1);-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-o-transform: scale(1, 1);-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear}
.case-box figure:hover .pic img {transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1)}

@media (max-width:767px){
    .i-part01 { padding:20px 0 10px 0;}
    
	.case-box figure {margin-bottom: 20px}
	.case-box figure a h3 {font-size:20px;margin: 10px 0 5px 0}
	
	.case-box figure .pic img { padding:0px;}
}



/**---  index application  ----**/

.i-part02s { background:url(../images/about-bg02.jpg) no-repeat center; background-size: cover; padding:60px 0 80px 0;}

.i-yingCons { position:relative; margin-top:40px;}

.i-yingCons li {margin-bottom: 30px; width:32%; float: left; height:130px; position:relative;}

.i-yingCons li .pic {position: absolute; left:0; top:0; width:102px;height:102px; line-height:102px; text-align:center; border-radius:102px; margin-top:15px;border:1px dashed #666; z-index:9;}
.i-yingCons li .pic i { background:#333; color:#fff; /*font-style:normal;*/ width:80px; height:80px; line-height:80px; text-align:center; border-radius:80px; display:block; font-size:30px; margin:10px 0 0 10px;}
.i-yingCons li .pic:after {height: 1px; width: 40px; border-radius: 50%; content: ''; position: absolute; background: #666; bottom: 50%; left: 100px;}
.i-yingCons li .pic:before {height: 12px; width: 12px; border-radius: 50%; content: ''; position: absolute; background: #666; bottom: 44%; left: 140px;}

.i-yingCons li .txt{ position: absolute; right:0; top:0; display: block;width: 75%; height:100%; border:1px dashed #ddd; padding:0 20px 0 60px; z-index:0; background:#fff;}
.i-yingCons li .txt b{color: #333; display: block; font-size:18px; font-weight:bold; padding-top:20px; }
.i-yingCons li .txt em{ display: block; color: #555; font-size:14px; font-style:normal; padding-top:10px;}

.i-yingCons li.active a b, .i-yingCons li a:hover b{color: #0052A1;}
.i-yingCons li.active a .pic i, .i-yingCons li a:hover .pic i { background:#0052A1;}
.i-yingCons li.active a .pic , .i-yingCons li a:hover .pic { border:1px dashed #0052A1;}

.i-yingCons li.active .txt{ background:#0052A1; color:#fff;}
.i-yingCons li.active .txt b{ color:#fff; }
.i-yingCons li.active .txt em{ color:#fff;}

.i-yingCons .al_li2{float: right; margin-left: 36%; display: inline;}

.i-yingCons li.al_li2 .pic {position: absolute; right:0; left: auto; top:0;  }
.i-yingCons li.al_li2 .pic i { }
.i-yingCons li.al_li2 .pic:after { bottom: 50%; left: auto; right:100px;}
.i-yingCons li.al_li2 .pic:before { bottom: 43%; left: auto; right:140px;}

.i-yingCons li.al_li2 .txt{ position: absolute; left:0; padding:0 60px 0 20px;}


.i-yingCons .al_c{position: absolute; left:34%; top:0; width: 32%; overflow: hidden; text-align:center;}
.i-yingCons .al_c .t1 { padding-bottom:30px;}
.i-yingCons .al_c .t2 { padding-bottom:20px;}
.i-yingCons .al_c .t2 img { width:80%; border-radius:100%; padding:20px; border:1px dashed #999;}
.i-yingCons .al_c .t3 { font-size:24px; font-weight:bold; padding-bottom:20px;}
.i-yingCons .al_c .t4 { font-size:16px; padding-bottom:20px;}


@media (max-width:767px){
    .i-part02s { padding:20px 0 10px 0;}
    
    .yy-tabs { width:100%;clear:both;}
    
    .i-yingCons li {margin-bottom: 15px; width:31.3%; float: left; height:50px; margin:0 1%; }
    
    .i-yingCons li .pic {display:none;}
    
    .i-yingCons li .txt{ width: 100%; height:100%; padding:0 10px; text-align:center; }
    .i-yingCons li .txt b{ font-size:16px; padding-top:0px; line-height:50px; }
    .i-yingCons li .txt em{ display: none; }
    
    .i-yingCons .al_li2{float: left; margin:0 1%; }
    .i-yingCons li.al_li2 .txt{ padding:0 10px;}
    
    .i-yingCons .al_c{ position: inherit; width: 100%; left:0%; padding:15px 0;}
    
    .i-yingCons .al_c .t3 { font-size:20px; padding-bottom:10px;}
    .i-yingCons .al_c .t4 { font-size:14px; padding-bottom:5px;}
    
}


/**---  index about  ----**/

.i-part03 {background: url(../images/index-about_06.jpg) no-repeat; background-size: cover; padding:70px 0 90px 0; color:#fff; position: relative; /* background:rgba(70,80,90,0.5); */}

.box4part { position: absolute; z-index: 1; width: 100%; height: 100%; pointer-events: none; }
.box4part canvas { opacity: .6; }

.i-part03 .home-title h2 { color:#fff;}

.i-part03 .text01 { width:70%; margin:0 auto; padding-bottom:30px;}

.numCount{ margin: 0 -10px; padding-top:60px;}
.numCount li{ float: left; width: 33.3%; text-align: center;}
.numCount li .item{ margin: 0 10px;}
.numCount li .numU{ line-height:1.3;}
.numCount li .numCX{ font-size:54px; color:#09F;}
.numCount li .numU .unitC{font-size:100%; line-height: 1.3; margin-left: 0.3em;}
.numCount li .numU sup{vertical-align: top;}
.numCount li .numU sub{vertical-align:baseline;}

@media (max-width:768px){
    .i-part03 {padding:20px 0 30px 0;}
    .i-part03 .text01 { width:100%; margin:0 auto; padding-bottom:10px;}
	.numCount li .numCX{ font-size:36px; }
	.numCount{ margin: 0 -10px; padding-top:30px;}
}
@media (max-width:640px){
	.numCount li .numCX{ font-size:7vw; }
}
@media (max-width:480px){
	.numCount{ font-size:0.5vw;}
}


/**---  index news  ----**/


.i-part04 { padding:60px 0 70px 0; /*background: url(../images/index8.jpg) no-repeat 50%/cover;*/ }


.blog-box { z-index: 50;position: relative; background:#f9f9f9;/*box-shadow: 0px 15px 36px 0px rgba(0, 0, 0, 0.1);*/}

.blog-image { margin-bottom: 0px; overflow: hidden;}
.blog-image img { overflow: hidden;width:100%; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
.blog-box:hover .blog-image img { -webkit-transform: scale(1.12); transform: scale(1.12);}

.blog-content { padding: 25px 30px 40px; }
.blog-title { display: flex; align-items: center; margin-bottom: 10px;}
.blog-title span { color: #999; font-size: 14px; position: relative;}
.blog-title span:before { position: absolute; content: ""; height: 13px; width: 1px; background: #dedede; right: -20px; top: 50%; transform: translateY(-50%);}
.blog-title h6 { padding-left: 40px; color: #036; font-size: 14px;}
.blog-text { line-height: 28px; font-weight:normal; overflow:hidden; display:block; white-space: nowrap; text-overflow: ellipsis;}
.blog-p { padding-bottom:20px; color:#999;}
.blog-btn-4 {font-size:14px;}


.blog_right_r { width:100%; background:#f9f9f9; /*border-radius:5px;*/ overflow:hidden;/*box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);*/}
.blog_right_r .blog-content {border-bottom:1px solid #eee; padding: 0; padding-bottom:33px; margin: 30px 40px 0 40px;}
.blog_right_r .blog-content:last-child{ border-bottom:0px;}


@media (max-width:767px){
    .i-part04 { padding:20px 0 20px 0;}
}


/*foot*/

.footer { width:100%; background: url(../images/index-footer-bg_02.jpg) no-repeat  center; background-size: cover; position: relative; z-index: 11; overflow:hidden;}

.bd-footer-style { padding:50px 0;}

.idx-footer-t1 { }
.idx-footer-t2 { padding:20px 0;}
.idx-footer-t3 { padding-bottom:10px;}

.idx-footer-t3 a { width: 36px; height: 36px; display: inline-block; line-height: 38px; text-align: center; border-radius: 50%; background: #0052A1; color: #fff; position: relative; z-index: 5; margin-right: 5px;box-shadow: 0px 16px 32px 0px rgba(20, 31, 43, 0.06);}
.idx-footer-t3 a i { font-size:16px;}
.idx-footer-t3 a:hover { background: #0052A1; color: #fff;}


.idx-footer-nav {width:14%;float:left; margin-right:4%;}
.idx-footer-nav h3 { color:#fff; font-size:20px; font-weight: normal; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,0.1);}
.idx-footer-nav ul { }
.idx-footer-nav ul li { position: relative;}
.idx-footer-nav ul li a { color:#aaa; padding-left:10px; line-height:36px;}
.idx-footer-nav ul li { color:#aaa;}
.idx-footer-nav ul li a:hover { color:#0052A1; text-decoration:underline;}

.idx-footer-lx {width:28%;float:right;}
.idx-footer-lx h3 { color:#fff; font-size:22px; font-weight: normal; padding-bottom:10px;  border-bottom:1px solid rgba(255,255,255,0.1);}
.idx-footer-lx ul li i { padding-right:10px; color:#aaa; width:40px; text-align:center; float:left; line-height:30px;}
.idx-footer-lx ul li span { float:left;}
.idx-footer-lx ul li { color:#aaa; padding:10px 0; font-size:16px; align-items: center; line-height:30px;}
.idx-footer-lx ul li:last-child { border-bottom:none;}


@media (max-width:767px){
    .footer { padding:0;}
    .bd-footer-style { padding:20px 0;}
    
    .idx-footer-nav {display:none; }
    .idx-footer-lx {width:100%;float:none;}
}


/*
.copyright { background:#fff; padding:20px 0; text-align:center; z-index: 12; color:#000;}
.copyright a {color:#0052A1;}
*/

.copyright { margin-top:50px; padding-top:30px; border-top:1px solid rgba(255,255,255,0.1); color:#aaa;}
.copyright a {color:#0052A1;}

@media (max-width:767px) {
	.copyright { margin-top:20px; padding-top:10px;}
}



/*内页banner*/

.ny-banner {min-height:auto}
.banner-page {background:no-repeat center bottom;background-size:auto 100%}

.nymainBody { padding-bottom:40px;}

/*ny-mianbao*/

.mianbao {background:#fff;padding:20px 0; border-bottom:1px solid #ddd;}
.mianbao .pull-left { font-size:16px; color:#0052A1; }
.mianbao .pull-right { padding:4px 0;}
.mianbao .pull-right i { padding-right:10px; color:#0052A1;}

.ny-menu{padding:30px 0;}
.ny-menu ul li { display: inline-block; padding-right: 5px; padding-left: 5px;}
.ny-menu ul li a { text-align: center; font-size: 14px; padding: 4px 30px 2px 30px; margin: 25px 4px 0 4px; color: #777; border: 1px solid #ccc; display: inline-block; }
.ny-menu ul li a:hover {background:#0052A1;border:1px solid #0052A1;color:#fff;text-decoration:none;}
.ny-menu ul li.hover a {background:#0052A1;border:1px solid #0052A1;color:#fff;text-decoration:none;}


.ny-menus {}
.ny-menus ul li { display: inline-block;}
.ny-menus ul li a { text-align: center; font-size: 16px; padding:4px 30px; color: #777;  display: inline-block;}
.ny-menus ul li a:hover {background:#0052A1;color:#fff;text-decoration:none;}
.ny-menus ul li.hover a {background:#0052A1;color:#fff;text-decoration:none;}

.home-title01 h2{ padding:45px 0; margin:0;}

@media (max-width:767px) {
	.ny-menus {width:100%;}
	.ny-menus ul { text-align: center;}
	.ny-menus ul li { display: list-item;}
	.ny-menus ul li a { text-align: center; font-size: 16px; padding: 0; width:33.33%;  display: list-item; float:left;}
	
	.mianbao .pull-right {width:100%; padding:15px 0 0 0; text-align:left;}
	
	.home-title01 h2{ padding:15px 0; }
}


/*  list products  */

.ny-pro-box figure {margin-bottom: 30px}
.ny-pro-box figure a h3 {font-size:20px;margin:30px 0 0px 0;font-weight: normal;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block; text-align:center;}
.ny-pro-box figure a {display: block}

.ny-pro-box figure a:hover h3 {color: #0052A1}

.ny-pro-box figure .pic {overflow: hidden;margin: 0; border:1px solid #ddd;}
.ny-pro-box figure .pic img { padding:30px;transform: scale(1, 1);-ms-transform: scale(1, 1);-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-o-transform: scale(1, 1);-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear}
.ny-pro-box figure:hover .pic img {transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1)}

@media (max-width:767px){
	.ny-pro-box figure {margin-bottom: 10px}
	.ny-pro-box figure a h3 {margin: 10px 0 10px 0;font-size: 16px;}
}


/*  list about  */

.ny-about-box { font-size:16px; line-height:200%;}


/*  list news  */

.nyblog-box { background:#f9f9f9; padding:20px; margin-bottom:20px;/*box-shadow: 0px 15px 36px 0px rgba(0, 0, 0, 0.1);*/}

.nyblog-title { display: flex; align-items: center; margin-bottom: 10px;}
.nyblog-title span { color: #999; font-size: 14px; position: relative;}
.nyblog-title span:before { position: absolute; content: ""; height: 13px; width: 1px; background: #dedede; right: -20px; top: 50%; transform: translateY(-50%);}
.nyblog-title h6 { padding-left: 40px; color: #036; font-size: 14px;}
.nyblog-text { line-height: 28px; font-weight:normal; overflow:hidden; display:block; white-space: nowrap; text-overflow: ellipsis;}
.nyblog-p { padding-bottom:20px; color:#999;}

.nyblog-btn {text-align:center;color:#0052A1;display:inline-block; }
.nyblog-btn i { padding-left:10px;}


.nyblog-box:hover { background:#0052A1;}
.nyblog-box:hover .nyblog-title span, .nyblog-box:hover .nyblog-title span:before, .nyblog-box:hover .nyblog-title h6, .nyblog-box:hover .nyblog-text, .nyblog-box:hover .nyblog-p, .nyblog-box:hover .nyblog-btn { color: #fff;}


.detailNews { padding-top:30px;}
.d-Newstit { border-bottom:1px solid #ddd; padding-bottom:15px;}
.d-Newstit .d-n-time { color:#888; }
.d-Newstit .d-n-time span { padding:0 10px;}

.d-Newscon { padding:20px 0;}
.d-Newsye { border-top:1px solid #ddd; padding-top:20px; color:#999;}

@media (max-width:767px){
	.d-Newstit h2 {font-size: 20px;}
}
.d-Newstit { padding-bottom:5px;}


/* detail products */

.details-pro-box1 { padding:60px 0;}

.d-pic01 img { border:1px solid #ddd;}

.d-text01 { padding-left: 20px;}
.d-text01 h3 { font-size: 30px; line-height: 40px; font-weight: bold; margin: 0; margin-bottom: 5px;}
.d-text01 h4 { font-size: 20px;color: #0052A1; line-height: 50px; margin: 0; border-bottom: 1px solid #d7d7d7; margin-bottom: 25px; padding-bottom:15px;}
.d-text01 p { color: #333; line-height: 26px;  margin-bottom: 0;}
.d-text01 p span { color: #000;}
.d-text01 .detalBtn { padding-top:40px;}
.d-text01 .detalBtn a { margin-right:20px;}
a.yellow { background:#F60; border:1px solid #F60;}

.details-pro-box2 { padding-bottom:60px;}
.details-pro-box2 h3 { border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px;}
.details-pro-box2 h3 em { border-bottom: 2px solid #0052A1; color: #0052A1; padding-bottom:16px; font-style: inherit;}

.wrap { width:1170px; margin:0 auto;}

@media (max-width:1199px) {
    .wrap {width:96%; padding:0 2%;}
}

@media (max-width:767px) {
    .wrap {width:96%; padding:0 2%;}
    .details-pro-box1 { padding:20px 0;}
    .d-text01 h3{ padding-top: 20px; font-size: 20px; line-height: 30px;}
    .d-text01 h4 { font-size: 16px; line-height: 30px; margin-bottom: 15px; padding-bottom:10px;}
    .d-text01 .detalBtn { padding-top:20px;}
}




.form-con2 { margin-top:30px;}
.form-con2 form{display:inline-block;}
.form-con2 div.form-group{margin-bottom:30px;}
.form-con2 div.form-group div{padding-left:200px;text-align:left;}
.form-con2 label{font-size:16px;float:left;color:#61656a;margin:0;text-align:right;width:185px;margin-right:15px;display:inline-block;line-height:48px;}
.form-con2 input{display:inline-block;border: 1px solid #ccc;padding: 13px 15px;color: #000;width: 360px;height: 48px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline:none;}
.form-con2 textarea{margin:0;display:inline-block;width: 500px;height:110px;border: 1px solid #ccc;padding: 13px 15px;color: #000;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline:none;}
.form-con2 input::-webkit-input-placeholder{color:#bfbfbf;}
.form-con2 textarea::-webkit-input-placeholder{color:#bfbfbf;}
.form-con2 .btns-blue{background: #0978c9;color: #fff;border-color: #0978c9;color: #fff;width: 360px;border-radius: 3px;padding-top: 11px;padding-bottom: 11px;padding: 10px 18px;font-size: 18px;line-height: 1.3333333; border:none;}
.form-con2 .btns-blue:hover{opacity: 0.8!important;}

@media (max-width:1199px) {.form-con2 textarea{width:400px;} }
@media (max-width:992px) {
.form-con2 label{width:120px;}
.form-con2 div.form-group div{padding-left:136px;}
.form-con2 textarea{width:418px;}
}
@media (max-width:767px) {
.form-con2 form{width:100%;}
.form-con2 label{float:none;width:100%;text-align:left;}
.form-con2 label.dd{height:10px;}
.form-con2 div.form-group div{float:none;width:100%;padding-left:0;}
.form-con2 input{width:100%;padding:10px 2%;height:40px;line-height:40px;}
.form-con2 div.form-group{margin-bottom:10px;}
.form-con2 textarea{width:100%;}
.form-con2 .btns-blue{width:100%;}
}


/* fanye */

.pglist{padding: 30px 0 50px 0;width:100%;text-align: center;clear: both;}

.pglist a{color: #333;padding: 0 17px;margin: 0 4px;display: inline-block;vertical-align: middle;line-height: 32px;background: #fff;border: 1px solid #fff;box-shadow: 0px 1px 10px #e4e3e3;border-radius: 3px;}

.pglist a:hover,.pglist .hover{display:inline-block;color: #fff;background:#0052A1;}