﻿/*************************************************sulian reset start***********************************************************/
@charset "utf-8";
/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 12px;
    vertical-align: baseline;
    background: transparent;
    font-family:"Microsoft YaHei";
    /*font-family:"Microsoft YaHei";*/
    word-break:break-all; /*支持IE，chrome，FF不支持*/
　　word-wrap:break-word;/*支持IE，chrome，FF*/
}
body ol, body ul,body p{list-style: none;margin:0;padding:0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration: none !important;}

.e {text-overflow:ellipsis !important; white-space:nowrap !important; overflow:hidden !important;}
.cl,.clearfix,.clear{clear:both;height:1px;line-height:1px;font-size:1px;}
.fl{float:left;}.fr{float:right;}.rl{position:relative;}

.hid{overflow:hidden;}
.dis3{height:3px;line-height:3px;clear:both;}
.dis5{height:5px;line-height:5px;clear:both;}
.dis7{height:7px;line-height:7px;clear:both;}
.dis9{height:9px;line-height:9px;clear:both;}
.dis10{height:10px;line-height:10px;clear:both;}
.dis15{height:15px;line-height:15px;clear:both;}
.dis17{height:17px;line-height:17px;clear:both;}
.dis20{height:20px;line-height:20px;clear:both;}
.dis25{height:25px;line-height:25px;overflow:hidden;clear:both;}
.dis30{height:30px;line-height:30px;clear:both;}
.dis40{height:40px;line-height:40px;clear:both;}
.dis60{height:60px;line-height:60px;clear:both;}

.f24 i {font-size:24px;}
.fm {font-weight: 400 !important}
/* common */
html,body {min-width:1200px;}
body {overflow-x:hidden;overflow-y:scroll;}

.col {margin:20px 0;}

