@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:#0667c2;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:#0667c2;}

.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: #0667c2;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:15px;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:#0667c2;}



/*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:158px; background-color: #fff; 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: #0667c2;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: 8px 0px;}

.index_about_main{color: #fff;font-size: 12px;padding: 15px 10px 5px 10px;line-height: 24px;letter-spacing: 0.2px;}

.index_about_main a{color: #fff;}

.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_case{ margin-top:-12px; margin-bottom:30px;}

.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: #0667c2;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:#0667c2;}

.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:3% auto 10px auto;display:block;font-size:1.4em;line-height:30px;color:#000; 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: #f5f5f5; border-bottom:1px #c1c1c1 solid; color: #000; font-size: 16px; font-weight:bold; 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%; height: auto !important;}











/*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:3px 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: #666;}

.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;}