﻿@charset "UTF-8";
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, hr, fieldset, form, label, legend, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, summary, hgroup{margin: 0;padding: 0;border: 0;font-family: Verdana,"Microsoft YaHei", "SimHei", "SimSun";line-height: 150%; font-size:24x}
img{max-width: 100%;border:0;vertical-align:middle;}
ul,li{list-style:none;}
html, body{min-height: 100%;font-size: 24px;color: #666;}
body{font-family: Verdana;-webkit-text-size-adjust: none;width: 640px; margin: 0 auto !important;}
/*选中后背景色*/
::selection{color: #fff;background: #fd6114;}
::-moz-selection{color: #fff;background: #fd6114;}
a{/**/text-decoration:none;}
a:link{text-decoration:none;color: #666;}
a:visited{text-decoration:none;color: #666;}
a:hover{outline: 0;color: #666;text-decoration:none !important;}
.a-del{color: #c00;}
.a-del:hover{color: #b00;text-decoration: underline;}
.fl{float: left;}
.fr{float: right;}
.icon-arrow-right{}
.fb18{font-size: 18px;font-weight: bold;}
.fb24{font-size: 24px;font-weight: bold;}
.cred{color: #c00 !important;}
.cblue{color: #06c !important;}
/*====IE提示====*/
.ie8-tips{width:100%;padding:30px 0;border-bottom:1px solid #0066cc;background:#fff;color:#333;line-height:50px;text-align:center;font-size:2em;}
.ie8-tips p{padding:5px 0;}
.ie8-tips a{margin:0 1em;font-size:2em;}
/*=清除非IE浏览器下的浮动溢出=*/
.wrapfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.wrapfix{display: inline-table;}
/* Hides from IE-mac \*/
* html .wrapfix{height: 1%;}
.wrapfix{display: block;}
.clearfix:before,
.clearfix:after{display: table; content: " ";}
.clearfix:after{clear: both;}
/* End hide from IE-mac */
div#cambrian0{height: 80px;}
div#cambrian0 .tH6Qv7 ._26Hteq ._1UhIYm ._3FeqpQ{height: 60px;width: 60px}
div#cambrian0 .tH6Qv7 ._26Hteq ._2htEKn .DUXzra{font-size: 24px;line-height: 28px;}
div#cambrian0 .tH6Qv7 ._26Hteq ._2htEKn ._2c3HBO{font-size: 20px;height: 24px;line-height: 24px;padding: 0px 7px;}
div#cambrian0 .tH6Qv7 ._26Hteq ._2htEKn .ocg5pY{font-size: 20px;line-height: 22px;margin-top: 10px;}
div#cambrian0 .R2CNzl{height: 30px;width: 100px;line-height: 30px;font-size: 22px;margin-top: 6px;}

/* ========== */
/* = RESET = */
/* ========== */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.transition {
	-webkit-transition: all ease .4s;
	   -moz-transition: all ease .4s;
	    -ms-transition: all ease .4s;
	     -o-transition: all ease .4s;
	        transition: all ease .4s;
}



.page-wrap{ position: relative; padding-bottom: 1.53rem; padding-top: 1.57rem;}
.gary-line{ height: 0.26666666rem; width: 100%; background: #eeeeee; box-shadow: 0 0 0.13333333rem rgba(0,0,0,.1) inset;}


/* ========== */
/* = MOBILE HEADER = */
/* ========== */
.mb-header{ position:fixed; top:0; right:0; width: 100%; padding: 0 0.4rem; z-index: 999; background: #FFFFFF; -webkit-box-shadow:0 0 15px rgba(206,206,206,.6); box-shadow:0 0 15px rgba(206,206,206,.6);}
.mb-header .mb-logo{ float: left; display:block;}
.mb-header .mb-logo img{ margin: 0; display:block; vertical-align: top; height: 1.57rem;}
.mb-header .tel{ position: absolute; right:1.46666666rem; top:0; line-height:0.8rem; }
.mb-header .tel span{ display: inline-block; vertical-align: middle;font-size: 0.4rem; color: #ff461f;}
.mb-header .tel i{ margin-right: 0.06666666rem; display: inline-block; vertical-align: middle; width: 0.53rem; height: 0.53rem; background-image: url(img/ico_tel.png); background-size: cover;}
.mb-header .alink-dia{  position: absolute; right:1.46666666rem; top:0.8rem; background:#ff461f; color: #fff; display: inline-block; width:3.25rem ;line-height: 0.6rem; font-size: 0.32rem; height: 0.6rem; border-radius:0.3rem; text-align: center; }
.mb-nav-ico { position: absolute; right:0.375rem; top: 50%; margin-top: -0.25rem; width:0.6875rem; height:0.5rem; cursor: pointer;}
.mb-nav-ico .line {	position: absolute;left: 0;display: block; height:2px;width: 100%; background: #000000; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.mb-nav-ico .line:nth-child(1) { top: 0;}
.mb-nav-ico .line:nth-child(2) { top: 50%; margin-top: -1px;}
.mb-nav-ico .line:nth-child(3) { bottom: 0;}
.mb-nav-ico.active .line:nth-child(2){ opacity: 0;}
.mb-nav-ico.active .line:nth-child(1){top: 50%; margin-top: -1px; transform: rotate(-45deg);}
.mb-nav-ico.active .line:nth-child(3){ top: 50%; margin-top: -1px; transform: rotate(45deg);}

/* ========== */
/* = MENU = */
/* ========== */
.shade { display: none; position: fixed;  width: 100%; height: 100%; right: 0; top: 0; z-index: 999; display: none; background: transparent;}
.menu { position: fixed; left: 100%; top: 0;  width: 70%; height: 100%; text-align: left; z-index: 11111;overflow-y: scroll;  background: #FFFFFF;  -webkit-box-shadow:0 0 30px rgba(26,24,24,.1) inset;  box-shadow:0 0 30px rgba(26,24,24,.1) inset;}
.menu li { position: relative;}
.menu li>span { display: block; position: relative; padding: 0 0.666666rem 0 1.493333rem; height: 1.36rem; line-height: 1.36rem; color: #767676; font-size: 0.35rem; border-bottom: 1px solid #e9e9e9;}
.menu ul li>span::before { content: ''; position: absolute; left: 0.666666rem; top: 50%; margin-top: -0.133333rem; width: 0.266666rem; height: 0.266666rem; border: 2px solid #ff461f; border-radius: 100%;}
.menu ul li a{ color: #555;}
.menu ul li>span.default::after { content: ''; position: absolute; right: 0.666666rem; top: 50%; width: 0.32rem; height: 0.32rem; margin-top: -0.16rem; background: url(img/menu_bg.png) no-repeat; background-size: cover;}
.menu-slide a { color: #7c7d7d; }
.menu-slide { display: none;}
.menu-slide a { position: relative; display: block; padding: 0 0.666666rem 0 1.493333rem; height: 1.333333rem; line-height: 1.333333rem; font-size: 0.32rem; color: #7c7d7d; border-bottom: 1px solid #e9e9e9;}
.menu-slide a::before { content: ''; position: absolute; left: 0.666666rem; top: 50%; margin-top:-0.10625rem;  width:0.266666rem; height:0.266666rem; background: url(img/menu_bg3.png) no-repeat; background-size: cover; }
.menu-slide a:hover,
.menu-slide a.active { background: #ff461f; color: #FFFFFF;}
.menu li>span.active a { color: #ff461f;}
.menu li>span.active::before { color: #fff; background: #ff461f; border-color: #ff461f;}
.menu li>span.active::after { content: ''; position: absolute; right: 0.666666rem; top: 50%; width: 0.32rem; height: 0.32rem; margin-top: -0.16rem; background: url(img/menu_bg2.png) no-repeat center; }
.iconfont {
    font-size: 1.5rem !important; line-height:2rem
}


/* 内页修改banner绿色背景 */
.ibanner{height:5rem;background:#ff461f;border-top:1px solid #ff461f;}
.ibanner p{text-align:center;color:#fff;font-size:42px;font-weight:bold;line-height:1em;margin-top:2rem;}
.ibanner span{text-align:center;font-size:18px;margin-top:20px;color:#fff;display:block;}