
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font: 12px/1 Microsoft Yahei,Arial,Verdana,"\5b8b\4f53"; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a {text-decoration: none; color:#666;}
/* a:hover{color:#669900;} */

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}

q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }



/*公用基础样式*/
.clr {display:block; overflow:hidden; clear:both; height:0; line-height:0; font-size:0;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after {display:table;line-height:0; content:"";}
.clearfix:after {clear:both;}
.hide{display:none;}
.fl{float:left;}
.fr{float:right;}
.al{text-align:left;}
.ac{text-align:center;}
.ar{text-align:right;}
.w{width:1130px; margin:0 auto;}
.w1200{width:1200px; margin:0 auto;}
.w1135{width:1135px;margin:0 auto;}
.w210{width:210px;margin:0 auto;}
.w980{width:980px;margin:0 auto;}

/*盒子模型[公用]*/
.m{border:1px solid #ddd; background:#fff;}
.m .mt{height:36px; line-height:36px; border-bottom:1px solid #ddd; background:#f6f6f6;}
.m .mt h2{padding:0 8px; font-weight:500; font-size:14px; font-family:Microsoft YaHei;}


/*头部样式*/
/* .header{border-bottom: 2px solid #cf0309;} */
.head{height:88px; position:relative;}
.head .logo{float:left; margin-top:18px;width: 170px;height: 52px;}
.head .logo img{width: 100%;height: 100%;}
.head .nav{float:right; margin-top: 32px;}
.head .nav li{float:left; color:#999; position:relative; z-index:999999;}
.head .nav li a{padding:0 20px; color:#222222; font-size:18px;}
.head .nav li a:hover, .head .nav li.cur a{color:#1e77f9; font-weight:700;}
.head .nav li a img{vertical-align: middle;}


.cover-banner-wrap{width:100%; height:338px; position:relative; overflow:hidden;}
.cover-banner{width:1920px; height:338px; position:absolute; top:0; left:50%; margin-left:-960px;}
.cover-banner img{width:1920px; height:338px;}
.cover-title{position:absolute; bottom:0; left:50%; margin-left: -565px; width:369px; height:62px; line-height:62px; text-align:center; background:#0083cb; color:#fff; font-size: 20px; font-weight: 500;}
.cover-title i{display: inline-block; width: 20px; height: 20px; background: url(../images/cover-title-icon.png) no-repeat; vertical-align:middle; margin-top:-3px; margin-left: 10px;}
.cover-gray-bg{padding:35px 0; background:#f6f6f6;}


.main-banner-wrap{width:100%; height:171px; position:relative; overflow:hidden;}
.main-banner{width:1920px; height:171px; position:absolute; top:0; left:50%; margin-left:-960px;}
.main-banner img{width:1920px; height:171px;}


.side-nav-wrap{float:left; width:219px; margin-top:-75px; position:relative; z-index:999;}
.side-nav-wrap .identification{height:73px; padding-right:25px; padding-top:35px; background:#0074b7; color:#fff; font-size:24px; font-weight:500; text-align:right;}
.side-nav-wrap .identification span{display:block; margin-top:5px; font-size:14px; font-family:arial; text-transform:uppercase;}
.side-nav-wrap .side-nav{height:100%; position:relative; padding-bottom:100px;}
.side-nav-wrap .side-nav .shadow{position:absolute; right:0; top:0; z-index:999; width:30px; height:100%; background-image:url(../images/slide-nav-shadow.png); background-size:100% 100%; background-repeat:no-repeat;}
.side-nav-wrap .side-nav li a{height:55px; line-height:55px; display:block; padding-right:25px; border-bottom:1px solid #dbd6d6; color:#666; text-align:right;}
.side-nav-wrap .side-nav li a .en{margin-right:5px; text-transform:uppercase; color:#999;}
.side-nav-wrap .side-nav li a .point{display:inline-block; width:2px; height:2px; background:#999; margin-left:10px; vertical-align: middle;}
.side-nav-wrap .side-nav li.cur a{background:#e6e6de; color:#7e5430; font-size:15px; font-weight:700;}
.side-nav-wrap .side-nav li.cur a .en{color:#7e5430; font-size:12px;}
.side-nav-wrap .side-nav li.cur a .point{background:#7e5430;}
.side-nav-wrap .side-nav li .side-sub-nav{padding:10px 0; border-bottom:1px solid #dbd6d6; display:none;}
.side-nav-wrap .side-nav li.cur .side-sub-nav{display:block;}
.side-nav-wrap .side-nav li .side-sub-nav dd a{height:36px; line-height:36px; padding-right:0; color:#666; border-bottom:none; text-align:center; background:#fff; font-size:12px;  font-weight:500;}
.side-nav-wrap .side-nav li .side-sub-nav dd a .arrows{display:inline-block; width:10px; height:11px; margin-right:10px; background:url(../images/side-sub-nav-arrows.png) 0 -11px no-repeat;}
.side-nav-wrap .side-nav li.cur .side-sub-nav dd.cur a{color:#7e5430;}
.side-nav-wrap .side-nav li.cur .side-sub-nav dd.cur a .arrows{background-position:0 0;}
.side-main{width:811px; float:right; padding:0 50px; position:relative;}
.side-main .shadow{position:absolute; right:-30px; top:0; z-index:999; width:30px; height:100%; background-image:url(../images/main-shadow.png); background-size:100% 100%; background-repeat:no-repeat;}
.side-main .side-content{padding-bottom:50px; font-size: 14px; line-height: 2em; color: #666;}
.crumbs{margin-top:33px; padding-bottom:10px; border-bottom:1px solid #ccc; text-align:right; color:#999;}
.crumbs a{padding:0 3px; color:#999;}
.crumbs a.cur{color:#666;}
.main-title{margin:20px 0 50px; font-size:26px; font-family:arial; color:#666; text-transform:uppercase;}
.main-title span{display:block; margin-top:5px; font-size:16px; font-family:Microsoft Yahei;}



/*页脚*/
/* .footer{margin-top:46px; padding-bottom:40px; background:#f0f0f0; border-top:1px solid #dbd6d6;}
.footer .line{height:7px; margin-top:-4px; background:url(../images/footer-border.png) no-repeat;}
.footer .copyright{float:left; margin-top:15px; line-height:24px; color:#999;}
.footer .honest{margin-top:15px; line-height:24px; color:#999; text-align:right;}
.footer .honest .lzjb{padding-left:24px; color:#666; font-weight: 700; background: url(../images/honest.png) center left no-repeat;}
.footer .honest a{color:#999;} */
.footer{
	width: 100%;
	background: #1b1b1b;
	color: #FFFFFF;
	height: 134px;
	text-align: center;
	font-size: 18px;
}
.footer a{
	color: #FFFFFF;
}


/*定义订列表分页样式(公用)*/
.pages{margin:50px 0 50px 0; overflow:hidden;}
.pages ul{float:right; border-right:none;}
.pages ul li{float:left;margin-left:10px;}
.pages ul li a{display:inline-block;width:auto !important;width:10px;min-width:10px;padding:3px 8px;text-align:center;border:#ccc solid 1px;color:#333;font:500 14px Microsoft YaHei;}
.pages ul li a:hover, .pages ul li.thisclass a{border:#669900 solid 1px;background:#669900;color: #fff;}
.pages ul li.prev a em,.pages ul li.next a em{font-family:"\5b8b\4f53"; margin-right:5px;}
.pages ul li.next a em{margin-right:0px; margin-left:5px;}
.pages ul li.thisclass a{cursor:default;}


/* 返回顶部 */
.dn{display: none;}
.go-top{position: fixed;top:634px;left:50%;margin-left:650px;width: 46px;z-index: 999;}
.go-top a{display: block;width: 46px;height: 46px;margin-bottom:2px;background-image: url(../images/toolbar.png);}
.go-top a:last-child{margin-bottom:0;}
.go-top .oa{background-position: 0 0;}
.go-top .email{background-position: 0 -50px;}
.go-top .wx{background-position: 0 -100px;}

.go-top .wx-pop{position: absolute;right:46px;top:0px;width:78px;border:1px solid #0d7bbb;box-shadow: 0px 1px 4px rgba(0,0,0,.1);background: #fff;}
.go-top .wx-pop .logo-2wm-box{position: relative;}


.exceedHidden{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* 悬停背景 */
.type-item:hover{
	/* -webkit-box-shadow:0 18px 36px 0 rgba(8,66,186,.18); */
	/* box-shadow:0 18px 36px 0 rgba(8,66,186,.18); */
	box-shadow:rgba(66,66,66,.18) 0 0 30px;
	/* -webkit-transform:scale(1.1);transform:scale(1.1); */
	-webkit-transform:scale(1.05);transform:scale(1.05);
	-webkit-transition:-webkit-transform .3s linear;
	transition:-webkit-transform .3s linear;
	transition:transform .3s linear;
	transition:transform .3s linear, -webkit-transform .3s linear;
	cursor:pointer
}
.cursors{
	cursor: pointer;
}


/* 右侧开始 */
#youce {
    cursor: pointer;
    position: fixed;
    top: 50%;
    right: 5px;
    width: 55px;
    height: 120px;
    z-index: 88;
    border-radius: 50px;
    background: url(../images/q6.png) center top repeat;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
}
.consulting {
    list-style: none;
}
.consulting a {
    display: block;
    margin-top: 30px;
    text-align: center;
    color: #fff;
	text-decoration: none;
}
.consulting span {
    display: inline-block;
    margin-bottom: 10px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #fff;
}
.consulting img{
	display: block;
    text-align: center;
    margin: 0 auto;
}
.consulting span:nth-child(1) {
    -webkit-animation: consulting 0.6s 0.07s infinite ease-in-out;
    animation: consulting 0.6s 0.07s infinite ease-in-out;
}
.consulting span:nth-child(2) {
    -webkit-animation: consulting 0.6s 0.14s infinite ease-in-out;
    animation: consulting 0.6s 0.14s infinite ease-in-out;
}
.consulting span:nth-child(3) {
    -webkit-animation: consulting 0.6s 0.21s infinite ease-in-out;
    animation: consulting 0.6s 0.21s infinite ease-in-out;
}
 @keyframes consulting {
 33% {
 -webkit-transform: translateY(5px);
 transform: translateY(5px);
}
 66% {
 -webkit-transform: translateY(-5px);
 transform: translateY(-5px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
 @-webkit-keyframes consulting {
 33% {
 -webkit-transform: translateY(5px);
 transform: translateY(5px);
}
 66% {
 -webkit-transform: translateY(-5px);
 transform: translateY(-5px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
#youce1{
	position: relative;
	position: fixed;
    top: 32%;
    right: 65px;
    width: 170px;
    /* height: 405px; */
    z-index: 88;
    /* background: url(http://www.tuoyousoft.net/img/index/youcebeijing.png) ; */
    background: #666;
    background-size:cover;
      border-radius: 10px;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
	padding: 10px 0;
	display: none;
}
/* #youce1 .weixin {
    padding-top: 10px;
} */
#youce1 .weixin .touxiang {
    float: left;
    margin-left: 16px;
    margin-right: 8px;
    width: 35px;
    height: 35px;
    border-radius: 5px;
}
.weixin span {
    line-height: 35px;
    margin-bottom: 50%;
    color: white;
}
.weixin .fontss{
	text-align: center;
	font-size: 13px;
	color: #FFFFFF;
}
.weixin .erweima {
    margin-left: 36px;
    padding: 10px 0;
    width: 60%;
}
.lianxidianhua {
    /* margin-top: 5px; */
    /* padding-top: 10px; */
    color: white;
    text-align: center;
    font-size: 16px;
	line-height: 1.5;
}
.guanbi img {
    position: absolute;
    top: 0;
    right: -32px;
    width: 30px;
    height: 30px;
}
/* 右侧结束 */

/* 返回顶部 */
.gotop{
	width: 45px;
	height: 40px;
	background-color: #1e77f9;
	    cursor: pointer;
	    position: fixed;
	    top: 70%;
	    right: 10px;
	    z-index: 88;
		/* opacity: 0.5; */
		border-radius: 8px;
		background: url(../images/q6.png) center top repeat;
		text-align: center;
}
svg{
	width: 50%;
	height: 100%;
}
/* 返回顶部 */









