@charset "utf-8";
/*公共样式*/
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,body{
	padding:0;
	margin:0;
}
ul,li{
	 list-style:none;
}
img{
	border:0 none;
}
input,textarea {
	outline: none;
}
a{ 
	text-decoration:none;
	color:#666;
	transition: all 0.3s;
	-moz-transition: all 0.3s; 
	-webkit-transition: all 0.3s; 
	-o-transition: all 0.3s;
}
a:hover{
	text-decoration: none;
	color: #ac0001;
}

body{
	font-size:16px;
	font-family:"微软雅黑";
	color:#666;
	overflow-x: hidden;
}
@media only screen and (max-width:991px ) {
	body {
		font-size: 14px;
		line-height: 24px;
	}
}
@media only screen and (min-width:1600px ) {
	.container {
		width: 1400px;
	}
}
.fl{
	float:left;
	display:inline;
}
.fr{
	float:right;
	display:inline;
}
.clear{
	clear:both;
}
.bg_none{
	background:none !important;	
}
.bd_none{
	border:none !important;	
}
html,body{
      -webkit-text-size-adjust:none;
}

[allbanner] .img img{width:100%;float: left;}
/*banner*/
.indexban{position:relative}
.indexban .swiper-button-prev,
.indexban .swiper-button-next{width:48px;height:48px;margin-top:-24px;background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.indexban .swiper-button-prev{left:30px;background-image:url(../images/bann-l.png)}
.indexban .swiper-button-next{right:30px;background-image:url(../images/bann-r.png)}
.indexban .swiper-button-prev:hover{background-image:url(../images/bann-l_cur.png)}
.indexban .swiper-button-next:hover{background-image:url(../images/bann-r_cur.png)}
.indexban .swiper-slide .textbox{position:absolute;left:50%;margin-left:-40vw;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transition:1.4s ease 0s;-webkit-transition:1.4s ease 0s;-moz-transition:1.4s ease 0s}
.indexban .swiper-slide .textbox1,
.indexban .swiper-slide .textbox4{top:15%;opacity:0}
.indexban .swiper-slide .textbox1.cur,
.indexban .swiper-slide .textbox4.cur{top:50%;opacity:1}
.indexban .swiper-slide .textbox1 .cnname{width:80%;font-size:28px;text-align:center;margin:0 auto;line-height:1.286;color:#fff}
.indexban .swiper-slide .textbox1 .enname{width:80%;font-size:60px;text-align:center;margin:16px auto 0;line-height:1;color:#fff;font-family:'helblack'}
.indexban .swiper-slide .textbox .more{width:150px;height:48px;background-color:#0054a4;color:#fff;text-align:center;line-height:48px;display:block}
.indexban .swiper-slide .textbox1 .more{margin:82px auto 0}
.indexban .swiper-slide .textbox2,
.indexban .swiper-slide .textbox3{top:50%;left:80%;opacity:0}
.indexban .swiper-slide .textbox2.cur,
.indexban .swiper-slide .textbox3.cur{left:50%;opacity:1}
.indexban .swiper-slide .textbox2 .enname{font-family:'dincon';opacity:0.2;font-size:42px;color:#fff}
.indexban .swiper-slide .textbox2 .cnname{font-weight:bold;font-size:45px;color:#fff;margin-top:26px}
.indexban .swiper-slide .textbox2 .text{font-size:26px;color:#fff;margin-top:19px}
.indexban .swiper-slide .textbox2 .more{margin-top:42px}
.indexban .swiper-slide .textbox3 .enname{font-family:'idcnmei';opacity:0.2;font-size:36px;color:#fff}
.indexban .swiper-slide .textbox3 .cnname{font-weight:bold;font-size:32px;color:#fff;margin-top:12px}
.indexban .swiper-slide .textbox3 .more{margin-top:42px}
.indexban .swiper-slide .textbox4 .icon{text-align:center}
.indexban .swiper-slide .textbox4 .icon img{display:inline-block}
.indexban .swiper-slide .textbox4 .cnname{width:80%;font-size:34px;text-align:center;margin:18px auto 0;line-height:1.286;color:#fff}
.indexban .swiper-slide .textbox4 .text{width:35.8%;text-align:center;margin:17px auto 0;opacity:0.6;color:#fff;line-height:2.286}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets{bottom:40px}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:8px;height:8px;background-color:rgba(255,255,255,0.5);opacity:1;margin:0 8px;position:relative}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fff}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet svg{width:20px;height:20px;position:absolute;top:50%;margin-top:-10px;left:50%;margin-left:-10px}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet svg:nth-child(2){position:absolute;left:0;top:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{fill:none}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__background{stroke:rgba(255,255,255,0);stroke-width:1}
.circle-chart__circle{stroke-linecap:square;fill:none}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle{stroke:#fff;stroke-width:1;stroke-linecap:square;fill:none;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform-origin:center;-webkit-transform-origin:center;-ms-transform-origin:center;-moz-transform-origin:center}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle{animation:circle-chart-fill 5.2s linear reverse;-moz-animation:circle-chart-fill 5.2s linear reverse;-webkit-animation:circle-chart-fill 5.2s linear reverse;-ms-animation:circle-chart-fill 5.2s linear reverse}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.one.swiper-pagination-bullet-active .circle-chart__circle{animation:circle-chart-fill 4.5s linear reverse;-moz-animation:circle-chart-fill 4.5s linear reverse;-webkit-animation:circle-chart-fill 4.5s linear reverse;-ms-animation:circle-chart-fill 4.5s linear reverse}
@keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}@-webkit-keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}@-moz-keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}@-ms-keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}

@media (max-width:1620px){ 
    .indexban .swiper-slide .textbox{margin-left:-41vw}
 }
@media (max-width:1440px){ 
    .indexban .swiper-slide .textbox{margin-left:-42.5vw}
    .indexban .swiper-slide .textbox1 .cnname{font-size:20px}
    .indexban .swiper-slide .textbox1 .enname{font-size:46px}
    .indexban .swiper-slide .textbox1 .more{margin:41px auto 0}
    .indexban .swiper-slide .textbox2 .enname{font-size:32px}
    .indexban .swiper-slide .textbox2 .cnname{font-size:34px;margin-top:14px}
    .indexban .swiper-slide .textbox2 .text{font-size:18px;margin-top:9px}
    .indexban .swiper-slide .textbox2 .more, .indexban .swiper-slide .textbox3 .more{margin-top:31px}
    .indexban .swiper-slide .textbox3 .enname{font-size:26px}
    .indexban .swiper-slide .textbox3 .cnname{font-size:20px}
    .indexban .swiper-slide .textbox4 .icon img{height:54px}
    .indexban .swiper-slide .textbox4 .cnname{font-size:24px;margin-top:10px}
    .indexban .swiper-slide .textbox4 .text{width:60%;line-height:2;margin:10px auto 0}
 }
@media (max-width:1280px){ 
    .indexban .swiper-slide .textbox{margin-left:-44vw}
}

@media (max-width:1024px){
    .indexban .swiper-button-prev,
    .indexban .swiper-button-next{display:none}
}
.lr {
    float: right;
}
.lf {
    float: left;
}
.wrap{width:80vw;max-width:100%;margin:0 auto}
.w1200{width:1200px;max-width:100%;margin:0 auto}
@media (max-width:1620px){ .wrap{width:84vw} }
@media (max-width:1440px){ .wrap{width:86vw} }
@media (max-width:1280px){ .wrap, .w1200{width:90vw} }
@media (max-width:1024px){ .w1200, .wrap{width:100%;padding:0 35px} }
@media (max-width:768px){ .w1200, .wrap{width:100%;padding:0 15px} }
.about{ background:#fafafa; padding-top:81px; height:600px; margin-bottom:80px;}
.about h3{ height:70px; line-height:100%; text-align:center; background:url(../images/a_h3.gif) no-repeat center 13px;}
.about h3 a{ color:#00679e; font-size:40px; text-transform:uppercase;}
.about ul{ overflow:hidden; height:137px;}
.about ul li{ float:left; width:290px; height:105px; border:1px solid #e2e2e2; margin-right:10px; font-size:14px; color:#333; text-align:center;}.about ul li.nom{ margin-right:0;}
.about ul li a:hover{ text-decoration:none; color:#333;}
.about ul li i{ display:block; font-size:50px; color:#0071af; line-height:100%; padding:16px 0 9px;}
.about ul .cur{ color:#00679e; border:1px solid #1171a4; }.about ul .cur i{ color:#00679e;}
.about dl{ overflow:hidden;}
.about dl dt{ float:right; font-size:0; width:676px;}
.about dl dt img{ width:676px; height:306px;}
.about dl dd{ float:left; width:470px;}
.about dl dd p{ font-size:14px; color:#333; line-height:28px; padding-bottom:22px;}
.about dl dd p i{ display:block; color:#111; font-weight:bold; font-size:20px; padding-bottom:6px;}
.about dl dd p a{ color:#111; padding-left:15px; text-transform:uppercase; text-decoration:underline}

/**/
.product{ height:945px; overflow:hidden;}
.product h3{ height:70px;text-align:center; background:url(../images/p_h3.gif) no-repeat center 12px;line-height:160%;}
.product h3 a{ color:#00679e; font-size:40px; text-transform:uppercase; }
.product h4{ width:300px; float:left; font-weight:normal; padding-bottom:40px; height:98px;}
.product h4 a{ display:block; width:269px; height:49px; line-height:49px; text-align:center; background:#ebeef2; color:#121212; font-size:20px;}
.product h4 a:hover,.product h4 .cur{ background: url(../images/p_ico1.gif) no-repeat right 0 #00679e; color:#fff; padding-right:7px; text-decoration:none;}
.product p{ width:858px; float:right;}
.product p a{ display:inline-block; float:left; line-height:35px; min-width: 260px; margin-right:6px; color:#111; font-size:16px; padding-left:20px; background:url(../images/p_ico3.gif) no-repeat left 10px;}
.product p a:hover,.product p .cur{background:url(../images/p_ico2.gif) no-repeat left 10px; color:#00679e; text-decoration:none;}
.product ul{overflow:hidden; width:1200px}
.product ul li{ float:left; margin:0 20px 25px 0; width:380px; position:relative; font-size:0}
.product ul .nom{ margin-right:0;}
.product ul li img{ width:380px; height:287px;}
.product ul li i{ display:none;}
.product ul li.cur i{ display:block; position:absolute; left:0; top:0; background:url(../images/p_nh.png) no-repeat;width:380px; height:287px; text-align:center; padding-top:95px; font-size:18px; color:#fff; font-weight:bold;}
.product ul li.cur i span{ height:98px; display:block;}
.product ul li.cur i span img{ width:69px; height:69px; margin:0 14px;}
.product em{ display:block; padding-top:14px; text-align:center;}
.product em a{ display:inline-block; background:url(../images/p_ico12.gif) no-repeat; width:21px; height:20px; margin:0 6px;}
.product em .on,.product em a:hover{background:url(../images/p_ico11.gif) no-repeat;}
/**/
.solution{ padding-top:81px; background:#fafafa; height:565px; overflow:hidden; margin-bottom:78px;}
.solution h3{ height:70px;text-align:center; background:url(../images/s_h3.jpg) no-repeat center 12px;line-height:160%;}
.solution h3 a{ color:#00679e; font-size:40px; text-transform:uppercase; }
.s_l{ font-size:0; width:597px; position:relative;}
.s_l img{ width:595px; height:406px; border:1px solid #0071af;}
.s_l em{ display:block; position:absolute; left:0; bottom:0;}
.s_l em img{ width:49px; height:47px; border:none;}
.s_r{ width:578px; height:410px; overflow:hidden;}
.s_r h2{ font-size:22px; color:#111; padding-left:18px; margin-bottom:8px;}
.s_r dl{ padding:18px 0; overflow:hidden;}
.s_r dl dt{ float:left; font-size:0; padding:0 18px; width:80px; font-size:0;}
.s_r dl dd{ float:right; width:435px;}
.s_r dl dd h4{ font-size:20px; padding-bottom:9px;}
.s_r dl dd h4 a{ color:#111;}
.s_r dl dd p{ color:#333; font-size:14px; line-height:26px;font-family:Arial;white-space:normal;word-spacing:-1.5px;}
.s_r dl dd p a{ padding-left:15px; text-transform:uppercase; color:#111; text-decoration:underline}
.s_r dl.cur{ background:#fff;}.s_r dl.cur dd h4 a{ color:#00679e;}


/**/
.cases{ height:426px; overflow:hidden}
.cases h3{ height:70px;text-align:center; background:url(../images/c_h3.gif) no-repeat center 12px;line-height:160%;}
.cases h3 a{ color:#00679e; font-size:40px; text-transform:uppercase; }
.dt_top{ height:49px; line-height:48px; border-bottom:1px solid #e6e6e6; margin-bottom:29px;}
.dt_top span { float:right; display:block; font-size:18px;}
.dt_top span a{ color:#00679e; font-weight:bold;}
.dt_top ul li { float:left;}
.dt_top ul li a { padding:0 46px;height:49px; line-height:49px;display:block; font-size:20px;color:#121212; float:left;}
.dt_top ul li a:hover,.dt_top ul .cur a { background:#00679e; color:#fff; text-decoration:none;}
.c_con{ position:relative;}
.c_con ul{ overflow:hidden;}
.c_con ul li{ float:left; width:286px; margin-right:18px; position:relative;}.c_con ul .nom{ margin-right:0;}
.c_con ul li img{ width:286px; height:205px;}
.c_con ul li span{ display:inline-block; position:absolute; left:0; top:137px; height:37px; line-height:37px; background:url(../images/spn.png) repeat; width:243px;}
.c_con ul li span a{ color:#fff; padding-left:15px; font-size:14px;}
.c_con .c_uu{ position:absolute; left:-73px; top:77px;display:none}
.c_con .c_uu a{ display:inline-block; background:url(../images/c_uu.gif) no-repeat; width:53px; height:53px;}
.c_con .c_uu a:hover{ background:url(../images/c_uu1.gif) no-repeat;}
.c_con .c_dd{ position:absolute; right:-73px; top:77px; display:none}
.c_con .c_dd a{background:url(../images/c_dd.gif) no-repeat; width:53px; height:53px;display:inline-block; }
.c_con .c_dd a:hover{ background:url(../images/c_dd1.gif) no-repeat;}
/**/
.why{background:#fafafa; padding-top:72px;height:1375px; margin-bottom:77px;}
.w_menu{ height:123px; overflow:hidden;}
.w_menu h3{ height:60px;text-align:center; background:url(../images/w_h3.gif) no-repeat center 12px;line-height:160%;}
.w_menu h3 a{ color:#00679e; font-size:40px; text-transform:uppercase; }
.w_menu ul{ overflow:hidden;}
.w_menu ul li{ float:left; width:300px; text-align:center;}
.w_menu ul li a{ font-size:20px; color:#333; height:63px; line-height:63px;}
.w_menu ul li a:hover,.w_menu ul .on a{ background:#00679e; color:#fff; display:block; text-decoration:none;}
.w_con{ background:url(../images/w_bg1.jpg) no-repeat center 0; height:539px; padding-top:1px;}
.w_con22{background:url(../images/w_bg2.jpg) no-repeat center 0;height:539px; padding-top:1px;}
.w_con23{background:url(../images/w_bg3.jpg) no-repeat center 0;height:539px; padding-top:1px;}
.w_con24{background:url(../images/w_bg4.jpg) no-repeat center 0;height:539px; padding-top:1px;}
.w_con24 dl{ float:left; margin-left:24px;}
.w_con dl{ float:right; background:url(../images/w_bg.png) no-repeat; width:471px; height:300px; margin-right:24px; margin-top:125px;}
.w_con dl dt{ text-align:center; padding-top:50px; color:#121212; font-size:30px; text-transform:uppercase; font-weight:bold; height:83px;}
.w_con dl dt span{ display:block; font-size:0; text-align:center; padding-top:7px; padding-right:13px;}
.w_con dl dd p{ padding:0 42px 16px; font-size:14px; color:#333; line-height:28px; text-align:center;}
.w_con em{ display:block; clear:both; padding-top:58px; text-align:center;}
.w_con em a{ display:inline-block; width:21px; height:20px; margin:0 8px; background:url(../images/w_ico1.png) no-repeat;}
.w_con em a:hover,.w_con em a.cur{ background:url(../images/w_ico2.png) no-repeat;}
.w_con2{ padding-top:78px;}
.w_con2 h3{ height:63px;text-align:center; background:url(../images/w_h32.gif) no-repeat center 12px;line-height:160%;}
.w_con2 h3 a{ color:#00679e; font-size:40px; text-transform:uppercase; }
.w_con2 dl{ overflow:hidden; font-size:0;}
.w_con2 dl dt{ float:left; width:505px;}
.w_con2 dl dt img{width:505px; height:463px;}
.w_con2 dl dd{ float:right; width:692px;}
.w_con2 dl dd img{ width:329px; height:224px; margin:0 0 17px 17px;}
/**/
.news{ height:375px; overflow:hidden;}
.news h3{ height:71px;text-align:center; background:url(../images/n_h3.gif) no-repeat center 12px;line-height:160%;}
.news h3 a{ color:#00679e; font-size:40px; text-transform:uppercase; }
.news dl{ width:400px; float:left; padding-bottom:39px;}
.news dl dt{ font-size:0; float:left; width:66px;}
.news dl dt img{ width:66px; height:66px; border-radius:66px;}
.news dl dd{ float:left; width:280px; padding-left:23px;}
.news dl dd h4 a{ color:#1a1a1a; font-size:14px; font-weight:normal; line-height:28px;}
.news dl dd h4 a:hover{ color:#00679e;}
.news dl dd p{ padding-top:15px; color:#b8b8b8; font-size:14px;}
/**/
.xiog1{animation-duration: 1.5s;animation-name: fadeInDown;}
.xiog2{animation-duration: 1.5s;animation-name: fadeInUp;}
.xiog3 .s_l{animation-duration: 1.5s;animation-name: fadeInLeft;}
.xiog3 .s_r{animation-duration: 1.5s;animation-name: fadeInRight;}