/*header*/
html {padding:0;margin:0;}
body{line-height: 160%; font-family: "Microsoft YaHei","微软雅黑"}
ul {list-style: none;padding:0;margin:0;}
ul li{ list-style-type: none;}
* {transition: all 0.3s ease 0s;}

a {text-decoration: none; color: #555;}
a:focus, a:hover{ color: #333;}

/*nav*/
.web-logo{ margin-top: 0px; margin-left: 50px; padding: 20px 0;}
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: 0px solid transparent;
}
.navbar-nav>li>a {
    padding: 10px 20px;
font-size: 15px; color: #333;
    line-height: 20px;
}
#bs-example-navbar-collapse-1{  margin-top: 10px; padding-top: 20px;}
.top-bb{ font-size: 0; padding-top: 10px; display: inline-block; margin-top: 30px; float: right;}
.top-bb a{display: inline-block; width: 35px; height: 26px; text-align: center; line-height: 26px; color: #666; font-size: 14px; border: 1px solid #f5731c;}
.top-bb a.active{background: #f5731c; color: #fff;}

 .navbar-default .navbar-nav>.active>a:hover{ background: #787878; color: #fff;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus{background: transparent; color: #777}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{ background: #787878; color: #fff;}
.dropdown-menu>li{display: inline-block;}
.navbar-right .dropdown-menu{ left: 0; right: auto;}
.dropdown-menu>li>a{ padding: 8px 20px; display: inline-block; }
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{ background: #666; color: #fff;}
#bs-example-navbar-collapse-1 > ul.navbar-nav >li:last-child{ display: none;}
.carousel-control span {

    font-weight: 700;
    border: 0px solid #fff;
    color: #fff;
    text-align: center;
    line-height: 40px;
    width: 40px;
    height: 40px;
    font-size: 24px;
    font-family: 宋体;
margin-top: -30px;
    position: absolute;
    top: 50%;
}
.carousel-control.left span {
margin-left: -40px;
}
.carousel-indicators{ bottom: -5px;}
.carousel-indicators li{background: #666; border: 0px; width: 12px; height: 12px; border-radius: 12px;}
.pronav .owl-buttons div{ position: absolute; font-family: '宋体'; font-size: 24px; font-weight: bold; color: #dddddd; border: 2px solid #dddddd;
    border-radius: 100px; width: 40px; height: 40px; line-height:40px; text-align: center; top:50%; margin-top: -20px;}
.pronav .owl-buttons div.owl-prev{ left: -60px;}
.pronav .owl-buttons div.owl-next{ right: -60px;}

.pronav .owl-buttons div:hover,.Owl-list2 .owl-buttons div:active,.Owl-list2 .owl-buttons div:focus,.Owl-list2 .owl-buttons div:visited{ color: #f5731c; border-color: #f5731c; box-shadow: 3px 3px 10px #ccc;}


.carousel-control span:hover{ background: #666;}
.omnav{ border-bottom: 1px solid #ddd;}
/*omnavb*/
.omnavb{ width: 100%; background: #f5731c;}
.omnavb .navbar-nav > li > a { padding: 16px 50px; color: #fff; font-weight: bold;}
.omnavb .navbar-nav > li > a:hover { color: #f5731c;}
.omnavb .navbar-nav{ text-align: center; width: 100%;}
.omnavb .navbar-nav>li{ float: none; display: inline-block;}
.navbar-nav .dropdown-menu{ width: 100%; text-align: center; border: 0; padding: 10px 0; top: inherit; margin: 0px;}
.navbar-collapse .col-md-8, .nav>li, .nav>li>ul > li{ position: static;}
.omnavb .navbar-nav .dropdown-menu li{ display: inline-block;}
.omnavb .navbar-nav .dropdown-menu li div{ width: 120px; height: 100px;  border-right: 1px solid #eee;}
.omnavb .navbar-nav .dropdown-menu li div > img{  height: 100%;}
.omnavb .navbar-nav .dropdown-menu li a:hover{ color: #f5731c;}
.omnavb .navbar-nav .dropdown-menu li a:hover div{ border-right: 1px solid #333;}
.omnavb .navbar-nav .dropdown-menu>li>a{ padding: 0;}
/*spage*/
.om-page{ padding: 40px 0; width: 100%;}

.om-pageb{padding-bottom: 0!important; padding-top: 20px!important;}
.om-pagec{ padding-top: 20px!important;}


.sy-page-tit{ width: 100%; padding: 20px 0;}
.sy-page-tit,.sy-page-tit .page-t-en,.sy-page-tit .page-t-cn{ display: inline-block; text-align: center;}
.sy-page-tit .page-t-en{ font-size: 20px;   padding: 20px 2px; margin-left: -7px;}
.sy-page-tit .page-t-cn{ font-size: 20px; border-right: 0; margin-left: -5px;  padding: 20px 10px;}
.sy-page-tit .page-t-cn span{ font-weight: bold; color: #666;}
.cp-div{ display: inline-block; width: 100%;}
.cp-div .cp-img{ width: 100%; height: 360px; overflow: hidden; padding: 16px 10px; border: 1px solid #eee;}
.cp-div .cp-img img{ width: 100%;}
.cp-div .cp-body{ width: 100%; height: 112px; overflow: hidden; padding: 16px 0; text-align: center; background: #f5f5f5; border: 1px solid #f5f5f5;}

.cp-div .cp-body .cp-name{ width: 100%; height: 36px; font-size: 18px; overflow: hidden;}
.cp-div .cp-body .cp-note{ width: 100%; height: 44px; line-height: 22px; font-size: 16px; overflow: hidden;}
.cp-div:hover{ box-shadow: 3px 3px 10px #ccc; }
.cp-div:hover .cp-img{ border: 1px solid #f5731c;}
.cp-div:hover .cp-img img{ transform: scale(1.1);}
.cp-div:hover .cp-body{background: #f5731c;}
.cp-div:hover .cp-body .cp-name,.cp-div:hover .cp-body .cp-note{color: #fff;}

.pro-ul li:last-child .cp-div:hover{ box-shadow: none;}
.pro-ul li:last-child .cp-div:hover .cp-img{ border: 1px solid #eee; }
.pro-ul li:last-child .cp-div:hover .cp-img img{ transform: scale(1);}
.pro-ul li:last-child .cp-div:hover .cp-body{background: #fff;}


.Owl-list2 .item{ margin: 2px 22px;}
.Owl-list2 .owl-buttons div{ position: absolute; font-family: '宋体'; font-size: 24px; font-weight: bold; color: #dddddd; border: 2px solid #dddddd;
    border-radius: 100px; width: 60px; height: 60px; line-height:56px; text-align: center; top: 45%;}
.Owl-list2 .owl-buttons div.owl-prev{ left: -60px;}
.Owl-list2 .owl-buttons div.owl-next{ right: -60px;}

.Owl-list2 .owl-buttons div:hover,.Owl-list2 .owl-buttons div:active,.Owl-list2 .owl-buttons div:focus,.Owl-list2 .owl-buttons div:visited{ color: #f5731c; border-color: #f5731c; box-shadow: 3px 3px 10px #ccc;}

.om-page-news{ width: 100%; padding: 40px 0;  }

/*newspage*/
.news-div{ display: inline-block; width: 100%; position: relative;}
.news-div .news-img{ width: 100%; height: 220px; overflow: hidden; padding: 10px; border: 1px solid #eee;}
.news-div .news-img img{ width: 100%;}
.news-div .news-body{ width: 100%;  overflow: hidden; padding: 16px 10px; text-align: left; }

.news-div .news-body .news-name{ width: 100%; height: 44px; line-height: 22px; font-size: 16px; overflow: hidden; font-weight: bold;}
.news-div .news-body .news-note{ width: 100%; height: 44px; margin-top: 5px; line-height: 22px; color: #999; font-size: 14px; overflow: hidden;}
.news-div .news-body .news-time{ width: 100%; color: #999; margin-top: 10px; line-height: 22px; font-size: 14px; }
.news-div:hover{ box-shadow: 3px 3px 10px #ccc; }
.news-div:hover .news-img img{ transform: scale(1.1);}
.news-div:hover .news-body{background: #fff;}
.news-div:hover .news-more{ padding-left: 10%;}


.news-more{ display: inline-block; width: 100%; margin-top: 10px;}
.news-more a{ display: inline-block; padding: 6px 30px; border: 1px solid  #ddd;}
.news-div:hover .news-more a{ border: 1px solid  #f5731c; background: #f5731c; color: #fff;}

.om-more{display: inline-block; width: 100%; text-align: center; margin-top: 20px;}
.om-more a{ display: inline-block; padding: 6px 30px;  border: 1px solid  #f5731c; background: #f5731c; color: #fff;}
.om-more a:hover{ padding: 6px 40px; box-shadow: 3px 3px 10px  #ccc; border-radius: 100px;}

.video-div{ display: inline-block; width: 100%;}
.video-div .video-img{ width: 100%; height: 300px; display: inline-block; overflow: hidden; padding: 10px; border: 1px solid #eee;}
.video-div .video-img img{ width: 100%; height: 280px;}
.video-div .video-body{ width: 100%;  overflow: hidden; padding: 16px 10px; text-align: left; }
.video-div .video-body .video-name{ font-size: 18px; font-weight: bold; height: 40px; line-height: 40px; overflow: hidden;}
.video-div:hover .video-img img{ transform: scale(1.1);}
.video-div:hover .video-img{ box-shadow: 3px 3px 10px #ccc; }
.video-div .video-body .news-name{ font-size: 14px; font-weight: bold;  height: 44px; line-height: 22px; overflow: hidden;}

.foot-page{ background: #202020; width: 100%; padding: 40px 0;}

.foot-page .erwm{ display: inline-block; width: 100%; text-align: center;}
.foot-page .erwm li{ margin: 8px; color: #ddd; display: inline-block;}


.footnav{ display: inline-block; width: 100%; margin-top: 10px;}
.footnav li{ display: inline-block; color: #8f8f8f; }
.footnav li a{ color: #8f8f8f; font-size: 14px; padding: 6px 16px;}
.footnav li a:hover{ background: #ccc; color: #333;}
.footbq{ display: inline-block; color: #8f8f8f; font-size: 1rem!important; text-align: left; width: 100%; margin-top: 10px; padding-left: 16px;}
.footbq span{ -webkit-transform: scale(0.9); display: inline-block; transform: scale(0.9); margin-left: -22px;}
.about-ban{ display: inline-block; width: 100%; margin-top: 40px;}


/*neiye*/
.ny-page{ padding:5px 0; width: 100%; line-height: 30px; font-size: 14px; color: #555;  }
.ny-page img{ max-width: 100%; height: auto;}
.ny-page-tit{ width: 100%; margin-top: 5px; padding:5px 0;}
.ny-page-tit,.ny-page-tit .page-t-en,.ny-page-tit .page-t-cn{ display: inline-block; text-align: left;}
.ny-page-tit .page-t-en{ font-size: 16px;  border-top: 0px solid #f5731c; border-bottom: 0px solid #f5731c; color: #999; padding: 20px 10px; padding-top: 6px;}
.ny-page-tit .page-t-cn{ font-size: 22px; border: 0px solid #f5731c; border-right: 0; margin-left: -5px; font-weight: bold; color: #333; padding: 20px 0px;}

.ny-nav{ display: none; width: 100%; border-bottom: 1px solid #eee; text-align: center;}
.ny-nav .ny-nav-ul{ display: inline-block; width: 100%;text-align: center;}
.ny-nav .ny-nav-ul li{ display: inline-block; color: #ccc;}
.ny-nav .ny-nav-ul li a{ padding: 16px 20px; color: #333; display: inline-block;}
.ny-nav .ny-nav-ul li a:hover{background: #f5731c; color: #fff;}
.fixnav{background: rgba(254,254,254,1)!important; z-index: 9999; box-shadow: 3px 3px 10px #ccc; display: inline-block; position: fixed; top: 0;}



.wenhua-div{ display: inline-block; width: 100%;}
.wenhua-div .wenhua-img{ width: 100%; height: 280px; display: inline-block; overflow: hidden;}
.wenhua-div .wenhua-img img{ width: 100%; height: 100%; }
.wenhua-div .wenhua-body{ width: 100%; background: #f5f5f5; overflow: hidden; padding: 16px 10px; text-align: left; }
.wenhua-div .wenhua-body .wenhua-name{ font-size: 18px; font-weight: bold; height: 40px; line-height: 40px; overflow: hidden;}
.wenhua-div:hover .wenhua-body{background: #f5731c; color: #fff;}
.wenhua-div:hover .wenhua-img img{ transform: scale(1.1);}
.wenhua-div:hover .wenhua-img{ box-shadow: 3px 3px 10px #ccc; }



/*list*/
.breadcrumb {
    margin-bottom: 6px; padding: 8px 0;
    display: inline-block; background-color: transparent;
    width: 100%;
}
.ombreadcrumb{background: #f5f5f5; display: inline-block; width: 100%;  padding-top: 30px; border-bottom: 1px solid #ddd; }

.myform .form-control{ color: #a7a7a7;  padding: 12px 8px; background: #f8f8f8; border-radius: 2px; height: auto; font-size: 16px;}
.myform .ombtna{background-color: #f5731c; border: 0px; padding: 12px; color: #fff; font-size: 16px; width: 100%;}
.myform > div{ padding-left: 4px; padding-right: 4px;}
.myform .mysear{ background: url("../images/searbj.png") left center no-repeat #f8f8f8; padding-left: 50px; display: inline-block;}
.nysear{ display: inline-block;}

.news-ul li{ margin-top:10px; border-bottom: 1px solid #f5f5f5}
.news-ulny li .news-div{ border-bottom: 2px solid #f5f5f5!important;}
.news-div .csxian{display: inline-block; width: 0; background: #f5731c; height: 2px;position: absolute; overflow: hidden; bottom: -2px; left: 0;}
.news-div:hover  .csxian{ width: 100%;}
.new-pcon{ border-top: 1px solid #f5f5f5; border-left: 1px solid #f5f5f5; display: inline-block; margin: 20px auto; padding:20px; width: 100%;  }

.case-ulny .news-img{ height: 300px;}





.new-note-x {
    font-size: 12px; display: inline-block; margin-top: 10px;
    color: #999;
}


/**/

.side{  height:170px;position:fixed;bottom:10%;right:0px;  top: auto;   margin:auto auto;z-index: 1000;    }
.side-ul>li{   margin-bottom: 10px; position: relative; }
.side-ul>li:last-child{ border-bottom: none;}
.side-ul>li>a{  color:#fff ; display: block; width: 60px; height:60px; background: #333; border-radius: 2px 0px 0px 2px;}
.side-ul>li>a span{ font-size: 22px; line-height: 60px;}
.side-ul>li>a .iconfont{ font-size: 25px;line-height: 60px; }
.side-ul>li:hover a{
    background:#f5731c;
}
.side-ul>li:hover>a{  color:  #fff;}
.side-ul>li>a .kuang1,.side-ul>li>a .kuang2,.side-ul>li>a .kuang3{ ;position: absolute; right: 60px; top: 0px;
    display: none;opacity: 0; width: 150px; background: #f5731c ;  height: 60px; line-height: 60px; color: #fff;border-radius: 2px;}
.side-ul>li.qq:hover>a .kuang1{ display: block; opacity: 1;}
.side-ul>li.weixin:hover>a .kuang2,.side-ul>li.weixin:hover>a .kuang2:hover{ display: block; opacity: 1; }
.side-ul>li.dianhua:hover>a .kuang3{ display: block; opacity: 1; }

.ny-nav .xiazai-ul{ display: inline-block; text-align: left;}
.xiazai-ul li{ font-size: 14px; font-weight: 100;}
.ny-nav .xiazai-ul li a{padding: 16px 20px!important;  font-size: 14px;  display: inline-block;}

.xiaz-table{ border: 1px solid #ddd;}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th{ border-top: 1px; border-bottom-width:1px; width: 100%;}
.footlogo{ padding-left: 16px;}


.down-down-list {
    width: 100%;
    display: none;
}

.down-down-list .lists {
    margin-top: 0px; font-size: 16px; background: #f8f8f8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.down-down-list .lists:hover{ background: #f5f5f5; color: #f5731c;}
.down-down-list .lists .penel {
    /* flex-grow: 1; */
    flex-shrink: 0;
    text-align: center;
    padding: 15px;
    font-size: 12px;
    width: 15%;
}
.down-down-list .lists .num-penel {
    text-align: left;
}
.down-down-list .lists .txt-penel {
    /* flex-grow: 6; */
    width: 40%;
}
.down-down-list .lists .penel i {

    display: block;
    color: #999999;
}
.down-down-list .lists .penel .fa{font-size: 24px; display: inline-block;}
.down-down-list .lists:hover .penel a.fa{ color: #f5731c;}
.down-down-list .lists:nth-child(odd){ border-right: 1px solid #ddd;}
.form-liuy label{ margin-top: 10px;}
.form-liuy textarea{ height: 160px;}

.liuyan-btn{ display: inline-block; text-align: center; width: 100%; padding: 20px 0;}
.btn1{ display: inline-block; padding: 8px 50px; color: #333; background: #ddd; border: 0px; margin: 10px;}
.btn2{ display: inline-block; padding: 8px 50px; color: #fff; background: #f5731c; border: 0px; margin: 10px;}
.modal-dialog{ width: 60%;}
.modal-content{ margin-top: 30%; }
body{ padding-left: 0px; padding-right: 0px!important;}
.modal-open{overflow: auto;}
.llinks{display: flex; flex-direction: column;  position: fixed;
    top: 30%; right: 10px; margin-top: 30px; justify-content: flex-end; align-items: center;}
.llinks li{position: relative;  padding: 5px;}
.llinks .ewm{ display: none; width: 200px; background: #fff; position: absolute; left: -200px; top: 0; }
.llinks .ewm img{ width: 100%; }
.llinks li:hover .ewm{display: flex}
.llinks li > a >img{ width: 30px;}

.clinks{display: flex; width: 100%; margin-top: 20px; justify-content: flex-end; align-items: center;}
.clinks li{position: relative;  padding: 5px;}
.clinks .ewm{ display: none; width: 200px; background: #fff; position: absolute; left: -80px; bottom: 100%; }
.clinks .ewm img{ width: 100%; }
.clinks li:hover .ewm{display: flex}
.clinks li > a >img{ width: 30px;}


/**/

@media (max-width: 1366px) {
    .wenhua-div .wenhua-img{ height: 210px;}
    .video-div .video-img{height: 230px;}
    .video-div .video-img img{height: 210px;}
    .navbar-nav>li>a{padding: 10px 18px;}
    .case-ulny .news-img{ height: 208px;}
    .cp-div .cp-img{height: 280px;}
}
.navbar-nav>li.shux{ line-height: 40px; }


@media (max-width: 768px) {
    .web-logo{ margin-left: 20px;}
    .om-page{ padding: 20px 10px;}
.navbar-header{ margin-top: 20px;}
.llinks{display: none;}
.navbar-nav>li.shux{ line-height: 40px; display: none;}

    .Owl-list2 .owl-buttons div.owl-prev{ left: 10px;}
    .Owl-list2 .owl-buttons div.owl-next{ right: 10px;}
    .carousel-control span{ width: 30px; height: 30px; line-height: 30px;}
    .carousel-control.right span{ right: 20px;}
    .navbar-nav{ margin: 0px;}

    .dropdown-menu{ width: 100%; position: relative; margin-bottom: 10px;}
    .navbar-nav>li>a{ padding: 16px;}

    .sy-page-tit .page-t-en{ font-size: 22px;}
    .sy-page-tit .page-t-cn{ font-size: 22px;}
.side{ display: none;}

    .ny-page-tit .page-t-cn,.ny-page-tit .page-t-en{font-size: 18px;}


    .navbar-default .navbar-nav>li{position: relative; border-bottom: 1px solid #ddd;}
    .navbar-default .navbar-nav>li>a.shoujijr{ font-family: "宋体"; line-height: 50px; position: absolute; top: 0px; right: 10px; display: inline-block; padding: 0 10px; color: #f5731c; cursor: pointer}
.om-page{ padding: 20px 10px;}
    .om-page img{ max-width: 100%; height: auto!important; }
}



/*public*/

.fenyeys{ float:left; width:100%; text-align:center; margin:22px 0px; font-size: 12px; font-family: "微软雅黑";}
.fenyeys span{  margin:2px 6px; border-radius:25px;  padding:5px 10px; background:#f5731c; color:#fff; }
.fenyeys a{ margin:2px 6px; border-radius:25px; padding:5px 10px; background:#ccc; color:#fff; }
.fenyeys a:hover{ background:#f5731c;}
.nyright-con .col-md-12{margin: 0px; padding: 0px;}


.ny-r-c{display: inline-block; width: 100%;}
.min-w{ min-width: 668px;}
.p0{ padding-left: 0px; padding-right: 0px;}
.pl0 {	padding-left:0;}
.pr0 {	padding-right:0;}
.ml0 {	margin-left:0 ;}
.p6{ padding-left: 3px; padding-right: 3px;}
.mr0 {	margin-right:0;}
.ml100 {	margin-left:100px ;}
.fl {	float: left;}
.fr {	float: right;}
.w100 {	width: 100%;}
.mt10 {	margin-top: 10px !important;}
.mt20 {	margin-top: 20px;}
.mt30 {	margin-top: 30px;}
.mt40{ margin-top: 40px;}
.mt6 {	margin-top: 6px;}
.mt60 {	margin-top: 60px;}
.mr60{ margin-right: 60px !important;}
.tac {	text-align: center;}
.pb10 {	padding-bottom: 10px;}
.borderb1 {	border-bottom:1px solid #d4d4d4;}
.rela{position: relative}
.ba-ffffff{ background: #fff;}
.ba-f5f5f5{ background: #f5f5f5;}
h3 {margin:0;}
h4 {	margin:0;}
a {	text-decoration: none !important;}