/* by dingtiger 2019.3 */
@font-face {
  font-family: 'iconfont';  /* project id 2086191 */
  src: url('//at.alicdn.com/t/font_2086191_ryhza271do.eot');
  src: url('//at.alicdn.com/t/font_2086191_ryhza271do.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2086191_ryhza271do.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2086191_ryhza271do.woff') format('woff'),
  url('//at.alicdn.com/t/font_2086191_ryhza271do.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2086191_ryhza271do.svg#iconfont') format('svg');
}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

@font-face {
  font-family: 'dinprob';
  src: url('../font/DINPro-Bold.eot');
  src: url('../font/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
      url('../font/DINPro-Bold.woff2') format('woff2'),
      url('../font/DINPro-Bold.woff') format('woff'),
      url('../font/DINPro-Bold.ttf') format('truetype'),
      url('../font/DINPro-Bold.svg#dinprob') format('svg');
}


*｛margin:0;padding:0;｝
html,body{width:100%;height:100%;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; }
body {font-size:14px; line-height:24px; color: #8e8e8e;font-family:Arial, Helvetica, sans-serif, "microsoft yahei","PingFang SC"; width:100%; overflow-x:hidden;}
ul,li {list-style: none; padding:0px; margin:0px}
img {border:0; margin:0px; padding:0px; display:block;}
input:focus {outline: none;}
.clean{clear:both;}

a:link {color: #8e8e8e;text-decoration: none;}
a:visited {color: #8e8e8e;text-decoration: none;}
a:hover {color:#005AA0;text-decoration: none;}
a:active {color: #8e8e8e;text-decoration: none;}

.bn:link {color: #fff;text-decoration: none;}
.bn:visited {color: #fff;text-decoration: none;}
.bn:hover {color:#fff;text-decoration: none;}
.bn:active {color: #fff;text-decoration: none;}

h1{font-size:26px; color:#005AA0; letter-spacing:-1px; line-height:26px; display:inline;}
h2{font-size:26px; color:#005AA0; letter-spacing:-1px; line-height:26px; display:inline; font-weight:normal; margin-right:5px;}
h3{font-size:20px; color:#005AA0; letter-spacing:-1px; line-height:20px; font-weight:normal;}
h4{font-size:16px; color:#005AA0; letter-spacing:0; line-height:16px; font-weight:normal; margin-bottom:10px;}
/*head*/
.head_a{width:100%; height:70px; background-color:#fff; position:fixed; top:0; z-index:9999; box-shadow: 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 3px rgb(0,0,0,0.2); -moz-box-shadow: 0 0 3px rgb(0,0,0,0.2);}
.head_a ul{width:66%; min-width:1200px; height:70px; margin:0 auto;}
.head_a ul li:nth-child(1){float:left; height:70px; display:flex; -webkit-display:flex; justify-content:left; align-items:center;}
.head_a ul li:nth-child(2){float:right; height:70px; display:flex; -webkit-display:flex; justify-content:right; align-items:center; text-align:right;}
.head_a ul li dd{ margin-left:50px; font-size:15px; line-height:16px; margin-top:5px;}
.head_a ul li dd:last-child a{font-size:12px;}
.head_a ul li dd span{display:block; font-size:11px; font-family:'dinpro';}

/*add*/
.index_add{width:100%; height:650px; margin-top:70px;}

.n_banner{width:100%; padding:250px 0 250px 0; background-color:#666;}
.n_banner ul{width:66%; min-width:1200px; margin:0 auto; text-align:center;}
.n_banner ul font{font-size:40px; color:#fff; line-height:60px; letter-spacing:5px;}
.n_banner ul span{color:#aaa;}

.txt-box{width:66%; min-width:1200px; display:block;  margin:0 auto; text-align:left;}
.swiper-container {width:100%;height:100%;}
.swiper-slide{color:#fff;}
.swiper-slide .title {font-size:38px; line-height:45px; color:#EF8200; margin-top:250px; font-family:'dinprob'; font-weight:500;}
.swiper-slide .title_1 {font-size:40px; color:#feb900; margin-top:250px; font-family:'dinprob';}
.swiper-slide .titlea {font-size:22px; color:#fff; margin-top:10px; line-height:26px; font-family:'dinpro';}

/*index_about*/
.index_about{width:66%; min-width:1200px; height:auto; padding:80px 0; margin:0 auto;}
.index_about ul{width:48%; height:auto; float:left; margin-right:4%;}
.index_about ul:nth-child(2){margin-right:0; background-color:#ccc;}
.index_about ul li{float:left; width:21%; font-size:14px; text-align:left; box-sizing:border-box; border-right:1px solid #eee; padding-right:4%; margin-right:4%; margin-bottom:30px;}
.index_about ul li:last-child{border-right:none;}
.index_about ul li span{display:block;}
.index_about ul li span font{font-size:30px; color:#005AA0; line-height:40px; margin-right:5px; font-family:'dinprob';}
.index_about ul h1{margin-bottom:40px; display:block;}
.index_about ul img{width:100%;}
.index_about ul a{font-size:26px; margin-right:20px;}


/*index_pro_bg*/
.index_pro{width:100%; height:auto; padding:80px 0; background-image:url(../image/index_pro_bg.jpg); background-size:100% 60%; background-repeat:no-repeat;}
.index_pro ul:nth-child(1){text-align:center; margin-bottom:50px; background-image:url(../image/bottom_line.gif); background-repeat:no-repeat; background-position:center bottom; padding-bottom:15px;}
.index_pro ul:nth-child(3){margin-top:40px; text-align:center;}
.index_pro ul:nth-child(3) a{background-color:#EF8200; color:#fff; padding:15px 50px; border-radius:20px; line-height:50px;}
.index_pro ul:nth-child(3) a:hover{background-color:#005AA0;}
.index_pro ul{width:66%; min-width:1200px; height:auto; margin:0 auto;}
.index_pro ul li{width:calc(20% - 8px); float:left; background-color:#fff; margin-right:10px; text-align:left; padding:8px; box-sizing:border-box; box-shadow: 0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 5px rgb(0,0,0,0.2); -moz-box-shadow: 0 0 5px rgb(0,0,0,0.2);}
.index_pro ul li:nth-child(5){margin-right:0;}
.index_pro ul li:hover{background-color:#005AA0; cursor:pointer; color:#fff;
transition:background 0.3s;
-moz-transition:background 0.3s; /* Firefox 4 */
-webkit-transition:background 0.3s; /* Safari 和 Chrome */
-o-transition:background 0.3s; /* Opera */
}
.index_pro ul li img{width:100%; margin-bottom:6px;}

/*index_ys*/
.index_ys{width:100%; margin:0 auto; padding:80px 0 60px 0; background-image:url(../image/news_bg.jpg);}
.index_ys dl{width:66%; min-width:1200px; margin:0 auto;}
.index_ys dl ul:nth-child(1){text-align:center; margin-bottom:50px; background-image:url(../image/bottom_line.gif); background-repeat:no-repeat; background-position:center bottom; padding-bottom:15px;}
.index_ys dl ul li{width:calc(25% - 11px); float:left; box-sizing:border-box; border:1px solid #ddd; margin-right:12px; padding:40px 30px; margin-bottom:20px; text-align:center;}
.index_ys dl ul li:nth-child(4){margin-right:0;}
.index_ys dl ul li span{font-size:50px; line-height:50px; display:block; color:#ccc; margin-bottom:15px;}
.index_ys dl ul li font{font-size:16px; color:#000;}

/*index_news*/
.index_news{width:100%; height:auto; padding:80px 0;}
.index_news ul:nth-child(1){text-align:center; margin-bottom:50px; background-image:url(../image/bottom_line.gif); background-repeat:no-repeat; background-position:center bottom; padding-bottom:15px;}
.index_news ul{width:66%; min-width:1200px; height:auto; margin:0 auto;}
.index_news ul li{width:48%; float:left; margin-right:4%;}
.index_news ul li:nth-child(2){margin-right:0;}

.index_news ul li dl{font-size:12px; border-bottom:1px solid #ddd; padding-bottom:17px; margin-bottom:17px; cursor:pointer;}
.index_news ul li dl:nth-child(3){border:none;}
.index_news ul li dl span{font-size:14px; color:#333;}
.index_news ul li dl div ol:nth-child(1){float:left; width:85%;}
.index_news ul li dl div ol:nth-child(2){float:left; width:12%; margin-left:3%; font-size:14px; text-align:center; font-family:'dinpro'; background-color:#eee;}
.index_news ul li dl div ol font{font-size:30px; line-height:50px;  background-color:#ccc; width:100%; display:block; height:50px; color:#fff;}
.index_news ul li img{width:100%;}

/*bottom*/
.bottom{width:100%; height:auto; background-color:#eee;}
.bottom ul:nth-child(1){width:100%; height:70px; border-bottom:1px solid #ddd;}
.bottom ul ol{width:66%; min-width:1200px; height:70px; margin:0 auto;}
.bottom ul ol li:nth-child(1){width:50%; float:left; height:70px; display:flex; -webkit-display:flex; justify-content:left; align-items:center;}
.bottom ul ol li:nth-child(2){ float:right; height:70px; display:flex; -webkit-display:flex; justify-content:right; align-items:center; text-align:right;}
.bottom ul ol li:nth-child(2) dd{font-family:'dinpro'; font-size:22px; letter-spacing:-1px; text-align:left; font-weight:bold; color:#005AA0; line-height:18px;}
.bottom ul ol li span{font-size:12px; font-weight:normal; color:#333;}
.bottom ul ol li font{font-size:38px; color:#005AA0; display:block; margin-top:10px;}

.bottom ul:nth-child(2){width:66%; min-width:1200px; height:auto; background:none; padding:30px 0 40px 0; margin:0 auto;}
.bottom ul dl{float:left; font-size:12px; color:#777; margin-right:70px; border-right:1px solid #ddd; padding-right:70px; height:235px;}
.bottom ul dl:nth-child(5){float:right; margin-right:0; text-align:right; color:#aaa; padding-right:0; border:none; margin-right:0;}
.bottom ul dl:nth-child(5) a{font-size:24px;}
.bottom ul dl:nth-child(5) img{margin-top:20px; width:200px;}
.bottom ul dl span{font-size:14px; color:#333;}
.bottom ul dl font{font-size:16px; color:#333;}

.bottom_a{width:100%; height:30px; background-color:#000;}
.bottom_a ul{width:66%; min-width:1200px; height:30px; margin:0 auto;}
.bottom_a ul li{width:50%; float:left; color:#fff; font-size:12px; line-height:30px; text-align:left; font-family:'dinpro';}
.bottom_a ul li:last-child{text-align:right; font-family:'dinpro';}


/*contact_c*/
.contact_c{width:100%; padding:100px 0;}
.contact_c ul{width:66%; min-width:1200px; margin:0 auto;}
.contact_c ul ol{width:47%; float:left; margin-right:6%; height:490px;}
.contact_c ul ol:nth-child(2){margin-right:0;}
.contact_c ul ol li:nth-child(1){border-top:1px solid #eee;}
.contact_c ul ol li{width:100%; float:left; border-bottom:1px solid #eee; padding:30px 0;}
.contact_c ul ol li dl{float:left;}
.contact_c ul ol li dl:nth-child(1){margin-right:15px; font-size:24px; color:#ccc;}
.contact_c ul ol span{font-size:16px; color:#000;}
.contact_c ul ol font{font-size:20px; color:#ff5003; font-family:'Gotham';}
.contact_c h3{margin-bottom:10px;}
/*contact_c end*/

/*news_a*/
.news_a{width:100%; padding:100px 0 60px 0;}
.news_a ul{width:66%; min-width:1200px; margin:0 auto;}
.news_a ul li{width:calc(33.33% - 36px); float:left; margin-right:54px; margin-bottom:40px; font-size:15px; color:#000; line-height:20px; text-align:left;}
.news_a ul li:nth-child(3n+3){margin-right:0;}
.news_a ul li span{font-size:11px; color:#aaa;}

figurega {
position: relative;
float: left;
width: 100%;
height: 220px;
overflow: hidden;
margin-bottom:10px;
text-align: center;
cursor: pointer;
}

figurega img {
	width:100%;
	position: relative;
	display: block;
	height: 220px;
    overflow: hidden;
}

/***** Jazz *****/
figurega.effect-jazz{
	background: #ffffff;
}

figurega.effect-jazz figcaption::after,
figurega.effect-jazz img
{
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
}

figurega.effect-jazz:hover img {
	opacity: 1;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}

figurega.effect-jazz:hover figcaption::after {
	opacity: 1;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}

/*news_x*/
.news_x{width:100%; background-color:#f9f9f9; padding:80px 0;}
.news_x ul{width:1000px; margin:0 auto; padding:50px; background-color:#fff;}
.news_x ul img{width:600px; margin:0 auto;}

/*update*/
.update{width:100vw; height:80vh; background-color:#333; line-height:80vh; font-size:20px; text-align:center; color:#fff;}

#pro{ width:66%; min-width:1200px; height:auto; margin:0 auto; padding:100px 0;}

/* 以下是主要的css样式 */
#content {width:1000px; float:right;}
#content h3{margin-bottom:20px;}
#leftmenu {width:calc(100% - 1050px); float:left; border-top:1px solid #eee; background-color:#fff;}
#portamento_container {float:left; position:relative;} 
#portamento_container #leftmenu {float:none; position:absolute;} 
#portamento_container #leftmenu.fixed {position:fixed;}

#leftmenu dl{padding:20px 0;}
#leftmenu dl span{font-size:20px; line-height:20px; float:left; margin-right:10px; font-family:'Gotham';}

.app_left{border-bottom:1px solid #eee; line-height:20px;}
.app_left:hover{cursor:pointer; color:#000;}
.app_lefta{cursor:pointer; border-bottom:1px solid #000; color:#000; font-size:16px; line-height:20px;}

/*pro_ys*/
.pro_ys{width:100%;}
.pro_ys ul{width:100%; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #eee;}
.pro_ys ul li{float:left;}
.pro_ys ul li:nth-child(1){width:20%;}
.pro_ys ul li:nth-child(2){width:calc(80% - 30px); margin-left:30px;}
.pro_ys ul li img{width:100%;}
.pro_ys ul li span{font-size:16px; display:block; color:#000; margin-bottom:10px;}

/*pro_excel*/
.pro_excel{width:100%;}
.pro_excel ul{width:calc(25% - 18px); margin-bottom:24px; margin-right:24px; float:left;}
.pro_excel ul:nth-child(4n+4){margin-right:0;}
.pro_excel ul img{width:100%; height:180px;}

/*pro_bj*/
.pro_bj{width:100%;}
.pro_bj ul{width:32%; float:left; margin-right:2%; margin-bottom:30px; box-sizing:border-box; border:1px solid #eee;}
.pro_bj ul:nth-child(3n+3){margin-right:0;}
.pro_bj ul dd{padding:15px; height:110px;}
.pro_bj ul img{width:100%;}
.pro_bj ul span{font-size:16px; display:block; color:#000; margin-bottom:10px;}


/*about_a*/
.about_a{width:66%; min-width:1200px; margin:0 auto; padding:100px 0 50px 0;}
.about_a ul:nth-child(1){float:left; width:20%;}
.about_a ul:nth-child(2){float:left; width:75%; margin-left:5%;}
.about_a ul img{width:100%; margin-top:20px;}

/*about_b*/
.about_b{width:100%; padding:100px 0; background-color:#f5f5f5;}
.about_b ul{width:66%; min-width:1200px; margin:0 auto;}
.about_b ul li:nth-child(1){width:20%; float:left;}
.about_b ul li:nth-child(2){width:75%; float:left; margin-left:5%;}
.about_b ul img{width:100%;}

/*about_e*/
.about_e{width:100%; padding:150px 0; background-color:#f5f5f5; background-image:url(../image/wh_bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.about_e ul{width:66%; min-width:1200px; margin:0 auto; text-align:left; color:#fff;}
.about_e ul li{width:50%; float:left; margin-left:25%;}
.about_e ul li h2{color:#fff; line-height:30px;}


@media only screen and (min-width: 720px) and (max-width: 1200px){

}

@media only screen and (min-width: 220px) and (max-width: 720px) {

}