/*
* @Author: Marte
* @Date:   2017-08-21 15:38:14
* @Last Modified by:   Marte
* @Last Modified time: 2017-09-29 15:35:46
*/
body{
  font-family: "Microsoft YaHei";
}
a{
    text-decoration:none;
}
.no-padding{
    padding:0px!important;
}
.navbar-nav{
    padding-left:35px;
}
.flynavbar{
    background:none;
    background-color:none;
    border:none;
    margin-bottom:0px;
    height:105px;
}
.flyli{
    height:105px;
    line-height:105px;
    margin:0px 12px;
    transition:all 1s;
}
.ny_mbx{ line-height:60px;}
.l_left{width:316px; float:left;}
.l_left .nav_list{ background:#fff; }
.l_left .nav_list li{ line-height:47px; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; font-size:14px; font-weight:bold; display:block; text-indent:24px;}
.l_left .nav_list .big_class{color:#666;display:block; background:#fafaf9 url(../images/ny_nav_bg.png) left no-repeat; background-position:193px 17px;}
.l_left .nav_list .big_class:hover{ border-left:3px solid #363637; background:#fd9206 url(../images/ny_nav_bg_h.png) left no-repeat; background-position:190px 17px; color:#fff; display:block;}
.l_left .nav_list .in-on .big_class{
	border-left:3px solid #363637; background:#e60012 url(../images/ny_nav_bg_h.png) left no-repeat; background-position:193px 17px; color:#fff; display:block;
}
.l_left .nav_list .sub-side{ background:#fff;
}
.l_left .nav_list .sub-side a{
	margin:0 auto;
	line-height: 47px;
	color: #666;
	font-weight:normal;
	text-align:left;
	font-size:12px;
	text-indent:5px;
	transition: all 500ms ease-in 0ms;display: block;
}
.l_left .nav_list .sub-side a.last{
	border-bottom: none;
}
.l_left .nav_list .sub-side a:hover, .sub-side a.hover{
	background-position: 150px -31px;
	color: #fd9206;
	text-decoration:none;
}
.l_center{ width:796px; border:1px solid #dfdfdf; padding:0 30px 46px 30px; float:left; margin-left:26px; background:#fff; min-height:500px;}
.lm_name{ border-bottom:1px solid #dfdfdf; line-height:65px; height:65px; font-size:18px; font-weight:bold; color:#363637;}
.lm_name span{ border-bottom:4px solid #e60012; float:left; padding:0 8px;}
.content{ margin-top:30px; line-height:26px; font-size:13px;}
.content div{line-height:26px; font-size:13px;}
.content p{line-height:26px; font-size:13px;}
.content h3{ text-align:center; font-size:22px; padding:25px 0; background:#f9f9f9; color:#333}
.content h3 p{ font-size:12px; text-align:center; font-weight:normal; padding-top:10px; color:#9b9b9b}
.news_show{ margin-top:30px;}

.newslist ul li{ line-height:40px; border-bottom:1px solid #dfdfdf;background:url(../images/dot.jpg) left no-repeat; }

.flyli a{
    padding:0px!important;
    height:105px;
    line-height:135px!important;
    color:#fff!important;
    font-size:16px!important;
    transition:all 0.3s linear;
}
.dropdown:hover > ul{
    display:block;
    transform:translate(0,0);
    opacity:1;
}
.dropdown ul{
    display:none;
    margin:0px;
    padding:0px;
    width:160px!important;
    left:-48px;
    margin-top:5px;
   opacity:0;
    transition:all 0.7s;
    overflow:hidden;
}
.dropdown ul li{
    list-style:none;
    width:160px;
    height:35px;
    background:#fff;
    line-height:35px;
    text-align:center;
    margin:0px!important;
}
.dropdown ul li a{
     color:#0f2752!important;
     hegiht:35px!important;
     line-height:35px!important;
    font-size:14px!important;
    transition:all 0s linear!important;
}
.flybrand{
    display:block;
    margin:0px;
    padding:0px;
    transition:all 1s;
}
.flytop{
    height:105px;
    background:url(../images/top_bg.jpg) top no-repeat;
    width:100%;
    z-index:2;
}
.flyli:hover >a{
    line-height:120px!important;
}
.dropdown ul li:hover{
   background:#e60012;
}
.dropdown:hover ul li:hover >a{
     height:35px!important;
   line-height:35px!important;
   background:#e60012;
   color:#fff!important;
}
.dropdown:hover ul li a:hover{
    height:35px!important;
   line-height:35px!important;
   background:#e60012;
   color:#fff!important;
}
.lang{
    height:27px;
    line-height:27px;
    border-left:1px solid #fff;
    width:108px;
    list-style:none;
    color:#eaeff2;
    float:left;
    margin-top:55px;
}
.lang a:first-child{
    background:#fff;
    color:#102753;
}
.lang a{
    color:#fff;
    margin-left:15px;
    border:1px solid #aaaaaa;
    height:25px;
    line-height:25px;
    display:block;
    width:38px;
    float:left;
    text-align:center;
    font-size:14px;
    border-radius:4px;
    background:#102753;
}
.lang a:hover{
    text-decoration:none;
     background:#fff;
    color:#102753;
}
#flydaohang{
    height:152px;
    background:#eaeff2;
}
.daohang_title p{
    margin-top:30px;
    font-size:18px;
    color:#0f2752;
    margin-bottom:15px;
    font-weight:500;
}
.daohang_title h3{
    margin:0px;
    padding:0px;
    color:#0f2752;
    font-weight:bold;
    font-size:24px;
    font-family:-webkit-body;
}
.daohang_title div{
    width:55px;
    border-bottom: 1px solid #e60012;
    height:24px;
}
.flyul{
    text-align:right;
    float:right;
}
.flyul li{
    list-style:none;
    float:left;
    padding:50px 4px;
    text-align:center;
    display: inline-block;
}
.flyul li a{
    display: block;
    width:105px;
    height:42px;
    line-height:42px;
    color:#0f2752;
    font-size:18px;
}
.flyul li a:hover{
    background:#e60012;
    color:#fff;
    text-decoration:none;
}
.flyul .active a{
     background:#e60012;
    color:#fff;
    text-decoration:none;
}
.about_content2 p{
    font-size:16px;
}
.about_content{
    padding:70px 0 50px 0;
}
.about_content2 img{
    max-width:100%;
}
.apage {
	line-height: 25px;
	background: #ffffff;
	padding: 0 5px;
	text-align: center;
	padding:20px
}
.apage a {
	border: 1px solid #cccccc;
	padding: 5px 14px;
	margin-right: 5px;
	margin: 0 3px;
}
.apage .num_btns {
	float: right;
	font-family: Tahoma;
}
.apage a:hover, .apage .cur {
	border: 1px solid #01327e;
	background-color: #01327e;
	color: #fff;
	text-decoration: none;
}
.apage .cust_txt {
	float: left;
}
.apage .oran_pg_fp {
	background: url(../images/first_page.gif) 4px 4px no-repeat;
	padding-right: 9px;
}
.apage .oran_pg_pp {
	background: url(../images/pre_page.gif) 4px 4px no-repeat;
	padding-right: 5px;
}
.apage .oran_pg_np {
	background: url(../images/next_page.gif) 8px 4px no-repeat;
	padding-right: 12px;
}
.apage .oran_pg_lp {
	background: url(../images/last_page.gif) 8px 4px no-repeat;
	padding-right: 12px;
}
.apage select {
	font-size: 8px;
	margin-top: 5px;
}
.apage .oran_pg_txt {
	height: 15px;
	border: solid 1px #d4e3e9;
	width: 20px;
	margin-left: 5px;
}
.apage .oran_pg_btn {
	height: 15px;
	border: solid 1px #d4e3e9;
	margin-left: 5px;
	font-size: 9px;
	background: #5984ac;
	color: #fff;
}


#flyfooter{
    background:url(../images/contact_bg.jpg);
    padding:30px;
}
#flyfooter p{
    color:#fff;
    font-size:12px;
}
.footer_left{
    border-right:1px solid #304262;
       padding-left:0px;
}
.footer_left p{
    margin-bottom:18px;
    height:40px;
    line-height:40px;
}
.footer_right{
    border-right:1px solid #304262;
     padding-left:5px!important;
}
.footer_right p{
    margin-bottom:0px;
}
.indent0{
    line-height:24px;
    height:32px;
}
.indent{
    line-height:27px;
    text-indent:105px;
}
#footer_copyright{
    height:62px;
    background:#e60012;
    padding:23px 20px;
}
#footer_copyright p{
    color:#fff;
    font-size:12px;
}
#footer_copyright a{
    color:#fff;
}
.product_content{
    padding:70px 0 50px 0;
}
.list_box{
   margin-bottom:60px;
}
.list_box a div{
  padding:0px;
  background: #ebebeb;
  position:relative;
  text-align:center;
}
.list_box a div img{
  width:350px;
  height:270px;
}
.list_box a div span{
  transform: scale(0);
  position:absolute;
  width:350px;
  height:270px;
  top:0px;
  left:0px;
  transition: all .3s ease;
  color:#fff;
  background:rgba(21,41,78,0.4);
  cursor:pointer;
  text-align:center;
  padding-top:130px;
}
.list_box:hover a div span{
  transform: scale(1);
}

.page ul{
    text-align:right;
    float:right;
    margin:10px;
}
.page ul li{
    display:inline-block;
     border:1px solid #0f2752;
    border-radius:4px;
     height:25px;
    line-height:25px;
    margin:0px 5px;
}
.page ul li a{
    display:block;
    padding:0px 10px;
    width:100%;
    height:100%;
    color:#0f2752;
    text-decoration:none;
}
.active.current{
     background:#0f2752;
    color:#fff;
    padding:0px 10px;
}
.page ul li:hover{
    background:#0f2752;
    color:#fff;
}
.page ul li:hover a{
      color:#fff;
}
.news_box{
    height:175px;
    padding:30px 0 15px 0;
    border-bottom: 1px solid #fbfbfb;
}
.news_box a{
    text-decoration:none;
}
.news_box img{
    float:left;
    margin-right:132px;
    width:196px;
    height:127px;
}
.news_date{
    height:70px;
    float:left;
    margin-top:30px;
    border-right:1px solid #fbfbfb;
    padding-right:40px;
    text-align:center;
    margin-right:15px;
}
.news_date h3{
    color:#575f67;
    margin:0px;
    padding:0px;
    font-size:26px;
}
.news_date p{
    color:#9c9a9a;
    margin:0px;
    padding:0px;
    font-size:16px;
    margin-top:15px;
}
.news_box_title{
    color:#807373;
    font-size:16px;
    margin-top:25px;
}
.news_box_excerpt{
    color:#b0aba7;
    font-size:16px;
}
.article_content{
    background:#fff;
    padding-bottom:20px;
}
.article_content_box{
    padding:40px 0 50px 0;
    background:#f5f5f5;
}
.article_content_box img{
    padding:10px;
    max-width:90%;
}
.article_content h3{
    text-align:center;
}
.article_date{
    color:#666;
    font-size:12px;
    margin:14px 0;
}
.share{
    display: block;
    width:100%;
    padding-left:86px;
}
.article_img_box{
    margin:25px 0px;
}
.article_img_box img{
    max-width:100%;
}
.fly_article{
    float:left;
    width:32%;
    margin-left:1%;
}
.article_re{
    background:#fff;
    float:left;
    width:100%;
    padding-bottom:20px;
}
.article_re h3{
    margin:20px 15px 0px 15px;
    padding-bottom:15px;
    border-bottom:1px dashed #bbb2b2;
}
.article_re_img{
    margin-top:20px;
}
.article_re2{
    background:#fff;
    float:left;
    width:100%;
    margin-top:20px;
    padding-bottom:10px;
}
.article_re2 h3{
    margin:20px 15px 0px 15px;
    padding-bottom:15px;
    border-bottom:1px dashed #bbb2b2;
    margin-bottom:10px;
}
.article_re2 li{
    height:34px;
    line-height:34px;
    font-size:14px;
    color:#102753;
    margin-bottom:0px;
    list-style:square;
}
.article_re2 li p{
    color:#333;
    display: inline;
}
.article_re2 li p span{
    font-size:12px;
    color:#666;
    float:right;
}
.btn2{
    text-align:center;
    color:#fff;
    font-size:14px;
    background:#012971;
    padding:10px 0;
    border-radius:5px;
    transition:all 0.3s;
    display:block;
    width:215px;
    height:40px;
}
.btn2:hover{
    color:#fff;
    background:#e60012;
    text-decoration:none;
}
.btn3{
    color:#333;
}
.article_excerpt2{
    margin:20px 0;
    min-height:300px;
}
.article_excerpt2 p{
    font-size:16px!important;
    background-color:rgb(245, 245, 245)!important;
    color:#666!important;
    line-height:30px!important;
    margin-bottom:0px!important;
}
.article_excerpt2 span{
    font-size:16px!important;;
    color:#666!important;;
    line-height:30px!important;;
    margin-bottom:0px!important;
}
#accordion .panel{
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin-top: 0;
}
#accordion .panel-heading{
    padding: 0;
    border-radius: 0;
    border: none;
}
#accordion .panel-title a{
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #eaeff2;
    padding: 15px 48px 15px 20px;
    background: #5080d4;
    position: relative;
    transition: all 0.3s ease 0s;
    text-decoration:none;
    border-bottom:1px solid #fff;
}
#accordion .panel-title a.collapsed{
    color: #fff;
    background: #4078d8;
    border-bottom: 1px solid #fff;
}
#accordion .panel-title a:after,
#accordion .panel-title a.collapsed:after{
    content: "";
    display: block;
    width: 3px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 30px;
    background: #7da1e0;
}
#accordion .panel-title a.collapsed:after{
    background: #7da1e0;
}
#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before{
    content: "\f068";
    font-family: FontAwesome;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    background: #7da1e0;
    position: absolute;
    top: 12px;
    right: 19px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    z-index: 1;
}
#accordion .panel-title a.collapsed:before{
    content: "\f067";
    color: #ffffff;
    background: #7da1e0;
}
#accordion .panel-body{
    background: #f9fafb;
    color: #666;
    padding: 20px 50px 15px 20px;
    line-height: 25px;
    border: none;
    position: relative;
}
#accordion .panel-body:after{
    content: "";
    display: block;
    width: 3px;
    height: 100%;
    background: #7da1e0;
    position: absolute;
    top: 0;
    right: 30px;
}
.lightbox div{
    overflow:hidden;
}
.lightbox div img{
    width:350px;
    height:270px!important;
    transform:scale(1,1);
    transition:all 0.7s;
}
.lightbox:hover img{
    transform:scale(1.1,1.1);

}
.caption h3{
    font-size:17px;
    margin:9px 0;
}
.sales{
    height:640px;
    width:1140px;
    background:url(../images/map.jpg)top center no-repeat;
    position:relative;
    animation-duration: 2s!important;
}
@keyframes warn {
    0% {
        transform: scale(0);
        opacity: 0.0;
    }
    25% {
        transform: scale(0);
        opacity: 0.1;
    }
    50% {
        transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        transform: scale(1);
        opacity: 0.0;
    }
}
@-webkit-keyframes "warn" {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }
    25% {
        -webkit-transform: scale(0);
        opacity: 0.1;
    }
    50% {
        -webkit-transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
}
.dot2 {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border: 2px solid red;
    border-radius: 20px;
    z-index: 2;
    background:red;
    position: absolute;
    left:20px;
    top:20px;
}
/* 产生动画（向外扩散变大）的圆圈  */

