@charset "utf-8";

.width94{ width:94%; margin:0 auto; max-width:1500px;}
#infoban{ display:block; overflow:hidden;}
.infoban{ background-image:url(../images/banbg.png); background-position:left; background-size:100%; background-repeat:repeat-y; box-sizing: border-box;}
.infoban .width94{ color:#fff;}
.infoban em{ font-style:normal;}
@media only screen and (min-width:960px) {
#infoban{ background-size:100% auto; background-position:center;}
.infoban{ height:460px; padding:8% 0;}
.infoban em{ display:block; padding-top:20px; font-size:35px; font-weight:700;}
.infoban p{ padding-top:10px; max-width:480px; font-size:18px; text-transform:uppercase; color:#aaa}
}
@media only screen and (max-width:960px) {
.infoban{ padding:20px 0 50px;}
.infoban em{ display:block; padding-top:20px; font-size:22px; font-weight:700;}
.infoban p{ display:none;}
}
@media only screen and (min-width:960px) and (max-width:1360px) {
.infoban{ height:320px; padding:8% 0;}
}
@media only screen and (min-width:1360px) and (max-width:1660px) {
.infoban{ height:370px; padding:8% 0;}
}
.infoban a{ color:#fff;}

#new_pro{ display:block;}
#new_pro ul{ display:block;}
@media only screen and (min-width:960px) {
#new_pro ul li .new_pro_img{ float:left; width:50%; height:auto;}
#new_pro ul li .new_pro_con{ float:right; width:50%; height:auto;}
#new_pro ul li:nth-child(2n+0) .new_pro_img{ float:right;}
#new_pro ul li:nth-child(2n+0) .new_pro_con{ float:left;}
.new_pro_img img{ width:100%;}
.new_pro_con a{ display:inline-block; background:#fff; width:160px; height:40px; line-height:40px; text-align:center; color:#111; font-size:16px; margin-top:25px;}
}
@media only screen and (max-width:960px) {
.new_pro_img img{ width:100%;}
.new_pro_con a{ display:inline-block; background:#fff; width:120px; height:36px; line-height:36px; text-align:center; color:#111; font-size:14px; margin-top:15px;}
}
#new_pro ul li{ background:#003e92;}
#new_pro ul li:nth-child(2n+0){ background:#2d3a4d;}
.new_pro_img{ box-sizing: border-box; padding:0; overflow:hidden;}
.new_pro_img img{ display:block; margin:0 auto;}
.new_pro_con{ box-sizing: border-box; padding:5% 4%; color:#fff;}
.new_pro_con em{ font-size:24px; line-height:50px;}

.class_product{ display:block; text-align:center; border-bottom:1px #ddd dashed;}
@media only screen and (min-width:760px) {
.class_product{ margin-top:60px; padding-bottom:40px;}
.class_product a{ font-size:15px; display:inline-block; margin:0 8px; padding:6px 30px; border-radius:25px;}
}
@media only screen and (max-width:760px) {
.class_product{ margin-top:30px; padding-bottom:20px;}
.class_product a{ font-size:13px; display:inline-block; margin:0 5px; padding:4px 18px; border-radius:25px;}
}
.class_product a{ color:#333; background:#ccc; margin-bottom:15px;}
.class_product a:hover{ background:#003e92; color:#fff;}
.class_product a.lion{ background:#003e92; color:#fff;}

.list_product{ display:block; margin:50px auto;}
.list_product li{ box-shadow:0px 2px 5px #dedede; transition:.5s;}
@media only screen and (min-width:1200px) {
.list_product li{ width: calc(33.33% - 20px); margin-right:30px; margin-bottom:30px; float:left;}
.list_product li:nth-child(3n+0){ margin-right:0;}
.list_product li a .procon_img{ height:280px;}
.list_product li a .procon_img img{ max-height:280px;}
.list_product li a .procon_con em{ font-size:24px; line-height:45px;}
.list_product li a .procon_con p{ height:44px; line-height:22px; font-size:15px;}
.list_product li a .procon_con span{ font-size:15px; line-height:45px;}
}
@media only screen and (max-width:1200px) and (min-width:760px) {
.list_product li{ width: calc(50% - 10px); margin-right:20px; margin-bottom:20px; float:left;}
.list_product li:nth-child(2n+0){ margin-right:0;}
.list_product li a .procon_img{ height:240px;}
.list_product li a .procon_img img{ max-height:240px;}
.list_product li a .procon_con em{ font-size:20px; line-height:40px;}
.list_product li a .procon_con p{ height:40px; line-height:20px; font-size:14px;}
.list_product li a .procon_con span{ font-size:14px; line-height:35px;}
}
@media only screen and (max-width:760px) {
.list_product li{ margin-bottom:20px;}
.list_product li a .procon_img{}
.list_product li a .procon_img img{ width:80%;}
.list_product li a .procon_con em{ font-size:18px; line-height:35px;}
.list_product li a .procon_con p{ height:40px; line-height:20px; font-size:13px;}
.list_product li a .procon_con span{ font-size:13px; line-height:25px;}
}
.list_product li:hover{ box-shadow:0px 8px 15px #ccc;}
.list_product li a{ display:block;}
.list_product li a .procon_img img{ display:block; margin:0 auto;}
.list_product li a .procon_con{ padding:15px 30px;}
.list_product li a .procon_con em{ color:#222;}
.list_product li a .procon_con p{ overflow:hidden; color:#777;}
.list_product li a .procon_con span{ color:#003e92;}


.view_proy{ display:block; margin:50px auto;}
@media only screen and (min-width:1360px) {
.view_proy_img{ float:left; width:550px;}
.view_proy_body{ float:right; width: calc(100% - 590px);}
}
@media only screen and (max-width:1360px) and (min-width:960px) {
.view_proy_img{ float:left; width:380px;}
.view_proy_body{ float:right; width: calc(100% - 400px);}
}
.view_proy_body video{ width:760px; max-width:100% !important; height:auto;}
.view_proy_body a{ color:#003e92; text-decoration:underline;}
.view_proy_bodyjj{ font-size:12px; color:#888; border-bottom:1px #ddd solid; padding-bottom:10px; margin-bottom:10px;}
.view_proy_img{ border:1px #ddd solid; padding:20px; box-sizing: border-box;}
.view_proy_img img{ display:block; width:100%;}
.view_proy_body h2{ color:#222; font-size:24px; line-height:45px; margin-bottom:20px;}
@media only screen and (max-width:560px) {
.view_proy_body h2{ font-size:20px;}
}
.view_proy_body table{ max-width:100% !important;}
.view_proy_body table tr td{ text-align:center;}


#info{ display:block; max-width:1200px; box-sizing: border-box; background:#e5e9ed; }
@media only screen and (min-width:1200px) {
#info{ margin:50px auto; padding:30px 50px 50px;}
.info{ padding:50px;}
.video_list{ padding:50px;}
}
@media only screen and (max-width:1200px) {
#info{ margin:0px auto; padding:30px;}
.info{ padding:20px;}
.video_list{ padding:20px;}
}
#info h2{ font-size:26px; line-height:70px; font-weight:700; color:#003e92; background:url(../img/ab.png) left top no-repeat; padding-left:25px;}
.info{ background:#fff; box-sizing: border-box;}
.info img{ display:block; max-width:100%;}
.video_list{ background:#fff; box-sizing: border-box;}
.video_list li{ display:block; height:50px; line-height:50px; border-bottom:1px #ddd dashed; background:url(../images/video.png) left center no-repeat;}
.video_list li a{ font-size:16px; color:#555; padding-left:35px;}
.video_list li span{ float:right;}
.view_news_body video{ width:760px; max-width:100% !important; height:auto; display:block; margin:0 auto;}

.list_news{ display:block; margin:30px auto;}
.list_news li{  margin-bottom:20px; box-sizing: border-box; padding:20px; box-shadow:0px 0px 8px #dedede; transition:.5s;}
@media only screen and (min-width:640px) {
.list_news li{ width: calc(50% - 10px); margin-right:20px; float:left;}
}
.list_news li:hover{ box-shadow:0px 8px 15px #ccc;}
.list_news li:nth-child(2n+0){ margin-right:0;}
.list_news li a{ display:block; color:#333;}
.list_news li a div{ float:left; width:250px; max-width:38%; margin-right:20px; overflow:hidden;}
@media only screen and (min-width:960px) {
.list_news li a div{ height:160px;}
.list_news li a div img{ display:block; width:100%;}
.list_news li a em{ font-size:18px; font-weight:700; display:inline;}
.list_news li a p{ color:#888; padding-top:8px;}
}
@media only screen and (max-width:960px) {
.list_news li a div{ height:100px;}
.list_news li a div img{ display:block; width:100%;}
.list_news li a em{ font-size:15px; font-weight:700; display:inline;}
.list_news li a p{ display:none;}
}
@media only screen and (max-width:960px){
.list_news li a div{ height:auto;}
.list_news li a em{ font-weight:100;}
}

@media only screen and (min-width:960px){
.view_news{ margin:50px auto 80px; padding:25px 40px;}
}
@media only screen and (max-width:960px){
.view_news{ padding:25px;}
}
.view_news{ max-width:1200px; box-shadow:0px 4px 8px #dedede; box-sizing: border-box;}
.view_news_title{ text-align:center; padding:25px 0; font-size:24px; font-weight:700; line-height:33px; color:#333;}
.view_news_ps{ line-height:35px; text-align:center; color:#999;}
.view_news_ps span{ padding:0 10px;}
.view_news_body{ padding:30px 0; border-bottom:1px dotted #d9d9d9; font-size:15px; line-height:28px;}
.view_news_shxia{ padding-top:25px;}
.view_news_shxia a{ display:block; font-size:15px; color:#555;}

@media only screen and (min-width:1200px){
.b_map { margin-top: 20px; padding-right: 20px; width: 704px; background: url(../images/chinamap.jpg) no-repeat 0px 0px; height: 549px }
.e_map_tags { z-index: 1; position: relative }
.e_map_tags li { width: 90px; height: 25px; z-index: 1; position: absolute; text-align: center; padding-bottom: 8px; display: block; font: bold 14px/25px simsun, arial, sans-serif; background: url(../images/map_tag1.png) no-repeat 0px 0px; color: #fff; top: 0px; cursor: pointer; left: 0px }
.e_map_tags .m_beijing { top: 371px; left: 316px; }
.e_map_tags .m_shanghai { top: 370px; left: 589px; }
.e_map_tags .m_guangzhou { background: url(../images/map_tag2.png) no-repeat 0px 0px; top: 314px; left: 293px }
.e_map_tags .m_chengdu { top: 230px; left: 223px }
.e_map_tags .m_xian { top: 190px; left: 290px }
.e_map_tags .m_xianggang { top: 320px; left: 345px }
.e_map_tags .m_hangzhou { background: url(../images/map_tag2.png) no-repeat 0px 0px; top: 467px; left: 415px; }
.e_map_tags li:hover { background-position: 0px -38px }
.e_map_tags li.hover, .e_map_tags .centers { background-position: 0px -38px }

.e_map_tags .m_dongbei { top: 90px; left: 610px }
.e_map_tags .m_huadong { top: 320px; left: 560px; }
.e_map_tags .m_huabei { top: 220px; left: 480px; }
.e_map_tags .m_huazhong { top: 360px; left: 450px; }
.e_map_tags .m_xinjiang { top: 240px; left: 220px }
.e_map_tags .m_xinan { top: 390px; left: 320px }

.e_map_info { z-index: 2; position: relative }
.e_map_info .m_content { z-index: 1; border: #ccc 1px solid; position: absolute; padding: 15px 20px; background-color: #fff; width: 280px; display: block; top: 0px; left: 0px }
.e_map_info .hide { display: none; }
.e_map_info .m_content i { z-index: 1; position: absolute; width: 8px; bottom: -8px; display: block; background: url(../images/map_idx1.png) no-repeat 0px 0px; height: 8px; overflow: hidden; right: -1px; _right: -2px }
.e_map_info .m_content h4 { padding-left: 180px; font: 16px/33px "microsoft yahei", simsun, arial, sans-serif; margin-bottom: 18px; background: url(../images/map_qunar.jpg) no-repeat 0px 0px; height: 50px; }
.e_map_info .m_content p { font: 14px/22px simsun, arial, sans-serif }
.e_map_info .m_beijing { top: 83px; left: 748px; }
.e_map_info .m_shanghai { top: 83px; left: 748px; }
.e_map_info .m_guangzhou { top: 176px; left: -58px }
.e_map_info .m_chengdu { top: 92px; left: -127px }
.e_map_info .m_xian { top: 74px; left: -60px }
.e_map_info .m_xianggang { top: 204px; left: -4px }
.e_map_info .m_hangzhou { top: 83px; left: 748px; }

.e_map_info .m_dongbei { top:160px; left:700px; }
.e_map_info .m_huadong { top:160px; left:700px; }
.e_map_info .m_huabei { top:160px; left:700px; }
.e_map_info .m_huazhong { top:160px; left:700px; }
.e_map_info .m_xinjiang { top:160px; left:700px; }
.e_map_info .m_xinan { top:160px; left:700px; }

.m_content_side { height: 1px; width: 100%; position: relative; }
.m_content_side a { position: absolute; top: 0; z-index: 2; float: left; width: 30px; height: 30px; }
.m_content_side a img { width: 30px; height: 30px; }
.m_content_side a.m_left { left: 0px; }
.m_content_side a.m_right { right: 0; }


/*世界地图*/
#wrapper { position: relative; margin: 50px auto 20px auto;  }
.pin { display: none; }
.tooltip-up, .tooltip-down { position: absolute; background: url(../images/arrow-up-down.png); width: 36px; height: 52px; }
.tooltip-down { background-position: 0 -52px; }
.tooltip { display: none; width: 200px; cursor: help; text-shadow: 0 1px 0 #fff; position: absolute; top: 10px; left: 50%; z-index: 999; margin-left: -115px; padding: 15px; color: #222; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 3px 0 rgba(0,0,0,.7); -webkit-box-shadow: 0 3px 0 rgba(0,0,0,.7); box-shadow: 0 3px 0 rgba(0,0,0,.7); background: #fff1d3; background: -webkit-gradient(linear, left top, left bottom, from(#fff1d3), to(#ffdb90)); background: -webkit-linear-gradient(top, #fff1d3, #ffdb90); background: -moz-linear-gradient(top, #fff1d3, #ffdb90); background: -ms-linear-gradient(top, #fff1d3, #ffdb90); background: -o-linear-gradient(top, #fff1d3, #ffdb90); background: linear-gradient(top, #fff1d3, #ffdb90); }
.tooltip::after { content: ''; position: absolute; top: -10px; left: 50%; margin-left: -10px; border-bottom: 10px solid #fff1d3; border-left: 10px solid transparent; border-right: 10px solid transparent; }
.tooltip-down .tooltip { bottom: 12px; top: auto; }
.tooltip-down .tooltip::after { bottom: -10px; top: auto; border-bottom: 0; border-top: 10px solid #ffdb90; }
.tooltip h2 { font: bold 1.3em 'Trebuchet MS', Tahoma, Arial; margin: 0 0 10px; }
.tooltip ul { margin: 0; padding: 0; list-style: none; }
.wap_map{ display:none;}
}
@media only screen and (max-width:1200px){
.b_map{ display:none;}
#wrapper{ display:none;}
.wap_map{ display:block;}
}

.mymap{ display:block; width:100%; height:450px; border-top:1px #ddd solid;}

.list_honor{ display:block; margin-top:50px;}
.list_honor li a{ display:block; text-align:center; border:1px #eee solid; transition:.5s;}
@media only screen and (min-width:1200px){
.list_honor li{width: calc(25% - 15px); margin-right:20px; margin-bottom:20px; float:left;}
.list_honor li a div{ height:240px; overflow:hidden; margin:20px 0;}
.list_honor li a div img{ max-width:80%; max-height:240px;}
.list_honor li:nth-child(4n+0){ margin-right:0;}
}
@media only screen and (max-width:1200px) and (min-width:760px){
.list_honor li{width: calc(33.33% - 12px); margin-right:18px; margin-bottom:18px; float:left;}
.list_honor li a div{ height:170px; overflow:hidden; margin:12px 0;}
.list_honor li a div img{ max-width:80%; max-height:170px;}
.list_honor li:nth-child(3n+0){ margin-right:0;}
}
@media only screen and (max-width:760px){
.list_honor li{width: calc(50% - 8px); margin-right:16px; margin-bottom:16px; float:left;}
.list_honor li a div{ height:150px; overflow:hidden; margin:12px 0;}
.list_honor li a div img{ max-width:80%; max-height:150px;}
.list_honor li:nth-child(2n+0){ margin-right:0;}
}
.list_honor li a div img{ display:block; margin:0 auto;}
.list_honor li a em{ display:block; line-height:50px; background:#eee; transition:.5s;}
.list_honor li:hover a{ border:1px #003e92 solid;}
.list_honor li:hover a em{ background:#003e92; color:#fff;}

@media only screen and (min-width:860px){
.lixi_con{ float:left; width:45%;}
.lixi_con h3{ padding-bottom:19px;}
}
@media only screen and (max-width:860px){
.lixi_con{ border-bottom:1px #ddd solid; padding-bottom:20px;}
.lixi_con h3{ padding:10px 0 5px;}
}
.lixi_con h3{ line-height:20px; color:#222;}
.lixi_con li{ color:#333;}
.lixi_con li i{ display:inline-block; width:63px; padding-bottom:50px; float:left; text-align-last:justify; text-align:justify; padding-right:10px; color:#777;}
.lixi_con li span{ display:inline-block; width:63px; text-align-last:justify; text-align:justify; padding-right:10px; color:#777;}