body,a,input,td,textarea{ font-family:'Microsoft YaHei'; font-size:12px; color:#666666; }

body{ background:#fff}
/**header css**/
#box_main{ min-width:320px; max-width:640px; min-height:435px; overflow:hidden; margin:0 auto; _zoom:1; position:relative; padding-bottom:45px;}
.search_con{ position:fixed; left:0px; top:0px; z-index:333333; width:100%; height:100%; background:url(../images/shade.png) repeat; display:none}
.search_con .list{ padding-top:46px; background:#003a6c;}
.search_con .list a{ display:inline-block; float:left; padding:0 5px; height:32px; line-height:32px; font-size:14px; color:#fff;}
.search_con .list a.on{ background:#005dae;}
.search_form{ width:90%; overflow:hidden; margin:0 auto; padding-top:8px;}
.search_form input{ float:left}
.search_form input[type=text]{ height:16px; line-height:16px; padding:8px 0 8px 5px; border:1px solid #ccc;box-shadow: 0px 0px 10px rgba(0,0,0,0.8) inset; width:75%}
.search_form input[type=submit]{ height:34px; border:1px solid #ccc; line-height:34px; width:20%; text-align:center; color:#fff; font-size:14px; background:#004178}
#box_header{}
#box_header .top{ padding:10px 0; position:relative; text-align:center; position:relative; background:#fff; z-index:444444}
#box_header .top img{ width:50%;}
#box_header .top .tool{ position:absolute; height:46px; top:0px; right:0px; z-index:999;}
#box_header .top .tool span{ background-image:url(../images/common.png); float:left; background-size:400px; width:38px; height:46px; display:block;}
#box_header .top .tool span a{ display:block; height:46px; text-indent:-9999px;}
#box_header .top .tool .search{ background-position:-100px 0px;}
#box_header .top .tool .down{ background-position:-176px 0px;}
#box_header .nav{ background:#1e7dbd; height:36px; border-top:1px solid #2e6694; position:relative}
.nav .show_nav li{ /*float:left; width:70px; height:36px; border-left:1px solid #fff;*/
 float:left; width:31%; padding:2% 0; background:#fff; margin:1.5% 0 0 3.5%; display:inline-block !important; text-align:center; font-size:14px; color:#252525; line-height:22px;
}

.bac_wrap{background:#eee; border-top:1px solid #d2d2d2;}
#box_header .nav .show_nav li:first-child{border:none;}
#box_header .nav .show_nav li.first{ border:none}
#box_header .nav .show_nav li a{ display:block; height:36px; line-height:36px; text-align:center; font-size:14px; color:#252525;}
#box_header .nav .show_nav li a.on{ background:#004178}
#box_header .hide_Nav{ position:absolute; z-index:9999; right:0px; top:0px;}
#box_header .nav_btn{ display:block; background:url(../images/nav_btn.jpg) no-repeat; width:38px; height:36px;border-left:1px solid #3272aa; cursor:pointer; float:right; cursor:pointer}
#box_header .hide_Nav .hide_nav{ display:none}
#box_header .hide_Nav .hide_nav li{ height:35px; border-bottom:1px solid #56758d; background:#004178; width:110px;}
#box_header .hide_Nav .hide_nav li a{ display:block; height:35px; line-height:35px; font-size:14px; color:#fff; padding-left:10px;}
#slide{ overflow:hidden; position:relative}
#slide img{ width:100%}
#slide a{ display:block; position:absolute; width:30px; height:40px; border-radius:4px; background:#000; opacity:0.5; -moz-opacity:0.5; filter:Alpha(opacity=50); top:50%; margin-top:-20px; z-index:999; line-height:40px; text-align:center; font-size:24px; color:#fff;}
.pagination{
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
  z-index:9999
}
.swiper-pagination-switch {
  display: inline-block;
  width: 14px;
  height: 14px;background:url(../images/point.png) no-repeat center center;
  /*border-radius: 10px;
  background: #000;
  box-shadow: 0px 1px 2px #555 inset;*/
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background:url(../images/pointh.png) no-repeat center center;
}

.padding{padding:0 2% 5px;}

.fl{float:left; display:inline-block;}
.fr{float:right; display:inline-block;}

.pro_ul{padding:0 2%;}
.pro_li{background:url(../images/pro_bg.png) no-repeat; background-size:100%; width:44%; padding:2% 0; text-align:center; margin:3% 0 0 4%;}
.pro_li a{color:#fff;}
.pro_li h1{margin:8% 0 3%;}

.pro_icon{width:12%; margin:1% 0 0;}
.pro{width:95%;}

#slide .arrow-left{ left:-4px; display:none;}
#slide .arrow-right{ right:-4px; display:none;}
.device{position: relative;}
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

.index_title{height:29px; border-bottom:1px solid #c7c7c7;}
.index_about{padding:3% 2%;}
.title_left{font-size:14px; text-align:center; color:#fff; height:30px; line-height:30px; width:80px; border-radius:5px 5px 0 0; background:#da251b;}
.title_right{margin-top:10px;}

.about_main{margin:3% 0 0; font-size:14px;}
.about_main img{width:100%;}
.about_main h1 img{margin-bottom:3%;}

.bor{border-top:1px solid #fff; margin-top:5px;}


#footer{ height:55px; position:fixed; left:0px; bottom:0px; background:#da251b; z-index:555555; width:100%}
#footer a{ display:block; width:20%; float:left; height:50px; background:url(../images/line.jpg) repeat-y right center; text-align:center; line-height:20px; color:#fff;}
#footer a.message{ background:none;}
#footer a span{ display:block; width:30px; height:20px; background-size:400px; background-image:url(../images/common.png); margin:4px auto 0;}
#footer .phone span{ background-position:-90px -110px}
#footer .email span{ background-position:0px -110px}
#footer .map span{ background-position:-120px -110px}
#footer .share span{ background-position:-60px -110px}
#footer .more span{ background-position:-150px -110px}

#footer .message span{ background-position:-30px -110px}
#footer .home span{background-position:-180px -110px}

#footer a em{}
#footer .footer_more{ position:fixed; width:110px; right:10px; bottom:48px; background:#015AA7;border-radius:10px; box-shadow:#333 0 0 20px 2px ; display:none}
#footer .footer_more a{ width:100% !important; height:40px; line-height:40px; text-indent:12px; text-align:left; border-bottom:1px solid #347BB9; background:none !important}
#footer .footer_more .member{ border:none}
#footer .footer_more a span{ float:left; margin:12px 0 0 5px}
#footer .footer_more .message span{ background-position:-30px -110px}
#footer .footer_more .cart span{ background-position:-212px -110px}
#footer .footer_more .member span{ background-position:-240px -110px}

#main{ background:#fff;}
#main h3{ background:#da251b; height:34px; line-height:34px; padding-left:12px; font-size:14px; color:#fff;}
.index_service .text{ line-height:24px; padding:5px 12px;}
.index_products a{ display:block; width:100%; overflow:hidden; padding:10px 0; border-bottom:1px solid #cfcfcf; position:relative}
.index_products a .ico{ position:absolute; display:block; background:url(../images/pro_ico.jpg) no-repeat; width:7px; height:12px; top:50%; margin-top:-6px; right:10px;}
.index_products a .left{ width:68px; margin:0 10px 0 10px;}
.index_products a .left img{ width:100%;}
.index_products a .right{ width:65%;}
.index_products a h4{ font-size:14px; height:24px; line-height:24px;}
.index_products a .memo{ line-height:24px;}
.copyright{ background:#fff; border-top:1px solid #c3c3c3; margin-top:3%; text-align:center; color:#666; padding:10px 0; line-height:24px;}



.sub_main h3{ position:relative; background:#c7dbe9; border-bottom:1px solid #b2bdc2; text-align:left;}
.sub_main h3 span{ color:#fff; font-size:14px; position:absolute; left:10px;}
.sub_main h3 a{ display:block; position:absolute; border:1px solid #b3bec3; height:22px; width:40px; text-align:center; line-height:22px; color:#ccc; border-radius:4px; top:6px; cursor:pointer}
.sub_main h3 .font{ right:50px;}
.sub_main h3 .more{ right:4px;}
.font_select{ position:absolute; width:40px; top:34px; right:50px; background:#fff; border:1px solid #ccc; border-radius:4px; overflow:hidden; display:none; box-shadow:#333 0 0 20px 2px; z-index:888}
.font_select li{ display:block; height:30px; width:40px; line-height:30px; text-align:center; color:#333; cursor:pointer}
.font_select .li1{ font-size:12px;}
.font_select .li2{ font-size:13px;}
.font_select .li3{ font-size:14px;}
.sub_main .text{ padding:8px 10px; line-height:24px;}
.sub_main .text img{ max-width:100%;}
.font_change1{ font-size:12px !important;}
.font_change1 a{ font-size:12px !important;}
.font_change2{ font-size:13px !important;}
.font_change2 a{ font-size:13px !important;}
.font_change3{ font-size:14px !important;}
.font_change3 a{ font-size:14px !important;}
#moreCon{ position:fixed; width:0; height:100%; right:0px; top:0px; z-index:888888;}
#moreCon .left{ width:10%; background:#000; opacity:0.5; -moz-opacity:0.5; filter:Alpha(opacity=50); position:absolute; left:0px; top:0px; height:100%;}
#moreCon .left a{ width:16px;height:30px; display:block; background:url(../images/common.png) no-repeat 0 -190px; overflow: hidden; background-size:400px; text-indent:-999px; margin:30px auto 0;}
#moreCon .right{ position:absolute; height:100%; right:0px; top:0px; width:90%; background:#015DAE;}
.rightCon{ border-left:4px solid #C8DAE9; height:100%; overflow:hidden}
.rightCon .title{ height:30px; line-height:30px; font-size:14px; color:#fff; background:#004079; margin-top:10px; padding-left:12px;}
.rightCon .content{ line-height:24px; padding:8px 12px; color:#fff;}
.join_list a{ display:block; height:36px; line-height:36px; border:1px solid #16588f; background:#2475b7; font-size:16px; text-indent:8px; color:#fff; width:30%; margin-left:2%; margin-top:4px; float:left;}
.join_more{ margin-top:10px; overflow:hidden; border-bottom:1px solid #3172AA}
.join_more a{ display:block; height:36px; line-height:36px; border-top:1px solid #3172AA; color:#fff; font-size:14px; padding-left:12px; position:relative}
.join_more a span{ position:absolute; right:5px; top:0px; height:36px; line-height:36px; display:block; border-left:1px solid #3172AA; width:36px; text-align:center; font-size:14px;}
.join_more a.on{ background:#004079}
.join_more a:hover{ background:#004079}




.case_list{ overflow:hidden}
.case_list a{ overflow:hidden; width:30%; text-align:center; display:inline-block; margin:10px 1%;}
.case_list a img{ width:100%;}

.case_list a h4{ font-size:14px; height:24px; line-height:24px;}
.case_list a .memo{ line-height:20px;}
.case_show{ background:#fff;}
.case_show h3{ position:relative; height:44px; line-height:44px; text-align:center; font-size:14px; color:#fff;border-bottom:1px solid #e51e13; background:#da251b}
.case_show h3 .back{ position:absolute; left:12px; color:#fff;}
.case_show h3 .font{ right:10px;display:block; position:absolute; border:1px solid #b3bec3; height:22px; width:40px; text-align:center; line-height:22px; color:#ccc; border-radius:4px; top:12px; cursor:pointer}
.case_show h4{ height:29px; line-height:29px; background:#e0665f; border-bottom:1px solid #b2bdc2; padding-left:12px; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
#caseCon{text-align:center; margin:10px 0; line-height:24px; padding:10px;}
#caseCon img{ width:90%;}
#caseCon p{ text-align:left}
.case_show h5{ height:30px; line-height:30px; font-size:14px; color:#fff; padding-left:12px;background:#F1A7A5;}
.case_time{ padding:5px 10px 12px; line-height:24px;}
.case_time input{ width:45%; height:30px; border:none; border-radius:6px; height:32px; line-height:32px; font-size:14px;}
.case_time input[type=submit]{ background:red; color:#fff;}
.case_time input[type=button]{ background:#ccc; color:#333;}
.case_memo{ padding:8px 10px; line-height:24px;}
.case_memo img{width: 90%}

.news_list{}
.news_list a{ display:block; padding:10px 0; position:relative; line-height:24px;}
.news_list p{ line-height:24px; font-size:14px; padding-right:30px;}
.news_list a .ico{ position:absolute; display:block; background:url(../images/pro_ico.jpg) no-repeat; width:7px; height:12px; top:50%; margin-top:-6px; right:10px;}
.key{ text-align:left}
.key a{ display:inline-block; background:#004B8D; height:24px; line-height:24px; padding:0 10px; color:#fff;}
.key span{ display:inline-block; padding:0 10px;}
.pager a{ display:block; background:#e65b53; width:49%; height:50px; line-height:50px; overflow:hidden; white-space:nowrap; color:#fff; text-overflow:ellipsis}
.pager .prev{ float:left; text-align:right}
.pager .next{ float:right; text-align:left}
.pro_list{ overflow:hidden}
.pro_list a{ display:block; float:left; width:33%; text-align:center;}
.pro_list a img{ width:95%;}
.pro_list a p{ height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.message_title{ height:34px; margin-top:1px;}
.message_title a{ display:block; height:34px; line-height:34px; text-align:center; color:#fff; font-size:14px; width:50%; display:block; float:left; background:#da251b}
.message_title a.on{ background:#d9342b;}

.message_title1{ height:34px; margin-top:1px;}
.message_title1 a{ display:block; height:34px; line-height:34px; text-align:center; color:#fff; font-size:14px; width:50%; display:block; float:left; background:#da251b;}
.message_title1 a.on{ background:#e65b53;}

.message_tab{ display:none}
.message_con{ padding:0 6px;}
.message_do{ padding:10px;}
.message_do textarea{ width:100%;background:#f6f6f6; border:1px solid #cacaca; line-height:24px; height:128px; margin-bottom:8px; color:#000}
.message_do input[type=text]{ height:32px; line-height:32px; background:#f6f6f6; border:1px solid #cacaca; width:100%; margin-bottom:10px;color:#000}
.message_do input.special{ width:40%;}
.message_do input[type=submit]{ background:#005eae; height:32px; line-height:32px; width:86px; text-align:center; color:#fff; font-size:14px; border:none;}
.message_list{ padding:10px 0;}
.message_list li{ padding:5px 0; line-height:20px;}
.message_list li .name{ color:red; font-size:13px;}
.reg{ padding:0 10px;}
.reg_con{ background:#f5f5f5; width:100%; margin:20px auto 0; border:1px solid #c9c9c9; border-radius:8px;}
.reg_con li{ height:36px; overflow:hidden; border-bottom:1px solid #c9c9c9;}
.reg_con li.last{ border:none;}
.reg_con li label{ display:inline-block; width:30%; line-height:36px; text-align:right; color:#000; font-size:14px;}
.reg_con li input{ height:18px; line-height:18px; border:none; width:60%; background:none; margin-top:6px}
.reg_con li input.on{ background:#fff; border:2px solid #015DAE; border-radius:4px;}
.reg .radio{ margin-top:10px;}
.reg a{ color:red; text-decoration:underline}
.reg .submit{ width:95%; height:36px; line-height:36px; color:#000; background:url(../images/reg_bg.jpg) repeat-x; border:none; cursor:pointer; border-radius:6px; margin-top:15px; font-size:14px;}
.login_btn{ margin-top:15px; text-align:center}
.login_btn input{height:36px; line-height:36px; color:#000;border:none; cursor:pointer; border-radius:6px; width:49.5%; font-size:14px;}
.login_btn .button{ background:url(../images/reg_bg.jpg) repeat-x; float:left}
.login_btn .login{ background:#015DAE; color:#fff; float:right}
.reg .special{ height:30px; line-height:30px; padding:10px}

.success{ position:fixed; width:90%; height:40px; color:#fff; line-height:40px; text-align:center; top:50%; margin-top:-20px; margin-left:5%;}
.success span{ position:absolute; background:#000; opacity:0.5; -moz-opacity:0.5; filter:Alpha(opacity=50);box-shadow:#333 0 0 20px 2px; display:block; z-index:-1; left:0px; top:0px; width:100%; height:100%; border-radius:8px;}
.success em{ font-size:14px;}

/***searchShow css***/
.searchShow{ overflow:scroll; background:#fff; padding-top:10px; display:none}
.searchShow .proshow a{ display: inline-block;  width:33%; text-align:center;}
.searchShow .proshow a img{ width:95%;}
.searchShow .proshow a p{ height:30px; line-height:30px}
.searchShow .newsshow a{ display: block; line-height: 24px;height: 24px; width: 90%; margin: 0 auto;overflow: hidden;}


/********emial css*********/
#email .title{ height:30px; line-height:30px; width:90%; margin:10px auto 0;}
.email_form{ width:90%; margin:0 auto;}
.email_form .left{ width:65%; float:left;}
.email_form .left input{ width:100%; border:1px solid #cacaca; height:30px; line-height:30px; background:#f6f6f6; margin-top:10px;}
.email_form .right{ width:30%; float:right;}
.email_form .right input{ width:100%; height:74px; line-height:74px; text-align:center; background:#005eae; border:none; color:#fff; font-size:14px; margin-top:10px;}
.email_form textarea{ width:100%; border:1px solid #cacaca; height:128px; background:#f6f6f6; margin-top:10px;}
.email_form .code{ margin-top:10px;}
.email_form .code input{width:55%; border:1px solid #cacaca; height:30px; line-height:30px; background:#f6f6f6;}
.email_form .code img{ width:25%; height:32px;}
/********map css********/
#map{ width:100%; padding:10px 0; line-height:24px;}
.cart{ width:90%; margin:10px auto 0;}
.cart dt li{ font-size:14px; height:30px; line-height:30px; padding-bottom:10px; color:#333;}
.cart dd{ margin-bottom:10px;}
.cart li{ width:25%; text-align:center; float:left}
.cart dd li.li1,.cart dd li.li3,.cart dd li.li4{ padding-top:35px;}
.cart li img{ width:80%}
.cart li input[type=text]{ width:40px; text-align:center}

.bor_t{border-top:1px solid #538FC3; margin-top:5px;}