@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;}
.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: 98%;
	height: 40px;
	background-color: #f3f3f3;
	color: #000;
	text-align: center;
	line-height: 40px;
	font-size: 12.5px;
	letter-spacing: 5px;
    margin-left: 1%;
}
.index_button a{color: #000;}
/*导航*/
.sp_header{height:50px;overflow:hidden;background:#c50000;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.006em;color: #fff;}
.sp_logo img{margin:auto;max-height:30px;}
.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:#00bdff;}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
/*title*/
.index_title i{float: left;margin: -5px -10px 0 0;color: #aed5ff;}
.index_title{font-weight:600;height:50px;margin: 1% auto auto 5%;display:block;font-size:1.25em;line-height:35px;color:#f90; text-align:left;float: left;}
.index_title span{font-size: 12px;color: #999;font-weight: lighter;}
/*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.active{background:#c50000;}


/*pro*/
.index_pro{margin-top: -50px;text-align: center;width: 100%;margin: 0 auto;background-color: #f6f6f6;height: 630px;}
.index_pro li{float: left;width: 46%;margin: 7px 2%;height: 120px;color: #fff;padding-top: 20px;}
.index_pro li i{font-size: 45px;color: #004c9f;font-weight: lighter;}
.pro_name1{font-size: 10px;color: #ccc;letter-spacing: 0.4px;opacity: 0.5;margin-top: 10px;}
.pro_name{font-size: 14px;letter-spacing: 1px;margin-top: 3px;color: #000;}



/*show*/
.index_show{margin-top: 20px;}
.index_show li{text-align:center;float: left;margin: 2% 4%;width: 42%;height: 135px;}
.index_show_img{width: 99%;height: 120px;border: solid 1px #eee;background-color: #fff;display: flex;align-items: center; justify-content: center;overflow: hidden;}
.index_show_img img{max-width: 100%;max-height: 100%;width: auto;height: auto;}
.index_show_main li p{font-size: 12px;color:#000;line-height:28px;height: 28px;background-color: #eee;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}

/*about*/
.index_about_main{font-size: 13px;color: #000;text-indent:2em;line-height: 26px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;letter-spacing: 0.2px;width: 96%;margin: 20px auto 0 auto;}
.index_about_down{text-align: center;background: url(../images/ibg.jpg) center;height: 270px;width: 98%;margin: 0 auto;margin-top: 15px;}
.index_about_down li{float: left;width: 50%;margin: 7px auto;}
.index_about_down li i{font-size: 45px}
.index_about_down li:nth-child(5) i{font-size: 40px}
.index_about_down li:nth-child(2) i{font-size: 55px}
.index_about_down li:nth-child(1) i{font-size: 55px}
.index_about_down li p{font-size: 12px;margin: 4px auto;}
.about_text{width: 96%;font-size: 14px;margin-left: 2%;line-height: 24px;text-indent: 2em;color: #333;margin-top: 10px;font-weight: 500;}
.h20{height: 20px;}


.index_g ul{}
.index_g li{float: left;width: 45%;height: 140px;background-color: #fff;box-shadow: 0px 0px 30px rgba(0,0,0,0.05);text-align: center;margin: 20px 0 0 3.3%;cursor:pointer;color: #333;letter-spacing: 1px;transition: all 0.5s;}
.index_g li i{font-size: 60px;margin-top: 5%;display: block;transition: all 0.5s;}
.index_g li p{font-size: 14px;margin-top: 5%; display: block;}
.index_g li:nth-child(1){background: url(../images/g1.jpg) center no-repeat;color: #fff;}
.index_g li:nth-child(1) i{margin-top: 10%;}
.index_g li:nth-child(3) i{margin-top: 10%;}
.index_g li:nth-child(2) i{font-size: 70px;}
.index_g li:nth-child(4) i{font-size: 70px;}
.index_g li:nth-child(6) i{font-size: 70px;}
.index_g li:nth-child(5) i{font-size: 50px;margin-top: 15%;}
.index_g li:nth-child(7) i{margin-top: 10%;}
.index_g li:nth-child(8) i{margin-top: 15%;font-size: 53px;}
.index_g li:nth-child(3){background: url(../images/g2.jpg) center no-repeat;color: #fff;}
.index_g li:nth-child(5){background: url(../images/g3.jpg) center no-repeat;color: #fff;}
.index_g li:nth-child(7){background: url(../images/g4.jpg) center no-repeat;color: #fff;}




/*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: #999;}
.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;}




/*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:#c50000;}
.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;}


.index_number{width:95%; margin: 0 auto;background: #3377d4; margin:0 auto; padding: 10px 0 0px 0;}
.index_number ul{display:table; text-align: center; margin: 0 auto;}
.index_number ul li{width:45%; font-size:30px; text-align: center; font-weight: bold; line-height:40px; color: #fff; float: left; margin: 10px 2%;}
.index_number ul li i{display: block;}
.index_number ul li p{font-size: 14px; line-height:30px;}

.four_main{margin-top: 10px;text-align: center;}
.four_main li{box-shadow: #ddd 0px 5px 5px;margin-top: 20px;}
.four_main li img{width: 98%;}
.four_main_text{width: 98%; font-size: 18px;font-weight: 550;margin: 10px 0 0 0;}
.four_main_text p{text-align: left;width: 98%; margin-left: 1%; font-size: 14px;font-weight: 500;text-indent:2em;margin: 8px 0 8px 0;line-height: 22px;margin-left: 2%;}

.index_sbanner{margin-top: 10px;}

.index_proif li{float: left;}
.index_proif li{width: 45%;text-align: center;margin: 15px 2.5% 0 2.5%;}
.index_proif li p{height: 35px;margin-top: -39px;background-color: rgba(246,246,246,0.95);position: relative;line-height: 36px;border-bottom: 1px #23b14d solid;font-size: 14px;}






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




/*MES-FORREAL*/
.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block p{padding:12px;}
.msg_input{width:80%;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:18px;color:#ccc; margin: 0 0 0 10px; height: 30px;
	-moz-box-shadow:5px 5px 5px #eee inset;-webkit-box-shadow:5px 5px 5px #eee inset; box-shadow:5px 5px 5px #eee inset;border-radius:2px;}
.msg_input_on{width:80%;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px; margin: 0 0 0 10px; height: 30px;
	-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_tag{ text-align: center; vertical-align: middle;}
.message_labes{font-size:14px;}
.message_title{height:45px;line-height:45px; text-align: center; vertical-align: middle;}
.message_title span{float:right;font-weight:bold;}
.message_info{color:#8ea6b6;text-align:right;}
.msg_btn_area{margin:16px 0 16px 10px;text-align:left;}
.msg_btn_area a{display:inline-block;padding:5px 15px;background:#c50000; text-decoration:none; color:#fff;text-align:center;font-size:16px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;background:#c50000;}