﻿ /* CSS Document */
body{background-color:#fff;overflow-x:hidden;color:#333;font-size:14px;font-family:"微软雅黑","宋体",Arial;position:relative;}/*网站字体颜色*/
.content,.container{margin-left:auto; margin-right:auto; width:1200px; font-family:"微软雅黑";}

/* CSS reset for c_b */
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:5px;}
fieldset , img {border:0;}
address , caption , cite , code , dfn , em  , th , var {font-style:normal; font-weight:normal;}
ol , ul {list-style:none;}
ception , th{text-align:left;}
q:before , q:after{content:'';}
abbr , acronym{border:0;}
a {color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:none;} /*for ff f6n.net*/
a:hover {/*text-decoration:underline;*/}

/*定位*/
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.bc {margin-left:auto; margin-right:auto;}
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.zoom {zoom:1}
.hidden {visibility:hidden;}
.vam {vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}

-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;

/*其他*/
.cur{cursor:pointer};

/*原reset*/
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

/*清除浮动*/
.clearfix:after{ 
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix{ /*兼容 IE*/
    zoom: 1;
}



.cf{zoom:1}
.cf:after{clear:both;content:'';display:block;height:0;visibility:hidden;}
.fl{float:left}


#roll_top,#fall,#ct{position:relative;cursor:pointer;height:52px;width:52px}
#roll_top{background:url(/Skins/Default/Img/top.gif) no-repeat}
#fall{background:url(/Skins/Default/Img/top.gif) no-repeat 0 -80px}
#ct{background:url(/Skins/Default/Img/top.gif) no-repeat 0 -40px}
#roll{display:block;width:15px;margin-right:-558px;position:fixed;right:46%;top:80%;_margin-right:-558px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8)); z-index:100;}


/*end reset*/



/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family: "微软雅黑"; position:relative;}/*网站字体颜色*/

.content , .container{margin-left:auto; margin-right:auto; width:1200px;}

/*页眉*/
/*.header{position: absolute;width:100%;overflow:hidden;top: 0;}*/

.banner { overflow:hidden; width:100%; height:860px; background:url(Img/Common/banner.jpg) no-repeat center; position:relative}
.banner .btn{ overflow:hidden; width:100%; text-align:center; height:30px; position:absolute; left:0; bottom:190px;}
.banner .btn span{ display: inline-block; width:30px; height:30px; background:url(Img/Common/banner_btn01.png) no-repeat center; margin:0 3px; cursor:pointer}
.banner .btn span{ *display:inline}
.banner .btn span.cur{ background:url(Img/Common/banner_btn02.png) no-repeat center}

