/* by dingtiger 2019.3 */
@font-face {
  font-family: 'iconfont';  /* project id 2016539 */
  src: url('//at.alicdn.com/t/font_2016539_mbbbloi3oyr.eot');
  src: url('//at.alicdn.com/t/font_2016539_mbbbloi3oyr.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2016539_mbbbloi3oyr.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2016539_mbbbloi3oyr.woff') format('woff'),
  url('//at.alicdn.com/t/font_2016539_mbbbloi3oyr.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2016539_mbbbloi3oyr.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: 'dinpro_b';
  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#dinpro_b') format('svg');
}
@font-face {
  font-family: 'ML';
  src: url('../font/Montserrat-Light.woff.ttf');
}

*{margin:0;padding:0;font-family: "ML";}
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; font-weight:500; color:#8d8d8d; font-family: "Microsoft JhengHei", "PingFang HK", "Microsoft YaHei", "Arial";  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: #1D2434;text-decoration: none;}
a:visited {color: #1D2434;text-decoration: none;}
a:hover {color:#0062B1;text-decoration: none;}
a:active {color: #1D2434;text-decoration: none;}

.bottom_link:link {color: #8d8d8d;text-decoration: none;}
.bottom_link:visited {color: #8d8d8d;text-decoration: none;}
.bottom_link:hover {color:#0075ff;text-decoration: none;}
.bottom_link:active {color: #8d8d8d;text-decoration: none;}

h1{font-size:32px; color:#0062b1; letter-spacing:-1px; line-height:30px;}
h2{font-size:24px; color:#0062B1; line-height:44px; font-weight:normal;}
h3{font-size:24px; color:#0062B1; font-weight:normal;}
h4{font-size:24px; color:#0062B1; font-weight:normal; line-height:34px; margin-bottom:20px;}

/*top_menu*/
.fixed{position:absolute; top:0; left:80px; z-index:99;}

.li_logo{ padding:15px 20px 15px 20px; background-color:rgba(0,50,160,0.8);}
.li_logo img{display:block; width:150px;}

.li_add{ padding:10px 20px 10px 20px; background-color:rgba(255,255,255,0.8);  border-radius:0 0 8px 8px;}
.li_add img{display:block; width:150px; margin:0 auto;}
.smallBa{font-size:16px;margin-left:20px;margin-bottom:10px !important;}
/*index_add*/
.index_banner{width:100%; height:100vh; background-color:#666;}

/*index_about*/
.index_about{width:100%; padding:100px 0;}
.index_about ul{width:66%; min-width:1200px; margin:0 auto;}
.index_about ul li{float:left;}
.index_about ul li:nth-child(1){width:40%; margin-right:5%;}
.index_about ul li:nth-child(2){width:55%; position:relative;}
.index_about ul li img{width:100%; height:370px;}
.index_about ul li h1{margin-bottom:120px;}
.index_about ul li p{border-bottom:2px solid #ddd; padding-bottom:20px; margin-bottom:20px; font-size:24px; color:#0062b1; font-weight:bolder;}
.index_about ul li a{background-color:#0062b1; color:#fff; padding:5px 0; display:block; margin-top:30px; width:100px; border-radius:12px; text-align:center;}
.index_about ul li dd{position:absolute; top:10px; left:0; font-size:80px; line-height:80px; color:#fff; z-index:-1; font-family:'dinpro_b'; -webkit-text-stroke: 1px #eee; letter-spacing:2px;}

.index_about ul:nth-child(2){margin-top:50px; border:1px solid #ddd; padding:45px 0 40px 0;}
.index_about ul:nth-child(2) dd{width:16.66%; float:left; text-align:center; border-right:1px solid #ddd; box-sizing:border-box;}
.index_about ul:nth-child(2) dd:nth-child(6){border:none;}
.index_about ul dd span{font-size:35px; color:#0062b1; font-family:'dinpro_b';}

/*index_idea
.index_idea{width:100%; background-image:url(../image/index_idea_bg.gif); background-color:#fff; padding:100px 0;}
.index_idea ul{width:1200px; margin:0 auto;}
.index_idea ul li:nth-child(1){width:45%; float:left; margin-right:15%; position:relative; z-index:1; color:#fff;}
.index_idea ul li:nth-child(2){width:40%; float:left; margin-right:0;}

.index_idea ul li:nth-child(1) dd{position:absolute; top:10px; left:0; font-size:50px; line-height:40px; color:rgba(255,255,255,0); z-index:-1; font-family:'dinpro_b'; -webkit-text-stroke: 1px #aaa}
.index_idea ul li:nth-child(1) dl{margin-top:40px;}
.index_idea ul li:nth-child(1) dl dt{float:left;}
.index_idea ul li:nth-child(1) dl dt:nth-child(1){font-family:'dinpro_b'; font-size:50px; line-height:50px; color:rgba(255,255,255,0); -webkit-text-stroke: 1px #0062b1; width:15%;}
.index_idea ul li:nth-child(1) dl dt:nth-child(2){width:85%; color:#ddd;}
.index_idea ul li:nth-child(1) dl dt span{font-size:16px; color:#fff; display:block; margin-bottom:5px;}
.index_idea ul li h1{color:#0062b1; margin-bottom:8px;}
.index_idea ul li p{display:block; margin-bottom:80px;}

.idea_right{width:100%; position:relative;}
.idea_right dd{width:calc(100% - 60px); padding:30px; background-color:#0062b1; bottom:0px; position:absolute;}
.idea_right dd dl{color:rgba(255,255,255,0); font-family:'dinpro_b'; -webkit-text-stroke: 1px #fff; font-size:40px; line-height:40px;
background-image:url(../image/w_line.gif); background-position:bottom left; background-repeat:no-repeat; padding-bottom:20px;}
.idea_right img{width:100%; height:675px;}
*/

/*index_idea_a*/
.index_idea_a{width:75%; background-image:url(../image/idea_bg1.jpg); background-color:#192d68; padding:80px 0 0 0; height:730px; position:relative;}
.index_idea_a_container{width:100%; position:relative;margin-bottom: 220px;}
.index_idea_a_container_a{width:66%; min-width:1200px; position:absolute; left:50%; top:-730px; transform: translate(-50%, 0);}

.container_title {width:66%; min-width:1200px; height:90px; position:relative; z-index:99; margin-bottom:40px;}
.container_title h1{margin-bottom:10px; color:#0062b1;}
.container_title dd{position:absolute; top:10px; left:0; font-size:80px; line-height:80px; color:#f2f2f2; z-index:-1; font-family:'dinpro_b'; -webkit-text-stroke:1px #ddd; letter-spacing:3px;}

.container {width:100%; min-width:1200px; height:600px; position:relative;z-index: 100;}
.box {width:100%; height:600px; margin: 0 auto; position: relative;}

.box .p {width:40%; height:auto;}	 
.box .p img{position: absolute; bottom: 0;right: 0; height:600px; width:40%; transition: all 1s ease;}
.box .p1 img {right: 0;opacity: 0;transform: translateX(20%);}
.box .p2 img {right: 0;opacity: 0;transform: translateX(20%);}
.box .p3 img {right: 0;opacity: 0;transform: translateX(20%);}
.box .p4 img {right: 0;opacity: 0;transform: translateX(20%);}
.box .p5 img {right: 0;opacity: 0;transform: translateX(20%);}
.box .p1.show img, .box .p2.show img, .box .p3.show img, .box .p4.show img, .box .p5.show img {opacity: 1;transform: translateX(0);}

.box .p ol{position: absolute; bottom:-100px; right: 0; height:80px; padding:0 20px 20px 20px; width:calc(40% - 40px); background-color:#153775; transition: all 1s ease;}
.box .p1 ol {right: 0;opacity: 0;transform: translateX(-20%);}
.box .p2 ol {right: 0;opacity: 0;transform: translateX(-20%);}
.box .p3 ol {right: 0;opacity: 0;transform: translateX(-20%);}
.box .p4 ol {right: 0;opacity: 0;transform: translateX(-20%);}
.box .p5 ol {right: 0;opacity: 0;transform: translateX(-20%);}
.box .p1.show ol, .box .p2.show ol, .box .p3.show ol, .box .p4.show ol, .box .p5.show ol{opacity: 1;transform: translateX(0);}

.box .p ol dl{color:rgba(255,255,255,0); font-family:'dinpro_b'; -webkit-text-stroke: 1px #fff; font-size:40px; line-height:80px;
background-image:url(../image/w_line.gif); background-position:bottom left; background-repeat:no-repeat;}
	
.nav {width:50%;z-index:2;text-align:left;position:absolute;left:0;top:0;}
.nav li {float:left;width:100%;margin:0; padding:0 0 34px 0; cursor: pointer;transition: all .3s linear;}
.nav li font{display:block; float:left; width:calc(100% - 80px);}
.nav li font p{font-size:15px; line-height:30px;font-weight: bold;}
.nav li font p b{margin-right:20px;font-size:18px;}
.nav li span{font-size:48px; line-height:48px; color:#AAA; z-index:-1; font-family:'dinpro_b'; display:block; float:left; width:80px;}
.nav li.on{width:100%; padding:0 0 34px 0; margin:0; color:#0062b1;}
.nav li.on span{color:#0062b1;}

/*index_pro*/
.index_pro_title {width:66%; min-width:1200px; height:90px; position:relative; margin:0 auto; z-index:99; padding-top:160px;}
.index_pro_title h1{margin-bottom:10px;}
.index_pro_title dd{position:absolute; top:170px; left:0; font-size:80px; line-height:80px; color:#fff; z-index:-1; font-family:'dinpro_b'; -webkit-text-stroke: 1px #eee; letter-spacing:3px;}

/*index_pro*/
.index_pro{width:100%; padding:0 0 140px 0;}


/**tabs**/
.tabPanel{width:66%; min-width:1200px; margin:0 auto; position:relative; z-index:100;}
.tabPanel ul{height:40px; position:absolute; right:0; top:-100px;}
.tabPanel ul li{
	float:left; margin:0 0 0 20px; 
	height:40px; 
    line-height:40px; text-align:right;cursor:pointer;
}
.tabPanel ul li:nth-child(6){margin-right:0;}
.tabPanel .hit{
	color:#0062b1;
	background-image:url(../image/b_line.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
}

.pane{border-top:0;min-height:100px; display:none; width:100%; margin-top:60px;}
.pane dl:nth-child(1){margin-bottom:40px;}
.pane dl dt{width:calc(20% - 18px);height:280px; margin-right:20px; float:left; text-align:center; margin-bottom:6px; border:1px solid #ddd; background-color:#FFF;cursor: pointer;}
.pane dl dt:nth-child(5n+5){margin-right:0;}
.pane dl dt p{padding:5px 0; display:block;}
.pane dl dt .imgBox{width: 100%;height:240px;display:flex;justify-content:center;align-items:center;}
.pane dl dt img{max-width:80%;max-height: 80%;transition: all 0.9s;}
.pane dl dt img:hover{
	transform: scale(1.1);
  }
.pane dl a{
	display:block;
	width:120px;
	height:40px;
	text-align:center;
	line-height:40px;
	color:#fff;
	background:#0074c1;
	border-radius:10px;
	float:left;
}

/*index_new_title*/
.index_new_title {width:66%; min-width:1200px; height:90px; position:relative; margin:0 auto; z-index:99; text-align:right;}
.index_new_title h1{margin-bottom:10px; color:#fff;}
.index_new_title dd{position:absolute; top:10px; right:0; font-size:80px; line-height:80px; color:#192d68; z-index:-1; font-family:'dinpro_b'; -webkit-text-stroke:1px #244584; letter-spacing:3px;}

/*index_new*/
.index_new_bg{width:75%; background-color:#000; float:right; background-image:url(../image/idea_bg.jpg); height:690px;}
.index_new_container{width:100%; position:relative;}

.index_new{width:100%; position:absolute; top:-610px;}
.index_new ul{width:66%; min-width:1200px; margin:0 auto; padding:40px 0 60px 0;}
.index_new ul li:nth-child(1){width:500px; position:relative; float:left;cursor: pointer;}
.index_new ul li:nth-child(2){width:calc(100% - 550px); margin-left:50px; float:left;}

.index_new ul li dl{position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,0.5); width:calc(100% - 40px); padding:20px; color:#fff;}
.index_new ul li dl p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 44px;}
.index_new ul li dl span{font-size:16px; margin-right:10px;}
.index_new ul li dl font{font-family:Arial, Helvetica, sans-serif; font-size:11px;}

.index_new_ul_li_div{position:absolute; top:10px; left:10px; padding:20px; color:#fff;}
.index_new_ul_li_div dd:nth-child(1){text-align:center; background-color:rgba(8,115,186,0.7); font-family:'dinpro_b'; border-radius:4px 4px 0 0; font-size:24px; padding:3px 0;}
.index_new_ul_li_div dd:nth-child(2){text-align:center; background-color:rgba(36,65,152,0.7); font-family:'dinpro'; border-radius:0 0 4px 4px; font-size:16px; padding:3px 5px;}
.index_new_ul_li_div dd div:nth-child(1){width:30%; float:left;}
.index_new_ul_li_div dd div:nth-child(2){width:70%; float:left;}

.index_new ul li img{width:100%;}

/*index_news_item*/
.index_news_item{width:100%;}
.index_news_item dd{width:calc(50% - 25px); float:left; margin-right:50px; margin-bottom:20px;cursor: pointer}
.index_news_item dd:nth-child(2n+2){margin-right:0;}
.index_news_item dd div{width:100%;}
.index_news_item dd div:nth-child(2){font-size:12px; line-height:18px;}
.index_news_item dd div img{width:100%; margin-bottom:8px;}
.index_news_item dd div p{font-size:16px; color:#fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 38px;}


/*index_hb_title*/
.index_hb_title {width:66%; min-width:1200px; height:90px; position:relative; margin:120px auto 40px auto; z-index:99; text-align:left;}
.index_hb_title h1{margin-bottom:10px;}
.index_hb_title dd{position:absolute; top:10px; left:0; font-size:80px; line-height:80px; color:#fff; z-index:-1; font-family:'dinpro_b'; -webkit-text-stroke: 1px #eee; letter-spacing:3px;}

/*index_hb*/
.index_hb{width:66%; min-width:1200px; margin:0 auto 120px auto;}
.index_hb ul{width:100%; border-top:1px solid #eee; border-left:1px solid #eee; box-sizing:border-box; text-align:center;}
.index_hb ul li{width:16.666%; border-bottom:1px solid #eee; border-right:1px solid #eee; box-sizing:border-box; margin:0; padding:0; float:left;overflow: hidden;} 
.index_hb ul li img{width:100%; margin:0; padding:0; display:block;}

/*bottom*/
.bottom{width:100%; padding:80px 0 20px 0; background-color:#333;}
.bottom ul{width:66%; min-width:1200px; margin:0 auto;}
.bottom ul:nth-child(1){margin-bottom:80px;}
.bottom ul:nth-child(2){ border-bottom:1px solid #555; font-size:12px; padding:10px 0; line-height:20px;}
.bottom ul:nth-child(3){ font-size:12px; padding:10px 0; line-height:20px;}


.bottom ul li{float:right; text-align:right; margin-left:70px;}
.bottom ul li:nth-child(5){float:left; text-align:left; margin-left:0;}
.bottom ul li:nth-child(5) img{width:150px; margin-bottom:10px;}
.bottom ul li div{font-size:15px; margin-bottom:5px; color:#fff;}
.bottom ul li span{font-size:15px; color:#fff; margin-bottom:5px; display:block;}

.bottom ul dl{width:50%; float:left;}
.bottom ul dl:nth-child(2){text-align:right;}
.bottom ul dl span{font-size:14px; color:#fff;}
.bottom ul dl img{display:inline; margin-right:5px; width:12px;}

.bottom ul dd{width:50%; float:left;}
.bottom ul dd:nth-child(2){text-align:right;}
.bottom ul dd font{font-size:24px; color:#bbb; margin-left:3px;}
/*bottom*/

/*n_add*/
.n_add{width:100%; height:760px; background-color:#000; position:relative; display:flex; -webkit-display:flex; justify-content:center; align-items:center;}
.n_add ol{width:66%; min-width:1200px; margin:0 auto;}
.n_add ol span{font-size:44px; color:#fff;}
.n_add ol p{font-size:20px; color:#fff; font-family:'dinpro'; line-height:26px; display:block; margin-top:20px;}
.n_add dd{position:absolute; right:0; bottom:-80px; width:50%;}
.n_add dd img{width:100%;}


/*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:390px;}
.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:28px; line-height:28px; color:#ccc;float:left;}
.contact_c ul ol li dl:nth-child(2){width: calc(100% - 43px);}
.contact_c ul ol span{font-size:16px; color:#000;}
.contact_c ul ol font{font-size:20px; color:#0075ff; font-family:Arial, Helvetica, sans-serif;}
.contact_c h3{margin-bottom:10px;}
/*contact_c end*/


/*news_b_title*/
.news_b_title {width:66%; min-width:1200px; height:90px; position:relative; margin:100px auto 50px auto; z-index:99; text-align:left;}
.news_b_title h1{margin-bottom:10px;}
.news_b_title dd{position:absolute; top:15px; left:0; font-size:60px; line-height:60px; color:#fff; z-index:-1; font-family:'dinpro_b'; -webkit-text-stroke: 1px #eee; letter-spacing:3px;}


/*news_b*/
.news_b{width:66%; min-width:1200px; padding:0 0 100px 0; border-top:1px solid #eee; margin:50px auto 0 auto;}
.news_b ul{width:100%; padding:30px 0px; border-bottom:1px solid #eee; cursor:pointer;}
.news_b ul li:nth-child(1){width:10%; float:left;}
.news_b ul li:nth-child(2){width:calc(90% - 260px); margin-right:60px; float:left;}
.news_b ul li:nth-child(3){width:200px; float:left;}
.news_b ul li img{width:100%;}
.news_b ul li span{font-size:18px; display:block; margin-bottom:10px; color:#333;}
.news_b ul li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 45px;}

.news_b ul li dd:nth-child(1){width:70%; border:1px solid #0062b1; background-color:#0062b1; text-align:center; color:#fff; font-size:30px; line-height:50px; border-radius:8px 8px 0 0; font-family:'dinprob';}
.news_b ul li dd:nth-child(2){width:70%; border:1px solid #eee; text-align:center; border-radius:0 0 8px 8px; font-family:'dinpro';}

.news_b ul li a{display:block; margin-top:10px; color:#0062b1;}
.news_b ul li a font{font-size:13px; color:#ccc;}

/*news_menu*/
.news_menu{position:absolute; bottom:20px; right:0;}

.news_menu_a:link{border-bottom:2px solid #fff; font-size:14px; margin-left:20px; padding-bottom:10px;}
.news_menu_a:visited{border-bottom:2px solid #fff; font-size:14px; margin-left:20px; padding-bottom:10px;}
.news_menu_a:hover{border-bottom:2px solid #fff; font-size:14px; margin-left:20px; padding-bottom:10px; border-bottom:2px solid #0062b1;}
.news_menu_a:active{border-bottom:2px solid #fff; font-size:14px; margin-left:20px; padding-bottom:10px;}

.news_menu_a_a:link{border-bottom:2px solid #0062b1; font-size:16px; color:#0062b1; margin-left:20px; padding-bottom:10px;}
.news_menu_a_a:visited{border-bottom:2px solid #0062b1; font-size:16px; color:#0062b1; margin-left:20px; padding-bottom:10px;}
.news_menu_a_a:hover{border-bottom:2px solid #0062b1; font-size:16px; color:#0062b1; margin-left:20px; padding-bottom:10px;}
.news_menu_a_a:active{border-bottom:2px solid #0062b1; font-size:16px; color:#0062b1; margin-left:20px; padding-bottom:10px;}

/*pro_list*/
.pro_list{width:66%; min-width:1200px; margin:0 auto 100px auto;}
.pro_list ul{width:calc(25% - 28px); margin-right:32px; float:left; margin-bottom:32px; position:relative;overflow: hidden; border:1px solid #eee;height: 280px;}
.pro_list ul a{display: inline-block;width: 100%;height: 100%;display:flex;justify-content:center;align-items:center;}
.pro_list ul:nth-child(4n+4){margin-right:0;}
.pro_list ul img{max-width:80%; max-height:80%;box-sizing:border-box; cursor: pointer;transition: all 0.9s;object-fit: cover;}
.pro_list ul img:hover{ transform: scale(1.1);}
.pro_list ul li{position:absolute; width:calc(100% - 40px); padding:5px 20px; background-color:rgba(6,117,225,0.8); bottom:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff;}

/*about_a*/
.about_a{width:66%; min-width:1200px; margin:0 auto 100px auto;}
.about_a ul{float:left;}
.about_a ul:nth-child(1){width:calc(60% - 100px); margin-right:100px;}
.about_a ul:nth-child(2){width:calc(40% - 1px); border-top:1px solid #eee; border-left:1px solid #eee;}
.about_a ul li{width:calc(50% - 1px); float:left; text-align:center; padding:43px 0; border-right:1px solid #eee; border-bottom:1px solid #eee;}
.about_a ul li span{font-size:40px; color:#0062b1; font-family:'dinpro_b'; display:block; margin-bottom:5px;}
.about_a ul p{border-bottom:2px solid #ddd; padding-bottom:20px; margin-bottom:20px; font-size:14px; color:#0062b1; font-weight:bolder;}
.about_a ul li span b{font-size:14px;    color: #8d8d8d;margin-left: 5px;font-weight: 500;}
/*about_b*/
.about_b{width:66%; min-width:1200px; margin:0 auto 100px auto;}
.about_b ul{width:50%; float:left; height:300px; background-color:#f5f5f5; display:flex; -webkit-display:flex; justify-content:center; align-items:center;}
.about_b ul img{width:100%; height:300px;}
.about_b ul li{width:70%;}
.about_b ul li span{font-size:50px; line-height:50px; margin-bottom:10px; color:#ccc; display:block;}
.about_b ul li p{margin-bottom:15px; font-size:18px; color:#0062b1; }

/*about_c*/
.about_c{width:100%; padding:100px 0; background-image:url(../image/idea_bg1.jpg); background-size:cover;}
.about_c ol:nth-child(1){margin-bottom:20px; text-align:center; }
.about_c ol:nth-child(1) span{font-size:34px; line-height:50px; color:#F5F5F5; z-index:-1; font-family:'dinpro_b'; -webkit-text-stroke: 1px #DDD; letter-spacing:3px;}
.about_c ol{width:66%; min-width:1200px; margin:0 auto;}

/*about_d*/
.about_d{width:100%; padding:80px 0; background-image:url(../image/h_bg.gif); background-repeat:no-repeat; background-position:bottom center;}
.about_d ul{width:66%; min-width:1200px; margin:0 auto;}
.about_d ul li{width:calc(50% - 30px); margin-right:60px; float:left;}
.about_d ul li:nth-child(1){padding-top:60px;}
.about_d ul li:nth-child(2){margin-right:0; width:calc(50% - 30px);}
.about_d ul li h1{margin-bottom:30px;}
.about_d ul li p{margin-bottom:60px;}
.about_d ul li img{width:100%;}
.about_d ul li a{text-align:left;}
.about_d ul li span{color:#fff; font-size:40px; line-height:40px; padding:10px; margin-right:0px;}
.about_d ul li span:nth-child(3){background-color:#1D2088;}
.about_d ul li span:nth-child(4){background-color:#1D2088;}
.about_d ul li span:nth-child(5){background-color:#3E3A39;}
.about_d ul li span:nth-child(6){background-color:#B01D36;}
.about_d ul li span:nth-child(7){background-color:#0F593F;}

/*about_e*/
.about_e{width:66%; min-width:1200px; margin:0 auto 100px auto;}
.about_e ul{width: calc(33.3% - 21px);margin-right:32px; float:left; margin-bottom:32px; position:relative;}
.about_e ul:nth-child(3n){margin-right:0;}
.about_e ul img{width:100%;}
.about_e ul li{position:absolute; width:calc(100% - 40px); padding:15px 20px; background-color:rgba(6,117,225,0.8); bottom:0; font-size:12px; color:#fff;}
.about_e ul li span{font-size:16px;}

/*js_a*/
.js_a{width:66%; min-width:1200px; margin:0 auto; padding-bottom:98px;}
.js_a ul:nth-child(1){width:40%; margin-right:4px; float:left; height:404px; display:flex; -webkit-display:flex; justify-content:center; align-items:center; background-color:#f5f5f5;}
.js_a ul:nth-child(1) dd{width:70%;}
.js_a ul:nth-child(2){width:calc(60% - 4px); float:left;}
.js_a ul li{width:calc(50% - 2px); float:left; margin-right:4px; margin-bottom:4px;}
.js_a ul li:nth-child(2n+2){margin-right:0;}
.js_a ul li img{width:100%; height:200px;}

/*js_b*/
.js_b{width:100%; background-image:url(../image/js_b_bg.jpg); background-size:cover; background-position:center;}
.js_b ul{width:66%; min-width:1200px; margin:0 auto; position:relative; padding:250px 0 250px 0;}
.js_b ul li{position:absolute; top:120px; right:0; background-color:rgba(0,98,177,0.8); width:calc(40% - 100px); padding:50px; color:#fff;}
.js_b ul li h4{color:#fff;}

/*js_c*/
.js_c{width:66%; min-width:1200px; margin:0 auto; padding:100px 0 98px 0;}
.js_c ul{width:calc(50% - 2px); margin-right:4px; margin-bottom:4px; float:left;}
.js_c ul:nth-child(2n+2){margin-right:0;}
.js_c ul:nth-child(3){background-color:rgba(0,98,177,1);}
.js_c ul h4{color:#fff;}
.js_c ul li{width:100%; height:330px; display:flex; -webkit-display:flex; justify-content:center; align-items:center;}
.js_c ul li dd{width:70%; color:#fff;}
.js_c ul img{width:100%; height:330px;}


.index_hb ul li.active img { filter: alpha(opacity=20);opacity : 0.2}

/*����ͳ�ƹ���*/
.product-number-info {
	position: relative;
	background-color: rgba(41,41,41,1.00);
}
.product-number-info .product-number-inner {
	width: 1200px;
	margin: 0 auto;
}
.product-number-info ul {
	padding: 85px 0;
}
.product-number-info ul.q:after {
	content: "";
	clear: both;
	display: table;
}
.product-number-info li {
	float: left;
	width: 239px;
	height: 90px;
	border-left: 1px solid #3c3c3c;
	color: #fff;
	padding-top: 1px;
}
.product-number-info li:first-child {
	border: none;
}
.product-number-info li b {
	font-weight: 400;
	font-size: 36px;
	line-height: 1;
	display: inline-block;
	position: relative;
	margin: 15px 0 10px;
}
.product-number-info li b i {
	font-style: normal;
}
.product-number-info li b sup {
	position: absolute;
	font-size: 20px;
	right: -15px;
	top: -3px;
}
.product-number-info li b em {
	font-style: normal;
	font-size: 28px;
	font-weight: 100;
	padding-left: 2px;
	position: relative;
	top: -4px;
}
.product-number-info li p {
	font-size: 14px;
}
.product-number-info li.li-2 b, .product-number-info li.li-2 p {
	padding-left: 70px;
}
.product-number-info li.li-3 b, .product-number-info li.li-3 p {
	padding-left: 70px;
}
.product-number-info li.li-3 b, .product-number-info li.li-3 p {
	padding-left: 70px;
}
.product-number-info li.li-4 b, .product-number-info li.li-4 p {
	padding-left: 78px;
}
.product-number-info li.li-5 {
	text-align: right;
}
.product-number-info li.li-5 b {
	padding-right: 2px;
}
.pageNumList{width:100%;padding-top:100px;overflow: hidden;text-align: center;}
.pageNumList a{padding:5px;}
.pageNumList .page-num{background-color: rgba(6,117,225,0.8);color: #fff;}

.proTitle{line-height:30px;text-align: center;background-position: bottom center;background-image: url(../image/title_line.gif);background-repeat: no-repeat;padding-bottom: 20px;color:#000;}

.mobelBa{display:none;}
.enTic{width:70%;}


#timeline {
		width: 1200px;
		height: 350px;
		overflow: hidden;
		margin: 20px auto;
		position: relative;
		background: url('../image/dot.gif') left 45px repeat-x;
	}
		#dates {
			width: 1200px;
			height: 60px;
			overflow: hidden;
		}
			#dates li {
				list-style: none;
				float: left;
				width: 100px;
				height: 50px;
				font-size: 24px;
				text-align: center;
				background: url('../image/biggerdot.png') center bottom no-repeat;
			}
				#dates a {
					line-height: 38px;
					padding-bottom: 10px;font-size: 16px;
				}
				#dates .selected {
			        font-size: 30px;
				}
		
		#issues {
			width: 1200px;
			height: 350px;
			overflow: hidden;
		}	
			#issues li {
				width: 1200px;
				height: 350px;
				list-style: none;
				float: left;
			}
				#issues li.selected img {
					-webkit-transform: scale(1.1,1.1);
					-moz-transform: scale(1.1,1.1);
				    -o-transform: scale(1.1,1.1);
				    -ms-transform: scale(1.1,1.1);
				    transform: scale(1.1,1.1);
				}
				#issues li img {
					    width: 300px;
					float: left;
					margin: 10px 30px 10px 50px;
					background: transparent;
					-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */      
					zoom: 1;
					-webkit-transition: all 2s ease-in-out;
					-moz-transition: all 2s ease-in-out;
					-o-transition: all 2s ease-in-out;
					-ms-transition: all 2s ease-in-out; 
					transition: all 2s ease-in-out;
					-webkit-transform: scale(0.7,0.7);
					-moz-transform: scale(0.7,0.7);
				    -o-transform: scale(0.7,0.7);
				    -ms-transform: scale(0.7,0.7);
				    transform: scale(0.7,0.7);
				}
				#issues li h1 {
					color: #ffcc00;
					font-size: 48px;
					margin: 20px 0;
					text-shadow: #000 1px 1px 2px;
				}
				#issues li p {
					font-size: 14px;
					text-align: center;
					font-weight: normal;
					line-height: 50px;
					color: #000;
					display: flex;flex-direction: column;align-items: center;
				}
		
		#grad_left,
		#grad_right {
			width: 100px;
			height: 350px;
			position: absolute;
			top: 0;
		}
			#grad_left {
		        left: 0;
		        background: url('../image/grad_left.png') repeat-y;
			}
			#grad_right {
		        right: 0;
		        background: url('../image/grad_right.png') repeat-y;
			}
		
		#next,
		#prev {
			position: absolute;
			top: 0;
			font-size: 70px;
			top: 90px;
			width: 22px;
			height: 38px;
			background-position: 0 0;
			background-repeat: no-repeat;
			text-indent: -9999px;
			overflow: hidden;
		}
			#next:hover,
			#prev:hover {
				background-position: 0 -76px;
			}
			#next {
				right: 0;
				background-image: url('../image/next.png');
			}
			#prev {
				left: 0;
				background-image: url('../image/prev.png');
			}
				#next.disabled,
				#prev.disabled {
					opacity: 0.2;
				}
@media only screen and (min-width: 720px) and (max-width: 1200px){}

@media only screen and (min-width: 220px) and (max-width: 720px) {
	.hamburger-menu{top:20px !important;right:20px !important;}
	.fixed{left:0;}
	.li_add{border-radius: 0 0 8px 0px;}
	.menu_1{width:100% !important;margin:0 0 0 -100% !important;}
	.menu_2{display:none !important;}
	.mobelBa{display:block;}
	.smallBa{display:none;}
	.hx{display:none;}
	.index_about ul{width:calc(100% - 12px);min-width: auto;}
	.index_about ul li:nth-child(1){width:100%;margin-right:0;}
	.index_about ul li:nth-child(2){width:100%; margin-top: 30px;}
	.index_about ul li p{font-size:18px;}
	.index_about ul li a{margin-top:30px;}
	.index_about ul:nth-child(2) dd{width:33.33%;margin-bottom: 12px;}
	.index_about ul:nth-child(2) dd:nth-child(3){border:none;}
	.index_about ul:nth-child(2){padding: 45px 0 28px 0;}
	.container_title dd{font-size:50px;}
	.index_idea_a{width:100%;height:930px;padding:0;}
	.index_idea_a_container_a{width:calc(100% - 12px);min-width: auto;}
	.container{min-width: auto;}
	.box{display:none;}
	.nav{width:100%;}
	.index_pro_title{width:100%;min-width: auto;text-align: center;padding-top: 100px;}
	.tabPanel{width:calc(100% - 12px);min-width: auto;margin-top: 100px;}
	.index_new ul{width:calc(100% - 12px);min-width: auto;padding: 40px 0 0px 0;}
	.index_hb{width:calc(100% - 12px);min-width: auto;}
	.bottom{overflow:hidden;padding: 30px 0 0px 0;}
	.container_title{width:100%;min-width: auto;margin-top:-150px;}
	.index_pro_title dd{font-size:50px;width: 100%;text-align: center;margin-top: -60px;}
	.pane dl dt:nth-child(2n){margin-right:0;}
	.pane dl dt{width:calc(50% - 6px);margin-right: 8px;}
	.pane dl:nth-child(2){position: relative;left: 50%; margin-left: -60px;}
	.index_new_bg{display: none;}
	.index_new_title{width:100%;min-width: auto;text-align: center;}
	.index_new_title dd{right:inherit;width:100%;text-align: center;}
	.index_new ul li:nth-child(1){width:100%;}
	.index_new ul li:nth-child(2){width:100%;margin-left:0;margin-top: 20px;}
	.index_new{padding: 50px 0;background-image: url(../image/idea_bg.jpg);position:relative;top:0;}
	.index_news_item dd{margin-right: 20px; width: calc(50% - 10px);}
	.index_news_item dd div p{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 36px;font-size:14px;}
	.index_hb ul li{width:50% !important;height:80px !important;}
	.index_hb_title{width:100%;min-width: auto;text-align: center;}
	.index_hb_title dd{width:100%;text-align: center;font-size:60px;}
	.bottom ul{width:calc(100% - 12px);margin-left:6px;min-width: auto;}
	.bottom ul li{display:none;}
	.bottom ul li:nth-child(5){display:block;width: 100%;text-align: center;}
	.bottom ul dd:nth-child(2){display:none;}
	.bottom ul dd{width:100%;text-align: center;}
	.bottom ul dl{width:100%;}
	.bottom ul dl:nth-child(2){text-align: center;}
	.bottom ul li:nth-child(5) img{position: relative;left: 50%;margin-left: -75px;}
	.bottom ul:nth-child(1){margin-bottom:30px;}
	.bottom ul:nth-child(3){text-align: center;}
	.n_add{height:260px;}
	.news_b_title{width:calc(100% - 24px);margin-left:12px; min-width: auto;}
	.news_menu{display:none;}
	.about_a{width:calc(100% - 24px);margin-left:12px; min-width: auto;}
	.about_a ul:nth-child(1){width:100%;margin-right:0;}
	.about_a ul:nth-child(2){width:calc(100% - 1px);margin-top:30px;}
	.about_a ul li{padding:23px 0;}
	.about_b{width:calc(100% - 24px);margin-left:12px; min-width: auto;margin:0 auto;}
	.about_b ul li{width:80%;    font-size: 12px;}
	.about_c ol{width:calc(100% - 24px);margin-left:12px; min-width: auto;}
	.about_c{display:none;}
	.about_d ul{width:calc(100% - 24px);margin-left:12px; min-width: auto;}
	.about_d ul li:nth-child(1){width:100%;}
	.about_d ul li:nth-child(2){width:100%;}
	.about_e{width:calc(100% - 24px);margin-left:12px; min-width: auto;}
	.about_e ul{margin-right:12px;width: calc(50% - 6px);}
	.about_e ul:nth-child(2n){margin-right:0;}
	.pro_menus{display:block;top: 50px;}
	.pro_menus a{display:inline-block;float:left;margin-left:0 !important;padding:0 10px;font-size:14px !important;}
	.pro_list{width:calc(100% - 24px);margin-left:12px; min-width: auto;}
	.pro_list ul{margin-right:12px;width: calc(50% - 8px);}
	.pro_list ul:nth-child(2n){margin-right:0px;}
	.proPic{width:100%;position: relative;}
	.news_b_right_body table{width:100%;}
	.news_b_right{width:100%;margin-top: 50px;}
	.news_b_left{width:100%;text-align: center;}
	.news_b_title dd{width:100%;text-align: center;font-size:50px;}
	.news_b_title h1 {text-align: center;}
	.scsl_menu{display:block;top: 80px;width: 100%;text-align: center;}
	.js_a{width:100%;min-width: auto;}
	.js_a ul:nth-child(1){width:100%;}
	.js_a ul:nth-child(2){width:100%;}
	.js_b ul{width:100%;min-width: auto;}
	.js_b ul li{right: auto;width: calc(100% - 100px);}
	.js_c{width:100%;min-width: auto;}
	.new_menu2{display:block;top: 80px;width: 100%;text-align: center;}
	.news_b{width:calc(100% - 24px);margin-left:12px; min-width: auto;}
	.news_b ul li:nth-child(1){width:80px;}
	.news_b ul li:nth-child(2){width:calc(100% - 100px);margin-right:0;margin-left:20px;}
	.news_b ul li:nth-child(3){display:none;}
	.news_b ul li dd:nth-child(1){width:100%;}
	.news_b ul li dd:nth-child(2){width:100%;}
	.news_b ul li span{font-size:16px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 44px;}
	.contact_c ul{width:calc(100% - 24px);margin-left:12px; min-width: auto;}
	.contact_c ul ol{width:100%;margin-right:0;}
	.n_add ol{width:100%;min-width: auto;margin-top: 100px;}
	.n_add ol span{font-size:30px;text-align: center;display: inline-block;width:100%;}
	.n_add ol p{text-align:center;font-size:14px;}
}