@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 750px) {
    html {
        font-size: 75px!important;
    }
}
* { margin: 0; padding: 0; }
body {  font-family: Microsoft YaHei; font-size: 12px;}
h1, h2, h3, h4, h5, h6, p, span { padding: 0; margin: 0; font-family: Microsoft YaHei; }
img, input { border: none; padding:0; margin:0; -webkit-appearance:none;}
img{ width:100%;}
ul, li { margin: 0px; padding: 0px; list-style-type: none; }
a { text-decoration: none; color:inherit; padding:0; margin:0; cursor:pointer;}
.clearfix { clear: both; }


/**************************   导航    *********************************/
.top_nav_bg{ width:100%;}
.index_top_box{ width:1100px; margin:0 auto; position:relative; }
.top_logo{ width:20%; }
.logo{ width:100%; height:110px; background:url(../Images/LOGO.png); background-size:100% auto; background-repeat: no-repeat; background-position:center;}
.index_top_phone{ width:300px; height:54px; position:absolute; right:0; top:24px;}
.index_nav_bg{ width:100%; background-color:#1B4F9B; }
.index_nav_box{ width:1100px; margin:0 auto; border-left:1px solid #2662B3; }
.index_nav_box li{ width:14%; float:left; text-align:center; line-height:60px; font-size:16px; color:white; border-right:1px solid #2662B3;}
.index_nav_box li:hover{ background-color:#46AF33;}




/*********************************  banner  *************************************/
.s1 { position: fixed; z-index: 10; left: 50%; top: 50%; margin: -150px 0 0 -250px; width: 500px; height: 300px; background: rgba(255,255,255,.7); box-shadow: 0 0 15px rgba(0,0,0,.3); }
.s1 p { margin: 0; padding: 50px 0 20px 0; font-family: Arial; font-size: 60px; font-weight: bold; text-align: center; }
.s1 span { display: block; font-family: Arial; font-size: 25px; color: #666; text-align: center; }
.s1 a { margin: 20px auto 0 auto; display: block; width: 220px; height: 50px; border-radius: 5px; text-align: center; line-height: 50px; color: #fff; text-decoration: none; font-family: Arial; font-size: 25px; background: #f88371; }
.s1 a:hover { background: #ed6f5c; }
 @media (max-width:480px) {
		.s1 { margin: -127px 0 0 0; width: 80%; height: 255px; left: 10%;}
		.s1 p { font-size: 36px; }
		.s1 span { font-size: 18px; }
}
.slides-box { width: 100%; height: 500px; margin: auto; overflow: hidden; position:relative; left:0; top:0;}
.slides { position: relative; height: 100%; width: 100%; margin: auto; float: left;}
.slides li { position: absolute; width: 1920px;  height: 100%; left:50%; margin-left:-960px; }
.slides li img{ display: block; width: 100%; height:100%; margin: auto; }
.prev, .next { position: absolute; z-index: 99; top: 50%; margin-top: -40px; left: 0; height: 70px; width: 30px; color: #fff; cursor: pointer; background-color: #000; opacity: .5; display:none;}/*banner 左右切换*/
.prev:hover, .next:hover{opacity: .7;}
.prev{background-image:url(../Images/31f6a75db3fb9ece79236b4c9b38443e.png) ;}
.next { left: auto; right: 0; background-image: url(../Images/31f6a75db3fb9ece79236b4c9b38443e.png);}
.pagination{ position: absolute; bottom: 5px; z-index: 99; display:none; }/*banner 切换圆点*/
.pagination li{ padding: 5px 3px; float: left; }
.pagination li a{ display: block; width: 25px; height: 25px; line-height: 25px; border-radius: 25px; background: #000; color: #fff; text-align: center; font-family: Arial; text-decoration: none; }
.pagination .active{ background: red;}


.banner_bg{ position:relative; width:100%; height:500px;}


/********************************* 首页搜索 ************************************/
.index_search_bg{ width:100%; background-color:#F2F2F2; padding:15px 0;}
.index_search_box{ width:1100px; margin:0 auto;}
.index_search_left{ float:left;}
.index_search_left span{ margin-right:15px; font-size:14px; line-height:40px;}
.index_search_left span:hover{ color:#0051A3;}
.index_search_right{ float:right; border:1px solid #E6E6E6; background-color:white; }
.index_search_right input{ float:left; font-size:14px; width:240px; line-height:40px; padding-left:10px; }
.index_search_right button{ float:left; background-image: url(../Images/search.png); background-size:30px 30px; width:30px; height:30px; border:none; background-color:white; margin:5px; cursor:pointer;}



/******************************* 首页产品展示*********************************/
.index_product_bg{ width:100%; padding:40px 0;}
.index_product_box{ width:1100px; margin:0 auto;}
.index_product_left{ width:21%; float:left; margin-right:2%; }
.index_pro_left_title{ width:100%; background-color:#0051A3; border-top-left-radius:10px; border-top-right-radius:10px; color:white; line-height:78px; position:relative;}
.index_pro_left_title h1{ margin-left:15px;}
.index_pro_left_title span{ display:block; height:26px; width:26px; position:absolute; right:20px; top:8px;}
.index_pro_nav{ width:100%;}
.index_pro_nav li{ width:92%; padding-left:8%; font-size:16px; line-height:300%; background-color:#f2f2f2; border-top:1px solid white; color:#333;}
.index_pro_nav li a{ width:100%; display:block;}
.index_pro_nav li a:after{ content: '\3009'; float: right; margin-right: 10px; color:#A6A6A6; font-size:12px; }
.index_pro_nav li:hover{ background-color:#50AF4D; color:white;}
.index_product_contact{ width:100%; background-color:#0051A3}
.index_product_contact p{ color:white; padding-left:8%; font-size:14px; line-height:200%;}


.index_product_right{ width:77%; float:left;}
.index_pro_right_title{ width:100%;}
.index_pro_right_title1{ float:left; width:188px; line-height:78px; font-size:18px; background-color:#0051A3; color:white; text-align:center;}
.index_pro_right_title2{ float:right; font-size:16px; line-height:78px; padding-left:36px; background-image: url(../Images/tel2.png); background-size:26px 22px; background-repeat: no-repeat; background-position:center left;}
.index_pro_right_title2 span{ font-size:24px; font-weight:600; color:#0051A3;}
.index_product{ width:100%; margin-top:10px;}
.index_product li{ width:32%; float:left; margin-bottom:10px; margin-left:1%; border:1px solid #eee;  }
.index_product li img{ height:270px; width:100%;}
.index_product li p{ width:100%; font-size:14px; text-align:center; height:40px; line-height:40;overflow:hidden;  text-overflow:ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.index_product li p:hover{ color:#0051A3;}
.index_product li:hover{ border:1px solid #0051A3;}

/********************************** 广告位 ****************************/
.index_ad_box{ width:100%;}


/********************************** 首页 关于我们 ****************************/
.index_about_bg{ height:605px; width:100%; background-image: url(../Picture/about.jpg); background-position:center; margin-top:35px;}
.index_about_box{ width:1100px; margin:0 auto;}
.index_box_title{ width:100%; padding:10px 0 20px;}
.index_box_title h1{ width:100%; line-height:200%; text-align:center; color:#333; font-weight:600;  font-size:28px; }
.index_title{ width:100%; text-align:center;}
.index_title span{ color:#50AF4D; }
.index_title span:nth-child(2){ font-size:16px; color:#666;}
.index_about_content{ padding:30px 0; width:100%;}
.index_about_left{ width:48%; padding-right:2%; float:left;}
.index_about_left h1{ font-size:16px; border-bottom:1px solid #eee; padding-bottom:20px; color:#333; font-weight:500;}
.index_about_left p{ color:#333; text-indent:2em; font-size:14px; line-height:180%;}
.index_more{ width:160px; font-size:14px; line-height:42px; text-align:center; color:white; background-color:#0051A3; border-radius: 50px; margin-top:20px;}
.index_more:hover{ background-color:#50AF4D;}
.index_about_right{ width:50%; float:left;}

.index_dec{ width:100%; height:60px; background-image: url(../Images/photo_bg.gif);}




/**********************************  页脚 ****************************/
.foot_bg{ width:100%; padding:0 0 20px; background-color:#1B4F9B;}
.foot_box{ width:1100px; margin:0 auto;}
.foot_nav{ width:100%; margin:0 auto; background-color:#50AF4D; padding:15px 0;}
.foot_nav_box{ width:800px; margin:0 auto;}
.foot_nav_item{ width:14%;  color:white; font-size:14px; line-height:150%; text-align:center; float:left; border-right:1px solid white; }
.foot_bquan{ width:80%; margin:0 auto; font-size:14px; color:#d9d9d9; padding:30px 0 40px; line-height:200%;  text-align:center; }
.foot_bquan p{ float:left; text-align:center; margin:0 15px;}

.foot_nav_bg1{ display:none;}


/***********************************  翻页 *******************************/
.wp-pager_link{ clear: both; height: 25px; margin-bottom:40px; text-align: center;} 
.ltarea, .gtarea { height: 22px; line-height: 22px; overflow: hidden; display: inline-block; }
.wp-pager_link span.cpb { border: 1px solid #125FA5; background-color: #B9DFFF; color: #125FA5; display: inline-block; height: 18px; line-height: 18px; padding: 0 5px; margin-right: 3px; }
.wp-pager_link .gtarea { margin-left: 5px; }
.wp-pager_link input[type="text"] { height: 18px; width: 25px; }
.wp-pager_link input[type="button"] { background-color: #FFF; border: 1px solid #DDD; margin-left: 5px; height: 18px; width: 45px;}
.fenye{ text-align:center; width:100%; font-size:16px; margin:60px 0 0;}


/********************************* 公司简介页 *********************************/
.subpage_bg{ width:100%; padding:15px 0 60px; background-color:#f7f7f7;}
.subpage_breadnav{ width:100%; padding:10px 0 30px;}
.subpage_breadnav{ width:100%; padding:10px 0 30px;}
.breadnav_box{ width:1100px; margin:0 auto; border-bottom:1px dashed #dcdcdc; padding-bottom:10px;}
.breadnav_box span{ font-size:14px; line-height:180%; margin-right:8px;}
.subpage_box{ width:1100px; margin:0 auto;}
.subpage_left{ float:left; width:250px; margin-right:20px;}
.subpage_title_box{ width:100%; font-size:22px; color:white; text-align:center; line-height:78px; background-color:#1B4F9B;}

.subpage_right{ float:left; width:830px;}
.subpage_right_title{ width:100%; padding-bottom:5px; border-bottom:1px solid #dcdcdc; margin-bottom:15px;}
.subpage_right_title span{  font-size:24px; color:#333; border-bottom:1px solid #50AF4D; padding-bottom:5px;}

.subpage_right_content{ width:100%; }
.subpage_right_content p{ font-size:16px; line-height:200%; text-indent:2em;}
.subpage_right_content img{  width:90%; margin:0 auto;}



/********************************* 产品展示页 *********************************/
.product_box{ width:100%;}
.product_box li{ width:23%; float:left; border:1px solid #ececeb; margin:0 0.8% 15px; background-color:white;}
.product_box li img{ height:180px; width:100%;}
.product_box li p{ width:98%; padding:0 1%; font-size:14px; background-color:#F0F0F0; color:#474747; line-height:360%; text-align:center; overflow:hidden;  text-overflow:ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-indent: 0em;}
.product_box li:hover{ border:1px solid #50AF4D;}




/********************************* 资讯中心页 *********************************/
.list_box{ width:100%;}
.list_box li{ width:97.5%; padding:10px 1% 60px; border:1px solid #dedede; background-color:white; margin-bottom:15px; position:relative;}
.list_box li h1{ width:90%; font-size:20px; line-height:40px; color:#333; overflow:hidden;  text-overflow:ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.list_box li p{ width:100%; color: #797979; font-size:14px; line-height:180%; text-indent: 0em; overflow:hidden;  text-overflow:ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sub_more{ width:80px; font-size:14px; color:white; line-height:32px; text-align:center; background-color:#b6b6b6; position:absolute; right:3%; bottom:20px;}
.list_box li:hover{ border:1px solid #1B4F9B;}
.list_box li:hover h1{ color:#1B4F9B;}
.list_box li:hover .sub_more{ background-color:#1B4F9B;}


/**********************************  在线留言页  ****************************/

.message_right{ width:670px; margin:30px auto 0;}
.message_item{ width:100%; font-size:14px;}
.message_item input{  width:100%; line-height:32px; border:1px dashed #AAAAAA; margin:5px 0 8px; font-size:14px;}
.message_item textarea{ width:100%; border:1px dashed #AAAAAA; margin:5px 0 8px;}
.message_submit input{ width:100%; line-height:240%; background-color:#1B4F9B; color:white; margin:10px 0; font-size:16px;}






/**********************************  联系我们页  ****************************/
.contact_content{ width:100%; margin:20px auto; }
.contact_map{  width:800px; margin:0 auto 10px; overflow:hidden; border:1px solid #F2F2F2; }
.contact_text{  width:100%;  padding:0px 15px 0; }
.contact_text p{ width:100%; font-size:14px; line-height:200%; text-align:center; color:#999; } 

.map1{ display:none;}






/**********************************  产品详情页  ****************************/
.subpage_detail_one{ width:100%; }
.subpage_img{ width:50%; float:left; }
.subpage_detail_one h1{ width:48%; float:left; margin-left:15px; color:#333;}
.subpage_detail_one img{ height:400px; width:410px;}
.subpage_detail_two{ margin-top:15px;}


/**********************************  资讯详情页  ****************************/

.subpage_detail{ width:100%;}
.subpage_detail h1{ font-size:20px; color:#333; margin-bottom:20px; text-align:center;}
.subpage_detail img{ display:block; width:400px; margin:0 auto;}