@charset "utf-8";

/* 

	Name: komatsu

	Author: 范波

	Verson: 0.1

	Date: 2015.06.20

*/

html { font-family:Arial, Helvetica, sans-serif;}

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd { margin: 0; padding: 0; border: 0; font-family:"微软雅黑";}

body { background: #fff; color: #666; font-size:18px; margin: 0 auto; -webkit-tap-highlight-color: rgba(0,0,0,0.1); overflow-x:hidden;}

h1{ font-size:18px;}

a{ color: #666; text-decoration: none; }

a:hover{ color:#0457b7; text-decoration:none;}

a[type=button] { color: #fff !important; }

input[type=text],textarea { border-radius: 5px; border: 1px solid #e3e3e3; background: #fff; -webkit-appearance: none; }

@media only screen and (max-width:310px) and (min-width:300px) {body { font-size: 10px }}

@media only screen and (max-width:320px) and (min-width:310px) {body { font-size: 10px }}

@media only screen and (max-width:360px) and (min-width:320px) {body { font-size: 12px }}

@media only screen and (max-width:360px) and (min-width:350px) {body { font-size: 12px }}

@media only screen and (max-width:480px) and (min-width:360px) {body { font-size: 14px }}

@media only screen and (max-width:480px) and (min-width:470px) {body { font-size: 14px }}

@media only screen and (max-width:560px) and (min-width:480px) {body { font-size: 16px }}

@media only screen and (max-width:570px) and (min-width:560px) {body { font-size: 16px }}

@media only screen and (max-width:640px) and (min-width:570px) {body { font-size: 18px }}

@media only screen and (max-width:640px) and (min-width:630px) {body { font-size: 18px }}

ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,form,img,div { margin: 0; padding: 0; list-style: none; border: 0 none; }

.con { background: #f7f7f7; overflow: hidden; }

del { color: #bbb; }

.h4-list { font-size: 1.4em; padding: 0.6em; }

.star { width: 7em; height: auto; }

/*颜色版本*/

.ect-bg { background: #5babe6 !important; color: #fff !important; height: auto; overflow: hidden; }

.ect-color { color: #5babe6 !important; }/*蓝色*/

.ect-colory { color: #e87e04 !important; }/*黄色*/

.ect-bg-colory { background: #e87e04 !important }/*背景黄色*/

.ect-colorf { color: #fff !important; }/*白色*/

.ect-bg-colorf { background: #fff; }/*背景白色*/

.ect-color999 { color: #777 !important; }/*灰色*/

.ect-border-top { border-top: 2px solid #5babe6 }

/*过度效果*/

.ect-transition05 { -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease }

/* 全局公共样式的设定 */

li { list-style-type: none; }

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

.ect-text-left { text-align: left; }

.ect-border-none { border: none; }

.ect-margin-lr { margin-left: 0.6em; margin-right: 0.6em; }

.ect-margin-tb { margin-top: 0.6em; margin-bottom: 0.6em; }

.ect-padding-lr { padding-left: 0.6em; padding-right: 0.6em; }

.ect-padding-tb { padding-top: 0.6em; padding-bottom: 0.6em; }

.ect-border-radius100 { border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; }

.ect-border-radius0 { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; }

.ect-icon-color { color: silver; }

.ect-diaplay-box { display: -webkit-box; display: -moz-box; display: -ms-box; display: box; }

.ect-box-flex { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; display: block; width: 100%; }

.ect-margin-bottom0 { margin-bottom: 0 !important; }

.ect-clear-over { clear: both; overflow: hidden; height: auto; }

/*按钮颜色*/

.ect-btn-info { width: 100%; }

/*顶部高度*/

.ect-header { height: 2.5em; position: relative; }

.ect-header span { font-size: 1.4em; position: absolute; left: 2.4em; right: 3em; top: 0.24em }

.ect-header a { width: 2.5em; height: 2.5em; }

/*icon灰色*/

.ect-icon { background-repeat: no-repeat; background-position: center center; background: url(../images/iconall.png) no-repeat; background-size: 15em; }

.ect-icon1 { background-size: 18em; }

.ect-icon-cate3 { background-position: -0.1em 0em; }

.ect-icon-home { background-position: -6.45em -0.2em; }

.ect-icon-search { background-position: -10.8em -0.2em; }

.ect-icon-search1 { background-position: -12.85em 0em; }

.ect-icon-cate { background-position: -0.1em 0em; background-size: 13em; }

.ect-icon-flow { background-position: -2.7em -0.15em; }

.ect-icon-user { background-position: -12.98em -0.15em; }

.ect-icon-history { background-position: -5.4em -0.1em; }

/*ico白色*/

.icon-write .ect-icon-home { background-position: -6.45em -2.3em; }

.icon-write .ect-icon-search { background-position: -10.8em -2.3em; }

.icon-write .ect-icon-cate { background-position: -0.1em -1.95em; background-size: 13em; }

.icon-write .ect-icon-flow { background-position: -2.65em -2.3em; }

.icon-write .ect-icon-user { background-position: -12.95em -2.3em; }

.icon-write .ect-icon-history { background-position: -5.4em -2.7em; }

.icon-write .ect-icon-search1 { background-position: -12.85em -2.6em; }

.icon-write .ect-icon-mune { background-position: -10.36em -2.6em; }

/*icon-close*/

i.icon-close { width: 3em; height: 3em; position: relative; }

i.icon-close:after,

i.icon-close:before { content: "\020"; display: block; position: absolute; top: 0px; left: 0px; color: #FFF; width: 2em; height: 2px; background: #FFF; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-top: 1.2em; margin-left: 0.8em; }

i.icon-close:after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

/*商品对应促销图标*/

i.mz { background: #f1bd08; }

i.tuan { background: #C60 }

i.mj { background: #e87e04; }

i.zk { background: #ea4b35; }

i.tbqb { background: #f59c00; }

i.pm { background: #ea4b35; }

.ect-pro-price { color: #fff; }

.ect-pro-price i { font-style: normal; padding: 0 0.4em; font-weight: normal; font-size: 0.9em; margin-right: 0.3em; }

.ect-pro-price i:last-child { margin-right: 0 }

/*边框属性*/

.ect-border-bottom0 { border-bottom: none !important; }



.blank{ height:0; line-height:0; display:block; overflow:hidden; clear:both;}

.blank5{ height:0.42em; line-height:0; display:block; overflow:hidden; clear:both;}

.blank10{ height:0.84em; line-height:0; display:block; overflow:hidden; clear:both;}

.blank20{ height:1.43em; line-height:0; display:block; overflow:hidden; clear:both;}



/*	=====  首页  =====  */

.header{}

.header_top{ border-bottom:1px solid #ccc; line-height:2.5em; padding:0 1.1em;}

.header_top .huanying{ float:left; font-size:0.8em;}

.header_top .tel{ float:right; color:#333;}

.header_top .tel span{ font-weight:700;}

.header_top .tel a{ color:#0457b7;}

.header_logo{ padding:1.667em 0 1.667em 1.1em; background:#0457b7;}

.header_logo .logo{ float:left;}

.header_logo .logo img{width:94%;}

.header_logo i{ float:left; height:3em; width:1px; background:url(../images/logo_line.png) no-repeat; background-size:contain; margin:0 .8333em;}

.header_logo span{ float:left;}

.header_logo font{ color:#0457b7;}

.header_nav{ height:2.833em; border-bottom:2px solid #0457b7; box-sizing: content-box;}

.header_nav>ul{ padding-left:.5em;}

.header_nav>ul>li{ float:left; line-height:2.834em; position:relative; z-index:2; width:25%;}

.header_nav>ul>li>a{ margin:0 .8em; float:left; background:url(../images/menu_03.gif) no-repeat center center; width:100%;}

.header_nav>ul>li>a span{ font-size:1em; line-height:2.833em; vertical-align:top;}

.header_nav .mt a{ padding:0 .7em; height:2.428em; overflow:hidden; color:#333; display:inline-block; vertical-align:top; font-size:1.166em;}

.header_nav li.cur .mt a{ background:#0457b7; color:#fff;}

.header_nav .mc{ width:7.8em; position:absolute; top:3.027em; left:0; padding:0 0 0 .8em; background:#b0202a; display:none;}

.header_nav .mc li{ border-top:1px solid #fff;}

.header_nav .mc li:first-child{ border-top:0;}

.header_nav .mc li a{ color:#fff; white-space:nowrap; display:block; position:relative; padding-right:1.6em; font-size:1em;}

.header_nav .mc li a i{ width:.584em; height:1em; position: absolute; top: .89em; right: .63em; background: url(../images/sanjiao_right.png) no-repeat; background-size: contain;}


.ad_banner{ position:relative; z-index:1;}

.ad_banner .bd li img{ width:100%; height:auto;}

.ad_banner .hd{ position:absolute; width:100%; height:0; bottom:1.2em; text-align:center;}

.ad_banner .hd ul{ display:inline-block; vertical-align:top;}

.ad_banner .hd li{ width:.5em; height:.5em; overflow:hidden; background:#fff; float:left; margin:0 .3em; text-indent:-999px; border-radius:100%;}

.ad_banner .hd li.on{ background:#0457b7;}



.cate_list{ position:relative; padding:0 1.1em 1.1em;}

.cate_list ul{ border-bottom:1px solid #0457b7; text-align:center; display:table; width:100%; padding:1.666em 0 1.333em;}

.cate_list li{ width:33.33%; display:inline-block; vertical-align:top;}

.cate_list li a{ font-size:1.334em;}

.cate_list li a i{ width:.6em; height:.6em; border:1px solid #fff; border-radius:100%; display:inline-block; vertical-align:top; margin:.44em .44em 0 0;}

.cate_list li.cur a{ color:#0457b7;}

.cate_list li.cur a i{ border-color:#0457b7;}

.cate_list .cate_list_jt{ width:3.833em; height:2.166em; background:url(../images/icon01.png) no-repeat; background-size:contain; position:absolute; left:50%; bottom:0; margin-left:-23px;}



.cate_con{ padding:20px;}

.imgtext_list{}
.imgtext_list .mc1 img{width:100%;}

.imgtext_list ul{ width:100%; display:table;}

.imgtext_list li{ margin:2.75em 2% 0; width:46%; float:left; border:1px solid #d8d8d8; padding:.7em .7em 2em; position:relative;}

.imgtext_list li:nth-child(1),.imgtext_list li:nth-child(2){ margin-top:0;}

.imgtext_list li .img{ padding-bottom:.5em;}

.imgtext_list li .img img{ width:100%; height:142px; vertical-align:top;}

.imgtext_list li .tit{ text-align:center;overflow:hidden;}

.imgtext_list li .more{ position:absolute; bottom:-1.125em; left:50%; margin-left:-3.4em;}

.imgtext_list li .more a{ width:7.1em; height:2.25em; line-height:2.25em; text-align:center; background:#0457b7; display:block; color:#fff;}



.page{ text-align:center; border-top:2px solid #0457b7;}

.page ul{ display:inline-block; vertical-align:top;}

.page li{ float:left; margin:0 .267em;}

.page li a,.page li span{ width:2em; height:2em; text-align:center; line-height:2em; display:block; background:#c7c7c7; color:#fff; font-size:1.25em;}

.page li a:hover,.page li span{ background:#0457b7;}



.imgtext_list_detail{ padding:0 1em 1em 1em;}

.imgtext_list_detail .tit{ font-size:1.25em; font-weight:700; text-align:center;}

.imgtext_list_detail .big_img{ text-align:center; padding-top:1em;}

.imgtext_list_detail .big_img img{ width:80%; height:auto; border:1px solid #a6a6a6; vertical-align:top;}

.imgtext_list_detail .info_box{}

.imgtext_list_detail .mt{ font-size:1em; color:#fff; padding:.2em; background:#0457b7; border-bottom: solid 2px #0457b7;}

.edit{ font-size:0.8em; line-height:1.833em; color:#333;}

.edit img{ max-width:100%; height:auto;}
。edit table{width:100%;}



.advantage_box{}

.zulinfangan{}

.zulinfangan .mt img{ width:100%; height:auto;}

.zulinfangan .mc li{ width:50%; float:left; padding:0 1em; position:relative; height:2em; overflow:hidden; line-height:2em;}

.zulinfangan .mc li i{ width:.417em; height:.417em; overflow:hidden; background:#c4242f; position:absolute; top:.8em; left:0;}

.zulinfangan02 .mc li{ width:100%;}



.sub_news{}

.sub_news .mt img{ width:100%; height:auto;}

.sub_news .mc li{ border-bottom:1px solid #ebebeb; padding:1em 0;}

.sub_news .mc li:last-child{ border-bottom:0;}

.sub_news .mc li .tit{ padding:0 1em; position:relative; height:2em; overflow:hidden; line-height:2em;}

.sub_news .mc li .tit a{ font-size:1.25em; color:#333;}

.sub_news .mc li .tit i{ width:.417em; height:.417em; overflow:hidden; background:#c4242f; position:absolute; top:.8em; left:0;}

.sub_news .mc li .text{ padding-left:1em; }



.news_list_box{}

.news_list_box dl{ padding:1em 0; display:table; width:100%; border-top:1px dotted #e6e6e6;}

.news_list_box dl:first-child{ border-top:0;}

.news_list_box dt{ width:5.334em; float:left; text-align:center; font-weight:normal; margin-right:1.25em;}

.news_list_box dt span{ display:block; line-height:2em; height:2em; font-size:1.25em; color:#fff; background:#0457b7;}

.news_list_box dt p{ font-size:3.383em; height:1.35em; line-height:1.35em; background:#f2f2f2; color:#000;}

.news_list_box dd{ overflow:hidden;}

.news_list_box dd .tit{ font-size:1.416em; height:1.413em; white-space:normal; overflow:hidden;}

.news_list_box dd .tit a{ color:#000;}

.news_list_box dd .box{ padding-top:.5em; height:4.25em; overflow:hidden; box-sizing: content-box;}



.news_detail_box{}

.news_detail_box .mt{ font-size:1.583em; text-align:center; color:#000; border-bottom:1px dashed #a3a3a3; padding-bottom:.8em;}

.page_news{ padding-top:1em; border-top:1px dashed #a3a3a3;}

.page_news ul{ width:100%; display:table;}

.page_news li{ line-height:2.167em; height:2.167em; overflow:hidden; position:relative; padding:.334em 6em .334em 0; box-sizing: content-box;}

.page_news li a{ display:block;}

.page_news li span{ width:5.834em; background:#0457b7; color:#fff; text-align:center; display:inline-block; vertical-align:middle; margin-right:.8em;}

.page_news li i{ line-height:2.167em; font-style:normal; position:absolute; top:.334em; right:0;}



.ad_index img{ max-width:100%; height:auto;}

.in_title{ color:#666; font-size:1.833em; text-align:center; padding:.5em 0;}

.in_choice,.our_service,.ad_index,.in_about,.customer_witness,.in_plan{ padding:0 1.1em;}

.in_choice .mc .hd{ display:none;}

.in_choice .mc ul{ width:100%; display:table; border-bottom:1px solid #d6d6d6; padding-bottom:.4em; text-align:center;}

.in_choice .mc li{ width:33.33%; float:left; vertical-align:top; padding-bottom:.8em;}

.in_choice .mc li img{ max-width:100%; height:auto;}

.in_choice .mc li p{ padding-top:.3em;}



.our_service .mc ul{ display:table; width:100%; text-align:center;}

.our_service .mc li{ width:33.33%; display:inline-block; vertical-align:top; padding-bottom:.8em;}

.our_service .mc li img{ max-width:85%; height:auto;}

.our_service .mc li p{ padding-top:.3em;}



.in_about .mc img{ max-width:100%; height:auto; padding-bottom:.8em;}

.in_about .mc .more{ text-align:center; padding-top:.8em;}

.in_about .mc .more a{ padding:.2em .8em; color:#0457b7; border:1px solid #0457b7; border-radius:.25em; display:inline-block; vertical-align:top;}



.customer_witness .mc dl{ padding:1em 0; overflow:hidden; border-bottom:1px solid #e6e6e6;}

.customer_witness .mc dl:first-child{ padding-top:0;}

.customer_witness .mc dt{ width:11em; float:left; margin-right:.8em;}

.customer_witness .mc dt img{ width:100%; height:auto;}

.customer_witness .title{ padding:0 0 0 1em; position:relative; height:2em; overflow:hidden; line-height:2em;}

.customer_witness .title a{ font-size:1.25em; color:#333;}

.customer_witness .title i{ width:.25em; height:.25em; overflow:hidden; background:#c4242f; position:absolute; top:.7em; left:0;}

.customer_witness .mc .box{ padding-left:1em; height:2.834em; overflow:hidden;}

.customer_witness .mc .more{ padding-top:.7em;}

.customer_witness .mc .more a{ padding:.2em .8em; color:#0457b7; border:1px solid #0457b7; border-radius:.25em; display:inline-block; vertical-align:top;}



.in_plan .mc{ position:relative;}

.in_plan .hd span{ width:2.5em; height:2.5em; line-height:2.5em; text-align:center; background:#0457b7; font-family:"宋体"; color:#fff; position:absolute; top:50%; margin-top:-1.5em;}

.in_plan .hd span.prev{ right:0;}

.in_plan .hd span.next{ left:0;}

.in_plan .hd span.prevStop,.in_plan .hd span.nextStop{ background:#c7c7c7;}

.in_plan .hd ul{ display:none;}

.in_plan .bd{ overflow:hidden;}

.in_plan .bd ul{ float: left; width:100%;}

.in_plan .bd li{ width:46%; float: left; text-align: center;border:1px solid #d8d8d8; margin:0 2%; padding:.5em;}

.in_plan .bd li img{ width:100%; height:142px;  vertical-align:top;}

.in_plan .bd li p{ padding-top:.8em;}

.mc1 dl{ padding:1em 0; overflow:hidden; border-bottom:1px solid #e6e6e6;}

.mc1 dl:first-child{ padding-top:0;}

.mc1 dt{ width:11em; float:left; margin-right:.8em;}

.mc1 dt img{ width:100%; height:auto;}

.mc1 .title{ padding:0 0 0 1em; position:relative; height:2em; overflow:hidden; line-height:2em;}

.mc1 .title a{ font-size:1.25em; color:#333;}

.mc1 .title i{ width:.25em; height:.25em; overflow:hidden; background:#c4242f; position:absolute; top:.7em; left:0;}

.mc1 .box{ padding-left:1em;overflow:hidden;}

.mc1 .more{ padding-top:.7em;}

.mc1 .more a{ padding:.2em .8em; color:#b0202a; border:1px solid #b0202a; border-radius:.25em; display:inline-block; vertical-align:top;}



.footer{ background:#0457b7;}

.footer_tel{ background:#0457b7; position:relative;}

.footer_tel_box{ background:#f0f0f0; padding:3.334em 0 2.083em; text-align:center; border-top:1px solid #dae5da;}

.footer_tel_box i{ width:29px; height:32px; background:url(../images/footer_tel.png) no-repeat; background-size:contain; display:inline-block; vertical-align:top; margin-right:1em;}

.footer_tel_box span{ font-size:15px; color:#0457b7;}

.footer_tel_box font{ font-size:20px; font-weight:800;}

.footer_tel_box a{ color:#0457b7;}

.footer_tel .to_top{ width:54px; height:28px; background:url(../images/to_top.png); background-size:contain; position:absolute; top:0; left:50%; margin-left:-27px;}

.footer_box,.footer_box a,.footer_box a:hover{ color:#fff;}

.footer_box{ padding:.8em; text-align:center;}

.footer_box .youshi{}

.footer_box .youshi ul{ display:inline-block; vertical-align:top;}

.footer_box .youshi li{ float:left; padding:0 .5em;}

.footer_box .youshi li img{ height:5.834em; width:auto;}

.footer_box .youshi li p{ font-size:1em; line-height:2.5;}

.footer_nav{ padding-top:1em;}

.footer_nav span{ margin:0 .4em;}

.footer_copy{ padding-top:0em;}



.fixed_nav{ width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5); z-index:999; display:none;}

.fixed_nav_box{ width:85%; height:100%; background:#0457b7;}

.fixed_nav_box a{ color:#fff;}

.fixed_nav_box ul{ padding:.8em;}

.fixed_nav_box li{ border-bottom:1px dashed #66b066;}

.fixed_nav_box li .mt{ line-height:4.167em; position:relative;}

.fixed_nav_box li .mt a{ font-size:1.5em; padding-left:1.3em; display:block;}

.fixed_nav_box li .mt i{ position:absolute; top:50%; right:1.667em; width:2em; height:2em; margin-top:-1em; background:url(../images/zhankai.png) no-repeat; background-size:contain;}

.fixed_nav_box li .mc{ border-top:1px dashed #66b066; display:none;}

.fixed_nav_box li .mc p{ position:relative;}

.fixed_nav_box li .mc a{ line-height:3.083em; padding-left:3.33em; display:block;}

.fixed_nav_box li .mc i{ width:.667em; height:.667em; overflow:hidden; border:.084em solid #fff; position:absolute; top:50%; left:1.95em; margin-top:-.3335em; border-radius:100%; display:none;}

.fixed_nav_box li .mc p.cur i,.fixed_nav_box li .mc a:focus+i{ display:block;}

.fixed_nav_box li.cur .mc{ display:block;}

.fixed_nav_box li.cur .mt i,.fixed_nav_box li.on .mt i{ background-image:url(../images/shousuo.png); background-size:contain;}

.fixed_nav .guanbi{ position:fixed; width:15%; height:100%; top:0; right:0; text-align:center; color:#fff; font-size:2.5em;}

.fixed_nav .guanbi span{ position:absolute; top:50%; width:100%; left:0; margin-top:-1.5em;}