/* CSS Document */
*{margin:0;padding:0;}
body{ background:#f1f4f5;}
body{color:#333;font-family:"Microsoft YaHei";font-size:0.625em; line-height:22px;}
body.hPC,body.hIphone{ padding-bottom:0 !important;}
input{border:none; font-size:1em; outline:none;}
/*::-webkit-input-placeholder { /* WebKit browsers */ color:#cccccc;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#cccccc;}
::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#cccccc;}
:-ms-input-placeholder { /* Internet Explorer 10+ */color:#cccccc;}*/
.clear {clear:both;}
a{color:inherit;text-decoration:none;}
ul,ol,li{list-style:none;}
i{ font-style:normal;}
h1,h2,h3,h4,h5{ font-size:14px; font-weight:100;}

header,.top_adv,.banner,.content{ max-width:480px; margin:auto; min-width:320px;}
.lrp12{ padding-left:12px; padding-right:12px;}
.fon14{ font-size:1.4em !important;}
.fon16{ font-size:1.6em !important;}
.cor111{ color:#111;}
.cor666{ color:#666;}
.cor999{ color:#999;}
.tbm20{ margin-top:20px; margin-bottom:20px;}
.lm20{ margin-left:20px;}
.lm30{ margin-left:30px;}
.lm40{ margin-left:40px;}
.p12{ padding:12px;}
.corRed{ color:#ff3300;}
.corGreen{color:#7ab800;}
.corCheng{color:#ff9500;}
.corBlue{ color:#0088e7;}
.wid50{ width:50px !important;}
.wid60{width:60px !important;}
.wid70{ width:70px !important;}
.wid80{ width:80px !important;}
.wid100{ width:100px !important;}
.flol{ float:left;}
.flor{ float:right;}
.mr12{ margin-right:12px;}
.f12{ font-size:12px;}
.cen{ text-align:center;}
.icon_all,header .tel,.search i{ background:url(../../../images/front/layout2/icon.png) no-repeat; background-size:90px auto;}

.top_adv{ position:relative;}
.top_adv img{ width:100%;}
.top_adv div.esc{ width:9%; height:100%; right:0; top:0; position:absolute;}
header{ height:44px; line-height:44px; background:#fff; box-shadow:0 2px 4px rgba(0, 0, 0, 0.22); position:relative; z-index:10;}
header .logo{ padding-left:10px; float:left;}
header .logo img{ height:44px;}
header .tel{ float:right; width:45px; height:44px; background-position:2px 3px;}
.banner{ height:100px; position:relative; overflow:hidden;}
.banner section{ background:no-repeat center; background-size:100% auto; height:100px; position:absolute; width:100%; display:none; box-shadow:0 0 15px #000000;}
.banner section.z-current{ display:block;}
.banner ul{ width:100%; text-align:center; position:absolute; z-index:10; margin-top:80px;}
.banner ul li{ display:inline-block; background:#FFF; width:8px; height:8px; border-radius:10px; margin:0 3px; opacity:0.6;}
.banner ul li.xz{ opacity:1;}
.banner section a{}
.banner section a.xz{ position:absolute; width:100%; height:100%;}

.search{ margin:10px 40px 10px 10px; position:relative;}
.search input{ border:#dadce2 solid 1px; padding:7px 15px; line-height:16px; border-radius:20px; width:100%; font-size:1.4em;}
.search i{ position:absolute; height:30px; width:30px; background-position:-45px -3px; right:-29px;}
.menu_1{ overflow:hidden; margin:0 10px;}
.menu_1 a{ float:left; width:49%; height:70px; line-height:67px; background-color:#ff6b6c; font-size:1.5em; color:#FFF; text-align:center; border-radius:2px; margin-bottom:7px;}
.menu_1 a img{ width:38px; height:38px;vertical-align:middle;}
.menu_1 a span{ display:inline-block; vertical-align:middle; width:61px; text-align:right; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.menu_1 a:nth-child(even){ float:right; }
.menu_1 a:nth-child(2){background-color:#4ea9e7;}
.menu_1 a:nth-child(3){background-color:#8fc754;}
.menu_1 a:nth-child(4){background-color:#9470c1;}
.menu_1 a:nth-child(3),.menu_1 a:nth-child(4){height:50px; line-height:47px;}
.menu_1 a:nth-child(3){background-color:#8fc754;}
.menu_1 a:nth-child(4){background-color:#9470c1;}
.menu_1 div{float:left; width:49%;}
.menu_1>div a{height:50px; line-height:47px; width:48%; line-height:12px;}
.menu_1>div a img{width:23px; height:23px; margin:5px 0 0 0;}
.menu_1>div a span{width:100%; text-align:center; font-size:0.85em;height: 22px;line-height: 22px;}
.menu_1 div:nth-child(even){ float:right;}

.menu_1 div a{ background-color:#60cfe3}
.menu_1 div a:nth-child(2){ background-color:#f3a625}
.menu_1 div:nth-child(even) a{ background-color:#e360b6}
.menu_1 div:nth-child(even) a:nth-child(2){ background-color:#35cb86}

/*.menu_2{}
.menu_2 a{ height:50px; line-height:47px; background-color:#8fc754;}
.menu_2 a:nth-child(2){background-color:#9470c1;}

.menu_3{}
.menu_3 a{ height:50px; line-height:47px; width:48%; line-height:12px;}
.menu_3 div{ float:left; width:49%;}
.menu_3 div:nth-child(2){ float:right;}
.menu_3 div:nth-child(1) a{ background-color:#60cfe3}
.menu_3 div:nth-child(1) a:nth-child(2){ background-color:#f3a625}
.menu_3 div:nth-child(2) a{ background-color:#e360b6}
.menu_3 div:nth-child(2) a:nth-child(2){ background-color:#35cb86}
.menu_3 a img{ width:23px; height:23px; margin:5px 0;}
.menu_3 a span{ width:100%; text-align:center; font-size:0.85em;}*/

.ind_tit{ height:1px; background-color:#30abea; color:#30abea; line-height:0; margin:25px 10px 15px 10px; text-align:center;}
.ind_tit>div{ float:left; height:1px;}
.ind_tit .l{ width:33%;background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #f1f4f5), color-stop(1, #30abea)); }
.ind_tit .r{ width:33%; float:right;background-image:-webkit-gradient(linear, left top, right bottom, color-stop(0, #30abea), color-stop(1, #f1f4f5)); }
.ind_tit .tit{height:1px; width:34%;}
.ind_tit .tit div{ height:1px;background:#f1f4f5; display:inline-block; padding:0 7px; font-size:1.2em;}
.ind_tit .tit div i{background:#30abea; width:3px; height:3px; border-radius:3px; position:absolute;}
.ind_tit .tit div i:nth-child(1){ margin:-1px 0 0 -8px;}
.ind_tit .tit div i:nth-child(2){ margin:-1px 0 0 7px;}
.ind_tit_lv{background-color:#35cb86; color:#35cb86;}
.ind_tit_lv .l{background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #f1f4f5), color-stop(1, #35cb86));}
.ind_tit_lv .r{float:right;background-image:-webkit-gradient(linear, left top, right bottom, color-stop(0, #35cb86), color-stop(1, #f1f4f5)); }
.ind_tit_lv .tit div i{background:#35cb86;}

.pro_li,.pro_li_max{ overflow:hidden; margin:0 10px;}
.pro_li li{ width:48%;float:left; border:#cbcbcb solid 1px; line-height:0; position:relative; margin-bottom:12px;}
.pro_li li:nth-child(even){ float:right;}
.pro_li img,.pro_li_max img{ width:100%;}
.pro_li img{ height:144px;}
.pro_li a p,.pro_li_max a p{ position:absolute; line-height:20px; color:#fff; background:rgba(0, 0, 0, 0.44); bottom:0; width:100%; text-align:center; font-size:1.2em;}
.pro_li_max li{ position:relative; line-height:0; margin-bottom:15px;}
.pro_li_max a p{ text-align:left; bottom:64px; line-height:30px;}
.pro_li_max a p .flor{ margin-right:10px;}
.pro_li_max a p .flol{ margin-left:10px;}
.pro_li_max .tit{ line-height:20px; height:64px; background:#fff; border-bottom:#cbcbcb solid 1px;}
.pro_li_max .tit p{ font-size:1.1em; padding:5px 10px; line-height:15px; height:30px;}
.pro_li_max .tit .flor{ margin-right:10px;}
.pro_li_max .tit .flor span{ font-size:1.6em;}
.menu_bot{ text-align:center; border-top:#cbcbcb solid 1px; background:#fff; overflow:hidden;border-right:#cbcbcb solid 1px;}
.menu_bot a{ float:left; width:33%; height:43px; line-height:43px; border-left:#cbcbcb solid 1px; font-size:1.2em;}


.reMen{ font-size:14px; max-width:480px; margin:auto; display:none;}
.reMen .an{ margin:10px;}
.reMen .tit{ font-weight:bold; border-bottom:#CCC solid 1px; padding:10px 0 5px 10px;}
.reMen .an a{ display:inline-block; color:#06C; padding:3px 10px; border:#EAEAEA solid 1px; border-radius:3px; margin:0 5px 8px 0; background:#fff;}

#sousuo .esc{ display:none;}
#sousuo .hei60{ display:none;}
.sousuo .reMen{ display:block; min-width:320px; margin-top:40px;}
.sousuo{ position:fixed; top:0; left:0; width:100%; height:120%; background:#f1f4f5; z-index:500;}
.sousuo .search input{ position:absolute; width:70%; left:30%;}
.sousuo .search i{ z-index:10;}
.select_h{ position:absolute; z-index:9; width:28%; overflow:hidden; height:30px; background:#fff;border: #dadce2 solid 1px;  border-radius: 20px; text-align:center; line-height:32px; font-size:1.4em; display:none;}
.select_h select{ width:100%; height:100%; opacity:0; position:absolute; left:0; top:0;}
.sousuo .select_h{ display:block;}
.sousuo .esc{ position:absolute; height:80%; width:100%; display:block !important; text-align:center; color:#CCC; font-size:1.4em;}
.sousuo .hei60{ display:block !important; height: 60px;}

