@charset "utf-8";
/* CSS Document */
body{ 
	margin:0;
	padding:0;
	background-color:#FFFFFF;
}
body,td,th,input,textarea,select {
	font-size: 14px;
	color:#252b3a;
	line-height:1.8;
	font-family: Arial, Helvetica, sans-serif;  /*"Microsoft Yahei","微软雅黑", */
}
@media (min-width: 992px) {
	body,td,th,input,textarea,select { font-size:16px;}
}
a{color:#252b3a; text-decoration:none; position:relative;}
a:hover{color:#0565a6; text-decoration:none;}
a,i,em,.animation{
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
}

.shadow1{-webkit-box-shadow:0 0 8px rgba(0,0,0,0.1); -moz-box-shadow:0 0 8px rgba(0,0,0,0.1); box-shadow:0 0 8px rgba(0,0,0,0.1);}
@media (min-width: 768px) {
	.shadow1{-webkit-box-shadow:0 0 16px rgba(0,0,0,0.1); -moz-box-shadow:0 0 16px rgba(0,0,0,0.1); box-shadow:0 0 16px rgba(0,0,0,0.1);}
}


/*顶部*/
.header_back{ height:60px;}
.header{ background-color:#FFF; position:fixed; z-index:99997; width:100%; -webkit-transform:translateZ(0); -webkit-box-shadow:0 0 20px rgba(0,0,0,0.3); -moz-box-shadow:0 0 20px rgba(0,0,0,0.3); box-shadow:0 0 20px rgba(0,0,0,0.3);}

.header2{}
.header2>div{ position:relative;}
.header2_1{}
.header2_1 img{ height:60px;}
.header2_2{ position:absolute; right:0; top:0;}
.header2_3{ position:absolute; right:0; top:12px; line-height:30px; font-size:18px; color:#0565a6;}
.header2_3 em{ font-size:20px; vertical-align:middle;}
.header2_3_1{}
.header2_3_1 span{ color:#da251d;}
.header2_3_2{ padding-left:20px;}
@media (min-width: 768px) {
	.header_back{ height:90px;}
	.header2_2{ top:40px; right:-5px;}
	.header2_1 img{ height:90px; padding:16px 0;}
}
@media (min-width: 992px) {
	.header2_1 img{ padding:10px 0;}
	.header2_2{ top:40px; right:-15px;}
}
@media (min-width: 1200px) {
	.header_back{ height:110px;}
	.header2_1 img{ height:110px; padding:10px 0;}
	.header2_2{ top:40px; right:-25px;}
	.header2_3{ top:10px;}
}
@media (min-width: 1500px) {
	.header2_1 img{ padding:0;}
}


/*顶部搜索*/
.header_find{ position:absolute; z-index:99999; right:10px; top:55px; width:60%;}
.header_find .find{ width:100%; height:36px; background-color:#FFF; padding:0 10px 0 15px;-moz-border-radius:36px; border-radius:36px;}
.header_find .find_txt{ border:0; width:calc(100% - 30px); height:36px; line-height:36px; outline:none;}
.header_find button{ width:30px; height:36px; border:0; padding:0; background-color:transparent; cursor:pointer; outline:none;}
.header_find button em{ font-size:20px; line-height:30px; color:#114585;}
@media (min-width: 768px) {
	.header_find{ top:48px; width:360px; right:-10px;}
	.header_find .find{}
}
@media (min-width: 1200px) {
	.header_find{ top:55px;}
	.header_find .find{ width:360px;}
}


/*顶部图标*/
.header .icon_menu{ padding-left:5px;}
.header .icon_menu a{ padding:0 8px; display:inline-block;}
.header .icon_menu em{ font-size:24px; line-height:60px; position:relative;}
@media (min-width: 768px) {
	.header .icon_menu{ padding-left:0px;}
}


/*主菜单*/
.main_menu{ position:relative; z-index:1; display:inline-block; z-index:999;}
.main_menu .nli{ float:left; position:relative; display:inline;}
/*.main_menu .nli:after{ width:1px; height:16px; background-color:#CCC; display:inline-block; content:""; position:absolute; right:0; top:50%; margin-top:-8px;}*/
/*.main_menu .nli:last-child:after{ display:none;}*/
.main_menu .nli>a{ display:block; height:50px; line-height:50px; font-size:15px; padding:0 5px; color:#252b3a;}
.main_menu .nli>a:hover{-moz-transform:translateY(-5px); -webkit-transform:translateY(-5px); -o-transform:translateY(-5px); -ms-transform:translateY(-5px); transform: translateY(-5px);}
.main_menu .on>a{color:#0565a6;}

.main_menu .sub{ display:none; left:50%; top:50px; position:absolute; background-color:rgba(51,51,51,0.95); text-align:left;}
.main_menu .sub li{}
.main_menu .sub a{ position:relative; display:block; line-height:20px; color:#FFF; font-size:14px; padding:10px 12px 10px 28px; text-align:left;}
.main_menu .sub a:hover{ background-color:#0565a6; color:#FFF; padding:10px 12px 10px 33px;}
.main_menu .sub em{ margin-right:5px; position:absolute; margin-left:-20px;}
@media (min-width: 992px) {
	.main_menu .nli>a{ font-size:16px; padding:0 13px;}
	.main_menu .sub a{ font-size:15px;}
}
@media (min-width: 1200px) {
	.main_menu .nli>a{ height:70px; line-height:70px; font-size:18px; padding:0 18px;}
	.main_menu .sub{ top:70px;}
	.main_menu .sub a{ font-size:16px;}
}
@media (min-width: 1500px) {
	.main_menu .nli>a{ padding:0 26px;}
}


/*底部*/
.foot1{}
.foot1 a{ display:inline-block;}
.foot1>div{ padding:30px 0; max-width:1480px;}
.foot1_1{ width:55%; padding-right:10px;}
.foot1_1 .logo{}
.foot1_1 .logo img{ width:100%; max-width:280px;}
.foot1_1 .tel{ background-repeat:no-repeat; background-position:6px center; background-size:24px; padding-left:36px;}
.foot1_1 .tel .txt1{ font-size:15px;}
.foot1_1 .tel .txt2{ font-size:20px; color:#0565a6; font-weight:bold; line-height:1;}
.foot1_1 .tel .txt2 span{ color:#da251d;}
.foot1_2{ width:45%;}
.foot1_2 ul{ padding:0 5px;}
.foot1_2 ul li{ padding:3px 0;}
.foot1_2 .fen_xiang{ padding:5px;}
.foot1_3{ width:60%; padding-right:10px; padding-top:20px;}
.foot1_4{ width:40%; padding-left:10px; padding-top:20px;}
.foot1_4 .qrcode{ text-align:center; max-width:160px; margin:0 auto;}
@media (min-width: 768px) {	
	.foot1_1{ width:25%;}
	.foot1_1 .tel{ background-size:24px; padding-left:36px;}
	.foot1_1 .tel .txt1{ font-size:14px;}
	.foot1_1 .tel .txt2{ font-size:17px;}
	.foot1_2{ width:25%;}
	.foot1_2 ul{ padding:0 10px;}
	.foot1_2 .fen_xiang{ padding:10px 10px;}
	.foot1_3{ width:35%; padding-top:0px;}
	.foot1_4{ width:15%; padding-top:0px;}
}
@media (min-width: 992px) {
	.foot1_1 .tel{ background-size:28px; padding-left:42px;}
	.foot1_1 .tel .txt1{ font-size:15px;}
	.foot1_1 .tel .txt2{ font-size:24px;}
}
@media (min-width: 1200px) {	
	.foot1_1{ width:30%; padding-right:20px;}
	.foot1_1 .tel{ background-size:33px; padding-left:50px;}
	.foot1_1 .tel .txt1{ font-size:16px;}
	.foot1_1 .tel .txt2{ font-size:32px;}
	.foot1_2{ width:25%;}
	.foot1_2 ul{ padding:0 20px;}
	.foot1_2 .fen_xiang{ padding:10px 20px;}
	.foot1_3{ width:30%; padding:0 20px;}
	.foot1_4{ width:15%; padding-left:20px;}
}


.foot2{ background-color:#FFF; border-top:solid 1px #dfdfdf; padding:12px 0; margin-bottom:60px; text-align:center;}
@media (min-width: 768px) {	
	.foot2{ margin-bottom:0;}
}


/*右边浮动留言*/
.fixed_feedback{ position:fixed; bottom:15%; width:300px; right:-310px; bottom:70px; z-index: 99998; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.15); -moz-box-shadow:0 0 20px rgba(0,0,0,0.15); box-shadow:0 0 20px rgba(0,0,0,0.15);}
.fixed_feedback .title{ width:100%; height:46px; line-height:46px; padding:0 12px; color:#FFF; background-color:#0565a6; -moz-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0; }
.fixed_feedback .title a{ float:right;}
.fixed_feedback .title a em{ color:#FFF;}
.fixed_feedback .content{ padding:10px 20px 20px; background-color:#FFF; -moz-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px;}



/*手机底部样式*/
.m_bottm_menu{ background-color:#0565a6; color:#FFF;}
.m_bottm_menu .item{ width:25%;}
.m_bottm_menu .item a{ color:#FFF;}

/*手机版菜单*/
.m_nav_back{height:100%;width:100%;position:fixed;background-color:#000;z-index:99998;top:0;left:-100%;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;}
.m_nav_back.menu_is_open{left:0;}
.m_nav{height:100%;width:90%;max-width:360px;overflow:hidden;background-color:#FFF;position:fixed;z-index:99999;top:0;left:-360px;display:inline-block;}
.m_nav.menu_is_open{left:0;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0)}
.m_nav .close{ position:absolute; right:0px; top:0px; cursor:pointer;}
.m_nav .close em{ font-size:18px; width:50px; height:50px; line-height:50px; display:inline-block; text-align:center;}
.m_nav .panel{ height:100%; overflow:auto; padding:30px 20px;}
.m_nav .panel .lang{}
.m_nav .panel .lang a{ display:inline-block; padding:5px; margin:10px 10px 10px 0;}
.m_nav .panel .lang a img{ vertical-align:middle; margin-right:4px;}
.m_nav .panel .m_user_info{ margin:10px; text-align:center;}
.m_nav .panel .m_user_info a{ display:inline-block;}
.m_nav .panel .m_menu{}
.m_nav .panel .m_menu a{display:block;text-decoration:none;}
/*一级*/
.m_nav .panel .m_menu>li{ border-bottom:solid 1px #efefef;}
.m_nav .panel .m_menu>li>a{ font-weight:bold;font-size:16px;padding:12px 5px;}
/*二级*/
.m_nav .panel .m_menu ul{display:none;padding:0 0 10px;}
.m_nav .panel .m_menu ul a{ font-size:15px;padding:3px 5px;}
/*三级*/
.m_nav .panel .m_menu ul ul{padding-left:10px; padding-bottom:8px;}
.m_nav .panel .m_menu ul ul a{ font-size:14px;padding:1px 5px;}
/*四级*/
.m_nav .panel .m_menu ul ul ul a{ font-size:13px;}
.m_nav span{float:right;margin-top:1px; font-weight:normal; color:#dddddd;}
.m_nav .active a{color:#0565a6;}




/*共用*/
.page_content{ padding:20px 0;}
.page_content2{ padding:20px 0;}
.bg1{ background-color:#fafafa;}
.blank_row{ height:20px;}
.blank_row2{ height:15px;}
.left{ width:100%;}
.right{ width:100%;}
.title1{ text-align:center; color:#222; position:relative; letter-spacing:2px;}
/*.title1:after{ margin-left:-20px; width:40px; height:1px; background-color:#8b919e; content:""; position:absolute; bottom:0; left:50%;}*/
.title1 h2{ margin:0; font-weight:normal; color:#0565a6; line-height:1.6; font-size:24px;}
.title1 h3{ margin:0; font-weight:normal; color:#8b919e; line-height:1.6; font-size:18px;}
.title1.white, .title1.white h2 span, .title1.white h3{ color:#FFF;}
.title1.white:after{ background-color:#FFF;}
.mt1{ margin-top:15px;}
.mt2{ margin-top:10px;}
.btn1{ background-color:#0565a6; color:#FFF; padding:4px 20px; display:inline-block; font-size:16px;}
.btn1:hover{ background-color:#333333; color:#fff;}
.btn1.small{ padding:3px 15px; font-size:14px;}
.fs1{ font-size:22px; line-height:1.4;}
.fs2{ font-size:20px;}
.fs3{ font-size:18px;}
.fs4{ font-size:18px;}
.icon_hot1{ margin-left:5px;}
.icon_hot2{ margin-right:5px;}
.no_data{ text-align:center; padding:50px 0;}
@media (min-width: 768px) {
	.page_content{ padding:20px 0;}
	.page_content2{ padding:20px 0;}
	.blank_row{ height:20px;}
	.blank_row2{ height:15px;}
	.title1{}
	.title1:after{ margin-left:-30px; width:60px; height:2px;}
	.title1 h2{ font-size:28px;}
	.title1 h3{ font-size:22px;}
	.mt1{ margin-top:20px;}
	.mt2{ margin-top:15px;}
	.btn1{ padding:6px 28px;}
	.fs1{ font-size:26px;}
	.fs2{ font-size:24px;}
	.fs3{ font-size:22px;}
	.fs4{ font-size:20px;}
}
@media (min-width: 992px) {	
	.page_content{ padding:40px 0;}
	.page_content2{ padding:40px 0;}
	.blank_row{ height:40px;}
	.blank_row2{ height:20px;}
	.left{ width:240px;}
	.right{ width:calc(100% - 240px); margin-top:0; padding-left:30px;}
	.title1 h2{ font-size:38px;}
	.title1 h3{ font-size:24px;}
	.mt1{ margin-top:25px;}
	.mt2{ margin-top:20px;}
	.btn1{ padding:6px 30px; font-size:18px;}
	.btn1.small{ padding:5px 20px; font-size:16px;}
	.fs1{ font-size:32px;}
	.fs2{ font-size:30px;}
	.fs3{ font-size:28px;}
	.fs4{ font-size:24px;}
}
@media (min-width: 1200px) {
	.left{ width:270px;}
	.right{ width:calc(100% - 270px); margin-top:0; padding-left:50px;}
	.title1 h2{ font-size:48px;}
	.title1 h3{ font-size:28px;}
	.fs1{ font-size:36px;}
}


/*广告位置*/
.gg_list1{}
.gg_list1 .item{ margin-top:6px;}
.gg_list1 .item:first-child{ margin-top:0;}
.gg_list2{ margin:-3px; padding:6px 0 0;}
.gg_list2 .item{ width:50%; padding:3px;}
@media (min-width: 768px) {
	.gg_list1 .item{ margin-top:10px;}
	.gg_list2{ margin:-5px; padding:10px 0 0;}
	.gg_list2 .item{ padding:5px;}
}
@media (min-width: 992px) {	
	.gg_list1 .item{ margin-top:20px;}
	.gg_list2{ margin:-10px; padding:20px 0 0;}
	.gg_list2 .item{ padding:10px;}
}



/*友情链接*/
.link{ background-color:rgba(255,255,255,0.6); padding:20px 15px 15px;}
.link1{ line-height:30px;}
.link1 .n1{ font-size:30px;}
.link1 .n2{ background-color:#252b3a; color:#FFF; display:inline-block; padding:0 10px; margin-left:8px;}
.link2{ width:100%; margin:5px 0 0;}
.link2 ul{ margin:0 -10px;}
.link2 li{ width:33.33%;}
.link2 li a{ display:block; padding:5px 10px 5px; text-align:center;}
.link2 li a img{}
@media (min-width: 768px) {
	.link{ padding:20px 30px;}
	.link1{ width:200px; margin-top:4px;}
	.link2{ width:calc(100% - 200px); margin:0;}
	.link2 ul{ margin:0 -10px 0 0;}
	.link2 li{ width:25%;}
	.link2 li a{ padding:5px 10px;}
}
@media (min-width: 992px) {	
	.link2 ul{ margin:0 -15px 0 0;}
	.link2 li a{ padding:5px 15px;}
}
@media (min-width: 1200px) {	
	.link2 li{ width:20%;}
}
@media (min-width: 1500px) {	
	.link2 li{ width:16.66%;}
}


/*内页模幅*/
.banner{}


/*当前位置*/
.location{ padding:6px 0; background-color:#f6f6f6;}
.location i{ color:#90939a; margin-right:6px;}
.location a{}
.location a:hover{ text-decoration:underline;}
.location1{ color:#0565a6; margin-bottom:10px;}
@media (min-width: 768px) {
	.location{ padding:8px 0;}
}
@media (min-width: 992px) {	
	.location{ padding:10px 0;}
}


/*页数*/
.page{ text-align:center; line-height:30px; margin:15px 0 5px;}
.page a, .page .this, .page .this_nu{ padding:0 10px; margin:5px 2px; -moz-border-radius:3px; border-radius:3px; display:inline-block;}
.page a{ border:solid 1px #8b919e;}
.page a:hover{ border-color:#0565a6; color:#0565a6;}
.page .this{ border:solid 1px #e9e9e9; color:#8b919e;}
.page .this_nu{ background-color:#0565a6; color:#FFF;}


/*文章分类列表1*/
.article_class_list1{ margin:-10px 0;}
.article_class_list1 .item{ width:100%; padding:15px 0;}
.article_class_list1 .item .title{ position:relative; margin-bottom:15px;}
.article_class_list1 .item .title:before{ width:3px; height:16px; margin-top:-8px; left:0; top:50%; background-color:#0565a6; content:""; position:absolute;}
.article_class_list1 .item .title h2{ color:#0565a6; margin:0; line-height:1.2; padding-left:12px; display:inline-block;}
.article_class_list1 .item .title a{ float:right; display:inline-block;}
.article_class_list1 .item .content{ padding:6px;}
@media (min-width: 768px) {
	.article_class_list1{ margin:-15px -15px;}
	.article_class_list1 .item{ width:50%; padding:15px 15px;}
	.article_class_list1 .item .title:before{ width:4px; height:16px; margin-top:-8px;}
	.article_class_list1 .item .title h2{ padding-left:14px;}
	.article_class_list1 .item .content{ padding:15px;}
}
@media (min-width: 992px) {
	.article_class_list1{ margin:-20px -30px;}
	.article_class_list1 .item{ width:50%; padding:20px 30px;}
	.article_class_list1 .item .title:before{ width:5px; height:20px; margin-top:-10px;}
	.article_class_list1 .item .title h2{ padding-left:16px;}
	.article_class_list1 .item .content{ padding:24px;}
}


/*文章分类列表2*/
.article_class_list2{ margin:-10px 0;}
.article_class_list2 .item{ width:100%; padding:15px 0;}
.article_class_list2 .item .title{ position:relative; margin-bottom:15px;}
.article_class_list2 .item .title:before{ width:3px; height:16px; margin-top:-8px; left:0; top:50%; background-color:#0565a6; content:""; position:absolute;}
.article_class_list2 .item .title h2{ color:#0565a6; margin:0; line-height:1.2; padding-left:12px; display:inline-block;}
.article_class_list2 .item .title a{ float:right; display:inline-block;}
.article_class_list2 .item .content{ padding:0 0 1px;}
@media (min-width: 768px) {
	.article_class_list2{ margin:-15px -15px;}
	.article_class_list2 .item{ padding:15px 15px;}
	.article_class_list2 .item .title:before{ width:4px; height:16px; margin-top:-8px;}
	.article_class_list2 .item .title h2{ padding-left:14px;}
}
@media (min-width: 992px) {
	.article_class_list2{ margin:-20px -30px;}
	.article_class_list2 .item{ padding:20px 30px;}
	.article_class_list2 .item .title:before{ width:5px; height:20px; margin-top:-10px;}
	.article_class_list2 .item .title h2{ padding-left:16px;}
}



/*文章列表*/
.article_list1{ max-width:1280px; margin:0 auto;}
.article_list1 .item{ border-bottom:solid 1px #e9e9e9; padding:20px 0;}
.article_list1 .item:first-child{ margin-top:-20px;}
.article_list1 .item .pic{ width:100%; padding:5px;}
.article_list1 .item .pic a{ display:block; overflow:hidden;}
.article_list1 .item .info{ width:100%; margin-top:10px;}
.article_list1 .item .info .title{ font-weight:bold; font-size:16px;}
.article_list1 .item .info .title a{ display:block;}
.article_list1 .item .info .desc{ color:#8b919e; margin:6px 0; -webkit-line-clamp:3;}
.article_list1 .item .info .time{}
@media (min-width: 768px) {
	.article_list1 .item{ padding:25px 0;}
	.article_list1 .item:first-child{ margin-top:-25px;}
	.article_list1 .item .pic{ width:32%;}
	.article_list1 .item .info{ width:67%; padding-left:30px; margin-top:0;}
	.article_list1 .item .info .title{ font-size:18px;}
}
@media (min-width: 992px) {	
	.article_list1 .item{ padding:30px 0;}
	.article_list1 .item:first-child{ margin-top:-30px;}
	.article_list1 .item .info .desc{ margin:10px 0; -webkit-line-clamp:5;}
}

.article_list2{ border-bottom:solid 1px #e9e9e9;}
.article_list2 a{ padding:10px 0;}
.article_list2 a em{ margin-right:5px;}
.article_list2 a .txt{ width:calc(100% - 100px); padding-left:5px;}
.article_list2 a .time{ width:100px; text-align:center; color:#8b919e;}
@media (min-width: 768px) {
	.article_list2 a{ padding:15px 0;}
}
@media (min-width: 992px) {	
}

.article_list3{}
.article_list3 a{ padding:6px 0;}
.article_list3 a .txt{ width:calc(100% - 100px);}
.article_list3 a .time{ width:100px; text-align:center; color:#8b919e;}
@media (min-width: 768px) {
	.article_list3 a{ padding:6px 0;}
}
@media (min-width: 992px) {	
}

.article_list_pic1{ margin:-5px;}
.article_list_pic1 .item{ width:50%;}
.article_list_pic1 .item a{ display:block; text-align:center; margin:10px 5px;}
.article_list_pic1 .item a .pic{ padding:5px; margin-bottom:6px;}
.article_list_pic1 .item a .pic>div{ overflow:hidden;}
.article_list_pic1 .item a .txt{}
@media (min-width: 768px) {
	.article_list_pic1{ margin:-10px;}
	.article_list_pic1 .item{ width:33.33%;}
	.article_list_pic1 .item a{ margin:10px;}
	.article_list_pic1 .item a .pic{ margin-bottom:10px;}
}
@media (min-width: 992px) {	
	.article_list_pic1{ margin:-20px;}
	.article_list_pic1 .item a{ margin:20px;}
}


/*文章详情*/
.article_detail{ max-width:1280px; margin:0 auto;}
.article_detail .title{ font-weight:bold; text-align:center;}
.article_detail .desc{ border-bottom:solid 1px #e9e9e9; color:#8b919e; padding:10px 0;}
.article_detail .desc .size a{ color:#8b919e;}
.article_detail .desc .size a:hover{ color:#0565a6;}
.article_detail .desc>div{ padding:0 5px;}
.article_detail .desc .size{}
.article_detail .desc .time{}
.article_detail .desc .share{}
.article_detail .content{ padding:10px 0;}
.article_detail .return{ text-align:center; margin-bottom:20px;}
.article_detail .more{ border-top:solid 1px #e9e9e9; border-bottom:solid 1px #e9e9e9; padding:15px 0;}
.article_detail .more a{ padding:5px 0; display:inline-block;}
.article_detail .other{ padding:25px 0 0;}
.article_detail .other .other_title{ padding-left:12px; margin-bottom:15px; font-weight:bold; height:18px; line-height:18px; border-left:solid 5px #0565a6; color:#0565a6;}
.article_detail .other .other_list{}
@media (min-width: 768px) {
	.article_detail .desc>div{ padding:0 10px;}
	.article_detail .desc .share{}
	.article_detail .return{ margin-bottom:30px;}
}
@media (min-width: 992px) {	
	.article_detail .content{ padding:15px 20px;}
	.article_detail .more{ padding:20px 20px;}
	.article_detail .other{ padding:30px 20px 0;}
}

/*文章单页*/
.article_single{ max-width:1450px; margin:0 auto;}


/*产品列表*/
.prod_list1{ margin:-10px -6px;}
.prod_list1 .item{ width:50%; padding:10px 6px;}
.prod_list1 .item a{ display:block; text-align:center; padding:0 0 5px; height:100%;}
.prod_list1 .item .pic{}
.prod_list1 .item .txt1{ font-weight:bold; margin:6px;}
.prod_list1 .item .txt2{ margin:6px;}
.prod_list1.three .item{}
@media (min-width: 768px) {
	.prod_list1 .item{ width:33.33%;}
}
@media (min-width: 992px) {	
	.prod_list1{ margin:-20px -12px;}
	.prod_list1 .item{ width:33.33%; padding:20px 12px;}
	.prod_list1 .item a{ padding:0 0 10px;}
	.prod_list1 .item .txt1{ margin:6px 12px;}
	.prod_list1 .item .txt2{ margin:10px 12px 0;}
}
@media (min-width: 1200px) {
	.prod_list1 .item{ width:25%;}
	.prod_list1.three .item{ width:33.33%;}
}



/*产品详情*/
.prod_detail{}
.prod_detail .photo{ width:100%;}
.prod_detail .info{ width:100%;}
.prod_detail .info .model{}
.prod_detail .info .name{ padding-bottom:10px;}
.prod_detail .info .price{ padding-bottom:20px; color:#F00; font-weight:bold;}
.prod_detail .info .desc{ border-top:solid 1px #cbcbcb; border-bottom:solid 1px #cbcbcb; padding:5px 0;}
.prod_detail .info .btn{ padding:20px 0;}
.prod_detail .info .share{ padding:15px 0 0;}
.prod_detail .title{ border-bottom:solid 1px #cbcbcb; font-size:16px; position:relative;}
.prod_detail .title span{ border:solid 1px #cbcbcb; border-bottom:0; background-color:#FFF; line-height:40px; padding:0 20px; display:inline-block; top:1px; position:relative;}
.prod_detail .title span:after{ height:32px; width:6px; background-color:#e5e5e5; content:""; position:absolute; right:-7px;; bottom:1px;}
.prod_detail .content{ padding:10px 0;}
.prod_detail .content .tabs{ border:0; border-collapse:collapse;}
.prod_detail .content .tabs th, .prod_detail .content .tabs td{ border:solid 1px #dcdcdc; padding:5px;}
.prod_detail .content .tabs th{ width:45%;}
.prod_detail .more{ text-align:center;}
.prod_detail .more a{ margin:0 10px;}
.prod_detail .other{}
@media (min-width: 768px) {
	.prod_detail .photo{ width:45%;}
	.prod_detail .info{ width:55%; padding-left:30px;}
	.prod_detail .title{ font-size:18px;}	
}
@media (min-width: 992px) {	
	.prod_detail .photo{ width:40%;}
	.prod_detail .info{ width:60%; padding-left:50px;}
	.prod_detail .content{ padding:15px 20px;}
}
@media (min-width: 1200px) {
}
@media (min-width: 768px) and (max-width: 1199px) {
	.prod_detail .other .item:nth-child(4){ display:none;}
}


/*产品详情相册*/
.prod_detail_photo{}
.prod_detail_photo img{ width:100%;}
.prod_detail_photo .big{ text-align:center;}
.prod_detail_photo .small{ position:relative; margin-top:10px; padding:0 20px;}
.prod_detail_photo .small .swiper-slide a{ margin:8px;}
@media (min-width: 768px) {
	.prod_detail_photo .small{ margin-top:10px; padding:0 26px;}
}
@media (min-width: 992px) {	
	.prod_detail_photo .small{ margin-top:10px; padding:0 30px;}
}
@media (min-width: 1200px) {
	.prod_detail_photo .small{ margin-top:20px; padding:0 40px;}
	.prod_detail_photo .small .swiper-slide a{ margin:10px;}
}


.index_more1{ text-align:center;}
.index_more1 a{ border:solid 1px #252b3a; display:inline-block; width:60%; line-height:36px; text-transform:uppercase; text-align:center;}
.index_more1 a:hover{ border-color:#0565a6; background-color:#0565a6; color:#FFF;}
@media (min-width: 768px) {
	.index_more1 a{ width:200px; line-height:42px; font-size:17px;}
}

.index_prod{ margin:-6px 0;}
.index_prod .item{ width:100%; padding:6px 0;}
.index_prod .item a{ display:block; position:relative;}
.index_prod .item .pic{}
.index_prod .item .txt{ font-size:22px; position:absolute; left:20px; bottom:15px; color:#FFF; -webkit-text-shadow:2px 2px 0px rgba(0,0,0,1); -moz-text-shadow:2px 2px 0px rgba(0,0,0,1); text-shadow:2px 2px 0px rgba(0,0,0,1);}
@media (min-width: 768px) {
	.index_prod{ margin:-10px;}
	.index_prod .item{ width:33.33%; padding:10px;}
	.index_prod .item .txt{ font-size:16px; left:10px; bottom:5px;}
}
@media (min-width: 992px) {
	.index_prod{ margin:-15px;}
	.index_prod .item{ padding:15px;}
	.index_prod .item .txt{ font-size:20px; left:16px; bottom:10px;}
}
@media (min-width: 1200px) {
	.index_prod{ margin:-20px;}
	.index_prod .item{ padding:20px;}
	.index_prod .item .txt{ font-size:24px; left:30px; bottom:20px;}
}

.index_about{ margin:-10px;}
.index_about>div{ padding:10px;}
.index_about1{ width:100%; padding:0;}
.index_about2{ width:100%; padding:0;}
.index_about2 .info{ font-size:16px;}
.index_about2 .info h2{ font-size:20px; margin:0 0 10px;}
.index_about2 .more{ margin-top:10px; text-align:center;}
@media (min-width: 768px) {
	.index_about1{ width:43.5%;}
	.index_about2{ width:56.5%;}
	.index_about2 .info{ padding-right:7%; font-size:16px;}
	.index_about2 .info h2{ font-size:20px;}
	.index_about2 .more{ margin-top:16px; text-align:left;}
	.index_about2 .more .pic{ width:calc(100% - 180px);}
	.index_about2 .more .index_more1 a{ width:160px;}
}
@media (min-width: 992px) {	
	.index_about2 .info{ font-size:18px;}
	.index_about2 .info h2{ font-size:24px;}
}
@media (min-width: 1200px) {	
	.index_about2 .info{ font-size:24px;}
	.index_about2 .info h2{ font-size:30px;}
}

.index_cases{}


.index_news{}
.index_news>div{}
.index_news_1{ width:100%;}
.index_news_2{ width:100%;}
@media (min-width: 768px) {	
	.index_news{ margin:0 -15px;}
	.index_news>div{ padding:0 15px;}
	.index_news_1{ width:38%;}
	.index_news_2{ width:62%;}
}
@media (min-width: 992px) {	
	.index_news{ margin:0 -30px;}
	.index_news>div{ padding:0 30px;}
}


/*
.index1{}
.index1 .pic{ padding:0;}
.index1 .info{ padding:0;}
.index1 .info .title1{ padding:5px 0;}
.index1 .info .more1{ text-align:center; margin-top:10px;}
.index1 .info .more1 a{ background-color:#0565a6; color:#FFF; padding:4px 20px; display:inline-block; font-size:16px;}
.index1 .info .more1 a:hover{ background-color:#333333; color:#fff;}
@media (min-width: 768px) {
	.index1 .info{ padding:0 4%;}
	.index1 .info .more1{ text-align:right;}
	.index1 .info .more1 a{ font-size:18px;}
}
@media (min-width: 992px) {	
	.index1 .info .more1 a{ font-size:20px;}
}
@media (min-width: 1200px) {
	.index1 .info .more1 a{ font-size:22px;}
}


.index2{ margin:-6px;}
.index2 .item{ width:50%; padding:6px; text-align:center;}
.index2 .item a{ display:block;}
.index2 .item .pic{ margin-bottom:10px;}
@media (min-width: 768px) {
	.index2{ margin:-20px;}
	.index2 .item{ width:50%; padding:20px;}
}


.index_choose1{ color:#e5e5e5; font-size:42px; font-weight:bold; position:relative; line-height:1.8;}
.index_choose1 .title1{position:absolute; bottom:6%; padding-left:6px;}
.index_choose2{ margin:-5px;}
.index_choose2 .pic{ padding:5px;}
@media (min-width: 768px) {
	.index_choose1{ font-size:56px;}
}
@media (min-width: 992px) {
	.index_choose1{ font-size:64px;}
	.index_choose2{ margin:-10px;}
	.index_choose2 .pic{ padding:10px;}
}
@media (min-width: 1200px) {
	.index_choose1{ font-size:70px;}
}

*/


/*收集邮箱留言*/
.letter_feedback{ padding:10px 0 0;}
.letter_feedback .input1{ margin:10px 0; position:relative;}
.letter_feedback .input1 input{ padding:0 10px; width:100%; height:37px; line-height:37px; color:#FFF; border:solid 1px #888888; background-color:transparent; outline:none;}
.letter_feedback .input1 .code{ position:absolute; right:5px; top:4px; cursor:pointer;}
.letter_feedback .input2{}
.letter_feedback .input2 input{ background-color:#0565a6; color:#FFF; cursor:pointer; border:0; height:37px; width:100%;}
.letter_feedback .input2 input:hover{ background-color:#ff9b50; color:#252b3a;}


/*首页swiper*/
.index_swiper>div{ padding:0 20px; margin:0 -5px;}
.index_swiper>div a{ padding:10px;}
@media (min-width: 768px) {	
	.index_swiper>div{ padding:0 20px; margin:0;}
}
@media (min-width: 992px) {	
	.index_swiper>div{ padding:0 30px;}
}
@media (min-width: 1200px) {	
	.index_swiper>div{ padding:0 40px;}
}


/*首页留言*/
.index_feedback{}
.index_feedback .input1{ margin:10px 0; position:relative;}
.index_feedback .input1 input, .index_feedback .input1 textarea{ padding:0 5px; width:100%; height:31px; line-height:31px; color:#FFF; border:solid 1px #888888; background-color:transparent; outline:none;}
.index_feedback .input1 input{}
.index_feedback .input1 textarea{ height:70px;}
.index_feedback .input1 .code{ position:absolute; right:1px; top:1px; cursor:pointer;}
.index_feedback .input2{}
.index_feedback .input2 input{ background-color:#333333; color:#FFF; cursor:pointer; border:0; height:35px; width:100%;}
.index_feedback .input2 input:hover{ background-color:#ff9b50; color:#252b3a;}



/*首页新闻样式*/
.index_article_list1{}
.index_article_list1 li{}
.index_article_list1 li a{ height:36px; line-height:36px; display:block; padding-left:5px;}
.index_article_list1 li a em{ margin-right:5px;}
.index_article_list1 li a span{ float:right; padding:0 10px; color:#8b919e;}

.index_article_list2{}
.index_article_list2 li{ padding:10px 0;}
.index_article_list2 li .title{ text-align:center; font-size:16px; line-height:1.5;}
.index_article_list2 li .desc{ color:#8b919e; margin-top:6px;}
.index_article_list2 li .desc a{ float:right;}
@media (min-width: 768px) {
	.index_article_list2 li .title{ font-size:20px;}
}

/*
.index_article_list3{ border-left:solid 1px #e0e0e0; border-top:solid 1px #e0e0e0;}
.index_article_list3 li{ width:50%; border-right:solid 1px #e0e0e0; border-bottom:solid 1px #e0e0e0;}
.index_article_list3 li a{ margin:8px; display:block; text-align:center;}
.index_article_list3 li a .pic{ margin-bottom:6px;}
.index_article_list3 li a .txt{}
@media (min-width: 768px) {
	.index_article_list3 li{ width:25%;}
	.index_article_list3 li a{ margin:15px;}
}
@media (min-width: 992px) {	
	.index_article_list3 li a{ margin:20px;}
}
*/
.index_article_list3{}
.index_article_list3 ul{ margin:-6px;}
.index_article_list3 li{ width:100%; padding:6px;}
.index_article_list3 li a{ display:block; background-color:#FFF;}
.index_article_list3 li a .info{ padding:10px; position:relative;}
.index_article_list3 li a .info em{ position:absolute; right:8px; bottom:4px; font-size:24px; color:#8b919e;}
.index_article_list3 li a .txt{ font-weight:bold;}
.index_article_list3 li a .time{ color:#8b919e;}
@media (min-width: 768px) {
	.index_article_list3 li{ width:33.33%;}
}
@media (min-width: 992px) {
	.index_article_list3 ul{ margin:-12px;}
	.index_article_list3 li{ padding:12px;}
	.index_article_list3 li a .info{ padding:15px;}
	.index_article_list3 li a .info em{ right:16px; bottom:10px; font-size:24px;}
}


.index_article_list4{ margin:-4px 0;}
.index_article_list4 li{}
.index_article_list4 li a{ background-color:rgba(255,255,255,0.6); padding:10px; display:block;}
.index_article_list4 li a .time{ font-size:15px; color:#8b919e;}
.index_article_list4 li a .txt1{ font-size:18px; line-height:1.4; margin:10px 0;}
.index_article_list4 li a .txt2{ color:#8b919e;}
.index_article_list4 li a .pic{margin-top:10px;}
@media (min-width: 768px) {
	.index_article_list4 li a{ padding:15px;}
	.index_article_list4 li a .time{ font-size:16px;}
	.index_article_list4 li a .txt1{ font-size:20px; margin:15px 0;}
	.index_article_list4 li a .pic{ margin-top:15px;}
}
@media (min-width: 992px) {	
	.index_article_list4 li a{ padding:20px;}
	.index_article_list4 li a .time{ font-size:22px;}
	.index_article_list4 li a .txt1{ font-size:28px; margin:20px 0;}
	.index_article_list4 li a .pic{ margin-top:20px;}
}

.index_article_list5{}
.index_article_list5 li{ width:100%;border-bottom:dashed 1px #b6b6b6;}
.index_article_list5 li a{ padding:15px 0; display:block;}
.index_article_list5 li a .txt1{ line-height:16px;}
.index_article_list5 li a .txt1 .txt{ width:calc(100% - 50px); font-size:16px;}
.index_article_list5 li a .txt1 .time{ width:50px; text-align:right; color:#8b919e;}
.index_article_list5 li a .txt2{ color:#8b919e; margin-top:12px;}
.index_article_list5 li a .icon{ text-align:right; line-height:1; margin-top:5px;}
.index_article_list5 li a .icon em{ font-size:18px;  color:#8b919e;}
@media (min-width: 768px) {
	.index_article_list5 li a .txt1{ line-height:18px;}
	.index_article_list5 li a .txt1 .txt{ font-size:18px;}
	.index_article_list5 li a .icon em{ font-size:22px;}
}
@media (min-width: 992px) {
	.index_article_list5 li a .txt1{ line-height:20px;}
	.index_article_list5 li a .txt1 .txt{ font-size:20px;}
	.index_article_list5 li a .icon em{ font-size:26px;}
}
@media (min-width: 1200px) {
	.index_article_list5 li a{ padding:30px 0;}
}


/*首页产品分类*/
.index_prod_class_list1{ margin:0 -6px 10px;}
.index_prod_class_list1 ul{ margin:0 auto;}
.index_prod_class_list1 li{ display:inline-block;}
.index_prod_class_list1 li a{ padding:2px 6px; display:inline-block; text-transform:uppercase;}
.index_prod_class_list1 li:after{ content:"/"; color:#8b919e;}
.index_prod_class_list1 li:last-child:after{ content:"";}
@media (min-width: 768px) {
	.index_prod_class_list1{ margin:0 -14px 20px;}
	.index_prod_class_list1 li a{ padding:2px 14px;}
}

.index_prod_class_list2{ max-width:1440px; margin:0 auto;}
.index_prod_class_list2 .flex{ margin:0 -6px;}
.index_prod_class_list2 .item{ width:50%; padding:6px;}
@media (min-width: 768px) {
	.index_prod_class_list2 .item{ width:33.33%;}
}
@media (min-width: 992px) {	
	.index_prod_class_list2 .flex{ margin:0 -12px;}
	.index_prod_class_list2 .item{ padding:12px;}
}
@media (min-width: 1200px) {	
	.index_prod_class_list2 .flex{ margin:0px -20px;}
	.index_prod_class_list2 .item{ padding:12px 20px;}
}


/*首页产品*/
.index_prod_list1{ margin:-6px;}
.index_prod_list1 .item{ width:50%; padding:6px;}
@media (min-width: 768px) {
	.index_prod_list1 .item{ width:33.33%;}
}
@media (min-width: 992px) {	
	.index_prod_list1{ margin:-12px;}
	.index_prod_list1 .item{ width:33.33%; padding:12px;}
}
@media (min-width: 1200px) {
	.index_prod_list1 .item{ width:25%;}
}
@media (min-width: 768px) and (max-width: 1199px) {	
	.index_prod_list1 .item:nth-child(1n+7){ display:none;}
}
/*
@media (min-width: 1500px) {
	.index_prod_list1 .item{ width:20%;}
	.index_prod_list1 .item:nth-child(1n+11){ display:none;}
}
*/

/*左边样式*/
.left_title{ border-bottom:solid 1px #cbcbcb; font-size:24px; margin-bottom:10px;}
.left_prod_list{}
.left_prod_list .item{ padding:10px 0;}
.left_prod_list .item .pic{ width:30%;}
.left_prod_list .item .txt{ width:70%; padding-left:10px; font-size:14px; line-height:1.5;}

.left_menu{}
.left_menu a{ display:block; position:relative;}
.left_menu ul{ position:relative;}
.left_menu>ul>li{ border-bottom:dashed 1px #cbcbcb; padding:6px 0;}
.left_menu>ul>li>a{ padding:6px 10px; font-size:18px;}
.left_menu>ul>li>a>em{ display:none;}
.left_menu>ul>li>ul{ padding:0 10px 10px;}
.left_menu>ul>li>ul>li>a{ padding:3px 8px 3px 23px; font-size:16px;}
.left_menu>ul>li>ul>li>a>em{ position:absolute; left:4px; top:4px; line-height:24px;}
.left_menu .active>a{color:#0565a6; font-weight:bold;}


/*swiper轮播样式*/
.swiper_list1{ position:relative;}
.swiper_list1 a{ display:block; text-align:center;}
.swiper_list1 .pic{ margin-bottom:5px;}
.swiper_list1 .txt{ line-height:36px;}
.swiper_list2{ position:relative; text-align:center;}
.swiper_list2 a{ display:block;}
.swiper_list2 .pic{}
.swiper_list2 .txt{ line-height:2; font-weight:bold; margin:5px 0;}
.swiper_list2 .desc{ line-height:1.8;}
.swiper_list2 .btn{ margin:10px 0 5px;}
.swiper_list2 .btn a{ display:inline-block;}
@media (min-width: 768px) {
}
@media (min-width: 992px) {	
}
@media (min-width: 1200px) {
}


/*swiper大小轮播样式*/
.swiper_two1 .small{ max-width:780px; margin:0 auto 12px; padding:0 10px;}
.swiper_two1 .small .swiper-slide{ line-height:38px; text-align:center; cursor:pointer;}
.swiper_two1 .small .swiper-slide-thumb-active{ color:#FFF;}
.swiper_two1 .small .swiper-slide:before{ background-color:#ececec; width:100%; height:100%; content:""; left:0; top:0; position:absolute; z-index:-1; transform:skewX(-25deg);}
.swiper_two1 .small .swiper-slide-thumb-active:before{ background-color:#0565a6;}
.swiper_two1 .big{}

.swiper_two2 .small{ max-width:780px; margin:0 auto; padding:0 10px;}
.swiper_two2 .small .swiper-slide{ line-height:42px; text-align:center; cursor:pointer;}
.swiper_two2 .small .swiper-slide-thumb-active{ color:#FFF;}
.swiper_two2 .small .swiper-slide:before{ background-color:#ececec; width:100%; height:100%; content:""; left:0; top:0; position:absolute; z-index:-1; transform:skewX(-25deg);}
.swiper_two2 .small .swiper-slide-thumb-active:before{ background-color:#0565a6;}
.swiper_two2 .big{ padding:0 0 1px;}


/*留言*/
.feedback{ line-height:34px; max-width:880px; margin:0 auto;}
.feedback .item{ position:relative; padding:6px 0;}
.feedback .item .name{ color:#8b919e;}
.feedback .item .name span{ color:#a90100;}
.feedback .item .val{}
.feedback .item .val .txtinput, .feedback .item .val .txtinput2{ width:100%; border:solid 1px #cccccc; outline:none; padding:0 8px; height:34px; line-height:34px;}
.feedback .item .val .txtinput2{ height:104px; line-height:22px; padding:6px 8px;}
.feedback .item .val .code{ position:absolute; right:5px; bottom:8px; cursor:pointer;}
.feedback .item .w100 label{ width:100%; display:inline-block;}
.feedback .item .w50 label{ width:50%; display:inline-block;}
.feedback .item2{ position:relative; padding:6px 0; text-align:center;}
.feedback .item2 .btn1{ cursor:pointer; border:0; width:100%;}
@media (min-width: 768px) {
	.feedback .item .name{ width:95px; position:absolute; text-align:right;}
	.feedback .item .val{ padding-left:105px;}
	.feedback .item .w100 label{ width:auto; margin-right:20px;}
	.feedback .item .w50 label{ width:auto; margin-right:20px;}
	.feedback .item2 .btn1{ width:200px;}
}
@media (min-width: 992px) {
	.feedback .item .name{ width:110px; }
	.feedback .item .val{ padding-left:120px;}
}

/*留言2*/
.feedback2{ line-height:30px; margin:0 auto;}
.feedback2 .item{ position:relative; padding:3px 0;}
.feedback2 .item .name{ color:#8b919e; font-size:14px;}
.feedback2 .item .name span{ color:#a90100;}
.feedback2 .item .val{}
.feedback2 .item .val .txtinput, .feedback2 .item .val .txtinput2{ width:100%; border:solid 1px #cccccc; outline:none; padding:0 8px; height:34px; line-height:34px;}
.feedback2 .item .val .txtinput2{ height:104px; line-height:22px; padding:6px 8px;}
.feedback2 .item .val .code{ position:absolute; right:5px; bottom:6px; cursor:pointer;}
.feedback2 .item2{ position:relative; padding:10px 0 6px 0; text-align:center;}
.feedback2 .item2 .btn1{ cursor:pointer; border:0; width:100%;}



/*会员登录*/
.login{ padding:15px; margin:20px auto;}
.login .title{ text-align:center;}
.login .content{}
.login .content .item{ margin:15px 0;}
.login .content .item .icon{ position:absolute; padding:0 10px;}
.login .content .item .icon em{ font-size:18px; line-height:46px;}
.login .content .item .input{ position:relative;}
.login .content .item .input input{ width:100%; height:46px; line-height:46px; border:solid 1px #cbcbcb; padding:0 8px 0 40px; outline:none; background-color:transparent;}
.login .content .item .input input:focus{ border-color:#0565a6;}
.login .content .item .input .code{ position:absolute; right:8px; top:8px; cursor:pointer;}
.login .btn{}
.login .btn input{ border:0; width:100%; cursor:pointer;}
.login .desc{ text-align:center; padding-top:10px;}
.login .desc a{ color:#0565a6;}
.login .desc a:hover{ color:#0565a6; text-decoration:underline;}
@media (min-width: 768px) {
	.login{ max-width:500px; padding:30px 40px 40px;}
}

/*会员注册*/
.register{ margin:0 auto;}
.register .title{ text-align:center;}
.register .content{}
.register .content .item{ margin:10px 0; position:relative;}
.register .content .item .txt{ position:relative; line-height:36px; color:#8b919e;}
.register .content .item .txt span{ color:#F00;}
.register .content .item .input{}
.register .content .item .input input, .register .content .item .input textarea{ width:100%; border:solid 1px #cbcbcb; padding:0 8px; outline:none; background-color:transparent;}
.register .content .item .input input{ height:46px; line-height:46px;}
.register .content .item .input textarea{ line-height:26px; padding:8px;}
.register .content .item .input input:focus{ border-color:#0565a6;}
.register .content .item .input input:disabled{ background-color:#F1F1F1;}
.register .content .item .input .code{ position:absolute; right:8px; bottom:9px; cursor:pointer;}
.register .btn{}
.register .btn input{ border:0; width:100%; cursor:pointer;}
.register .desc{ text-align:center; padding-top:10px;}
.register .desc a{ color:#0565a6;}
.register .desc a:hover{ color:#0565a6; text-decoration:underline;}
@media (min-width: 768px) {
	.register{ max-width:700px;}
	.register .content .item{ margin:15px 0;}
	.register .content .item .txt{ position:absolute; left:0; line-height:46px;}
	.register .content .item .input{ padding-left:160px;}
}