@charset "utf-8";
*{margin:0;padding:0}
HTML {OVERFLOW-X: hidden;}
body{ font-family:'microsoft yahei', sans-serif;font-size:16px; line-height:30px;color:#3d464f;overflow-x:hidden;background:#fff; }
a{color:#3d464f; text-decoration:none;outline:none; transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-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;}
.fl{float:left;}
.fr{float:right}
table{ border-collapse:collapse;}
img{ border:none; display:block;}
input,textarea,select,button{ outline:none;font-family:'microsoft yahei', sans-serif;outline:none;font-family:RobotoCondensed-Regular;-webkit-appearance: none ;}

@font-face {	
font-family: 'impact';	
src: url("../fonts/impact.eot");
src: url("../fonts/impact.eot") format("embedded-opentype"), 
url("../fonts/impact.woff") format("woff"), 
url("../fonts/impact.ttf") format("truetype"), 
url("../fonts/impact.svg") format("svg");	
font-weight: normal;
font-style: normal;}

.section{ padding:75px 0;}
.sectionpre{ padding:75px 0 0 0;}
.sectionnext{ padding:0 0 75px 0;}
.space{ height:106px;}

.mbg{ background:#f1f1f1;}
.wrap{ width:96%; max-width:1280px; margin:0 auto}

#a01{ position: absolute;  margin-top:-106px;}
#a02{ position:absolute; margin-top:-106px;}


.title{ margin-bottom:30px; color:#0362b6; position:relative}
.title .tleft{ float:left; font-size:36px; font-weight:bold; line-height:30px}
.title .tleft span{ display:inline-block; font-weight:normal; font-size:18px; margin-left:5px; }
.title .tmore{ float:right}
.title .tmore a{color:#0362b6; font-size:16px}
.title h3{font-size:36px; font-weight:bold; line-height:36px}
.title p{ font-size:20px; color:#333; margin-top:10px;}

.jvzhong{ text-align:center}


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


.header{ position: fixed;z-index: 9;width: 100%;top:0;left:0;background-color:#fff;height:106px;box-shadow: 0 0 10px rgba(0%,0%,0%,0.2)}
.header .logo{ position:absolute; left:3.5%; height:106px;}
.header .logo img{ display:block; height:60px; position:absolute; top:50%; margin-top:-30px; }
.header .menu{margin-right:calc(3.5% + 265px); text-align:right}
.header .menu li{ display:inline-block}
.header .menu li{ position:relative}
.header .menu li .menu_a{ line-height:106px; display:block; margin:0 35px; color:#000;position:relative}
.header .menu li .menu_a.cur{ color:#0362b6;}
.header .menu li .sub{ position:absolute; display:none;clear:both; z-index:999;width:140%; margin-left:-20%;}
.header .menu li .subduanpro{width:230% !important; margin-left:-65%  !important;}
.header .menu li .subduansol{width:120% !important; margin-left:-10%  !important;}
.header .menu li .sub.cur{ display:block}
.header .menu .subduan{ text-align:center; line-height:50px; padding-bottom:20px;}
.header .menu .subduan a{  display:block; background-color:#fff;font-size:14px; }
.header .menu .subduan a:hover{background-color: #0362b6; color:#fff;}
/*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;}

.header .language{position:absolute; top:50%; margin-top:-8px; line-height:16px; right:calc(3.5% + 70px); text-align:center; }
.header .language li{ display:inline-block; padding:0 20px; }
.header .language li:nth-child(1){ border-right:solid 1px #333;}
.header .language li .cur{ color:#0362b6;}

/*按钮*/
.header .mmbtn{ position:absolute; right:3.5%; top:50%; margin-top:-16px;}
.header .mmbtn .inbox{padding-top: 20px;font-size: 12px;color: #3d464f;position: relative;text-transform:uppercase;cursor: pointer;}
.header .mmbtn .inbox .line{width: 100%;height: 2px;background-color: #3d464f;position: absolute;right: 0;top: 0;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.header .mmbtn .inbox .line.l2{top: 8px;left: 0;right: auto;}
.header .mmbtn .inbox .line.l3{top: 16px;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.header .mmbtn:hover .inbox .line{ width:60%}
/*menu*/
.mask{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,.35);left: 0;top: 0;z-index: 112;display: none;}
.head-menu{position: fixed;right: 0;top: 0;width: 100%;height: 100%;max-width: 320px;background-color: #fff;z-index: 113;overflow: hidden;background: -webkit-linear-gradient(top, #fff , #eef2f5); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(bottom, #fff, #eef2f5); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(bottom, #fff, #eef2f5); /* Firefox 3.6 - 15 */background: -webkit-gradient(linear, left top, left bottom, from(#fff) , to(#eef2f5));background: -moz-linear-gradient(top, #fff , #eef2f5);background: -o-linear-gradient(top, #fff , #eef2f5);background: linear-gradient(to bottom, #fff , #eef2f5); /* 标准的语法 */-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);opacity: 0;visibility: hidden;}
.head-menu[data-on="on"]{-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);opacity: 1;visibility: visible;}

.head-menu .toolbox .tool{width: 94%;max-width: 260px;padding-right: 40px;height: 80px;position: relative;}
.head-menu .toolbox .mmclose{width: 25px;height: 25px;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);cursor: pointer;}
.head-menu .toolbox .mmclose:before{content: "";width: 100%;height: 2px;background-color: #3d464f;position: absolute;left:50%;top: 50%;-webkit-transform: translate(-50%,-50%) rotate(45deg);-moz-transform: translate(-50%,-50%) rotate(45deg);-ms-transform: translate(-50%,-50%) rotate(45deg);-o-transform: translate(-50%,-50%) rotate(45deg);transform: translate(-50%,-50%) rotate(45deg);}
.head-menu .toolbox .mmclose:after{content: "";width: 100%;height: 2px;background-color: #3d464f;position: absolute;left:50%;top: 50%;-webkit-transform: translate(-50%,-50%) rotate(-45deg);-moz-transform: translate(-50%,-50%) rotate(-45deg);-ms-transform: translate(-50%,-50%) rotate(-45deg);-o-transform: translate(-50%,-50%) rotate(-45deg);transform: translate(-50%,-50%) rotate(-45deg);}

.head-menu .menu-box{height: -webkit-calc(100% - 80px);height: -moz-calc(100% - 80px);height: calc(100% - 80px);position: relative;}

.head-menu .menu-box .wrap{max-width: 220px;}
.head-menu .menu-box .mlist .lim{display: block;cursor: pointer;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.head-menu .menu-box .mlist .lim .word{line-height: 30px; padding:5px 0;font-size: 18px;color: #1a1a1a;margin: 0 auto;width: 94%;max-width: 260px;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.head-menu .menu-box .mlist .lim .menu{display: none;padding: 0 5%;}
.head-menu .menu-box .mlist .lim[data-on="on"] .menu{display: block;}
.head-menu .menu-box .mlist .lim .menu .mm{height: 30px;line-height: 30px;display: block;}
.head-menu .menu-box .inbox{height: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: -moz-box;display: flex;-ms-flex-direction: column;-webkit-flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;-moz-box-orient: vertical;-moz-box-direction: normal;flex-direction: column;-webkit-box-pack: space-between;-ms-flex-pack: space-between;-webkit-justify-content: space-between;-moz-box-pack: justify;justify-content: space-between;-webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: top left;-moz-transform-origin: top left;-ms-transform-origin: top left;-o-transform-origin: top left;transform-origin: top left;opacity: 1;visibility: visible;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.head-menu .menu-box .inbox[data-on="on"]{-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);opacity: 0;visibility: hidden;}
.head-menu .menu-box .inbox .contact{margin-bottom: 50PX;}

.head-menu .menu-box .outbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;z-index: 115;-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: top right;-moz-transform-origin: top right;-ms-transform-origin: top right;-o-transform-origin: top right;transform-origin: top right;opacity: 0;visibility: hidden;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.head-menu .menu-box .outbox[data-on="on"]{-webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);opacity: 1;visibility: visible;}
.head-menu .menu-box .outbox .inbtn{height: 50px;line-height: 50px;background-color: #0362b6;margin-bottom: 20px;cursor: pointer;}
.head-menu .menu-box .outbox .inbtn .ww{max-width: 260px;width: 94%;margin: 0 auto;font-size: 14px;color: #fff;font-weight: bold;padding-left: 30px;position: relative;}
.head-menu .menu-box .outbox .inbtn .ww span{width: 20px;height: 5px;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.head-menu .menu-box .outbox .inbtn .ww span:before{content: "";border-style: solid;border-width:2px 3px; border-color: transparent #fff transparent transparent;position: absolute;left: 0;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.head-menu .menu-box .outbox .inbtn .ww span:after{content: "";width: 20px;height: 1px;background-color: #fff;position: absolute;left: 1px;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}



.banner img{ display:block; width:100%; height:auto}
.banner .swiper-pagination{bottom:20px !important; }
.banner .swiper-pagination-bullet{ width:13px; height:13px; background:#ddd; opacity:1; margin:0 5px}
.banner .swiper-pagination-bullet-active{ background:#fe0304}

.iproducts li{ float:left; width:16.666667%; position:relative;}
.iproducts li .show01{ position:absolute;top:0; left:0; width:100%; height:100%; display:block}
.iproducts li .show01 h3{
	font-size:24px;
	color:#fff;
	font-weight:bold;
	margin-top: 40px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 20px;
	text-align: center;
}
.iproducts li .show02{ position:absolute; top:0; left:0; width:100%; height:100%; display:none; background-color:rgba(1,80,164,0.7)}
.iproducts li .show02 .text{position:absolute; width:80%; left:50%; top:50%; -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%); text-align:center}
.iproducts li .show02 .text h3{font-size:24px; color:#fff; font-weight:bold; color:#fff; margin-bottom:10px;text-align: center;}
.iproducts li .show02 .text p{ margin:10px 0 40px 0; color:#fff;}
.iproducts li .show02 .text .more{ width:110px; line-height:35px; border:solid 1px #fff; color:#fff; margin:0 auto;}
.iproducts li .show02 .text .more:hover{ background:#fe0304; }
.iproducts li:hover .show01{ display:none}
.iproducts li:hover .show02{ display: block}

.iabout .pic{ float:right; width:40%;}
.iabout .ajian{ float:left; width:55%; padding-top:20px;}
.iabout .ajian h3{ font-size:24px; margin-bottom:10px;}
.iabout .ajian .quite{ margin-top:30px;}
.iabout .ajian .quite li{ float:left; width:25%; position:relative}
.iabout .ajian .quite li:nth-child(2){ width:50%}
.iabout .ajian .quite li .icon{transition: all 0.6s ease 0s;position:relative;top:0px; margin:15px 0 10px 0}
.iabout .ajian .quite li .icon img{ display:block; width:64px;  height:auto; margin:0 auto}
.iabout .ajian .quite li:hover .icon{top:-10px;}
.iabout .ajian .quite li .wenzi{ text-align:center}
.iabout .ajian .quite li .wenzi p{ font-size:16px; margin-bottom:10px;}


.ipicrolls #ul a {color:#333; background-color:#fff; float:left; width:25%;padding:15px 0; position:relative; cursor:pointer}
.ipicrolls #ul li:after{ content:""; width:1px; height:100%; right:0; top:0; background:#ddd; position:absolute}
.ipicrolls #ul li:nth-child(4):after{ display:none}
.ipicrolls #ul .cur { background-color:#0362b6; color:#fff; }
.ipicrolls #ul .num{ display:inline-block; margin-left:10%;font-family: 'impact'; font-size:50px; font-style:italic; line-height:50px; margin-right:10px;}
.ipicrolls #ul .wenzi{ display:inline-block}
.ipicrolls #ul .wenzi h3{ font-size:20px; line-height:24px;}
.ipicrolls #ul .wenzi p{ font-size:13px; color:#999; line-height:20px; text-transform:uppercase}
.ipicrolls #ul .cur .num, .ipicrolls #ul .cur h3, .ipicrolls #ul .cur p{ color:#fff}

.ipicrolls img { display:block; width:100%; height:auto}

.ipicrolls{ position:relative}
.ipicrolls .ipicrolls_cont{ background:#fff; position:relative;}
.ipicrolls .ipicrolls_cont .text{ background-color:rgba(0,0,0,0.4); font-size:18px; color:#fff; padding:25px 25px 50px 25px; position:absolute; bottom:0; width:100%;}



.inews .swiper-slide{ margin-bottom:40px}

.inews .swiper-slide h3{ margin-bottom:8px;line-height:24px; font-size:18px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-top:10px; }
.inews .swiper-slide p{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height:24px; color:#999; font-size:16px;}
.inews .swiper-slide .shijian{margin:10px 0 0 0; color:#999;font-size:14px; }
.inews .swiper-pagination{ display:none; bottom:0}
.inews .swiper-pagination-bullet{ height:12px;width:12px; background:#ddd; opacity:1; margin:0 5px}
.inews .swiper-pagination-bullet-active{ background:#fe0304}

@media screen and (max-width: 640px){
.inews .swiper-pagination{ display:block}
}


.footer{ background:#0362b6; padding:45px 0; font-size:14px; color:#fff}
.footer .fcontact{ float:left; width:40%;}
.footer .fcontact h3{ font-size:16px; margin-bottom:15px;}
.footer .fcontent{ float:left; width:60%; text-align:center}
.footer .fcontent .fguide{ margin-bottom:15px;}
.footer .fcontent .fguide a{ display:inline-table; padding:0 17px; font-size:16px; color:#fff}
.footer a:hover{ color:#fe0304}
.footer .fcontent .fqlink{ margin-top:20px}
.footer .weixincode{ display:none; position:absolute; bottom:40px; left:-40px}
.footer .fcontent .fqlink .weixin, .footer .fcontent .fqlink .lyan{ display:inline-block; margin-right:10px; position:relative; cursor:pointer}
.footer .fcontent .fqlink .icon{width:37px; height:37px; border-radius:50%; overflow:hidden; border-radius:50%; background:#fff}
.footer .fcontent .fqlink .icon img{ display:block; width:100%; height:auto; }
.footer .fcontent .fqlink .weixin:hover .icon, .footer .fcontent .fqlink .icon:hover{background:#fe0304;}
.footer .weixin:hover .weixincode{ display:block}

.footer .erweima{ float:right; width:108px; text-align:center}
.copyright a{color:#fff}
.copyright a:hover{
	color:#fff;
	text-decoration: underline;
}
.nbanner{ position:relative;}
.nbanner img{ display:block; width:100%; height:auto}
.nbanner .text{ position:absolute; line-height:40px;height:80px; text-align:left; top:50%; margin-top:-40px; width:100%; color:#fff;}
.nbanner .text .cn{ float:left;font-size:30px; font-weight:bold; margin-bottom:40px;}
.nbanner .text .en{  float:left;text-transform:uppercase; margin-top:40px; position:relative}
.nbanner .text .en:before{ content:""; position:absolute; width:58px; height:2px; top:-2px; left:0; background:#fff}


.nnav{ height:60px; background:#f7f7f7; line-height:60px; text-align:right}
.nnav li{ display:inline-block}
.nnav li a{ display:block; padding:0 20px; position:relative; font-size:14px;}
.nnav li a:after{ content:""; width:0; height:0;border-right:4px solid transparent;border-left:4px solid transparent;border-top:4px solid #0362b6; opacity:0; position:absolute; left:50%; margin-left:-4px;bottom:0; -moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
.nnav li.cur a, .nnav li:hover a{ border-bottom:solid 2px #0362b6; line-height:56px; padding-top:2px; background:#fff}
.nnav li.cur a:after, .nnav li:hover a:after{ opacity:1;bottom:-6px}

.ntitle{ margin-bottom:15px; margin-top:-10px;}
.ntitle h4{ color:#eee; font-size:60px; line-height:60px; font-weight:bold; text-transform:uppercase}
.ntitle h3{ color:#0362b6; font-size:36px; line-height:36px; margin-top:-25px; font-weight:bold;position:relative; }

.nametitile{ text-align:center}
.nametitile h3{ font-size:24px; color:#0362b6; position:relative; display:inline-block; margin-bottom:30px}
.nametitile h3:before{ content:""; width:58px; height:2px; top:50%; margin-top:-1px; left:-65px; position:absolute; background:#0362b6}
.nametitile h3:after{ content:""; width:58px; height:2px; top:50%; margin-top:-1px; right:-65px; position:absolute; background:#0362b6}

.nabout .intro{ font-size:14px;}
.nabout .intro img{ display:b; width:100%; height:auto}

.nabout02 .wrap{ display:table}
.nabout02 .pic{ display: table-cell;vertical-align: middle; width:39%;}
.nabout02 .wenzi{ display: table-cell;vertical-align: middle; width:61%; padding-left:6%}
.nabout02 .wenzi .intro h3{ font-size:24px;margin-bottom:20px}

.nabout03{ background: url(../images/nabout03.jpg) no-repeat center center; background-size:cover; padding:220px 0; color:#fff}
.nabout03 .ntitle02 h3{position:relative; font-size:36px; font-weight:bold; padding-bottom:55px; width:60%; line-height:50px;}
.nabout03 .ntitle02 h3:after{content:""; width:58px; height:2px; bottom:20px; background:#fff; left:0; position:absolute}
.nabout03 .intro02 span{ display:block;}
.nabout03 .intro02 p{width:60%}


.honorlist ul{ text-align:center;}
.honorlist li{ width:23.5%; margin-right:2%; display:inline-block}
.honorlist li:last-child,.honorlist li:nth-child(4n){ margin-right:0}




.ntitle03 h3{ color:#0362b6; font-size:36px;font-weight:bold;position:relative; text-align:center }
.ntitle03 img, .ntitle03 span{ display:inline-block; padding:0 5px}



.map-bg {
	width:100%;
	max-width:826px;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 30px;
}
.map-bg img{ display:block; width:100%; height:auto}
.map-poi {position: absolute}
.map-poi .dian {display: block;width: 12px;height: 12px;background-color: #ff0000;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-animation: wave;-o-animation: wave;animation: wave;position: relative;z-index: 3}
.map-poi .dian:after, .map-poi .dian:before {content: "";position: absolute;z-index: 5;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 50%;border: 1px solid rgba(255, 0, 0, .5);-webkit-animation: bowen 3s linear infinite;-o-animation: bowen 3s linear infinite;animation: bowen 3s linear infinite;width: 10px;height: 10px}
.map-poi .dian:before {border: 1px solid rgba(255, 0, 0, .5);-webkit-animation: bowen 4s linear infinite;-o-animation: bowen 4s linear infinite;animation: bowen 4s linear infinite}

@keyframes bowen {
	0% {border-width: 1px}
	100% {border-width: 30px;border-color: rgba(255, 0, 0, 0)}
}
.poi1 {top: 39%;left:39%}

.parlist{ margin-top:30px}
.parlist .swiper-slide img{ display:block; width:calc(100% - 2px); border:solid 1px #ddd; height:auto; margin-left:1px}
.parlist .swiper-button-prev{ width:29px !important; height:29px !important;  left:0px; margin-top:-14.5px; outline:none;border-radius:50%}
.parlist .swiper-button-next{ width:29px !important; height:29px !important;  right:0px; margin-top:-14.5px; outline:none;border-radius:50%}
.parlist .swiper-slide a{ display:block; width:100%; margin:0 auto;}
.parlist .swiper-button-next{ background:url(../images/next.png) no-repeat center;left:auto; background-size:cover }
.parlist .swiper-button-prev{ background:url(../images/pre.png) no-repeat center;background-size:cover; }
.parlist .swiper-pagination{ display:none}


.zhengcelist .item{ margin-bottom:30px;margin-top:10px; position:relative}
.zhengcelist .item:last-child{ margin-bottom:0px;}
.zhengcelist .item .pic{ float:left; width:48%;}
.zhengcelist .item .wenzi{ float:right;width:48%; padding:30px 0 }
.zhengcelist .item:nth-child(2n) .pic{ float:right}
.zhengcelist .item:nth-child(2n) .wenzi{ float:left; }


.hrlist{ border-left:1px solid #e8e8e8; margin-top:10px;}
.hrlist li{ width:33.33%; margin-top:-1px; padding:3%; border:1px solid #e8e8e8; border-left:none; float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; position:relative}
.hrlist li .icon{ width:20%; max-width:55px; height:auto; margin:0 auto;display:block;}
.hrlist li .icon img{ display:block; width:100%;}
.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{ font-size:14px; line-height:24px; padding-top:15px; color:#999; height:48px; overflow:hidden}
.hrlist li .more{ width:26px; height:26px; background:url(../images/arrow.png) no-repeat center; display:block; margin-top:15px}
.hrlist li,.hrlist li:hover .tit,.hrlist li:hover .intro{ -webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s; color:#fff}
.hrlist li:hover{background: #0362b6; cursor:pointer}
.hrlist li:hover .icon{ display:none}
.hrlist li:hover .icon1{ display:block}
.hrlist li:hover .tit{ color:#fff}
.hrlist li:hover .intro{ color:#fff}
.hrlist li .hd{ position:fixed; width:100%; height:100%; top:0;left:0;color:#666; display:none; z-index:99}
.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:-350px; padding:30px; font-size:16px; line-height:38px; cursor:default; overflow-y:auto; z-index:99}
.hrlist li .hd .hr_con .tit_hd{ font-size:25px; color:#333; border-bottom:1px solid #e8e8e8; line-height:35px; padding-bottom:20px; margin-bottom:25px}


.clianxi li{ float:left; width:25%; position:relative}
.clianxi li .icon{transition: all 0.6s ease 0s;position:relative;top:0px; margin:10px 0 10px 0}
.clianxi li .icon img{ display:block; width:40%; max-width:122px; border-radius:50%; border:solid 1px #ddd; height:auto; margin:0 auto}
.clianxi li:hover .icon{top:-10px;}
.clianxi li .wenzi{ text-align:center}
.clianxi li .wenzi h3{ display:inline-block; line-height:45px; border-bottom:solid 2px #0362b6; margin-bottom:10px;}
.clianxi li .wenzi p{ width:80%; margin:0 auto}


.nliuyan .map{ float:left; width:48%;}
.nliuyan .message{ float:right; width:48%;}
.nliuyan .biaoti{ margin-bottom:25px;}
.nliuyan .map .conn{ border:solid 1px #ddd;}
.nliuyan .biaoti h3{ font-size:24px; font-weight:bold;}
.nliuyan .message .input{width:100%; margin-bottom:10px; font-size:14px; border:1px solid #ddd; line-height:42px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:0px 10px 0 85px;}
.nliuyan .message .input02{width:100%;font-size:16px; border:1px solid #ddd; font-size:14px;height:125px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:40px 10px 0 10px; margin-bottom:10px}
.nliuyan .message .input03{width:50%; margin-bottom:10px;  font-size:14px; border:1px solid #ddd; line-height:42px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:0px 10px 0 85px;}
.nliuyan .message .submit{ display:block;font-size:16px; border:none; text-align:center; background:#0362b6; width:142px;line-height:40px; color:#fff; position:absolute; right:0; top:0}
.nliuyan .conn .submit:hover{background:#ff0000; }
.nliuyan .message label span{ color:#ff0000;}
.nliuyan .message .row{ position:relative}
.nliuyan .message .row label{ position:absolute; left:15px; top:0%; line-height:42px; font-size:14px;}

.prolist .item{ padding:55px 0; margin:5px 0}
.prolist .item:nth-child(1){ margin-top:-20px}
.prolist .item .pic{ float:left; width:48%}
.prolist .item .wenzi{ float:right; width:48%; padding:50px 0}
.prolist .item:nth-child(2n), .prolist .item:hover{ background:#f7f7f7}
.prolist .item:nth-child(2n) .pic{ float:right}
.prolist .item:nth-child(2n) .wenzi{ float:left}
.prolist .item .wenzi h3{ font-size:30px; line-height:45px; margin-bottom:20px;}
.prolist .item .wenzi .more{ border-radius:25px; border:solid 1px #ddd; color:#999; background:#fff; text-align:center; width:165px; line-height:40px; font-size:14px; margin-top:50px;}
.prolist .item:hover .wenzi .more{ border:solid 1px #0362b6; color:#fff; background:#0362b6;}
.prolist .item:hover .wenzi h3{color:#0362b6;}

.proxiang .picroll{ float:left; width:48%}
.proxiang .picroll img{ display:block; width:100%; height:auto; margin-bottom:40px;}
.proxiang .picroll .swiper-pagination{bottom:0px !important; }
.proxiang .picroll .swiper-pagination-bullet{ width:13px; height:13px; background:#aaa; opacity:1; margin:0 5px}
.proxiang .picroll .swiper-pagination-bullet-active{ background:#0362b6}
.proxiang .wenzi{ float:right; width:48%; padding:20px 0;}
.proxiang .wenzi h3{ font-size:30px; margin:20px 0; font-weight:bold; color:#0362b6;}

.proxiang .protitle{ text-align:center;}
.proxiang .protitle h3{ font-size:30px; position:relative; margin-bottom:15px; padding-bottom:15px;}
.proxiang .protitle h3:after{ width:56px; height:2px; position:absolute; content:""; bottom:0; left:50%; margin-left:-28px;background:#0362b6;}
.proxiang .conn{ min-height:400px;}
.proxiang .conn img{ display:block; width:auto; max-width:100%; height:auto; margin:0 auto}
.back a{border-radius:25px; border:solid 1px #ddd; color:#999; background:#fff; text-align:center; width:165px; line-height:40px; font-size:14px; margin-top:50px; display:block; margin:0 auto}
.back a:hover{border:solid 1px #0362b6; color:#fff; background:#0362b6;}


.nnews .newskuai:last-child{ margin-bottom:40px;}
.nnews .newskuai{position: relative;}
.nnews .newskuai{border-bottom: 1px solid #ddd;padding: 40px 0; position:relative;}

.nnews .newskuai .pic{ overflow:hidden; float:left; width:calc(24% - 2px); border:solid 1px #ddd; }
.nnews .newskuai .pic img{ width:98%; height:auto;cursor: auto;transition: all 1.5s; padding:1%; display:block}
.nnews .newskuai:hover .pic img{transform:scale(1.1);}
.nnews .newskuai .wenzi{ float:right; width:73%;}
.nnews .newskuai .wenzi .shijian{ background:url(../images/date.png) no-repeat left center; padding-left:36px; margin-bottom:15px; color:#666; font-size:14px;}
.nnews .newskuai .wenzi h3{ line-height:40px; font-size:20px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; margin-bottom:10px; }
.nnews .newskuai .wenzi p{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden; color:#666; font-size:14px; line-height:24px;}
.nnews .newskuai .wenzi .more{ margin-top:45px;}
.nnews .newskuai .wenzi .more {width:165px; line-height:40px;font-size:14px; border-radius:25px; text-align:center; background:#fff; color:#999; border:solid 1px #ddd;position:absolute; bottom:40px; right:0}
.nnews .newskuai:hover .wenzi .more{border:solid 1px #0362b6; color:#fff; background:#0362b6;}

.newsxiang{ color:#666}
.newsxiang img{ display:block; width:auto; max-width:100%; height:auto; margin:10px auto;}
.newstitle{ margin-bottom:15px; border-bottom:solid 1px #ddd; padding-bottom:15px}
.newstitle h3{padding:8px 0; font-size:20px; font-weight:bold; color:#333}
.newstitle .shijian{ background:url(../images/date.png) no-repeat left center; padding-left:36px; margin-bottom:15px; color:#666}


.float_kf{ position:fixed;right:10px; bottom:30%; z-index:99}
.float_kf li{ width:62px; text-align:center; background:#7f7f7f;color:#fff; position:relative; font-size:14px; margin-top:10px; padding:10px 0 5px 0}
.float_kf li{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.float_kf li:hover{ background:#0362b6;color:#fff}
.float_kf li:hover a{ color:#fff}
.float_kf li .hd{ display:none}

.float_kf .qq i{ width:24px; height:25px; background:url(../images/r_icon02.png) no-repeat; background-size:cover; margin:0 auto; display:block}
.float_kf .qq .hd{ position:absolute; right:70px;top:0; margin-top:-50px; background:#fff;border:1px solid #e8e8e8; padding:25px;color:#535353}
.float_kf .qq .hd img{ width:120px; display:block;}

.float_kf .fwh i{ width:24px; height:25px; background:url(../images/r_icon03.png) no-repeat; background-size:cover; margin:0 auto; display:block}
.float_kf .fwh .hd{ position:absolute; right:70px;top:0; margin-top:-50px; background:#fff;border:1px solid #e8e8e8; padding:25px;color:#535353}
.float_kf .fwh .hd img{ width:120px; display:block;}


.float_kf .tel i{ width:24px; height:25px; background:url(../images/r_icon01.png) no-repeat; background-size:cover; margin:0 auto; display:block}
.float_kf .tel .hd{ background:#0362b6; color:#fff; font-size:18px; position:absolute;right:70px;top:0;text-align:left;padding:20px 30px; width:200px}
.float_kf .tel .hd span{ float:left}
.float_kf .tel .hd p{ float:left; margin-left:20px}


.pronnav ul{ width:100%; float:none; display:flex; display:-webkit-flex;}
.pronnav li a{ white-space:nowrap}
.pronnav .wrap{ overflow-x:auto;overflow-y: hidden;}


div::-webkit-scrollbar{ width:1px; height:2px; opacity:0.2
}
div::-webkit-scrollbar-track{
  background:#CCCCCC;

}
div::-webkit-scrollbar-thumb{
  background: #053f90;
  border-radius:4px;
}
.test_display {
  vertical-align: middle;
  margin-right: -2000px; /*  影响一行存放的内容长度 */
  display: inline-block; cursor:col-resize;

}
.scroll_display {
  width: 100%;
  vertical-align: middle;
}