* {margin:0;padding:0;font-family:arial;}
/*屏幕宽度大于1024时1rem=10px*/
html {font-size:10px;}
/*@media screen(min-width:1024px) {html {font-size:10px;}}
@media (min-width:768px) and (max-width:1024px) {html {font-size:9px;}}
@media (max-width:767px) {html {font-size:8px;}}*/
body{overflow-x: hidden; position:relative;}
ul,ol{margin:0;padding:0;list-style: none;}
.relative {position:relative;}
.absolute {position:absolute;}
.bold {font-weight: bold;}
.block {display:block;}
.center {margin:0 auto;}
.max-width-450 {max-width:450px;}
.max-width-600 {max-width:600px;}

.m0 {margin:0;}
.m5 {margin:5px;}
.m10 {margin:10px;}
.m20 {margin:20px;}
.ml0 {margin-left:0!important;}
.mr0 {margin-right:0!important;}

.p0 {padding:0;}
.p5 {padding:5px;}
.p10 {padding:10px;}
.p20 {padding:20px;}
.p-20 {padding-top:20px;padding-bottom:20px;}
.pl0 {padding-left:0!important;}
.pr0 {padding-right:0!important;}

.f12 {font-size:1.2rem;}
.f16 {font-size:1.6rem;}
.f24 {font-size:2.4rem;}
.f32 {font-size:3.2rem;}
.f35 {font-size:3.5rem;}
.big {font-size:4.5rem;font-weight: bold;color:#2d7bdd;}
a {color:inherit;text-decoration:none!important;cursor :pointer;outline: none; 
   transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;-o-transition: all 0.5s;}
a:hover {color:inherit;}
.transition1s{ transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s; }
.white {color:#fff;}
.border-none {border:none;}
.input-bg {background-color: #095cc5;}
.color {color:#2d7bdd;}/*文字主色调*/
.color-b {color:#2d7bdd;}/*文字主色调*/
.bg-color {background-color: #2d7bdd;} /*背景主色调*/
/*------------通用分隔符------------*/

.location-tag {line-height: 50px;/*background: #f5f5f5;*/}

.more {}
.more:hover {}
.top_bar {height:60px; line-height: 60px;font-size:18px;background:#f5f5f5;}
.top_bar a {font-size:16px;}
.top_bar .container {background:url(../Image/keyli.png) no-repeat left 20px top 20px;padding-left:50px;}
#header {height:115px;line-height:115px;}
#logo {/*font-size:3.5rem;font-weight:bold;*/height:115px;background:url(../Image/logo.png) left center no-repeat;}
#logo span {padding-left:20px;font-size:1.6rem;color:#2d7bdd;font-weight:normal;}
#top_tag {font-size:1.6rem;color:#2d7bdd;/*background:url(../Image/top_tag.png) left center no-repeat;*/}
#top_tel {background:url(../Image/top_tel.png) left center no-repeat;line-height:24px;padding-left:50px;padding-top:30px;font-size:1.6rem;height:115px;color:#999;}
#top_tel span {color:#2d7bdd;}

/*主菜单*/
.menu {background-color:#2d7bdd;width:100%;}
.menu ul {height:60px;font-size:16px;background-color:#2d7bdd;width:80%;margin:0 auto;}
.menu ul li {width:11.11%;padding:0;float:left;text-align: center;}
.menu ul li a {height:60px;line-height:60px;width:100%;display:block;color:#fff;}
.menu ul li a:hover {background-color:#000;}
.menu ul li.active a {background-color:#000;}
/*主菜单*/

/*手机主导航*/
.logo {font-size:2.5rem;font-weight:bold;line-height:70px;text-align:center;/*color:#fff;*/text-overflow: none;white-space: nowrap;overflow: hidden;}
.m_menu {padding-top: 20px;text-align: right;}
.m_menu:hover {opacity:0.7;}
.m_panel {background:rgba(0,0,0,.7);display:none;position:fixed;height:100%;width:100%;z-index:999999;right:0;top:0;}
#m_menu {width:0;height:100%;float:right;    background: #fff;}
#m_menu li {width:100%;}
#m_menu li:first-child {height:70px;width:100%;/*background-color:#2d7bdd;*/ }
#m_menu li:last-child {background-color:#eee;height: 100%;padding-top:15px;line-height:40px;font-size:24px; text-align: center;}
#m_menu li:last-child b{display:block;margin:0 auto;text-align: center;}
#m_menu li a {white-space:nowrap;line-height:50px;text-align:center;font-size:1.8rem;color:#000;width:100%;display:block;}
#m_menu li a:hover {background:#2d7bdd;color:#fff;}
#m_menu li.active a {background:#2d7bdd;color:#fff;}


.index-01 {width:100%;padding-top:40px;}
.index-01-left {color:#fff;min-height:675px;background-color:#2d7bdd;border-radius: 10px;}
.index-01-left .left_tel {margin-top: 25px;padding-left:85px;text-align: left;font-size:1.6rem;background:url(../Image/left_tel.png) no-repeat 15px center;}
.index-01-left .left_tel b {font-size: 2rem;}
.index-01-left .left_contact {text-align: left;padding:0 0 20px 20px;margin-top:30px;line-height: 32px;font-size:1.6rem;}
.index-01-left p {height:94px;line-height: 94px; text-align: center;}
.index-01-left-title a {display:block;margin-bottom:5px;}
.index-01-left-title span {text-align:center;font-size:1.8rem;height:40px;line-height: 40px;width:100%;background-color:#4092f9;display:block;margin:0 auto;}
.index-01-left-title span:hover {background-color:#000;}
.index-01-left-list {padding:10px;padding-left: 25px;text-align: justify;}
.index-01-left-list li {float:left;margin-bottom:8px;font-size:14px;}
.index-01-left-list li:last-child {margin-bottom: 18px;}

.index-01-right-title {color:#fff;padding:0 32px 0 32px;background-color:#2d7bdd;height:70px;line-height: 70px;}
.index-01-right-list {padding-top:30px;margin:0px;min-height:635px;background:#f7f7f7;}
.index-01-right-list li {overflow:hidden;float:left;margin-bottom:40px;}
.index-01-right-list li img {width:100%;}
.index-01-right-list li span {/*transition:0.4s all;transform: translateY(0%);*/width:100%;display:block;text-align:center;line-height: 47px;height:47px;/*background-color:#efefef;*/background-color:#2d7bdd;color:#fff;}
.index-01-right-list li:hover span {/*transition:0.4s all;*//*transform: translateY(-100%);*/background:#000;}
.index-01-right-list li:hover .product_list_img {border-color:#000;}
.index01-mtype {margin:10px auto;}
.index01-mtype-title {border: 4px solid #f7f7f7;line-height:30px;margin-bottom:10px;display:block;text-align:center;color:#fff;background-color:#2d7bdd;float:left;}
.index01-mtype-title:hover {background-color:#fad70b;}
.index01-mtype-title a {display:block;}
.pro_type {width:100%;margin-bottom:20px;margin-left:5px;}
.pro_type>a {display:inline-block;line-height:30px;margin:5px 5px;font-size:16px;padding:5px 15px;background:#2d7bdd;color:#fff;}
.pro_type>a:hover {background: #000;}

.middle-banner {margin-top:40px;height:171px;background:#2d7bdd;background: url(../Image/middle_banner.png) center;}
.middle-banner .middle_left_img {position:absolute;left:0px;top:20px;}
.middle-banner .middle_center {line-height:50px;text-align:left;color:#fff;font-size:35px;width:600px;position:absolute;left:50%;top:35px;margin-left:-210px;}
.middle-banner .middle_center span {font-size:16px;display:block;}
.middle-banner-panel {padding-top:35px;position:absolute;right:3%;top:0px;width:200px;height:151px;text-align:center;color:#fff;border-top:0px;}
.middle-banner-panel span {display:block;line-height: 30px;}
.middle-banner-panel .btn {margin-top:10px;}

.index-02 {width:100%;padding:50px 0 50px;}
#tableId thead {display:none;}
.index-02 table thead {background:#2d7bdd;color:#fff;}
.index-02 table th {border:1px solid rgba(255,255,255,.4);font-size:16px;}
.index-02 table th,.index-02 table td {text-align:center;}
.index-02 table tbody td {border-top:0px;text-align:center;}

.index-03 {background-color:#f7f7f7;}
.index-03-company {padding-right:40px;padding-bottom:50px;}
.index-03-company img {width:100%;margin-bottom:30px;}
.index-03-company-title {line-height: 90px;}
.index-03-company-title b{font-size: 32px;}
.index-03-company-title span {font-size:16px;padding-top:5px;}
.index-03-company>span {text-align:justify;display:block;font-size:16px;line-height: 35px;}
.index-03-news-list li {height:112px;margin-bottom:10px;background-color:#fff;padding-top:10px; transition:0.4s all;}
.index-03-news-list li p {line-height:112px;width:14%;float:left;}
.index-03-news-list li i {width:47px;height:47px;margin:22px auto;line-height:47px;text-align:center;font-weight:bold;font-size:22px;background-color:#2d7bdd;color:#fff;font-weight:bold;display:block;}
.index-03-news-list li div {margin-left:15px;width:80%;float:left;}
.index-03-news-list li div a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 30px;font-size:16px;font-weight:bold;display:block;}
.index-03-news-list li div span {line-height: 28px;color:#b3b3b3;}
.index-03-news-list li:hover {cursor:pointer;box-shadow: 4px 6px 1px #aaa;transform:translateY(-4px);transition:0.4s all;}
.index-03-news-list li:last-child {margin-bottom:20px;}


.index-04 {margin-bottom:40px;}
.index-04-title {height:90px;line-height: 90px;margin-top:20px;}
.index-04-title b {font-size: 32px;float:left;margin-right:30px;}
.index-04-title p {color:#b3b3b3;font-size:18px;}
.index-04-title span {font-size:16px;padding-top:5px;}
.index-04-list {width:80%;margin:0 auto;}
.in04-prev {left:-100px!important;}
.in04-next {right:-100px!important;}
.in04-prev,.in04-next {background-size: 26px 26px!important;font-size: 2.6rem;text-align: center;background: #2d7bdd;color: #fff;line-height: 53px;height: 53px!important;width: 53px!important;}
.index-04-list .demoproduct .swiper-wrapper img {transition: 0.4s all;}
.index-04-list .demoproduct .swiper-wrapper img:hover {transform:scale(1.05);}
.swiper-container {width:100%;}


/*内页*/
.in_banner {position:relative;overflow:hidden;height:300px;width:100%; z-index:8;}
.banner_bg {width:100%;height:100%;background:url(../Image/in_banner.jpg) no-repeat center top;}
.page_tag {position:absolute;left: 50%;
    transform: translateX(-550px);top:20%;color:#fff;text-align:left;}
.details {background:#2d7bdd;color:#fff;margin:15px 0;padding:10px;}

.title {padding-top:20px;padding-bottom:20px;}
.title>div {padding-top:20px;text-align: center;}

.page_title {width:100%;margin-top: 20px;}
.page_title i {display:block;width: 57px;margin:20px auto;height: 2px;background: #ccc;}
.page_des {margin-top: 20px;color:#666;}
.page_main {padding:20px;}
.page_main p {line-height: 3rem;font-size:2rem;}
.page_contact ul li {text-align:left;padding: 15px;background: #fff;margin: 0 0 10px 0;font-size: 2.3rem;font-weight: bold;}
.page_contact ul li i {background-color:#2d7bdd;width:40px;height:40px;line-height:40px;color:#fff;border-radius:50%;margin-right: 15px;text-align: center;}
.msg_content {height:305px!important;}
.prev_next {margin-top:20px;}
.prev_next>div>span a{display: inline-block;width: 100%;}
.prev_next>div>span {line-height:60px;border:1px solid #eee;background-color:#fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:100%;height:100%;padding-left:20px;padding-right:20px;}
.prev_next>div:hover span {background:#2d7bdd;color:#fff;}

.info-back {float:left;line-height:60px;}
.info-back a {border-radius: 15px;text-align:center;overflow:hidden;background:#888;color:#fff;padding:5px 20px;}
.share_to {float:left;line-height:60px;}
.share_to li{display: inline-block;line-height: 30px;}
.share_to li a {font-size:22px;background:#1493d0;display: inline-block;vertical-align: middle;margin: 0 10px 0 0;color: #FFF;border-radius: 50%;text-align: center;line-height: 30px;width: 30px;height: 30px;overflow: hidden;}
.share_to li:nth-child(2n) a {background:#f40;}
.share_to li:last-child a {background:#3dc464;}
.bd_weixin_popup_foot:after {content:'　';display:block;clear:both;}

.news_list li {margin-top:10px;}
.news_list li a {transition: all 0.3s;height: 170px;background: #fff;display:block;}
.news_list li a:hover {background: #fff;box-shadow: 0 5px 5px #ccc;transform: translateY(-10px);}
.news_list_img {height: 160px; overflow: hidden;}
.news_list_img img {height: 160px;}
.news_list_txt {position:relative;height: 160px;overflow: hidden;padding: 0 20px !important;}
.news_list_txt .t1{font-size: 1.8rem;font-weight: bold;line-height: 20px;height:20px;margin-top:20px;width: 100%;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_list_txt .t2{overflow: hidden;margin: 5px 0;height: 75px;font-size: 1.6rem;line-height: 25px;color: #666;}
.news_list_txt .t3 {font-size: 1.3rem;line-height: 30px;white-space: nowrap;overflow:hidden;}


.product_list li {margin-bottom: 30px !important;}
.product_list li a:hover .product_list_img {border-color:#000;}
.product_list li a:hover .product_list_tit {background: #000;}
.product_list_img {width: 100%;    border: 1px solid #2d7bdd;box-sizing: border-box;position: relative;overflow: hidden;}
.product_list_img img {width: 100%;position:absolute;top:50%;transform:translateY(-50%);/*transition:all 1s;*/}
.product_list_tit {white-space:nowrap;background: #2d7bdd;color: #fff;padding: 7px;width: 100%;}
.sy {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;
background: url(../Image/sy.png) center no-repeat;background-size: 100%;z-index: 99;}
/*内页*/


/*页面底部*/
.footer {background-color:#2d7bdd;color:#fff; padding-top:30px;}
.footer .row {margin-bottom: 20px;}
.footer-left {padding-left: 60px;}
.footer-left-title {height:40px;line-height:40px;padding-left:5px;margin-bottom:10px;}
.footer-left-title b {font-weight:normal;font-size: 3rem;float:left;}
.footer-left-title>span {float:right;}
.footer-left-content {line-height: 32px;}
.footer-right{}
.footer-right-title {height:40px;line-height:40px;font-size: 3rem;float:left;margin-bottom:20px;}
.footer-right-content {line-height: 32px;}
.footer-bottom {text-align:center;min-height:45px;width:100%;line-height: 45px;font-size: 1.4rem;background-color:#095cc5;}
.footer-bottom .container, 
.footer-bottom .container span {color:#bbb;}
.footer-bottom i{margin:0 20px;}

.page-margin {height:70px;}/*空出底部导航距离*/
    /*底部导航*/
    #page-footer ul {z-index:99999;}
    #page-footer ul li {width:25%;}
    .page-footer {background-color: #2d7bdd;position: fixed;bottom: 0;left:0;width: 100%;margin:0;}
    .page-footer li {float:left;height:70px;line-height:50px;text-align: center;padding:10px 0;}
    .page-footer li a {width:100%;height:100%;text-align:center;color:#f9f4ee;}
    .page-footer li:hover {background:#000;}
    .page-footer li a i{font-size: 24px;color: #f9f4ee;display: block;margin-bottom: -10px;}
    #page-footer.five ul li {width:20%!important;}
    .top {line-height:50px;font-size: 36px;color: #f9f4ee;}
    .top_li {display:none;}
    .five .top_li {display:block;}
    /*底部导航*/
/*页面底部*/

@media (min-width:1260px) {
	.container {width:1200px;}/*内容区宽度*/
	.index-02-list>div:hover .index-02-list-panel{background:#920107;}
	.index-02-list>div:hover .index-02-list-panel i {width:60px;transition:all 0.5s;}
	.index-02-list>div:hover img {transform:rotateZ(360deg);transition:1s all;}
}
@media (min-width:979px) and (max-width:1200px) { /*ipad-pro*/
    .middle_left_img {left:10px!important;}
    .middle-banner-panel {right:10px!important;}
    #logo {background-size:100%;}
}

@media (min-width:978px) {
    .col-md-20 {width:20%;}
    /*.index-01-right-list li {height:260px!important;}*/
}
@media (min-width:768px) {
}
@media (min-width:768px) and (max-width:978px) {
    #logo {background-size:100%;}
    /*.index-01-right-list li {height:300px!important;}*/
}

@media (max-width:767px) {
    #logo {height:unset;background:none;}
    #logo b {font-size:32px;}
    #header {line-height:65px;height:65px;}
	.m_menu {padding-top:0;}
    .next_page {margin-top:20px;}
    .news_list li a {height:150px;}
    .news_list li a:hover {background: #fff;box-shadow: 0 0px 0px;transform: translateY(0px);}
    .news_list_txt {padding:0!important;}
    .page_tag {display:none;}
    .middle-banner-panel{position: unset;margin: 0 auto;}
    .max-width-450,.max-width-600 {max-width:100%!important;}
    .banner_bg {background-size:600px;}
    .in_banner {height:100px;}
    .index-01-right-list li span {line-height: 32px;height:32px;}
    .index-02-title b {font-size:28px;}
    .index-03-company {padding-right:10px!important;}
    .index-03-news-list li div span {line-height: 20px;}
    .in04-prev {left:-45px!important;}
    .in04-next {right:-45px!important;}
    .in04-prev, .in04-next {line-height: 40px;height: 40px!important;width: 40px!important;}
    .index-02-list b {font-size:18px;width:100%;}
    .in02-img {width: 165px;}
    .index-02-01, .index-02-02, .index-02-03, .index-02-04 {height:286px;font-size:12px;margin-bottom:50px;}
    .index-02-list-panel {line-height: 18px;width: 162px;height: 220px;padding-top: 100px;bottom: -20px;}
    .msg_content {height:100px!important;}
}