﻿/* CSS Document */


body{overflow-x:hidden;}

 
.phone-nav{right:10px;top:7px;position:absolute;width:35px;height:35px;display:none;background:url(img/menu.png) no-repeat center;margin:0 0 0 5px;z-index:999}

.phone-subnav{width:100%;position:fixed;left:0;height:100%;top:0;background:rgba(255,255,255,.98);z-index:999999;margin:0 auto;display:none}
.phone-subnav .close{padding:20px 40px;display:block}
.phone-subnav .close img{max-height:40px}
.phone-subnav ul{height:90%;overflow-y:scroll;margin:0 30px}
.phone-subnav ul li{position:relative;border-top:1px solid #dadada; overflow:hidden; text-align:left;}
.phone-subnav ul li i{position:absolute;right:10px;top:5px;text-align:center;line-height:30px;display:block;border-radius:100%;font-style:inherit;cursor:pointer}
.phone-subnav ul li i:after{content:"+";color:#666;font-size:24px;cursor:pointer;text-align:center}
.phone-subnav ul li .menu{color:#333;font-size:16px;line-height:40px;overflow:hidden;padding:0 40px 0 20px;display:block;cursor:pointer;text-align:left;position:relative;border-bottom:1px solid rgba(255,255,255,.05)}
.phone-subnav ul li .menu>a{display:block;color:#333}
.phone-subnav ul li .menu02>a{color:#1b8fe2}
.phone-subnav ul li .menu03{display:block;padding:10px 0}
.phone-subnav ul li .menu03 a{color:#888;font-size:13px;line-height:20px;padding-top:0}
.phone-subnav ul li div{display:none;padding-bottom:15px}
.phone-subnav ul li div a{color:#666;line-height:20px;padding:5px 10px 5px 20px;display:block;height:auto;font-weight:100;position:relative}
.phone-subnav ul li div em{display:block;font-style:inherit}
.phone-subnav ul li div em>a{color:#666;font-size:12px;display:block;padding:5px 5px 5px 48px;line-height:18px}
.phone-subnav ul .active i:after{content:"-"}


.botm{ position:absolute; width:100%; bottom:31px; z-index:9999;}

.botm_con{ max-width:1020px; position:relative;}
.botm_con .fl{ width:33.333%;}
.botm_con .fl .tit img{ display:block; width:100%}

.fdc{ position:absolute; width:100%; height:100%; background:#0770ba; display:none;}
.fdc a{width:calc(100%/6); float:left; text-align:center; color:#fff;height:100%; border-right:solid 1px #a8cde7;}
.fdc a:last-child{ border:0px;}
.in_news { background:#e75a19; padding-left:10px; height:81px; overflow:hidden;}
.in_news ul li{ padding:21px 0px; border-bottom:solid 1px #d75012;}
.in_news ul li a{ color:#fff; font-size:13px;}
.in_news p{ display:block; color:#fff; font-size:12px; padding-left:10px;}


.header{ position:relative;}
.top{ position:absolute; top:0px; width:100%; background:url(img/top_bj.png) top center no-repeat; min-height:200px; z-index:9}
.top .fl{ width:30%; padding-top:25px;}
.top .fr{ width:60%;}
.top .fr .tel{ text-align:right; font-weight:bold; font-size:20px; color:#0770ba; padding-top:15px;}
.top .fr .tel img{ padding-right:5px; vertical-align:middle;}
.top .fr .tel input[type="text"]{ border:0px; background:#fff; height:30px; line-height:30px; padding:0px 5px;}
.top .fr .tel button{ background:#4a64b2; color:#fff; font-size:13px; border:0px; height:30px; line-height:30px; cursor:pointer;}


.nav{ background:#0770ba; padding:0px 4px; margin-top:8px;}
.nav ul li{ float:left; line-height:45px;width:calc(100%/6);text-align:center; font-size:14px; position:relative;}
.nav ul li a{ display:block; color:#fff;}
.nav ul li:hover >a{ background:#fff; color:#0770ba;}
.nav ul li.active{ background:#fff;}
.nav ul li.active a{background:#fff; color:#0770ba;}

.nav ul li .subnav{ position:absolute; width:100%;background-color:rgba(255,255,255,0.8); display:none;}
.nav ul li .subnav a{ color:#666; display:block; line-height:30px;}
.nav ul li .subnav a:hover{ background:#0770ba; color:#fff;}


.banner{ clear:both;}
.banner .slick-prev{left:0px; z-index:1;  background-color:rgba(0,0,0,0.5); width:40px; height:120px;}
.banner .slick-next{right:0px; z-index:1;  background-color:rgba(0,0,0,0.5); width:40px; height:120px;}
.banner .slick-prev:hover{ background-color:rgba(0,0,0,0.8);}
.banner .slick-next:hover{ background-color:rgba(0,0,0,0.8);}
.banner .slick-prev::before{content:"<"; font-size:50px; font-weight:100;}
.banner .slick-next::before{content:">"; font-size:50px; font-weight:100;}


/*首页关于我们*/
.ab_hs{ background:#f7f7f7; padding:50px 0px; overflow:hidden; }
.in_about{ background:#fff;  overflow:hidden;}
.in_about .fl { width:36%;}
.in_about .fl img{ display:block;}

.in_about .fr{ width:60%; padding-top:30px; margin-right:3%; }
.in_about .fr .tit{ font-size:24px; color:#262626;border-bottom:solid 1px #dbdbdb;padding-bottom:15px; margin-bottom:15px;}
.in_about .fr .tit span{ display:block; font-size:14px; color:#5a5a5a;}
.in_about_con{ color:#5a5a5a; line-height:28px; font-size:13px;}

.ab_gd{ margin-top:30px;}
.ab_gd a{ display:inline-block; border:solid 1px #dddddd; color:#4a4b4b; padding:10px 40px; font-size:13px;}
.ab_gd a:hover{ color:#fff; background:#0770ba}



/*首页产品中心*/
.in_pro .fr { width:78%}

.in_pro_list{ overflow: hidden;}
.in_pro_list ul{}
.in_pro_list ul li{ float:left; width:24.2%; text-align:center; border:solid 1px #ddd; margin-right:1%; margin-bottom:1%;}
.in_pro_list ul li:nth-child(4n){ margin-right:0%;}
.in_pro_list ul li div{ overflow:hidden; }

.in_pro_list ul li img{transition: 0.5s; display:block;}
.in_pro_list ul li:hover{ background:#0079c6;}
.in_pro_list ul li:hover img{ transform:scale(1.1);}
.in_pro_list ul li:hover a{ color:#fff;}

.in_pro_list ul li p{ padding:10px 0px 15px 0px;}

.in_pro .fl { width:20%}
.in_pro .fl .tit{ background:#0079c6; border-bottom:solid 1px #006db2;line-height:60px; height:60px; font-weight:bold; text-align:center; color:#fff; font-size:20px;}
.in_pro_nav{ text-align:center; background:#008ae2;}
.in_pro_nav ul li{ line-height:67px;}
.in_pro_nav ul li a{ display:block; color:#fff;}
.in_pro_nav ul li a:hover{ background:#fc9610;}

.in_tit{ padding:30px 0px;}
.in_tit p.en{ text-align:center; color:#0770ba; font-size:36px; font-weight:bold;}
.in_tit p.cn{ background:url(img/in_bj.jpg) no-repeat center center; height:38px; line-height:38px; text-align: center; margin-top:10px; font-size:16px; color:#000}





/*首页新闻中心*/
.news .news-list{padding:0 1%;margin-top:0px;margin-bottom:22px}
.news .news-list li{width:33.3%;float:left;padding:0 11px;margin-bottom:28px}
.news .news-list li .pic{z-index:1}
.news .news-list li .pic img{transition:.5s}
.news .news-list li .pic:after{padding-bottom:60%}
.news .news-list li .text{padding:0 7px 23px 7px;margin-top:-35px;position:relative;z-index:2}
.news .news-list li .text .info{padding:21px 31px 34px 31px;transition:.5s;background:#fff}
.news .news-list li .text .date{font-size:15px;color:#1c1c1c;font-family:arial;margin-bottom:14px}
.news .news-list li .text .bt{font-size:17px;color:#252525;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:11px}
.news .news-list li .text .jsh{font-size:14px;color:#575757;line-height:24px;height:48px;overflow:hidden}
.news .news-list li .text .more{background:url(img/more1.png) no-repeat center center;border:1px solid #e0e0e0;width:48px;height:48px;margin-top:5px;float:right;transition:.5s}

.dblj{ margin-bottom:15px;}
.dblj a{ color:#7F7F7F; font-size:12px; display:inline-block; margin-right:10px;}
.dblj a.gd{ color:#C00000;}
.yyal a{ color:#337ab7}
.dblj img{ vertical-align:middle; margin-right:5px;}
.dblj strong{ display:inline-block; color:#333; font-size:16px; margin-right:10px;}

.copyright{ text-align:center; line-height:30px; background:#333; color:#e7e7e7; font-size:13px; padding:8px 0px;}
.copyright a{ color:#e7e7e7;}


/*关于我们*/
.link{ border-top:solid 1px #dddddd;border-bottom:solid 1px #dddddd; padding:10px 0px; margin-bottom:15px;}
.link strong{ display:inline-block; color:#013f92; font-size:18px;}
.link span{ color:#000; display:inline-block; padding-right:10px;}

.fw{ border-top:solid 1px #d9d9d9; padding:50px 0px;}
.fwzz{ overflow:hidden;}
.fwzz .fl{ width:50%;}
.fwzz .fr{ width:45%;}
.fwzz .ynr .tit{color:rgb(67, 67, 67); padding-top:10%; margin-bottom:20px;}
.fwzz .ynr .tit span{ display:inline-block; font-size:35px;border-bottom: solid 3px #0770ba;}
.fwzz .ynr .text{ max-width:325px; line-height:30px;}


.mbx{ padding:5px 10px; border:solid 1px #d9d9d9; margin:15px 0px;}
.ny_tit{ text-align:center; padding:20px 0px;}
.ny_tit span{ display:inline-block;font-size:45px; color:#434343; border-bottom: solid 3px #0770ba;}
.ny_wid{ max-width:900px; margin:0 auto;}
.tc{ padding:30px 38px; line-height:40px; font-size:16px; text-align:center;}

.db_bottom{ background:#013f92; text-align:center; padding:5px 0px; margin-top:30px; clear:both;}
.db_bottom a{ color:#fff; border-right:solid 1px #fff; font-size:13px; padding:0px 20px; text-align:center; overflow:hidden; display:inline-block;}



.ny_pro{ padding:20px 0px; overflow:hidden;}
.ny_pro .fl{ width:20%;}
.ny_pro .fl .tit{ text-align:center; line-height:50px; color:#fff; font-weight:bold; background:#013f92; font-size:20px;}

.nav_pro{margin-bottom:30px;}
.nav_pro a{ padding-left:10px; border-bottom:solid 1px #d9d9d9; color:#434343; display:block; line-height:45px;}
.nav_pro a.active{ color:#ff0000;}


.ny_pro .fr{ width:78%;}
.pro_mbx{ background:#ececec; padding:10px 15px; border-top:solid 3px #ff0000;}

.pro_zfl{ border:solid 1px #d9d9d9;border-radius:3px; margin:20px 0px; padding:8px 15px;}
.pro_zfl strong{ color:#013f92;}
.pro_zfl a{ font-size:13px; display:inline-block;border-radius:3px; padding:3px 8px; }
.pro_zfl a:hover{ background:#000; color:#fff;}
.pro_zfl a.active{ background:#013f92; color:#fff;}



/*分页*/
.pagination{ width:100%; text-align:center; margin-top:30px; margin-bottom:15px; clear:both;}
.pagination a{color:#000; display:inline-block; padding:4px 8px;text-decoration:none;transition:background-color .3s;border:1px solid #ddd;margin:0 4px}
.pagination a.page-num-current{background-color:#155b9d;color:#fff;border:1px solid #155b9d}
.pagination a:hover:not(.page-num-current){background-color:#ddd}



.ny_pro .pro_show{ width:100%;}

.pro_show_con{  border:solid 1px #d9d9d9; padding:30px; color:#000;}
.pro_show_con h1{text-align:center;}
.pro_show_con time{ display:block;text-align:center; color:#565656; padding-bottom:30px;}

.tjcp{ font-weight:bold; text-align:left; padding:20px 0px 10px 0px; font-size:20px; color:#0770ba; border-bottom:solid 2px #0770ba; margin-bottom:20px;}




/*新闻列表*/
.news_list{ overflow:hidden}
.news_list ul li{ width:32.3%; margin-right:1%; float:left; background:#f3f3f3; padding:0% 4% 8% 4%;transition:0.5s; margin-bottom:2%; max-height:283px; overflow:hidden; border:1px solid #f3f3f3;}
.news_list ul li:hover{ background:#666;}
.news_list ul li:hover .text p{ color:#e6e6e6;}

.news_list ul li .time div{ background:#333; display:inline-block; padding:15px; margin-bottom:8px;}
.news_list ul li .time div p:nth-child(1){ color:#fff; font-size:24px;}
.news_list ul li .time div p:nth-child(2){ color:#cacaca;}

.news_list .text p:nth-child(1){ color:#000; font-size:16px; padding:8px 0px;}
.news_list .text .nr{ height:50px; overflow:hidden; font-size:13px; line-height:24px; color:#666;}
.news_list ul li .text span{ display:none; padding-bottom:5px; font-size:12px;}



.prev-next{overflow:hidden;position:relative;font-size:15px;}
.prev-next ul li{}
.prev-next a{color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prev-next .next,.prev-next .prev{width:50%;padding:20px 0 0 36px;float:left;transition:all .5s;overflow:hidden}
.prev-next .next:hover a,.prev-next .prev:hover a{color:#fa4c06;text-decoration:underline}
.prev-next .prev{padding-left:0}


.news_con{ padding-bottom:20px;}
.news_con .tit{ border-bottom:solid 2px #013f92; margin:20px 0px;}
.news_con .tit span{ display:inline-block; background:#013f92; color:#fff; padding:8px 50px;}

.map_content #map_canvas img{max-width:inherit;}
.map_content #map_canvas img{max-height:inherit;}

.tjxx{padding:20px 0px;}
.tjxx a{ display:block; text-align:center;border:solid 1px #d9d9d9; border-radius:5px;padding:10px 0px;margin-bottom:10px;}
.tjxx a:hover{ background:#013f92;color:#fff;}


.contact{ padding:10px; border:solid 1px #d9d9d9; margin-bottom:30px;}
.contact .tit{ color:#333; font-size:16px; font-weight:bold; border-bottom:solid 1px #d9d9d9; padding-bottom:10px; padding-top:7px;}
.contact_con{ font-size:14px; line-height:28px; padding:20px 0px;}

@media(max-width:768px){.news-show .h1{font-size:20px;margin-bottom:10px}
.news-show .h2{font-size:12px;padding-bottom:15px;border-bottom:1px solid #ededed}
.news-show .new-info{font-size:14px;padding:20px 0 20px 0}
.prev-next .next,.prev-next .prev{width:100%;padding:0}
.prev-next a{line-height:25px}
.prev-next{font-size:12px;padding:10px 0}
}


@media(min-width:1025px){
.news .news-list li:hover .pic img{transform:scale(1.05)}
.news .news-list li:hover .text .info{box-shadow:0 10px 10px 0 rgba(4,0,0,.1)}
.news .news-list li:hover .text .more{background:#0770ba url(img/more1h.png) no-repeat center center;}
}
@media(max-width:1024px){.news .news-list li{width:33.333333333333336%}
}
@media(max-width:768px){.news .news-list li{width:50%}
.news .news-list{margin-bottom:10px}
.news .news-list li .text .more{ display:none;}
.news .news-list li:hover .text .more{background:url(../images/jiantou3.png) no-repeat center center;border:1px solid #e0e0e0;background-size:12px}
.news .news-list{margin:0px 5px 10px 5px}
.news .news-list li{padding:0 5px;margin-bottom:0}
.news .news-list li .text .info{padding:10px 0}
.news .news-list li .text .date{font-size:13px;margin-bottom:5px}
.news .news-list li .text .bt{font-size:15px;margin-bottom:5px}
.news .news-list li .text .jsh{font-size:12px}
.news .news-list li .text{margin-top:0;padding:0 0 10px 0}
.news .news-list li .text .more{width:30px;height:30px;background-size:8px}
}


@media(max-width:767px) {
.phone-nav {display: block}
.phone-nav{ top:10px; right:16px !important; }	 

.botm{ display:none;}
.top .fr{ display:none;}
.nav{ display:none;}
.top{ position:relative; background:#fff; min-height:50px;}
.top .fl{ padding-top:5px; width:70%;}

.banner .slick-prev, .banner .slick-next{ width:25px; height:40px;}
.banner .slick-prev:before, .banner .slick-next:before{ font-size:20px;}

.ab_hs{ padding:15px;}
.in_about .fl{ display:none;}
.in_about .fr{ width:100%; margin-right:0%; padding-top:10px;}
.ab_gd{ margin-bottom:15px;}

.in_pro .fl{ display:none;}
.in_pro .fr{ width:100%;}
.in_pro_list ul li{ width:49%;}

.dblj{ display:none;}



.ny_tit{ padding:10px 0px;}
.ny_tit span{ font-size:25px;}
.tc{ padding:0px; line-height:23px; padding-bottom:15px; font-size:13px; text-align:left;}

.fw{ padding:20px 0px;}
.fwzz .fl{ width:100%;}
.fwzz .fr{ width:100%;}
.fwzz .ynr .tit{ text-align:center; padding-top:3%;}
.fwzz .ynr .tit span{ font-size:25px;}
.fwzz .ynr .text{ text-align:center;}


.ny_pro .fl{ display:none;}
.ny_pro .fr{ width:100%;}
.pro_show_con{ padding:0px; border:0px;}
.pro_show_con time{ padding-bottom:10px;}
.pro_show_con h1{ font-size:25px;}

.news_list ul li{ width:100%; margin-right:0%;padding:3%;}
.news_list ul li .time { display:none;}

.news_list ul li .text span{ display:block;}

	}.inside-message{padding:100px 0}.inside-message .title{color:#8f8f8f;font-size:15px;text-align:center;}.inside-message .t1{color:#2e2d2d;font-size:40px;line-height:40px;font-weight:700;margin-bottom:20px}.inside-message ul{padding-top:30px}.inside-message li{margin-top:10px;overflow:hidden;}.inside-message li p{padding:0 5px;width:33.333%;float:left;position:relative}.inside-message li label{top:10px;left:24px;color:#f30;position:absolute}.inside-message li input,.inside-message li textarea{padding:10px;width:100%;color:#000;font-size:14px;padding-left:30px;font-family:"微软雅黑";border:solid 1px #c9c9c9}.inside-message li input:focus,.inside-message li textarea:focus{border-color:#1485c3;border-right-width:2px;border-bottom-width:2px;padding-bottom:9px}.inside-message li .code{width:100%}.inside-message li .code input{width:30%}.inside-message li .code img{margin:0 5px}.inside-message li .textarea{width:100%}.inside-message li .textarea textarea{height:150px}.inside-message .button-01{margin-top:25px;text-align:center}.inside-message .button-01 input[type=submit]{color:#fff;width:226px;padding:10px;font-weight:700;margin:0 auto;font-size:16px;border:0;background:#1485c3}.inside-message .button-01 input[type=submit]:hover{background:#1279b1}@media (max-width:640px){.inside-message{padding:50px 0}.inside-message .title{font-size:12px;text-align:left}.inside-message .t1{font-size:24px;line-height:30px}.inside-message li p{width:100%;margin-bottom:10px}.inside-message li .textarea{margin-top:-10px}}