.header_top {width:90%;margin-top: 20px; margin-bottom: 80px;margin-left: 2%;z-index:1;}
.header_top p{ float:left; font-size:13px; color:#000;}
.header_top p em{ display:inline-block; text-align:right; background:url(Img/Common/header_top_phone.png) no-repeat left center; width:106px; padding-right:3px; height:19px; margin-left:5px; font-size:16px; color:#fff; font-family:Arial}
.header_top p em{*display:inline}
.header_top ul{ float:right}
.header_top li{ float:left; height:15px; padding:0 15px; border-right:1px dotted #fff; font-size:13px;}
.header_top li a{ color:#fff;}
.header_top li.last{ border:none; padding-right:0}
.header_top li img{ margin-top:-3px;}

.qcode
{
    position:absolute;
top: 27px;
left: -85px;
display: none;
	}

.header_logoNav {overflow:hidden;width:96%;height:90px;margin: 0 auto;margin-top: 20px;background-color:#fff;z-index:1;}
.header_logoNav h1{ float:left; width:320px; height:90px; background-color:#00a1e9;}
.header_logoNav h1 img{ display:block; margin:28px auto;}
.header_logoNav ul{ overflow:hidden; float:right; margin-right:45px;}
.header_logoNav li{ float:left; margin:0 15px; font-size:14px; line-height:88px; height:88px; position:relative}
.header_logoNav li a{ display:block; color:#666; text-decoration:none}
.header_logoNav li.list.cur,.header_logoNav li.list:hover a{ color:#00a1e9}
.header_logoNav li.list.cur,.header_logoNav li.list:hover { border-bottom:2px solid #00a1e9;}
.header_logoNav li .serch_a{ display:block; width:20px; height:32px; background:url(Img/Common/search.png) no-repeat center; cursor:pointer; margin-top:28px; background-color:#fff}
.header_logoNav li input{ display:none; width:200px; height:30px; border:1px solid #666; line-height:30px; padding:0 5px; position:absolute; right:0; bottom:0}

@media screen and (max-width:1300px){
	.header_logoNav h1{ width:230px;}
	.header_logoNav li{ margin:0 10px;}
	}
@media screen and (max-width:1100px){
	.header_logoNav h1{ width:230px;}
	.header_logoNav li{ margin:0 7px;}
	.header_logoNav ul{ margin-right:10px;}
	}




.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; z-index:99999; cursor:pointer;  display:none;}
.rtTop h4{ width:43px; height:43px; overflow:hidden; position:relative;}
.rtTop img{ display:block; position:absolute; top:0; left:0;}




/* -- 弹出窗口 -- */
/*#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;}
.b15{background: url(Img/SkinsVIBtn.png) no-repeat; border:0; cursor: pointer; overflow:hidden; }
.b15 { background-position:-79px -650px; width:60px; height:24px; line-height:24px; color:#fff; font-size:14px; font-weight:bold; }*/
/*处理中动画占全屏*/
#oran_div_processing{width:300px;padding:20px;z-index:9999;text-align:center;background:#fffeef;border:solid 1px #b8ab04;}


#divOranIm{ top:25%!important;}

.neitupian{     float: left;
    margin-left: -40px;
    margin-top: 60px;
    background: #fff;}
    
   

/***************

    author:Pengjin,
    date:2018-12-11,

***************/

/* --top-- */
.wrapper{margin:0 auto;width:1400px;}
.top-wrap{padding:0 5%;height:46px;line-height:46px;background:#f2f2f2;overflow:hidden;}
.top-wrap .welcome{color:#666;}
.top-inner{float:right;overflow:hidden;}
.top-inner span{display:block;float:right;padding-left:20px;color:#666;background:url(Img/Common/top_line.png) no-repeat 0 center;}
.top-inner strong{font-family:Arial;color:#333;font-size:18px;}
.top-inner ul{padding-top:3px;padding-right:10px;overflow:hidden;}
.top-inner li{float:left;margin-right:6px;width:40px;height:40px;opacity:0.5;}
.top-inner li img{display:block;width:40px;height:40px;}
.top-inner li:hover{opacity:1;}
/* --end top-- */


/* -- 弹出窗口 -- */
#oran_full_bg{ display:none !important;}

/* tanchuang1 提交弹窗*/
.tanchuang1{width:100%;position: fixed;top: 0;left: 0;background: url(Img/tanchuang/tanchuangBg.png);height:100%; z-index:9999999;}
.tanchuang1 .conBox{width: 400px;height: 212px;padding: 20px;background: #fff;position: absolute;left: 50%;margin-left: -220px;top: 50%;margin-top: -80px; z-index:9999999;}
.tanchuang1 .conBox .tcClose{width: 33px;height: 90px;position: absolute;right: 45px;top: -90px;cursor: pointer;z-index:999999999999999;}
.tanchuang1 .conBox .box{width: 398px;height: 190px;border: 1px solid #e5e5e5;padding-top: 20px;text-align: center;position: relative;}
.tanchuang1 .conBox .box img{display: block;width: 47px;height: 47px;margin: 0 auto;}
.tanchuang1 .conBox .box h5{font-size: 24px;color: #006cff;font-weight: bold;margin-top: 10px;}
.tanchuang1 .conBox .box p{font-size: 16px;color: #4d4d4d;margin-top: 10px;}
.tanchuang1 .conBox .box .b15{display: block;width: 150px;height: 52px;line-height: 52px;text-align: center;font-size: 18px;color: #fff;position: absolute;bottom: -1px;left: 50%;margin-left: -75px;background: #006cff;text-decoration: none;z-index:999999999999999;border:0px;}
.tanchuang2 .conBox .box a{background: #404040;}


/* -- 弹出窗口 -- */
#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;}
.b15{background: url(Img/SkinsVIBtn.png) no-repeat; border:0; cursor: pointer; overflow:hidden; }
.b15 { background-position:-79px -650px; width:60px; height:24px; line-height:24px; color:#fff; font-size:14px; font-weight:bold; }



/*--2020-06-04--*/
@font-face {
 	font-family:"DIN-Bold";
  	src:url("font/DIN-Bold.woff") format("woff"),
      	url("font/DIN-Bold.ttf") format("truetype"),
       	url("font/DIN-Bold.eot") format("embedded-opentype"),
       	url("font/DIN-Bold.svg") format("svg");
  	font-weight: normal;
  	font-style: normal;
}

/* --header-- */
.wrapper{margin:0 auto;width:1400px;}
.header{padding:0 2%;width:100%;height:100px;overflow:hidden;background:url(Img/Common/head_bg.png);box-sizing:border-box;}
.header .logo{float:left;margin-top:20px;margin-right:24px;width:116px;text-align:center;}
.header .logo img{display:block;width:100%;}
.header .logo span{display:block;font-size:20px;color:#fff;line-height:1.5;}
.header .slogan{float:left;padding-left:20px;margin-top:20px;overflow:hidden;border-left:#4a4a4a solid 1px;}
.header .slogan h2{font-weight:normal;font-size:26px;color:#fff;height:34px;line-height:34px;letter-spacing:2px;}
.header .slogan p{font-size:16px;color:#a4a4a4;height:22px;line-height:22px;}
.header .slogan p i{display:inline-block;margin:0 5px;}
.nav{float:right;}
.nav-list li{position:relative;float:left;height:100px;line-height:100px;font-size:18px;}
.nav-list li a{display:block;padding:0 22px;color:#fff;}
.nav-list li a:hover,.nav-list li.cur a{font-weight:bold;text-decoration:none;color: #00a1e9;}
.header .tel{float:right;margin:34px 0;}
.header .tel em{display:block;padding-left:42px;height:32px;line-height:32px;font-family:"DIN-Bold";font-size:24px;color:#00a1e9;background:url(Img/Common/tel.png) no-repeat 0 center;}
.header .search{position:relative;float:right;margin:34px 20px;width:80px;height:32px;}
.header .search .search-icon{position:absolute;top:0;right:30px;width:32px;height:32px;cursor:pointer;background:url(Img/Common/search.png) no-repeat center;}
.header .search .search-box{display:none;position:absolute;z-index:33;top:0;right:0;width:200px;height:32px;overflow:hidden;background:#fff;border-radius:5px;}
.header .search .search-box input{display:block;padding:5px 10px;width:100%;height:32px;border:none;outline:none;background:none;box-sizing:border-box;}
.header .search .search-box button{display:block;position:absolute;z-index:3;top:0;right:0;width:32px;height:32px;cursor:pointer;outline:none;border:none;background:url(Img/Common/search.png) no-repeat center;}
.header.fixed{position:fixed;z-index:9999;top:0;left:0;height:50px;}
.header.fixed .logo{margin-top:10px;}
.header.fixed .logo img{width:100px;height:30px;}
.header.fixed .logo span{display:none;}
.header.fixed .slogan{margin-top:0;height:50px;}
.header.fixed .slogan h2{height:50px;line-height:50px;font-size:20px;}
.header.fixed .slogan p{display:none;}
.header.fixed .nav-list li{height:50px;line-height:50px;}
.header.fixed .tel,.header.fixed .search{margin:9px 20px;}
@media(max-width:1500px){
.header .slogan{display:none;}
}
@media(max-width:1200px){
.header .tel{display:none;}  
}
/* --end header-- */

/*--footer--*/
.footer{padding-top:100px;overflow:hidden;background:#1a1a1a;}
.ft-menu{padding:25px 0;height:44px;line-height:44px;overflow:hidden;border-top:rgba(255,255,255,0.1) solid 1px;border-bottom:rgba(255,255,255,0.1) solid 1px;}
.ft-menu .logo{float:left;width:140px;}
.ft-menu .logo img{display:block;width:100%;}
.ft-menu .list{float:right;overflow:hidden;}
.ft-menu .list li{float:left;font-size:16px;margin-left:75px;}
.ft-menu .list li:first-child{margin-left:0;}
.ft-menu .list li a{display:block;color:#fff;}
.ft-inner{padding:40px 0;overflow:hidden;}
.ft-info{float:left;padding-top:32px;width:510px;overflow:hidden;}
.ft-info p{font-size:13px;color:#999;line-height:26px;}
.ft-info p a{color:#999;}
.ft-info p.phoneFoot{margin-bottom:6px;height:30px;line-height:30px;font-size:14px;color:#fff;}
.ft-info p.phoneFoot span{display:inline-block;padding:0 28px;}
.ft-info p.phoneFoot span.s1{background:url(Img/Common/ft_s1.png) no-repeat 0 center;}
.ft-info p.phoneFoot span.s2{background:url(Img/Common/ft_s2.png) no-repeat 0 center;}
.ft-QRcode{float:left;margin:0 36px;overflow:hidden;}
.ft-QRcode .item{float:left;margin:0 12px;width:160px;text-align:center;}
.ft-QRcode .item img{display:block;width:100%;}
.ft-QRcode .item p{margin-top:10px;font-size:13px;color:#999;}
.ft-tel{float:right;width:240px;padding-top:70px;overflow:hidden;}
.ft-tel dl{padding-right:45px;text-align:right;background:url(Img/Common/ft_tel.png) no-repeat right center;}
.ft-tel dt{font-size:14px;color:#fff;}
.ft-tel dd{font-size:24px;color:#00a1e9;}
.flinks{padding:30px 0;line-height:30px;overflow:hidden;border-top:rgba(255,255,255,0.2) solid 1px;}
.flinks .addlink{display:block;float:right;color:#999;}
.flinks dl{overflow:hidden;}
.flinks dt{float:left;}
.flinks dt a{color:#999;}
.flinks dd{padding-left:20px;overflow:hidden;}
.flinks dd a{display:inline-block;margin-right:20px;color:#999;}
/*--end footer--*/