@charset "utf-8";
html{ overflow-x:hidden}
*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body{ font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;font-size:16px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#444; }
a{color:#333; text-decoration:none;outline:none; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a:hover{text-decoration:none; }
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clear{ clear:both}
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
.ovh{ overflow:hidden}
table{ border-collapse:collapse;}
img{ border:none;}
input,textarea,select,button,input{ outline:none;font-size:16px;font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;}
input{-webkit-appearance: none ;}


bigwrith {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}


.green{ color:#154897}

.section{ padding:70px 0 80px 0;}
.sectionpre{ padding-top:70px;}
.sectionnext{ padding-bottom:80px;}

.space{ height:100px;}

#a01, #a02, #a03, #a04,#a05, #a06, #a07, #a08{ position: absolute;  margin-top:-100px;}
.wrap{ width:80%; max-width:1500px; margin:0 auto}
.header .wrap{ width:100%; max-width:100%; }

.jvzhong{ text-align:center}
.title { padding-bottom:40px;}
.nab01 .title { padding-bottom:20px;}
.title h3{ font-size:36px; color:#000; line-height:36px; font-weight:bold}
.title h4{ margin-top:15px; font-size:24px; color:#666;}
.title p{ font-size:18px; color:#666; margin-top:15px;}

.fhs{background-image: linear-gradient(to right,#164671, #412770); -webkit-background-clip: text;color: transparent}

.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;transition: all 1.5s; display:block}
.kuai:hover .pic img, .item:hover .pic img, li:hover .pic img, a:hover .pic img,  .pic:hover img{transform:scale(1.05);}

.img-dv{ position:relative; overflow:hidden}
.img-dv .img1{ display:block; width:100%;}
.img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; max-width:100%; min-height:100%}


body{ position:relative;}
.mbg{ background:#f5f5f5}


.header{width: 100%;top:0;left:0;position:fixed; z-index:99; height:100px;box-shadow: 0 0 15px rgba(0,0,0,0.2); background:#fff;}
.header .logo{ float:left; margin-left:5%}
.header .logo img{ display:block; height:65px; width:auto; margin:17.5px 0}
.header .tel{ float:right; font-size:18px; margin-right:25px; color:#555; background:url(../images/ttel.png) no-repeat left center; padding-left:30px; line-height:100px}
.header .search{ float:right;height:22px; margin:39px 0 39px 0;  margin-right:5%; }
.header .search a{background:url(../images/tsearch.png) no-repeat center center; width:22px; height:22px; display:block; cursor:pointer}
.header .search .sub{position:absolute; clear:both;width:100%; display:none; top:100px; left:0;height: 70px;  background: #c1c1c1; z-index:5}
.header .search .sub .subin {width: 90%;margin:15px auto;max-width: 500px;position:relative; z-index:999 }
.header .search .sub .subin #searchInput {background: #FFF;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height: 40px;width: calc(100% - 84px);-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;border-radius: 0; border:none}
.header .search .sub .subin #searchBtn {width: 80px; text-align:center; height: 40px; cursor:pointer; background-image: linear-gradient(90deg, #164671, #412770); color: #FFF;margin-left: -3px; border:none}
.search-box{ background-color:rgba(0,0,0,0.5); position:absolute; width:100%; height:100%; z-index:2; display:none}

.header .menu {width:100%; position:absolute; left:0;text-align:center; z-index:-1}
.header .menu li{ display:inline-block;position:relative; }
.header .menu li .menu_a{ line-height:100px; display:block; font-size:18px; color:#000; position:relative; margin:0 18px}
.header .menu li .menu_a.cur{background-image: linear-gradient(to right,#164671, #412770); -webkit-background-clip: text;color: transparent}
.header .menu li .sub{position:absolute; display:none;clear:both; background:#fff; z-index:99;}
.header .menu li .subchang{ width:100%; left:0%;box-shadow: 0 0 10px rgba(0,0,0,0.15); }
.header .menu li .subduan{width:140%; margin-left:-20%;box-shadow: 0 0 10px rgba(0,0,0,0.15); }
.header .menu .subduan{ text-align:center; line-height:50px;}
.header .menu .subduan a{ display:block; background-color:#fff; }
.header .menu .subduan a:hover{ background-image: linear-gradient(90deg, #164671, #412770);color:#fff;}
.header .menu li .subchang .item{ float:left; width:11.11%; padding:30px 0 50px 0}
.header .menu li .subchang .item img{ display:block; width:auto; max-width:50%;transition: 0.5s; margin:20px auto 20px auto}
.header .menu li .subchang .item:hover img{ margin:10px auto 30px auto}
/*animate*/
@keyframes rightOpacityShow{
0%{ transform: translateX(-80px);opacity:0;}
80%{ transform: translateX(20px);}
100%{ transform:translateX(0); opacity:1;}
}
.header .menu li .sub p:nth-child(1){animation: 0.4s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(2){animation: 0.5s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(3){animation: 0.6s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(4){animation: 0.7s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(5){animation: 0.8s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(6){animation: 0.9s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(7){animation: 1.0s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(8){animation: 1.1s ease-in-out 0s 1 normal both running rightOpacityShow;}



.banner{ position:relative; z-index:1;  height:auto !important }
.banner img{ display:block; width:100%; height:auto;}
.banner .wrap{ position: relative;}
.banner .swiper-container{position:relative; height:auto !important}
.banner .swiper-slide{ position:relative; overflow:hidden}
.banner .swiper-slide .text{ color:#fff; position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:100%}
.banner .swiper-slide .text h3{ font-size:45px; margin-bottom:30px;width:50%;line-height:50px; }
.banner .swiper-slide .text p{ font-size:24px; width:50%;line-height:36px; }
.banner .swiper-slide .text p sup{ font-size:12px;}
.banner .swiper-slide .text .use{ font-size:17px; margin-top:70px; margin-bottom:30px;}
.banner .swiper-slide .text .use .item{ display:inline-block; text-align:center; margin-right:30px; }
.banner .swiper-slide .text .use .item:last-child{ margin-right:0 !important}
.banner .swiper-slide .text .use .item img{ display:block; margin:0 auto 15px auto; width:45px; height:auto}
.banner .swiper-pagination{bottom:4%; text-align:center;}
.banner .swiper-pagination-bullet{ width:25px; height:5px; opacity:0.3; background:#fff; border-radius:0; margin:0 5px;}
.banner .swiper-pagination-bullet-active{ opacity:1}


.iabout .image{ float:right; width:50%}
.iabout .image img{ display:block; width:100%; height:auto}
.iabout .text{ float:left; width:47%; padding-top:30px;}
.iabout .text .more{ margin-top:40px;}
.iabout .text .more a{ display:block; width:142px; line-height:40px;height:42px; border:solid 1px #000; text-align:center}
.iabout .text .more a:hover{ background-image: linear-gradient(90deg, #164671, #412770);color: #FFF; border:none}


.iproducts .item{ float:left; text-align:center; width:calc(16.6666% - 12.5px); margin-right:15px;box-shadow: 0 0 15px rgba(0,0,0,0.15); background:#fff; padding:30px 0 40px 0}
.iproducts .item:last-child{ margin-right:0}
.iproducts .item .icon{ width:50%; max-width:116px; margin:0 auto 10px auto}
.iproducts .item .icon img{ display:block; width:100%; height:auto}
.iproducts .item .icon .img001{ display:block}
.iproducts .item .icon .img002{ display:none}
.iproducts .item:hover .icon .img001{ display:none}
.iproducts .item:hover .icon .img002{ display:block}
.iproducts .item .text{ font-size:18px;}
.iproducts .item:hover{ background-image: linear-gradient(90deg, #164671, #412770);color: #FFF;}
.iproducts .item:hover .text{ color:#fff}


.imainpro {background:url(../images/mprobg.jpg) no-repeat center center; background-size:cover;}
.imainpro .title h3{ color:#fff}
.imainpro .swiper-slide{ text-align:center; background:#fff; margin-bottom:60px;}
.imainpro .swiper-slide .text{ line-height:25px; height:70px; display:flex;align-items:center; }
.imainpro .swiper-slide .text h3{ font-size:18px; width:100%;}
.imainpro .swiper-slide:hover .text{background-image: linear-gradient(90deg, #164671, #412770); color:#fff;}
.imainpro .swiper-button-prev, .imainpro .swiper-button-next{ width:26px; height:26px; border:solid 1px #fff; left:auto;overflow:hidden; margin-top:0; outline:none; top:auto; bottom:0px}
.imainpro .swiper-button-prev{ background:url(../images/ipl01.png) no-repeat center center; right:35px}
.imainpro .swiper-button-next{ background:url(../images/ipr01.png) no-repeat center center;  right:0}
.imainpro .swiper-button-prev:hover{ background:url(../images/ipl02.png) #fff no-repeat center center; opacity:1}
.imainpro .swiper-button-next:hover{ background:url(../images/ipr02.png) #fff no-repeat center center; opacity:1}
.imainpro01{ display:block}
.imainpro02{ display:none}
@media screen and (max-width:920px){
.imainpro01{ display:none}
.imainpro02{ display:block}
}


.iapp .swiper-container-wrapper{ position:relative}
.iapp .gallery-top, .iapp .gallery-thumbs{box-shadow: 0 0 10px rgba(0,0,0,0.15); background:#fff; }
.iapp .gallery-top .swiper-slide{display:block; position:relative; }
.iapp .gallery-top .pic{ float:left; width:50%}
.iapp .gallery-top .text{ width:50%; padding:35px 35px; float:right}
.iapp .gallery-top .text h3{ font-size:24px; font-weight:bold; margin-bottom:20px;}
.iapp .gallery-top .swiper-slide:hover .text h3{background-image: linear-gradient(to right,#164671, #412770); -webkit-background-clip: text;color: transparent}
.iapp .gallery-top .text .intro{display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 5; max-height:150px; overflow: hidden;}
.iapp .gallery-top .text .more{ margin-top:50px; width:142px; line-height:40px;height:42px; border:solid 1px #000; text-align:center}
.iapp .gallery-top .text .more:hover{ background-image: linear-gradient(90deg, #164671, #412770);color: #FFF; border:none}
.iapp .gallery-thumbs { margin-top:15px;}
.iapp .gallery-thumbs .swiper-slide{ text-align:center; height:145px; position:relative; text-align:center}
.iapp .gallery-thumbs .swiper-slide .line{ position:absolute; top:0; right:0; width:1px; height:100%; background:#ddd}
.iapp .gallery-thumbs .swiper-slide:last-child .line{ display:none}
.iapp .gallery-thumbs .swiper-slide .itemin{ content:""; position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:100%}
.iapp .gallery-thumbs .swiper-slide .itemin .icon{ width:50%; max-width:70px; margin:0 auto 10px auto}
.iapp .gallery-thumbs .swiper-slide .itemin .icon img{ display:block; width:100%; height:auto}
.iapp .gallery-thumbs .swiper-slide .itemin .icon .img001{ display:block}
.iapp .gallery-thumbs .swiper-slide .itemin .icon .img002{ display:none}
.iapp .gallery-thumbs .swiper-slide:hover .icon .img001, .iapp .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .icon .img001{ display:none}
.iapp .gallery-thumbs .swiper-slide:hover .icon .img002, .iapp .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .icon .img002{ display:block}
.iapp .gallery-thumbs .swiper-slide:hover, .iapp .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{background-image: linear-gradient(to right,#164671, #412770);}
.iapp .gallery-thumbs .swiper-slide h3{ font-size:16px;}
.iapp .gallery-thumbs .swiper-slide:hover h3, .iapp .gallery-thumbs .swiper-slide.swiper-slide-thumb-active h3{ color:#fff;}
.iapp .swiper-button-next, .iapp .swiper-button-prev{ top:auto; left:-40px;}
.iapp .swiper-button-next{ left:auto; right:-40px;}

.iapp .swiper-button-prev, .iapp .swiper-button-next{ width:18px; height:30px; overflow:hidden; margin-top:0; outline:none; top:auto; bottom:55px; opacity:1}
.iapp .swiper-button-prev{ background:url(../images/apleft.png) no-repeat center center;}
.iapp .swiper-button-next{ background:url(../images/apright.png) no-repeat center center;}
.iapp .swiper-button-prev:hover{ background:url(../images/apleft02.png) no-repeat center center; opacity:1}
.iapp .swiper-button-next:hover{ background:url(../images/apright02.png) no-repeat center center; opacity:1}

.iapp01{ display:block}
.iapp02{ display:none}
@media screen and (max-width:920px){
.iapp01{ display:none}
.iapp02{ display:block}
}


.inews{ background:#f5f5f5}
.inews .conn{display: flex; justify-content: space-between;}
.inews .conn .item{ width:32%; margin-right:2%; box-shadow: 0 0 10px rgba(0,0,0,0.15); background:#fff;}
.inews .conn .item02{ width:32%; box-shadow: 0 0 10px rgba(0,0,0,0.15); background:#fff; padding:30px 25px;color:#666}
.inews .conn .item .text{ padding:25px;}
.inews .conn h3{ font-size:18px; font-weight:bold; color:#000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden; }
.inews .conn .item .text .intro{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden; color:#666}
.inews .conn .item .text .date{ color:#666; margin:10px 0}
.inews .conn .item02 .kuai{ margin-bottom:15px;}
.inews .conn .item:hover h3, .inews .conn .item02 h3:hover{background-image: linear-gradient(to right,#164671, #412770); -webkit-background-clip: text;color: transparent}
.inews .more{ margin-top:40px;}
.inews .more a{ display:block; width:142px; line-height:40px;height:42px; border:solid 1px #000; text-align:center}
.inews .more a:hover{ background-image: linear-gradient(90deg, #164671, #412770);color: #FFF; border:none}


.footer{background-image: linear-gradient(to right,#164671, #412770);}
.footer .fcontent{ padding:45px 0;}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between; color:#fff}
.footer li {display:inline-block;}
.footer li:nth-child(1) p{padding-left:30px}
.footer li:nth-child(1) h3 img{ display:block; width:auto; max-width:206px; height:auto}
.footer li:nth-child(1) .add{ background:url(../images/fadd.png) no-repeat left 5px; }
.footer li:nth-child(1) .mail{ background:url(../images/fmail.png) no-repeat left 5px; }
.footer li:nth-child(1) .tel{ background:url(../images/ftel.png) no-repeat left 5px; }
.footer li:nth-child(1) .saoyosao { margin-top:20px; width:172px; height:87px; border:solid 1px #fff;}
.footer li:nth-child(1) .saoyosao .sleft{ float:left; width:50%; background:url(../images/sao.png) no-repeat center 20%;width:85px; height:85px; text-align:center; padding-top:50px}
.footer li:nth-child(1) .saoyosao .sright{width:85px; height:85px; float:right}
.footer li:nth-child(1) .saoyosao .sright img{ display:block; width:100%; height:auto}
.footer li h3{ font-size:18px;margin-bottom:10px;color:#fff; position:relative; font-weight:bold;}
.footer li  h3 a{ color:#fff}
.footer p, .footer p a{ color:rgba(255,255,255,0.5); }
.footer a:hover{ color:#fff}
.footer .copyright .wrap{ padding:20px 0; line-height:25px;color:rgba(255,255,255,0.5); border-top:solid 1px rgba(255,255,255,0.4) }
.footer .copyright a{color:rgba(255,255,255,0.5); }
.footer .copyright a:hover{ color:#fff;}
.footer .copyright .coleft{ float:left}
.footer .copyright .coright{ float:right}


.float_r{ position:fixed; top:50%; right:2%;  z-index:9999; padding:5px 5px 0px 5px; }
.float_r li{position:relative; width:46px; height:46px; margin-bottom:10px;}
.float_r .hd{position:absolute; top:0px; right:46px; min-width:250px; display:none;color:#fff }
.float_r .hd .inn{ padding:10px 30px; border-radius:10px; width:calc(100% - 10px); background-image: linear-gradient(to right,#164671, #412770);  position:relative}
.float_r .hd .inn:after{ content:""; width:0; height:0; position:absolute; top:18px; right:-10px; border-top:solid 10px transparent; border-bottom:solid 10px transparent; border-left:solid 10px #412770;}
.float_r .img{ width:46px; height:46px; line-height:46px; background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.15); border-radius:50%; overflow:hidden;}
.float_r .img img{ width:20px; height:20px; margin:13px;}
.float_r .img p{ color:#fff;}
.float_r .img001{ display:block}
.float_r .img002{ display:none}

.float_r li:hover .hd{display:block;}
.float_r li:hover .img001{ display:none}
.float_r li:hover .img002{ display:block}
.float_r li:hover .img{background-image: linear-gradient(to right,#164671, #412770);  }
.float_r li.li3 .hd { text-align:center; width:250px;}
.float_r li.li3 .hd .inn{ padding:30px; }
.float_r li.li3 .hd .item{ display:inline-block; margin:0 10px}
.float_r li.li3 .hd img{ padding:10px; width:125px; background:#fff; display:block}


.nbanner{ position:relative}
.nbanner img{ display:block; width:100%; height:auto}
.nbanner .text{ color:#fff; text-align:left; position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; color:#fff; width:100%}
.nbanner .text h3{ margin-bottom:10px; font-size:45px; line-height:45px;}
.nbanner .text a{ color:#fff}

.nnav{ line-height:58px; border-bottom:solid 1px #ddd;}

.nnav li{ display:inline-block}
.nnav li a{ display:block; margin:0 50px 0 0; position:relative}
.nnav li a:after{content: '';width: 0;height:3px;background-image: linear-gradient(to right,#164671, #412770);position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom:0px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.nnav li.cur a:after, .nnav li:hover a:after {width:100%}
.nnav li.cur a, .nnav li a:hover{ color:#15499a}


.nab02{ background:url(../images/lishibg.jpg) no-repeat center center; background-size:cover;}
.nab02 .title h3, .nab02 .title h4{ color:#fff}
.nab02 .conn{ position:relative}
.nab02 .swiper-slide{  line-height:35px; color:#fff}
.nab02 .swiper-slide h3{ font-size:45px; line-height:45px; padding:30px 0;}
.nab02 .swiper-slide .inn{ margin-left:8px; border-left:solid 2px #fff; height:350px; position:relative; padding-left:35px;}
.nab02 .swiper-slide .inn:after{ content:""; position:absolute; left:-8px; top:0; width:16px; height:16px; background:#fff; border-radius:50%;}

.nab02 .swiper-button-prev, .nab02 .swiper-button-next{ width:18px; height:30px; overflow:hidden; opacity:0.7; left:-40px}
.nab02 .swiper-button-prev{ background:url(../images/apleft03.png) no-repeat center center;}
.nab02 .swiper-button-next{ background:url(../images/apright03.png) no-repeat center center; left:auto; right:-40px}
.nab02 .swiper-button-prev:hover{ opacity:1}
.nab02 .swiper-button-next:hover{ opacity:1}


.nab03{ background:#f5f5f5;}
.nab03 .conn {display: flex;justify-content: space-between;}
.nab03 .item{ background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.15); width:32%; margin-right:2%}
.nab03 .item:last-child{ margin-right:0}
.nab03 .item .text{ padding:20px 10px 30px 10px; text-align:center}
.nab03 .item .text h3{ font-size:22px;}
.nab03 .item .text h4{ font-size:18px;}

.nab04 .wrap{ position:relative}
.nab04 .wrap .title{ position:absolute; width:20%; left:0; top:0}
.nab04 .wrap .title h3{ position:relative; margin-bottom:40px; padding-bottom:25px; }
.nab04 .wrap .title h3:after{ content:""; position:absolute; left:0; bottom:0; width:65px; height:3px;background-image: linear-gradient(to right,#164671, #412770);}
.nab04 .conn { position:relative; padding-left:25%;}
.nab04 .img-dv .img2{ z-index:-1}
.nab04 .pic:hover .img1{transform:scale(1) !important;}
.nab04 .text{
	line-height:24px;
	border-bottom:solid 1px #ddd;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 70px;
}
.nab04 .pic{box-shadow: 0 0 10px rgba(0,0,0,0.15); position:relative}
.nab04 .swiper-pagination{ position: absolute; left:0; bottom:0px;}
.nab04 .swiper-pagination-bullet{ width:8px; height:8px; background:#999; opacity:1; margin:0 4px 0 0}
.nab04 .swiper-pagination-bullet-active{ background:#422670}



.nprolist li{ float:left; width:32%; margin-right:2%; margin-bottom:2%; background:#fff; text-align:center; padding:3% 2%}
.nprolist li:nth-child(3n){ margin-right:0}
.nprolist li:nth-child(3n+1){ clear:both;}
.nprolist li h3{font-size:22px;color:#000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.nprolist li p{ font-size:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; color:#666; margin-bottom:15px;}
.nprolist li .pic{width:auto; max-width:320px; margin:0 auto; display:block}

.nprolist .more{ margin-top:20px; text-align:center}
.nprolist .more{ display:inline-block; width:142px; height:42px; line-height:40px; border:solid 1px #000; }
.nprolist li:hover .more{background-image: linear-gradient(90deg, #164671, #412770);color: #FFF; border:none}
.nprolist li:hover h3{background-image: linear-gradient(to right,#164671, #412770); -webkit-background-clip: text;color: transparent}
.nprolist li:hover {box-shadow: rgba(0,0,0,0.15) 0 0 15px;}

.prodetail .wrap{ position:relative}
.prodetail .pics{ float:left; width:47%; padding:2%; border:solid 1px #ddd}
.prodetail .swiper-pagination{text-align:center;}
.prodetail .swiper-pagination-bullet{ width:30px; height:4px; opacity:1; background:#adadaf; margin:0 5px; border-radius:2px;}
.prodetail .swiper-pagination-bullet-active{ background-image: linear-gradient(to right,#164671, #412770); }

.prodetail .wenzi{ width:50%; float:right}
.prodetail .wenzi h3{ margin:20px 0; font-size:30px;color:#000 }
.prodetail .use{ margin-top:40px;}
.prodetail .use li{ float:left; text-transform:uppercase; padding:0 35px;  line-height:38px; border-radius:22px; overflow:hidden; display:block; border:solid 2px #000; color:#000; text-align:center}
.prodetail .use li a{ display:block; color:#000}
.prodetail .use li.pliuyan {margin-right:20px;}
.prodetail .use li span{ display:inline-block;padding-left:30px;  }
.prodetail .use li.pliuyan span {background: url(../images/ply.png) no-repeat left center; }
.prodetail .use li.pliuyan:hover span{background: url(../images/ply02.png) no-repeat left center; color:#fff; }
.prodetail .use li.pliuyan:hover{background-image: linear-gradient(to right,#164671, #412770); color:#fff; border:solid 2px transparent;}
.prodetail .use li.ptel span{background: url(../images/ptel.png) no-repeat left center; color:#fff; }
.prodetail .use li.ptel { background-image: linear-gradient(to right,#164671, #412770); color:#fff;border:solid 2px transparent;}



.nproxiang .protabmenu li {line-height:52px; float:left; padding:0 25px; text-transform:uppercase; font-size:20px; color:#000; }
.nproxiang .protabmenu .cur {background: #fff;}
.nproxiang #protabcontent .hidden {display:none;}
.nproxiang #protabcontent { clear:both; line-height:30px !important; padding:35px 25px; background:#fff}
.nproxiang #protabcontent img{  width:auto; max-width:100%; height:auto}

.applist{ margin-top:-30px}
.applist .item:nth-child(2n+1){ background:#f5f5f5;}
.applist .item .pic{ float:right; width:50%}
.applist .item .text{ float:left; width:47%;}
.applist .item:nth-child(2n) .pic{ float:left}
.applist .item:nth-child(2n) .text{ float:right}
.applist .item .text h3{ font-size:36px; margin:30px 0;}
.applist .item .swiper-slide:hover .text h3{background-image: linear-gradient(to right,#164671, #412770); -webkit-background-clip: text;color: transparent}
.applist .item .text .intro{ color:#666}
.applist .item .text .more{ margin-top:50px; width:142px; line-height:40px;height:42px; border:solid 1px #000; text-align:center}
.applist .item .more:hover{ background-image: linear-gradient(90deg, #164671, #412770);color: #FFF; border:none}


.nappdetail .ntitle h3{ font-size:30px; font-weight:bold; padding-bottom:35px; margin-bottom:35px; border-bottom:solid 1px #ddd; color:#000}
.nappdetail .conn{ min-height:350px;}
.nappdetail .conn img{ width:auto; max-width:100%}
.nappdetail .more{margin-top:50px; }
.nappdetail .more a{ display:block; width:142px; line-height:40px;height:42px; border:solid 1px #000; text-align:center; margin:0 auto}
.nappdetail .more a:hover{ background-image: linear-gradient(90deg, #164671, #412770);color: #FFF; border:none}

.other .tjtitle{display: flex; justify-content: space-between; margin-bottom:35px;}
.other .tjtitle h3{ font-size:36px; color:#000}
.other .tjtitle .more a{ color:#666}
.other .tjtitle .more a:hover{background-image: linear-gradient(to right,#164671, #412770); -webkit-background-clip: text;color: transparent}
.other .swiper-slide{ margin-bottom:30px; background:#fff; text-align:center; padding:3% 2%}
.other .swiper-slide h3{font-size:22px;color:#000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.other .swiper-slide p{ font-size:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; color:#666; margin-bottom:15px;}
.other .swiper-slide .pic{width:auto; max-width:320px; margin:0 auto; display:block}
.other .swiper-slide .more{ margin-top:20px; text-align:center}
.other .swiper-slide .more{ display:inline-block; width:142px; height:42px; line-height:40px; border:solid 1px #000; }
.other .swiper-slide:hover .more{background-image: linear-gradient(90deg, #164671, #412770);color: #FFF; border:none}
.other .swiper-slide:hover h3{background-image: linear-gradient(to right,#164671, #412770); -webkit-background-clip: text;color: transparent}
.other .swiper-slide:hover {box-shadow: rgba(0,0,0,0.15) 0 0 15px;}

.other .swiper-pagination{ bottom:0px !important;}
.other .swiper-pagination-bullet{ width:12px; height:12px; background:#999; opacity:1; margin:0 6px 0 0}
.other .swiper-pagination-bullet-active{ background:#422670}

.othernews .swiper-slide h3{font-size:20px;color:#000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height:25px; height:50px; margin-bottom:10px;}
.othernews .swiper-slide .pic{width:auto; max-width:100%; margin:0 auto; display:block}


.ndown span{ text-align:center; display:block; float:left}
.ndown .dtop{ background-color:#dbdcdd; line-height:60px;font-size:20px; color:#000;}
.ndown .dbottom{line-height:60px; }
.ndown .dbottom img{ display:block; width:30px; height:40px; margin:10px auto}
.ndown .dbottom li .dimg01{ display:block}
.ndown .dbottom li .dimg02{ display:none}
.ndown .dbottom li:hover .dimg01{ display:none}
.ndown .dbottom li a{ color:#595d61}
.ndown .dbottom li:hover .dimg02{ display:block}
.ndown .dbottom li{ border-bottom:solid 1px #ddd}
.ndown .dbottom li:hover{ background-color:#f3f4f8}

.ndown .dtop span:nth-child(1), .ndown .dbottom li span:nth-child(1){ width:calc(64% - 20px); padding-left:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ndown .dtop span:nth-child(1), .ndown .dbottom li span:nth-child(1){text-align:left}
.ndown .dtop span:nth-child(2), .ndown .dbottom li span:nth-child(2){ width:12%}
.ndown .dtop span:nth-child(3), .ndown .dbottom li span:nth-child(3){ width:12%}
.ndown .dtop span:nth-child(4), .ndown .dbottom li span:nth-child(4){ width:12%}
.ndown .dtop span:nth-child(1){ text-align:center}


.nhr .conn{display: flex; justify-content: space-between;}
.nhr .conn .item{ width:48.5%; margin-right:3%; box-shadow: 0 0 10px rgba(0,0,0,0.15); background:#fff;}
.nhr .conn .item:nth-child(2n){ margin-right:0}
.nhr .conn .item .text{ padding:25px;}
.nhr .conn .item .text h3{ font-size:24px; font-weight:bold; color:#000; margin-bottom:5px}
.nhr .conn .item .text h4{ font-size:20px;}



.hrlist li{ width:32%; margin-top:-1px; margin-right:2%; margin-bottom:2%; padding:3%; background:#fff; border:1px solid #e8e8e8; float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; position:relative}
.hrlist li:nth-child(3n){ margin-right:0}
.hrlist li .icon{ width:20%; max-width:45px; height:auto; margin:0 auto;display:block;}
.hrlist li .icon img{ display:block; width:100%;}
.hrlist li .icon .img001{ display:block}
.hrlist li .icon .img002{ display:none}
.hrlist li .icon1{ display:none}
.hrlist li .tit{ font-size:22px; text-align:center; color:#333; padding:30px 0 20px; border-bottom:1px solid #d8d8d8}
.hrlist li .intro{line-height:24px; margin-top:15px; color:#999; height:48px; font-size:14px; overflow:hidden}
.hrlist li .more{ width:26px; height:26px; background:url(../images/arrow.png) no-repeat center; display:block; margin-top:15px}
.hrlist li:hover{box-shadow: 0 0 15px rgba(0,0,0,0.3); cursor:pointer}
.hrlist li:hover .tit{background-image: linear-gradient(to right,#164671, #412770); -webkit-background-clip: text;color: transparent}
.hrlist li:hover .icon .img001{ display:none}
.hrlist li:hover .icon .img002{ display:block}
.hrlist li .hd{ position:fixed; width:100%; height:100%; top:0;left:0;color:#666; display:none; z-index:99999999999}
.hrlist li .hd .bg{ position:absolute; top:0;left:0; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); z-index:98}
.hrlist li .hd .closed{ width:37px; height:37px; display:block; background:url(../images/close.png) no-repeat center; position:absolute; right:3%; top:3%; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;z-index: 99;}
.hrlist li .hd .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.hrlist li .hd .hr_con{ background:#fff; width:640px; height:70%; position:absolute;top:15%;left:50%; margin-left:-320px; padding:30px; line-height:38px; cursor:default; overflow-y:auto; z-index:99}
.hrlist li .hd .hr_con .tit_hd{ font-size:24px; color:#333; border-bottom:1px solid #e8e8e8; line-height:35px; padding-bottom:20px; margin-bottom:25px}



.nnewslist .newskuai{ padding:40px 0; border-top:solid 1px #ddd}
.nnewslist .newskuai:nth-child(1){ padding-top:0; border-top:none}
.nnewslist .newskuai a{ display:block; position: relative}
.nnewslist .newskuai .date{ width:80px; height:68px; text-align:center;padding:12px 0;  border-radius:5px; background-image: linear-gradient(to right,#164671, #412770); color:#fff; position:absolute; left:0; top:0}
.nnewslist .newskuai .date h3{ line-height:24px; font-size:24px;}
.nnewslist .newskuai .date p{line-height:24px; font-size:14px;}
.nnewslist .newskuai .pic{ margin:0 2% 0 calc(2% + 80px); width:28%; float:left; border-radius:5px; overflow:hidden}
.nnewslist .newskuai .text{width:calc(68% - 80px); float:right; margin-top:15px}
.nnewslist .newskuai .text h3{font-size:20px; font-weight:bold; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-bottom:10px;}
.nnewslist .newskuai .text p{ color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; line-height:26px; height:78x;}
.nnewslist .newskuai .more{ margin-top:40px; width:142px; line-height:40px;height:42px; border:solid 1px #000; text-align:center}
.nnewslist .newskuai .more:hover{ background-image: linear-gradient(90deg, #164671, #412770);color: #FFF; border:none}
.nnewslist .newskuai:hover .text h3{background-image: linear-gradient(to right,#164671, #412770); -webkit-background-clip: text;color: transparent}

.shangxia{ border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; font-size:14px; padding:18px 0; margin-top:50px;color:#888}
.shangxia li{ float:left;}
.shangxia li:nth-child(2){ float:right;}
.shangxia li a{ color:#888}
.shangxia li a:hover{ color:#e61d20}


.ncontact .title p{ margin-top:20px;}
.ncontact .title h4{font-size: 30px; color: #000;}
.ncontact ul{display: flex; justify-content: space-between;}
.ncontact li{ width:30%; border:1px solid #a6a6a6; padding:25px 14px 25px 33px; min-height:124px; margin-right:37px;}
.ncontact li:last-child{ margin-right:0px; padding-right:0;}
.ncontact li img{ display:block; float:left; padding-right:25px;}
.ncontact li div{ overflow:hidden;}
.ncontact li div p{ text-align:justify; line-height:26px; margin-top:6px}
.ncontact li span{ display:block; font-size:20px;}

.feedback .wrap, .ncontact .wrap{ max-width:1200px;}
.feedback form{ margin:0 auto;}
.feedback .form .column{ float:left; width:48.5%; margin-right:3%; position:relative;overflow:hidden; }
.feedback .form .row_1{ margin-bottom:15px;}
.feedback .form span{ padding-left:15px; display:block; margin-bottom:8px}
.feedback .form .row_1 .column:nth-child(2n){ margin-right:0}
.feedback .form .row_1 input{ border:none; line-height:48px; height:48px;width:100%; padding:0 15px;color:#999;border:solid 1px #ddd; border-radius:5px}
.feedback .form .row_2 textarea{ width:100%; height:150px; border:none; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:15px; overflow:hidden;color:#999; border-radius:5px; border:solid 1px #ddd}
.feedback .form .row_2{ margin-bottom:15px;}
.feedback .form .row .submit{width:180px; height:45px; display:block;  margin:50px auto; line-height:41px; cursor:pointer;background-image: linear-gradient(to right,#164671, #412770); color:#fff; border:none}
.feedback .form .row .submit:hover{box-shadow: 0 0 10px rgba(0,0,0,0.15); }