.sales_box{
    position: absolute;
    left: 860px;
    top: 248px;
    width:50px;
    height:50px;
}
.sales_box p{
    color:#fff;
    position:absolute;
    left:47px;
    display: inline-block;
    width:100px;
    background:#e60012;
    height:24px;
    line-height:24px;
    font-weight:bold;
    transition:all 0.7s linear;
    overflow:hidden;
}
.sales_box:hover p{
    transform:rotateY(360deg);
}
.pulse2 {
    width: 50px;
    height: 50px;
    border: 6px solid red;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    z-index: 1;
    opacity: 0;
    -webkit-animation: warn 3s ease-out;
    -moz-animation: warn 3s ease-out;
    animation: warn 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    left:0px;
    right:0px;
}
.sales_box .shadow{
    display:block;
    width:100px;
    height:150px;
    background:rgba(193, 193, 193, 0.78);
    opacity:1;
    transition:all 0.5s linear;
    transform:rotate(56.5deg) translate(-60px,-60px);
    transform-origin:0% 100%;
}
.sales_box:hover .shadow{
       transform:rotate(56.5deg) translate(-250px,-60px);
}
.m2{
    left:911px;
    top:467px;
}
.m3{
    left:670px;
    top:157px;
}
.m4{
    left:573px;
    top:316px;
}
.m5{
    left:409px;
    top:55px;
}
.m6{
    left:366px;
    top:417px;
}
.m7{
    left:197px;
    top:132px;
}