@charset "utf-8";
/* CSS Document */
body{max-width:640px;margin:50px 0 70px 0; padding:0; font:normal 92% Helvetica,STHeiti,Droid Sans Fallback; color:#333; background:#fff;overflow-x: hidden;overflow-y: auto;}
*{margin:0; padding:0;}
.iconfont{-webkit-font-smoothing: antialiased;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#333;}
@font-face{font-family: "dm";src: url("../font/DM.ttf");}
.clear{clear:both}
.fl{ float:left}
.fr{ float:right}
img{border:0;max-width:100%;}
DIV,ul,li,h1,h2,p,dl,dt,dd{ margin:0; padding:0; list-style:none}
/*按钮*/
.index_button{
	width: 130px;
	height: 35px;
	background-color: #eee;
	color: #fff;
	text-align: center;
	line-height: 35px;
	font-size: 12px;
	letter-spacing: 2px;
    border-radius: 6px;
    margin: 20px auto;
}
.index_button a{color: #333;}
/*导航*/
.sp_header{height:50px;overflow:hidden;background:#006ec6;position:fixed;z-index:10;width:100%;margin-top: -50px;}
.sp_logo{padding:10px;float:left;height:50px;}
.sp_logo_name{position:relative;float:right;font-size: 17px;font-weight: 550;margin: 3px 0 0 12px;letter-spacing: 0.008em;color: #fff;}
.sp_logo img{margin:auto;max-height:30px;margin-top: 0px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:18px}
.sp_nav span{display:block;background:#fff;width:26px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:8px}
.sp_nav span:nth-of-type(3){top:16px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 112px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li{color: #666;}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0; text-align: left;}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:45px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:left;color:#999;}
.sjj_nav ul li i{position:absolute;top:10px;right:0px;border-left:1px #ddd solid;height:45px; width: 100px; background: #eee; padding:0px 7px 0 7px; color: #666; text-align: center;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:55px;font-size:14px; text-align: left;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:30px;height:30px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#006ec6;}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
/*title*/
.index_title{border-bottom: 1px solid #e6e6e6;padding-bottom: -12px;margin-top: 20px;width: 96%;margin-left: 2%;padding-bottom: 10px;}
.index_title .text{font-size: 18px;color: #000;letter-spacing: 0.2px;font-weight: bold;}
.index_title p{font-size: 24px;color: #006ec6;font-weight: lighter;margin-left: 5px;font-family: dm;}
/*banner*/
.swipe{width:100%;overflow:hidden;position:relative; text-align:center;height: 188px;}
.swipe ul{-webkit-transition:left 800ms ease-in 0;-moz-transition:left 800ms ease-in 0;-o-transition:left 800ms ease-in 0;-ms-transition:left 800ms ease-in 0;transition:left 800ms ease-in 0;}
.swipe li img{width:100% }
.swipe #pagenavi{position:absolute;left:0;bottom:5px;text-align:center;width:100%;}
.swipe #pagenavi a{width:8px;height:8px;line-height:99em;background:#ddd;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 4px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
.swipe #pagenavi a:nth-child(2){margin-left: -0.5px;}
.swipe #pagenavi a.active{background:#006ec6;}

/*show*/
.index_show{margin-top: 10px;}

.index_show_title{width: 100%;}
.index_show_title li{float: left;width: 45%;height: 45px;background-color: #f3f3f3;border-radius: 5px;margin: 10px 2.5% 0 2.5%;text-align: center;}
.index_show_title li a{font-size: 14px;color: #000;line-height: 45px;letter-spacing: 0.4px;}

.index_show_main li{width: 45%;float: left;margin: 20px 2% 0 2%;}
.index_show_img{width: 100%;height: 220px;background-color: #f6f6f6;position: relative;overflow: hidden;border: 3px solid #f6f6f6;}
.index_show_img img{max-width: 100%;max-height: 220px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;transition: all 0.5s;overflow: hidden;}
.index_show_name{height: 55px;width: 100%;background-color: #006ec6;text-align: center;overflow: hidden;padding: 8px 5px 0 5px;transition: all 0.5s;}
.index_show_name_text{text-align: center;overflow: hidden;color: #fff;font-size: 14px;overflow: hidden;
text-overflow: ellipsis;white-space: nowrap;}
.index_show_more{font-size: 12px;color: #fff;opacity: 0.5;border-top: 1px solid rgba(255,255,255,0.5);text-align: left;transition: all 0.5s;margin-top: 5px;padding-top: 5px;}
.index_show_more span{float: right;transition: all 0.5s;}



/*about*/
.index_about{background: url(../images/about_bg.jpg) center no-repeat;padding: 15px 0px;}
.index_about_main{color: #fff;font-size: 12px;padding: 15px 10px 5px 10px;line-height: 24px;letter-spacing: 0.2px;}
.index_about img{width: 95%;margin: 20px 0 0 2.5%;}
.index_button2{
	width: 130px;
	height: 35px;
	border: 1px solid rgba(255,255,255,0.2);
	color: #fff;
	text-align: center;
	line-height: 35px;
	font-size: 12px;
	letter-spacing: 2px;
    border-radius: 6px;
    margin: 20px auto;
}
.index_button2 a{color: #fff;}

/*case*/
.index_math li{float: left;text-align: center;width: 25%;font-size: 12px;color: #aaa;}
.index_math li:nth-child(1){margin-left: 0;}
.index_math li .case_sj{margin: 20px auto 10px auto;
 width: 0; 
 height: 0;
 border-width: 6px;
 border-style: solid;
 border-color:#ccc transparent transparent transparent;}
.index_math li span{font-size: 24px;color: #ac7500;font-weight: bold;}
.index_math li p{font-size: 13px;color: #aaa;}
.case_hx{height: 1px;background-color: #eee;margin-top: 20px;}
.index_show_main2 li{width: 45%;float: left;margin: 20px 2% 0 2%;}
.index_show_img2{width: 100%;height: 140px;background-color: #f6f6f6;position: relative;overflow: hidden;border: 3px solid #f6f6f6;}
.index_show_img2 img{max-width: 100%;max-height: 140px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;transition: all 0.5s;overflow: hidden;}

/*news*/
.index_news{background: url(../images/news_bg.png);padding: 10px 0;}
.index_news_main{margin-top: 10px;}
.index_news_main li{transition: all 0.5s;width: 95%;}
.index_news_main li a{font-size: 14px;color: #555;line-height: 32px;letter-spacing: 0.2px;transition: all 0.5s;width: 77%;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;float: left;}
.index_news_main li span{float: right;font-size: 14px;color: #555;line-height: 32px;letter-spacing: 0.2px;transition: all 0.5s;}
.index_news img{width: 98%;margin-left: 1%;}








/*BOTTOM*/
.bottom{height:50px; background:#ddd; line-height:60px; text-align:center; color:#666; font-size:0.87em;}
footer{margin-top:0px;position:fixed;padding:5px;padding-top:7px;width:100%;height:50px;bottom:0;border-top:1px solid #fff;background:#006ec6;}
.kong{height: 88px;}
footer ul{height:45px;line-height:45px;}
footer ul li{width:33.33%;float:left;color:#FFF;}
footer ul li dl{width:auto;margin:0 auto;text-align:center;}
footer ul li dt{width:auto;height:28px;overflow:hidden;}
footer ul li dd{width:auto;height:20px; font-size:0.8em; color:#fff;line-height:20px;}







.title{margin:1% auto 10px auto;display:block;font-size:1.4em;line-height:30px;color:#0a50a1; text-align:center;}
.title p{line-height:14px; font-size:0.6em; color:#999; text-transform:capitalize; font-weight:normal;}
.title p img{max-width: 70%; height: auto;}

.sub_lines{width: 90%; height:1px; border-bottom: 1px dashed #401b12; margin: 0 auto;}
.sub_sub_title{width:100%;; text-align:center;color: #f90; font-size:18px;  line-height:50px; height:50px; border-bottom: 1px solid #f90;margin: 0 auto; text-align: center;}

.sub_moreip{width: 90%; height: 50px; border-radius:12px; margin: 20px auto 60px auto; text-align: center; line-height: 50px;  background: #fc0; font-size:14px; color: #fff;}
.sub_moreip:hover{background: #f1f1f1; color: #aaa;}



.content{padding:10px; line-height:30px; max-width:100%; word-break:break-all;}
.content h2{text-align:center; font-size:1.1em}
.content img{text-align:center; max-width: 100%;}
/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#999;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-size:10px;margin:20px auto 30px auto;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}
.{overflow: hidden;}

.pro_pic{text-align: center; width: 98%; margin: 0 auto;}
.pro_pic img{text-align: center; max-width: 100%; width: 100%;}

.prodct_content_title{width:100%; margin:10px auto 0 auto;height:50px; line-height:50px; background: #eef7fa; border-bottom:1px #3377d4 solid; color: #3377d4; font-size: 20px; box-sizing: border-box; padding: 0 0 0 15px;}
.neirong{width: 98%; margin: 0 auto;}
.product_content{width:100%; margin:0 auto; padding:10px 0 0 0;}
.product_content img{max-width:100%;}





/*news*/
.sub_xinwen{width:95%; margin: 0 auto; padding: 0;}
.sub_xinwen ul{list-style: none;}
.sub_xinwen li{ background: #fff; margin:15px 0; width: 100%;
    shadow: 0px 4px 8px rgba(0,0,0, 0.1);
    box-shadow: 0px 4px 8px rgba(0,0,0, 0.1);
    -webkit-box-shadow: 0px 4px 8px rgba(0,0,0, 0.1);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;}
.snews_content{width:100%; height:90px; padding: 0; background: #fff; transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;}
.snews_content:hover{background:#fcfcfc;}
.snews_content_time{width: 100%; background: #f5f5f5; height: 40px; line-height: 40px; text-align: center; color: #1992e7; font-size: 12px; margin-bottom: 30px;}
.sub_pic{width:30%; height:100px; margin:0;  float:left;}
.sub_pic img{width:100%; height:auto; max-height: 100%; margin: 7px 0 0 7px;}
.sub_text{width:60%;  line-height:20px; float:left; margin:10px 0 0 25px; color:#1f5f61; font-size:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.sub_text_date{float: right;font-size: 12px;margin-right: 15px;margin-top: 10px;color: #aed5ff;}
.sub_text a{color:#000; text-decoration:none;}
.sub_text a:hover{color:#00923f; text-decoration:none;}
.sub_text span{width:20%; float:right; text-align: center; margin:0; color:#fff; background: #00923f; font-size:14px; line-height:20px;}
.sub_text p{font-size: 12px; color: #aed5ff; line-height: 45px;}
.pre_nex{width: 100%; margin: 25px auto;}
.pre_nex li:nth-last-child(odd){float: left;}
.pre_nex li:nth-last-child(even){float: right;}
.pre_nex li{width: 48%; height: 40px; line-height: 40px; color: #aaa; background: #f8f8f8; text-align: center;}
.pre_nex li a{display: block; color: #777; font-size: 14px;}
.pre_nex li a:hover{color: #000; background: #f1f1f1;}