.font-sgray {color:#ccc;}
.font-gray {color:#7d8c91;}
.font-gray2 {color:#ababab;}

.font-org,.font-org:hover {color:#ff6f02;}
.font-red {color:#f00;}
.font-gray,.font-gray:hover {color:#7d8c91;}
.font-black,.font-black:hover {color:#333;}
.font-white,.font-white:hover  {color:#fff;}
.font-yellow,.font-yellow:hover {color:#fffc00;}
.font-green,.font-green:hover {color:#009f3d;}
.font-blue2,.font-blue2:hover {color:#195ea1;}
.font-blue,.font-blue:hover {color:#1598db;}

.tl{text-align:left;}.tr{text-align:right;}.tc{text-align:center;}.tdindent28{text-indent:28px;}.tdindent24{text-indent:24px;}
.f9{font-size:9px !important;}.f10{font-size:10px !important;}.f11{font-size:11px !important;}.f12{font-size:12px !important;}.f14{font-size:14px !important;}.f16{font-size:16px !important;}.f18{font-size:18px !important;}.f20{font-size:20px !important;}.f24{font-size:24px !important;}.f32{font-size:32px !important;}.fb{font-weight:700 !important;}.fn {font-weight:400 !important;}

.w100 {width:100%;}
.aps {width: 1200px;margin:0 auto;}

.page-tips{position:fixed;top:0;left:0;text-align:center;width:100%;z-index:10000}
.page-tips .inner{display:inline-block;*display:inline;*zoom:1;min-width:280px;padding:3px 30px 5px 30px;color:#fff}
.page-tips.success .inner{background-color:#44b549}
.page-tips.error .inner{background-color:#d43d3d}

.page-next-tips{margin-bottom:15px;}
.page-next-tips .inner{display:inline-block;*display:inline;*zoom:1;width:100%;padding:3px 0 5px 0;color:#fff;text-indent:12px;}
.page-next-tips-success .inner{background-color:#44b549}
.page-next-tips-error .inner{background-color:#d43d3d}
/**header **/
/*topbar*/
.topbar {background: #F8F8F8;height: 40px;}
.topbar .nav {width: 70%;float:right;}
.topbar .nav ul {}
.topbar .nav ul li {float: right;padding-left:30px;height: 40px;line-height: 40px;}
.topbar .nav ul li a {color:#707070;}
.topbar .nav ul li span.tit {color:#707070;}
.topbar .nav ul li span.b {font-weight: 700;color:#707070;font-size:16px;}
/*header*/
.header {}
.header {position:relative;z-index:100;min-width:1000px;background: #fff;}
.header-blue {background: #fff;}
.header .navigation-inner{position:relative;}
.header .logo {float:left;}
.header:hover {
background-color:#fff;
-webkit-transition:height .2s,background-color .2s;
transition:height .2s,background-color .2s;
}

.navigation-up {}
.navigation-up .navigation{float:right;}
.navigation-up .navigation ul{float:left;padding:0;margin:0;}
.navigation-up .navigation li{float:left;height:80px; line-height: 80px;width: auto;margin-left: 64px;}

.navigation-up .navigation .nav-up-selected{background:#fff; color: #f08200; border-bottom:3px solid #f08200 ;}
.navigation-up .navigation .nav-up-selected a {color:#f08200 !important;}
.navigation-up .navigation li:hover{
    background:#fff; color: #f08200; border-bottom:3px solid #f08200 ;
}
.navigation-up .navigation li:hover h2 a{
    color: #f08200;
}
.navigation-up .navigation .nav-up-selected-inpage a {color:#f08200 !important;}
.navigation-up .navigation li h2{font-weight:normal;padding:0;margin:0;line-height:80px !important; }
.navigation-up .navigation li h2 a{font-size:16px;padding: 0;color:#000;display:inline-block;height:60px;font-family:"microsoft yahei"}

.navigation-down{position:absolute;top:80px;left:0px;width:100%}
.navigation-down .nav-down-menu{width:100%;margin:0;background:#212121;position:absolute;top:0px}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1200px;position:relative}
.navigation-down .nav-down-menu dl{float:left;margin:18px 110px 18px 0;}
.navigation-down .menu-1 dl{margin:20px 85px 25px 0}
.navigation-down .menu-3 dl {margin:20px 50px 25px 0}
.navigation-down .menu-1 dt{font:bold 16px "microsoft yahei";padding-bottom:10px;border-bottom:1px solid #fff;margin-bottom:10px;
}
.navigation-down dt,.navigation-down dt a {color:#fff !important;}
.navigation-down .menu-1 dd a{color:#efefef;font:normal 14px/30px "microsoft yahei"}
.navigation-down .menu-1 dd a:hover{color:#ea5404}
.navigation-down .menu-2 dd a,
.navigation-down .menu-3 dd a{color:#efefef;font:normal 16px "microsoft yahei"}


/*banner*/
.banner {}
.carousel {height: 500px;}
.carousel-inner .item {height: 500px;}
.carousel-inner .a-left {left: 100px;
    border-color: #fff transparent transparent #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.carousel-inner .a-right {
    right: 100px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #fff #fff transparent transparent
}

.carousel-inner .item a {display: block;height: 500px;}
.carousel-indicators {bottom: 30px;}
.carousel-indicators li {
    width: 14px;
    height: 14px;
    border-radius: 12px;
    margin: 0 6px;
    background-color: #ffffff;
    filter:alpha(opacity=50); /*IE滤镜，透明度50%*/
    -moz-opacity:0.5; /*Firefox私有，透明度50%*/
    opacity:0.5;/*其他，透明度50%*/
}
.carousel-indicators li.active {
    width: 18px;
    height: 18px;
    margin: 0 6px;
    position: relative;
    top: 2px;
    background-color: #fff;
    border-color: #fff;
    filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
    -moz-opacity:1; /*Firefox私有，透明度50%*/
    opacity:1;/*其他，透明度50%*/
}
.carousel-control.left {
    background: none !important;
}

.carousel-control.right {
    background: none !important;
}
.glyphicon-chevron-left:before, .glyphicon-chevron-right:before {
    content: "";
}
.carousel-control.left .glyphicon-chevron-left {
    width: 35px;
    height: 70px;
    background: url(../images/banner-arrow.png) left top no-repeat;
    margin-top: -35px;
    left: 21px;
}

.carousel-control.right .glyphicon-chevron-right {
    width: 35px;
    height: 70px;
    background: url(../images/banner-arrow.png) -35px top no-repeat;
    margin-top: -35px;
    right: 21px;
}


/*************************************************sulian footer end***********************************************************/
.footer {
    border-bottom: 1px solid #45484c;
    bottom: 0;
    width: 100%;
    min-width: 1160px;
    background-color: #2f3438;
    clear: both;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    color: #888;
    overflow: auto;
    text-align: left;
}

.footer .footer-intro {
    padding: 40px 0 40px 0px;
}

.footer .footer-intro .column {
    display: inline-block;
    font-size: 14px;
    width: 160px;
    height: 165px;
    overflow: hidden;
}

.footer .footer-intro .column ul {
}

.footer .footer-intro .c-last {
    width: 190px
}

.footer .footer-intro .column ul li {
    text-align: left;
    line-height: 26px;
    color: #fefefe;
    font-size: 14px;
}

.footer .footer-intro .column ul li a {
    color: #fefefe;
    font-size: 14px;
}

.footer .footer-intro .column .t {
    margin-bottom: 10px;
}

.footer .footer-intro .column .t a {
    color: #677676;
    font-size: 14px;
}

.footer .footer-intro .column-weixin {
    text-align: left;
    margin-left: 50px;
    border-left: 2px solid #45484c;
    padding-left: 30px;
    width: 280px;
    position: relative;
    top: 10px;
}

.footer .footer-intro .column-weixin .p1, .footer .footer-intro .column-weixin .p3 {
    color: #ffffff
}

.footer .footer-intro .column-weixin .p2 {
    color: #ea5404;
    font-size: 24px;
    margin-top: 5px;
    margin-bottom: 6px;
    background:url(../images/phone.gif) left top no-repeat;
    text-indent: 45px;
    line-height: 40px;
    position: relative;left:-7px;
}

.footer .footer-intro .column-weixin .p3 {
    margin-bottom: 26px;
    color:#677676;
}

.footer .footer-intro .column-weixin .t a {
    font-size: 20px;
}

.footer .footer-bottom {
    background-color: #2e3033;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    color: #aaa;
    font-size: 12px;
    text-align: center;
    clear: both;
    padding: 14px 0;
}

.footer .footer-bottom a {
    color: gray;
}

.footer-link-intro {
    padding: 20px 0;
    text-align: center;
    background: #1e1e1e;
    border-bottom: solid 1px #333333;
}

.footer-link-intro a {
    color: #666666;
}

.footer-b {
    height: 200px;
    background-color: #2e3033;
    text-align: center
}

.footer-b .footer-b1 {
    padding-top: 20px;
}

.footer-b .footer-b2, .footer-b .footer-b3 {
    color: #ffffff;
    margin: 6px 0px;
}

.footer-b .footer-b4 {
    margin-top: 18px;
}

/*************************************************sulian footer end***********************************************************/



.d_con{
	width: 100%;
	height: 915px;
	background: #3cadfb;
	text-align: center;
	overflow: hidden;
}
.d_con1{
	height: 400px;
	width: 1200px;
	margin: 0 auto;
	display: inline-block;
}
.d_con1 h3,.d_con1 p{
	color: #FFF;
}
.d_con1 h3{
	margin-top: 65px;
	margin-bottom: 15px;
	font-size: 28px;
}
.d_con1 ul{
	margin: 0;
	padding: 0;
	margin-top: 50px;
}
.d_con1 ul li{
	width: 139px;
	text-align: center;
	float: left;
	margin-right: 120px;
}
.d_con1 ul li:hover p{
	color:#fff600;
}
.d_con1 ul li:nth-child(1){
	margin-left: 120px;
}
.d_con1 ul li em{
	width: 139px;
	height: 141px;
	display: block;
	background: url(../../images/home/dc/d1.png) no-repeat;
}
.d_con1 ul li:first-child em{background-position: 0 0;}
.d_con1 ul li:first-child:hover em{background-position: 0 -141px;}

.d_con1 ul li:nth-child(2) em{background-position: -139px 0;}
.d_con1 ul li:nth-child(2):hover em{background-position: -139px -141px;}

.d_con1 ul li:nth-child(3) em{background-position: -278px 0;}
.d_con1 ul li:nth-child(3):hover em{background-position: -278px -141px;}

.d_con1 ul li:nth-child(4) em{background-position: -417px 0;}
.d_con1 ul li:nth-child(4):hover em{background-position: -417px -141px;}

/***************************/
/** RightBar Start **/
.rightBar {
    width: 50px;
    position: fixed;
    right: 10px;
    top: 50%;
    margin-top: -190px;
    z-index: 1000
}

.rightBar .link {
    display: block;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background: #222;
    margin: 0px 0 0 0;
    position: relative;
    left: 0;
    top: 0;
    transition: all linear .2s
}

.rightBar .link .img {
    display: block
}

.rightBar .link .lChi {
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 50px;
    position: absolute;
    right: 49px;
    top: 0;
    padding: 0 20px 0 0;
    overflow: hidden;
    transition: all linear .2s
}

.rightBar .link .lChi .ar {
    display: block;
    position: absolute;
    right: 10px;
    top: 15px
}

.rightBar .link .lChi .txt {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #fff;
    padding: 0 20px;
    white-space: nowrap;
    border-radius: 4px;
    background: url(../images/home/optBg.png) repeat;
}

.rightBar .link:hover {
    background: #ea5404;
}

.rightBar .link:hover .lChi {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}

.rightBar .link:hover .wxgzh, .rightBar .link:hover .chis {
    display: block
}

.rightBar .first {
    cursor: default;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.rightBar .last {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.rightBar .wxgzh {
    display: none;
    position: absolute;
    top: -11px;
    left: -192px;
    width: 188px;
    height: 258px;
    background: url(../../images/home/erweima.png) no-repeat 0 0
}

.rightBar .chis {
    display: none;
    padding: 0 20px 0 0;
    width: 958px;
    position: absolute;
    left: -958px;
    top: -75px;
}

.rightBar .chis .ars {
    display: block;
    width: 12px;
    height: 22px;
    background: url(../images/home/arrIc.png) no-repeat 0 0;
    position: absolute;
    right: 8px;
    top: 88px;
    z-index: 222
}

.rightBar .cIns {
    border-radius: 3px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 16px #dcdbdb;
    padding: 15px 0 2px 0
}

.rightBar .csIn {
    /*width: 552px;*/
    margin: 0 auto;
    position: relative;
    left: 0;
    top: 0;
}

.rightBar .csIn .tt {
    display: block;
    height: 24px;
    line-height: 20px;
    font-size: 16px;
    color: #333;
    text-align: left;
    font-weight: bold
}

.rightBar .csIn .row {
    margin-left: 2px;
    height: 39px;
    border-bottom: 1px dashed #eee;
    text-align: left;
    font-size: 0
}

.rightBar .csIn .row .lt {
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: 32px;
    font-size: 14px;
    color: #666;
    width: 85px;
    text-align: left
}

.rightBar .csIn .row .qq {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: 22px;
    width: 22px;
    background: url(../images/home/qqOn.png) no-repeat;
    position: relative;
    left: 0;
    top: 6px
}

.rightBar .csIn .row .qq:hover {
    background: url(../images/home/qqOn.png) no-repeat
}

.rightBar .csIn .row .wx {
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: 22px;
    width: 22px;
    background: url(../images/home/wxwx.jpg) no-repeat;
    margin-left: 8px;
    position: relative;
    left: 0;
    top: 6px
}

.rightBar .csIn .row .wx:hover {
    background: url(../images/home/wxOn.jpg) no-repeat
}

.rightBar .csIn .col {
    width: 130px;
    margin-left: 30px;
}

.rightBar .mgt {
    margin-top: 13px
}
/*悬浮QQ公用table切换*/

/************************************** online qq end ************************/



.foot{
	height: 300px;
	width: 100%;
	background: #f7f7f7;
	text-align: left;
	font-size: 16px;
}
.footc{
	width: 1200px;
	margin: 0 auto;
	height: 300px;
}
.foot ul{
	width: 240px;
	height: 225px;
	float: left;
	margin-top: 37px;
	text-align: left;
}
.footc ul:nth-child(5){
	border: 0;
}
.footc ul li:nth-child(1){
	color: #000;
	font-size: 18px;
	margin-bottom: 30px;
}
.footc ul li{
	font-size: 16px;
	text-align: left;
	height: 35px;
	line-height: 35px;
	display: block;
	color: #7a7a7a;
}
.footc .b-title a{
    font-size: 18px;
    color: #000;
}


.footc ul li a{
	color: #7a7a7a;
	font-size: 16px;
}
.footc ul  img{
	display: block;
}
.footc ul .am-icon-btn{
	width: 35px;
	height: 35px;
	background: #CCCCCC;
	color: #FFF;
	font-size: 18px;
	text-align: center;
	line-height: 35px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	
}
.phone{
	font-size: 24px !important;
	color: #ff6600;
}
.foot1{
	height: 105px;
	background: #fff;
	text-align: center;
	color: #000;
	font-size: 14px;
	line-height: 35px;
	box-sizing: border-box;
	padding-top: 20px;
}
.lianxi i{
	color: #7a7a7a;
	font-size: 16px;
	margin-right: 5px;
}

