@charset "utf-8";
/* CSS Document */
/*html,body{        -moz-user-select:none;*/ /* Firefox私有属性 */
        /*-webkit-user-select:none;*/ /* WebKit内核私有属性 */
        /*-ms-user-select:none;*/ /* IE私有属性(IE10及以后) */
        /*-khtml-user-select:none;*/ /* KHTML内核私有属性 */
        /*-o-user-select:none;*/ /* Opera私有属性 */
        /*user-select:none;*/ /* CSS3属性 *//*}*/
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family:microsoft yahei , "宋体"; position:relative;}/*网站字体颜色*/
a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}
/*处理中动画占全屏*/
#oran_div_processing{width:300px;padding:20px;z-index:9999;text-align:center;background:#fffeef;border:solid 1px #b8ab04;}
.cart_header , .cart_content , .cart_footer { width:980px; margin:0 auto;}
.header , .content , .footer , .container{margin-left:auto; margin-right:auto; width:980px; font-family:microsoft yahei;}

.wrapper { width: 1200px; margin: 0 auto;}
.wrap-tit { text-align: center; overflow: hidden;animation: fadeinT 1s ease-out backwards;}
.wrap-tit h2 {  position: relative; display: inline-block; font-size: 36px; color: #000; }
.wrap-tit h2:after {content: '';display: block;position: absolute;left: 110%;top: 50%;width: 255px;height: 1px;background: #e5e5e5;}
.wrap-tit h2::before {content: '';display: block;position: absolute;right: 110%;top: 50%;width: 255px;height: 1px;background: #e5e5e5;}
.wrap-tit h2 a { color: #000;}
.wrap-tit h2 em { color: #005ca7; font-weight: bold;}
.wrap-tit p { padding-top: 10px; font-size: 18px; color: #666;}
.header  { overflow: hidden; width: 100%;}
.header .hd-tp { overflow: hidden; padding: 15px 0; background: #f5f5f5;}
.header .hd-tp span { font-size: 14px; color: #333;line-height: 30px;}
.header .hd-tp ul { float: right;}
.header .hd-tp li {  position: relative; float: left; width: 100px;line-height: 30px; text-align: center;}
.header .hd-tp li img { display: block; width: 100%;}
.header .hd-tp li a {  font-size:14px; color: #333;}
.header .hd-tp li:hover a { color: #005ca7;}
.header .hd-tp li:nth-of-type(2):after,.header .hd-tp li:nth-of-type(3):after { content: ''; display: block; position: absolute; right: 0; top: 10px;  width: 1px; height: 12px; background: #dbdbdb;}
.header .hd-bm { overflow: hidden; padding: 37px 0;}
.header .hd-bm .hd-logo { float: left; width: 121px; border-right: 1px solid #dcdcdc;}
.header .hd-bm .hd-logo img { display: block; width: 100%;}
.header .hd-bm .hd-tit {margin: 7px 0;float: left;padding-left: 20px;}
.header .hd-bm .hd-tit h2 { font-size: 24px; color: #333;}
.header .hd-bm .hd-tit p { padding-top: 10px; font-size: 16px; color: #333;}
.header .hd-bm .hd-number {float: right;margin: 10px 0px;padding-left: 60px;position: relative;background: url("Img/Common/tel-icon01.png") no-repeat  left;}
.header .hd-bm .hd-number p { font-size: 18px;color: #333;}
.header .hd-bm .hd-number  span {display: block;font-size: 24px;color: #333;font-family: "DIN Medium";}
.header .hd-bm .hd-number  span em { font-weight: bold;}
.header .hd-bm .hd-number  span em:nth-of-type(2) { padding-left: 15px;}


/* hd-Nav */
.hd-Nav { position: relative; width: 100%; height: 65px; background: #005ca7;}
.hd-Nav ul { display: flex; display: -webkit-flex;}
.hd-Nav li { position: relative; flex: 1;}
.hd-Nav li > a { position: relative; display: block; height: 65px; line-height: 65px; text-align: center; font-size: 16px; color: #fff; }
.hd-Nav li > a:after { content: ''; display: block; margin-left: -17px; transform: scaleX(0); transition: all 1s;  position: absolute; left: 50%; bottom: 0; width: 35px; height: 2px; background: #fff;}
.hd-Nav li.cur > a:after,.hd-Nav li:hover > a:after {transform: scaleX(1);}
/* hd-Nav end */

/* 导航下拉 */
.y-submenu07-box {width: 200px;border: solid 1px #dedede;background-color: #fff;position: absolute;left: 50%;top: 65px;margin-left: -100px;z-index: 9999;display: none;}
.y-submenu07-box > a {display: block;text-align: left;color: #999;font-size: 16px;position: relative;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height: 40px;line-height: 40px;text-align: center;}
.y-submenu07-box a:before {content:'';display: none;width: 11px;height: 1px;background-color: #999;position: absolute;left: 20px;top: 20px;}
.y-submenu07-box a:hover{ background-color: #005ca7;color: #fff;}
.y-submenu07-box a:hover:before{background-color: #fff;}
/* 导航下拉 End */

/* ft-link */
.ft-link {padding-bottom: 70px;position: relative;width: 100%;overflow: hidden;background: #f5f5f5;}
.ft-link dt { border-right: 1px solid #dedede;  padding-left: 30px;margin-right: 20px;padding-right: 20px;background: url("Img/Common/links-icon01.png") no-repeat left;float: left;font-size: 24px;color: #333;}
.ft-link dt a {color: #333;}

.ft-link dd {float: left;display: flex;width: 88%;}
.ft-link dd a { flex:auto;float: left; font-size: 14px; color:#333;line-height:29px;}
.ft-link dd a:hover { color: #005ca7;}
/* ft-link end */

/* ft */
.ft { padding-top: 70px; box-sizing: border-box; background: #1d1d1c; overflow: hidden;}
.ft .ft-con  { padding-bottom: 60px; overflow: hidden;}
.ft .ft-lxwm { float: left; width: 360px;}
.ft .ft-lxwm .lxwm-hd a { overflow: hidden; font-size: 16px; color: #ccc;}
.ft .ft-lxwm .lxwm-hd span { margin-left: 5px;color: #666; font-size: 14px;}
.ft .ft-lxwm  i { margin: 50px 0 40px; display: block; width:26px; height: 1px; background: #ccc;}
.ft .ft-lxwm .address { font-size: 14px; color: #999; line-height: 1.75;}
.ft .ft-lxwm ul { margin-top: 25px; overflow: hidden;}
.ft .ft-lxwm ul li { margin-bottom: 20px; margin-right: 40px;float: left; padding-left: 26px; font-size: 14px; color: #ccc;}
.ft .ft-lxwm ul li a{color: #ccc;}
.ft .ft-lxwm ul li:nth-of-type(1) { background: url("Img/Common/ft-icon01.png") no-repeat left;}
.ft .ft-lxwm ul li:nth-of-type(2) { background: url("Img/Common/ft-icon02.png") no-repeat left;}
.ft .ft-lxwm ul li:nth-of-type(3) { background: url("Img/Common/ft-icon03.png") no-repeat left;}
.ft .ft-dh { float: left; margin-left: 250px;}
.ft .ft-dh .dh-hd { margin-bottom: 45px;}
.ft .ft-dh .dh-hd a {  overflow: hidden; font-size: 16px; color: #ccc;}
.ft .ft-dh .dh-hd span { margin-left: 5px;color: #666; font-size: 14px;}
.ft .ft-dh ul { float: left; margin-right: 70px;}
.ft .ft-dh ul li { display: block; margin-bottom: 12px;}
.ft .ft-dh ul li a { font-size: 14px; color: #999;}
.ft .ft-dh ul li a:hover { color: #fff;}
.ft .ft-gzwm { float: right;}
.ft .ft-gzwm .gzwm-hd { margin-bottom: 45px;}
.ft .ft-gzwm .gzwm-hd a {  overflow: hidden; font-size: 16px; color: #ccc;}
.ft .ft-gzwm .gzwm-hd span { margin-left: 5px; color: #666; font-size: 14px;}
.ft .ft-gzwm .pic { display: block; width: 140px;}
.ft .ft-gzwm .pic img { display: block; width: 100%;}
.ft .ft-gzwm p { padding-top: 15px; font-size: 14px; color: #666; text-align: center;}
.ft .ft-bah { overflow: hidden; padding: 15px 0; border-top: 1px solid #2c2c2c;}
.ft .ft-bah .bah01 {float: left;font-size: 14px;color: #666;line-height: 37px;margin-left:-126px;position:absolute;left:50%;}
.ft .ft-bah .bah01:hover { color: #fff;}
.ft .ft-bah .bah02 { float: right; width: 37px;}
.ft .ft-bah .bah02 img { display: block; width: 100%;}
/* ft end */
.retop ul{ overflow:hidden;}
.retop li{ float:left; margin-left:10px;}
.retop li img{ display:block;}
.rtTop{ width:43px; height:43px; overflow:hidden; position:fixed; top:85%; right:51%; margin-right:-675px; cursor:pointer;  display:none;}
.rtTop h4{ width:43px; height:43px; overflow:hidden; position:relative;}
.rtTop img{ display:block; position:absolute; top:0; left:0;}

#divOranIm{top:50% !important;margin-top:-71px !important;}
#divOranIm.newkf{top:50% !important;margin-top:-178.8px !important;}