/*通用样式*/
body {
	font-family:"Microsoft YaHei", "宋体", "思源黑体", Arial,"SimSun";
	color: #333;
	background:#fff;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre,fieldset, lengend, button, input, textarea,th, td {
    margin: 0;
    padding: 0;
}
a{text-decoration:none;outline:none;color: #333;}
a:hover,
a:focus{
	text-decoration:none;
	
}
html{font-size:62.5%;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */

@font-face {
    font-family: 'nav';
    src: url('../css/fonts/nav.eot');
    src: url('../css/fonts/nav.eot') format('embedded-opentype'),
         url('../css/fonts/nav.woff2') format('woff2'),
         url('../css/fonts/nav.woff') format('woff'),
         url('../css/fonts/nav.ttf') format('truetype'),
         url('../css/fonts/nav.svg#nav') format('svg');
}

@font-face {
    font-family: 'dinlight';
    src: url('../css/fonts/dinlight.eot');
    src: url('../css/fonts/dinlight.eot') format('embedded-opentype'),
         url('../css/fonts/dinlight.woff2') format('woff2'),
         url('../css/fonts/dinlight.woff') format('woff'),
         url('../css/fonts/dinlight.ttf') format('truetype'),
         url('../css/fonts/dinlight.svg#dinlight') format('svg');
}

@font-face {
    font-family: 'dinregular';
    src: url('../css/fonts/dinregular.eot');
    src: url('../css/fonts/dinregular.eot') format('embedded-opentype'),
         url('../css/fonts/dinregular.woff2') format('woff2'),
         url('../css/fonts/dinregular.woff') format('woff'),
         url('../css/fonts/dinregular.ttf') format('truetype'),
         url('../css/fonts/dinregular.svg#dinregular') format('svg');
}

input{border:none;outline:none;}
ol,ul,li{list-style: none;}
h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: 100%;}

/*合并表格边框，设置边框距为零*/
table{border-collapse: collapse;border-spacing: 0;}

/*清除浮动*/
.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after{clear:both;}
.clearfix{ *zoom:1;/*ie6,7*/} 
.clear { clear: both; margin: 0 auto;}

/*强制换行*/
.break_word{word-wrap:break-word;word-break:break-all;}

/*禁止换行*/
.keep_all{word-break:keep-all;white-space:nowrap;}

/*超出省略号，仅限单行，并且需要设定一个宽度*/
.ellipsis { overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;}

/*段落两端对齐*/
.case_intro , .txt_justify{text-align:justify;text-justify:inter-ideograph;}

/*禁止FF等浏览器给textarea增加可拖拽大小的设置*/
textarea { resize: none; }
input, textarea {
outline: none;
outline-style: none;
outline-width: initial;
outline-color: initial;
}
input{border-radius:0px;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}

input:-ms-input-placeholder{
    color: #999;
}

input::-webkit-input-placeholder{
    color: #999;
}


@-webkit-keyframes loader{
  0%{-webkit-transform:scale(1, 0.5);opacity:.2;filter:alpha(opacity=20)\9}
  100%{-webkit-transform:scale(1, 1);opacity:1;filter:alpha(opacity=100)\9}
}

@keyframes loader{
  0%{-webkit-transform:scale(1, 0.5);transform:scale(1, 0.5);opacity:.2;filter:alpha(opacity=20)\9}
  100%{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:1;filter:alpha(opacity=100)\9}
}

@media(max-width: 768px){

	html{font-size:50%;}
}


.main{width:100%;margin:0 auto;transition: all 1s; -webkit-transition: all 1s; /* Safari */}

/*页码*/
.page01 { 
	width:100%; 
	margin-top:120px; 
 	margin-bottom:60px; 
 	vertical-align:middle;
}

.page01 a{
	display:inline-block;
	zoom:1;
	*display:inline;
	padding:0 10px;
	height:40px;
	line-height:40px;
	margin-left:4px; 
	margin-right:4px;
	color:#333;
	font-size: 14px;
	font-family: Arial;
	font-weight:600;
	cursor: pointer; 
	text-align:center;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}

.page01 .current{ 
	color:#d83121;
}

.page01 a:hover{
	color:#d83121;
	transition: all 0.6s;-webkit-transition: all 0.6s;
}

.page01 input{
	display:inline-block;
	zoom:1;
	*display:inline;
	width:40px;
	padding:0 8px;
	height:40px;
	border:none;
	background:url(../images/icon-right06.png) no-repeat center;
	transition: all 0.6s;-webkit-transition: all 0.6s;
}
.page01 input.pgprev{background:url(../images/icon-left06.png) no-repeat center;}
.page01 input.pgprev:hover{background:url(../images/icon-left06-1.png) no-repeat center;}
.page01 input.pgnext:hover{background:url(../images/icon-right06-1.png) no-repeat center;}

/*面包屑导航*/
.home{width:calc(100% - 90px);min-width:1110px;margin-left:90px;transition: all 1s;-webkit-transition: all 1s;padding:0 8%; height:64px;}
.home h6{float:left;background:url(../images/icon-home.png) no-repeat left center;padding-left:20px;font-size:12px;color:#999;line-height:64px; font-family:"宋体";}
.home a{float:left;line-height:64px;font-size:12px;color:#999;margin-left:4px; font-family:"宋体";}
.home a.cur{color:#333;}
.home span{float:left;line-height:64px;font-size:12px;color:#999;margin-left:4px; font-family:"宋体";}


/*left side nav*/
.headerMenu{width:90px;height:100%;border-right:#e5e5e5 solid 1px;position:fixed;top:0;left:0;z-index:100;background:#fff;}
.headerMenu .logo{width:100%;margin-top:50px;float:left;position:relative;z-index:101;}
.headerMenu .logo a{display:block;width:100%;}
.headerMenu .logo a img{display:block;width:50px;height:50px;margin:0 auto;}

.headerMenu .menu{width:100%;position:absolute;top:30%;left:0;z-index:100;}
.headerMenu .menu .menu-btn{width:24px;height:165px;display:block;margin:0 auto;position:relative;cursor:pointer;}
.headerMenu .menu .menu-btn span{width:100%;height:2px;background:#000;display:block;position:absolute;top:10px;left:0;z-index:101;transition: all .3s;-webkit-transform: all .3s;}
.headerMenu .menu .menu-btn span:first-child{top:0px;}
.headerMenu .menu .menu-btn span:nth-child(3){top:20px;}
.headerMenu .menu .menu-btn:hover span{background:#00a0e9;}
.headerMenu .menu .menu-btn:hover span:first-child{top:2px;transition: all .3s;-webkit-transform: all .3s;}
.headerMenu .menu .menu-btn:hover span:nth-child(3){top:18px;transition: all .3s;-webkit-transform: all .3s;}
.headerMenu .menu .menu-btn h3{width:100%;position:absolute;top:100px;left:0;font-size:16px;color:#000;text-transform:uppercase;text-align:center;line-height:24px;transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.headerMenu .menu .menu-btn.open span:nth-child(2){display:none;transition: all .3s;-webkit-transform: all .3s;}
.headerMenu .menu .menu-btn.open span:first-child{background:#00a0e9;top:2px;transform:rotate(45deg);-webkit-transform:rotate(45deg);transition: all .3s;-webkit-transform: all .3s;}
.headerMenu .menu .menu-btn.open span:nth-child(3){background:#00a0e9;top:2px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition: all .3s;-webkit-transform: all .3s;}
.headerMenu .language{width:100%;position:absolute;bottom:50px;left:0;z-index:101;}
.headerMenu .language a{display:block;width:24px;height:24px;margin:0 auto;background:#00a0e9;font-size:12px;color:#fff;line-height:24px;text-align:center;font-family:"宋体";}

.headerMenu .main-menu{position:absolute;left:-300px;top:0;z-index:99;width:300px;height:100vh;background:#fff;padding:100px 0;-webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;-ms-transition: all .3s ease 0s;-o-transition: all .3s ease 0s;transition: all .3s ease 0s;}
.headerMenu .main-menu li{float:left;width:100%;position:relative;}
.headerMenu .main-menu li h3{float:left;width:100%;padding:0 20px;}
.headerMenu .main-menu li h3 a{float:left;width:100%;font-size:18px;text-align:center;color:#000;line-height:64px;padding:0 20px;position:relative;transition: all .3s;-webkit-transform: all .3s;}
.headerMenu .main-menu li h3 a:hover{color:#00a0e9;}
.headerMenu .main-menu li .sec-nav{position:fixed;left:390px;top:0;display:none;width:0;height:100vh;background:#fff;z-index:1;border-left:#e5e5e5 solid 1px;padding:100px 0;-webkit-transition: all .3s ease 0s;-moz-transition: all .3s ease 0s;-ms-transition: all .3s ease 0s;-o-transition: all .3s ease 0s;transition: all .3s ease 0s;}
.headerMenu .main-menu li .sec-nav.open{width:300px;display:block;}
.headerMenu .main-menu li .sec-nav li{width:100%;float:left;}
.headerMenu .main-menu li .sec-nav li h4{float:left;width:100%;padding:0 20px;}
.headerMenu .main-menu li .sec-nav li h4 a{float:left;width:100%;font-size:14px;text-align:center;color:#939393;line-height:64px;/*border-bottom:#eee solid 1px;*/padding:0 20px;position:relative;transition: all .3s;-webkit-transform: all .3s;}
.headerMenu .main-menu li .sec-nav li h4 a:hover{color:#00a0e9;}

.headerMenu .main-menu .side-code{position:absolute;left:0;bottom:50px;width:100%;}
.headerMenu .main-menu .side-code img{width:96px;height:96px;display:block;margin:0 auto;}
/* top */
.top{position:absolute;right:4%;top:50px;z-index:9;}
.top-nav{float:right;}
.top-nav li{float:left;}
.top-nav li a{float:left;padding:0 30px;font-size:18px;color:#fff;line-height:24px;}
.top-nav li:hover a{color:#00a0e9;}
.top-nav li.cur a{color:#00a0e9;}

.banner-tel{float:right;margin-left:70px;}
.banner-tel a{float:right;font-size:20px;color:#fff;line-height:24px;padding-left:30px;background:url(../images/icon-tel.png) no-repeat left center;font-family:'Clarendon Blk BT';}

/*底部*/
/*.footer{width:calc(100% - 90px);min-width:1110px;margin-left:90px;height:700px;background:url(../images/foot-bg.jpg) no-repeat center;background-size:cover;overflow:hidden;text-align:center;}
.foot-title{width:100%;font-size:72px;color:#fff;font-family: Arial;text-align:center;margin-top:160px;line-height:100px;font-weight:bold;text-transform:uppercase;}
.foot-nav{width:100%;text-align:center;margin-top:60px;}
.foot-nav h5{width:124px;height:40px;display:inline-block; zoom:1;*display:inline;margin-left:35px;margin-right:35px;}
.foot-nav h5 a{width:100%;float:left;background:url(../images/icon-right03.png) no-repeat right center;}
.foot-nav h5 a p{float:left;margin-left:10px;font-size:14px;color:#ccc;line-height:40px;transition: all 0.3s;-webkit-transform: all 0.3s;}
.foot-nav h5:hover a p{font-weight:bold;color:#fff;transition: all 0.3s;-webkit-transform: all 0.3s;}
.foot-nav h5 a i{float:left;width:40px;height:40px;}
.foot-nav h5 a i img{display:block;width:40px;height:40px;}
.totop{width:46px;height:46px;background:#fff;margin:0 auto;margin-top:160px;border-radius:50%;-webkit-border-radius:50%;}
.totop a{display:block;width:100%;font-size:14px;color:#000;line-height:60px;text-align:center;font-weight:bolder;background:url(../images/icon-up01.png) no-repeat center 9px;}
.footer-bottom{width:100%;margin-top:50px;text-align:center;}
.footer-bottom .foot-follow{display:inline-block; zoom:1;*display:inline;margin-right:42px;text-align:right;}
.footer-bottom .foot-follow h6{display:inline-block; zoom:1;*display:inline;font-size:12px;color:#fff;line-height:24px;text-transform:uppercase;}
.footer-bottom .foot-follow ul{display:inline-block; zoom:1;*display:inline;height:24px;}
.footer-bottom .foot-follow ul li{display:inline-block; zoom:1;*display:inline;width:24px;height:16px;margin-left:5px;margin-right:5px;position:relative;cursor:pointer;}
.footer-bottom .foot-follow ul li span{display:block;width:24px;height:24px;}
.footer-bottom .foot-follow ul li span img{display:block;width:24px;height:24px;}
.footer-bottom .foot-follow ul li p{width:118px;height:0;overflow:hidden;position:absolute;left:50%;bottom:20px;margin-left:-59px;transition: all 0.6s;-webkit-transform: all 0.6s;}
.footer-bottom .foot-follow ul li:hover p{height:124px;}
.footer-bottom .foot-follow ul li p img{width:118px;height:118px;display:block;}
.footer-bottom .foot-follow ul li p i{display:block;width:8px;height:8px;background:#fff;position:absolute;bottom:2px;left:50%;margin-left:-6px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.footer-bottom .foot-data{display:inline-block; zoom:1;*display:inline;margin-right:12px;width:50px;height:12px;}
.footer-bottom .foot-data a{display:block;width:100%;}
.footer-bottom .foot-data a img{display:block;width:100%;}
.footer-bottom .foot-icp{display:inline-block; zoom:1;*display:inline;}
.footer-bottom .foot-icp a{display:block;text-align:left;font-size:12px;color:#b1b1b1;font-family:"宋体";line-height:24px;}
.footer-bottom .foot-icp a:hover{color:#fff;}
.copyright{width:100%;font-size:12px;color:#b1b1b1;font-family:"宋体";line-height:24px;text-align:center;margin-top:10px;}
.copyright span{font-family: Arial;}*/

.footer{width:calc(100% - 90px);min-width:1110px;margin-left:90px;background-position:center;background-size:cover;background-repeat:no-repeat;padding:100px 0;overflow:hidden;position:relative;}
.footer-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/home/footer-bg03.png);}
.footer-content{width:100%;padding:0 10%;position:relative;z-index:6;}
.footer-content .footer-left{float:left;width:360px;height:360px;background:rgba(255,255,255,0.08);padding:50px;}
.footer-content .footer-left h3{float:left;width:50%;border-left:#5c6067 solid 1px;height:140px;}
.footer-content .footer-left h3 p{float:right;font-size:40px;color:#fff;line-height:48px;text-align:center;font-weight:600;font-family:"Microsoft YaHei","微软雅黑";}
.footer-content .footer-left h3:first-child{border-left:none;}
.footer-content .footer-left h3:first-child p{float:left;}
.footer-content .footer-left h5{float:left;width:100%;border-top:#5c6067 solid 1px;height:120px;padding-top:32px;}
.footer-content .footer-left h5 p{width:100%;font-size:32px;color:#fff;line-height:42px;text-align:center;font-family:"Microsoft YaHei","微软雅黑";}

.footer-right{float:right;width:60%;}
.footer-right h3{width:100%;font-size:60px;color:#00a0e9;line-height:80px;font-family:"Microsoft YaHei","微软雅黑";font-weight:600;}
.footer-right h5{width:100%;font-size:32px;color:#fff;line-height:40px;font-family:"Microsoft YaHei","微软雅黑";}
.footer-right p{width:100%;font-size:16px;color:#fff;line-height:32px;font-family:"Microsoft YaHei","微软雅黑";margin-top:60px;}
.footer-right h6{width:100%;font-size:20px;color:#fff;line-height:28px;font-family:"Microsoft YaHei","微软雅黑";}
.footer-right h6 em{text-decoration:underline;font-style:normal;}
.footer-right .footer-btn{width:100%;margin-top:30px;}
.footer-right .footer-btn a{float:left;margin-right:20px;width:180px;height:52px;border:#00a0e9 solid 2px;border-radius:30px;color:#00a0e9;line-height:48px;text-indent:75px;font-size:16px;color:#00a0e9;background-repeat:no-repeat;background-position:38px center;}
.footer-right .footer-btn a.ser-btn{background-color:#00a0e9;color:#fff;}

@media (max-width:1600px) {
	.footer-content{padding:0 6%;}
	.footer-content .footer-left{width:320px;height:320px;padding:40px;}
	.footer-content .footer-left h3 p{font-size:36px;}
	.footer-content .footer-left h5{height:120px;padding-top:20px;}
	.footer-content .footer-left h5 p{font-size:28px;line-height:32px;letter-spacing:2px}
	.footer-right{width:calc(94% - 320px);}
	.footer-right h3{font-size:42px;line-height:64px;}
	.footer-right h5{font-size:24px;line-height:32px;}
}

.footer-brand{width:calc(100% - 90px);min-width:1110px;margin-left:90px;padding:48px 60px;border-bottom:#eee solid 1px;}
.footer-brand .footer-logo{float:left;width:47%;}
.footer-brand .footer-logo a{float:left;}
.footer-brand .footer-logo a img{display:block;width:168px;}
.footer-brand .footer-logo .footer-slogan{float:left;width:calc(100% - 194px);margin-left:26px;padding-left:26px;border-left:#20b7f4 solid 1px;}
.footer-brand .footer-logo .footer-slogan h3{float:left;width:100%;font-size:28px;color:#20b7f4;line-height:30px;font-family:"Arial";font-weight:600;}
.footer-brand .footer-logo .footer-slogan h6{float:left;width:100%;font-size:18px;color:#20b7f4;font-family:"Microsoft YaHei","微软雅黑";line-height:20px;}
.footer-tel{float:left;width:470px;padding-left:40px;background-repeat:no-repeat;background-position:left center;font-size:28px;color:#20b7f4;line-height:50px;font-family:"dinregular";font-weight:600;}
.footer-share{float:right;}
.footer-share li{float:left;position:relative;margin-left:6px;}
.footer-share li a{float:left;width:48px;height:48px;transition: all 0.3s;-webkit-transition: all 0.3s;cursor:pointer;margin:0;padding:0;background:none;}
.footer-share li a.bds_weixin{background:url(../images/home/foot-icon04.png) no-repeat center;}
.footer-share li a.bds_sqq{background:url(../images/home/foot-icon05.png) no-repeat center;}
.footer-share li a.bds_tsina{background:url(../images/home/foot-icon06.png) no-repeat center;}

.footer-contact{width:calc(100% - 90px);min-width:1110px;margin-left:90px;text-align:center;padding:36px 0 120px;}
.footer-contact h6{display:inline-block;font-size:16px;color:#20b7f4;line-height:24px;padding-left:28px;background-repeat:no-repeat;background-position:left center;margin-left:2%;margin-right:2%;}
.footer-contact .copyright{width:100%;font-size:14px;color:#999;line-height:20px;font-family:"Microsoft YaHei","微软雅黑";text-align:center;margin-top:20px;}
.footer-contact .copyright a{font-size:14px;color:#999;line-height:20px;font-family:"Microsoft YaHei","微软雅黑";}

@media (max-width:1400px) {
	.footer-brand .footer-logo{width:52%;}
	.footer-brand .footer-logo a img{width:140px;}
	.footer-brand .footer-logo .footer-slogan{width:calc(100% - 194px);margin-left:26px;padding-left:26px;}
	.footer-brand .footer-logo .footer-slogan h3{font-size:20px;line-height:30px;}
	.footer-brand .footer-logo .footer-slogan h6{font-size:14px;line-height:20px;}
	.footer-tel{width:300px;padding-left:32px;font-size:28px;background-size:28px;}
	.footer-share li a{float:left;width:48px;height:48px;transition: all 0.3s;-webkit-transition: all 0.3s;cursor:pointer;margin:0;padding:0;background:none;}

	.footer-contact h6{font-size:14px;}
}

@media (max-width:1280px) {
	.footer-contact h6{font-size:12px;margin-left:1%;margin-right:1%;}
}

/* 底部导航 */
.footer-nav{width:100%;background:#1e1e1e;height:64px;padding-left:90px;text-align:center;position:fixed;bottom:-300px;left:0;z-index:97;}
.footer-nav a{display:inline-block;font-size:18px;color:#20b7f4;line-height:64px;font-weight:600;font-family:"Microsoft YaHei","微软雅黑";}
.footer-nav span{display:inline-block;padding:0 24px;font-size:14px;color:#20b7f4;line-height:64px;font-family:"Microsoft YaHei","微软雅黑";}

#footer.animated {top:auto;bottom: -300px;transition: all .2s ease-in-out;}
#footer.animated.slideDown {top:auto;bottom: 0;}
#footer.animated.slideUp {top:auto;bottom: -300px;}


/* 右侧浮动按钮 */
.right-side{position:fixed;z-index:100;top:50%;right:0;width:60px;height:300px;margin-top:-150px;}
.right-side li{float:left;width:60px;height:60px;background:#f5f5f5;position:relative;transition: all 0.6s;-webkit-transform: all 0.6s;}
.right-side li:nth-child(2),.right-side li:nth-child(4){background:#e2e2e2;}
.right-side li.cur{background:#333;}
.right-side li a{float:left;width:100%;}
.right-side li a img{display:block;width:60px;height:60px;}
.right-side li .sec-side{position:absolute;right:-1000px;transition: all 0.6s;-webkit-transform: all 0.6s;}
.right-side li.cur .sec-side{position:absolute;right:60px;top:0;}
.right-side li .side-tel{background:#f5f5f5;width:240px;padding:20px;}
.right-side li .side-tel h6{width:100%;float:left;font-size:14px;color:#333;line-height:28px;margin-top:6px;margin-bottom:6px;}
.right-side li .side-tel h6 span{float:right;font-size:16px;}

.right-side li .side-qq{background:#f5f5f5;padding:20px;display:none;} 
.right-side li .side-code{width:120px;height:120px;padding:6px;background:#fff;}
.right-side li .side-code img{width:108px;margin:0 auto;display:block;}

.guide{ position:fixed;  right:2%; bottom:50px; width:40px; height:40px;border-radius:30px;padding:10px;z-index:9999;background:rgba(255,255,255,0.8);display:none;-webkit-box-shadow: 0 2px 12px rgba(0,0,0,0.2);box-shadow: 0 2px 12px rgba(0,0,0,0.2);}
.guide img{display:block;max-width:100%;}



@keyframes fadeInDown {
0% {
    opacity: 0;
    transform: translateY(-1000px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}


.chrome {
	background-position: 0 0;
	width: 73px;
	height: 96px;
	margin:0 4px 0 0;
}

.firefox {
	background-position: -292px 0;
	width: 73px;
	height: 98px;
}

.ie9 {
	background-position: -179px 0;
	width: 95px;
	height: 98px;
}

.opera {
	background-position: -90px 0;
	width: 73px;
	height: 98px;
}

.safari {
	background-position: -387px 0;
	width: 73px;
	height: 98px;
	margin:0 4px 0 0;
}


/* 动画加载 */








#newBridge .nb-comp-base{top:auto!important;bottom:20px!important;}