/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */.btn, .btn-group, .btn-group-vertical, .caret, .checkbox-inline, .radio-inline, img {
	vertical-align:middle
}
.body {
	min-width:1200px
}

ul li{ list-style: none}
.headbar {
	background: #222327;
	border-bottom: 1px solid #ededed;
	
	color: #999;
	padding-bottom: 10px;
	padding-top: 10px;
	font-family:"微软雅黑";
}
.headbar-l {
	font-size: 12px;
	color: #fff;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.headbar span em {
	color:#FF0
}
.headbar-m {
	font-size: 12px;
	color: #fff;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.titile h1 span {
	color: #00a2ca;
	font-size: 18px;
	font-family: Arial;
	padding-left: 30px;
}

.header {
	width:1200px;
	height:90px;
	margin:0 auto;
	position:relative;
	z-index:999; 
}
.header h1 {
	width:182px;
	height:60px;
	float:left;
	margin:20px 0 0 5px;
}
.header h1.logo {
	background:url(../images/weblogo.png) no-repeat;
}
.header h1.logo-yzs span{font-size:17px; height:55px; line-height:55px
}

.header .txt {
	position:absolute;
	width:300px;
	top:18px;
	right:16px;
	text-align:center;
	color:#dfdfdf;
	_display:inline-block;
}
.header .txt span {
	padding:0 10px;
}
.header .tel {
	position:absolute;
	top:5px;
	right:16px;
	height:40px;
	line-height:30px;
	padding-left:50px;
	background:url(../images/tel.jpg) no-repeat;
	text-align:center;
	font-family:Impact;
	font-size:22px;
	color:#fe0602;
}
.navArea {
	padding-bottom:5px;
	background:url(../images/nav_bg.png) repeat-x 0 bottom;
}
.navBg {
	width:auto;
	height:80px;
	float:right;
	background:#fff;
	border-top:0px solid #333;
	border-bottom:0px solid #333; 
}
.nav_l { list-style:none;
	width:auto;
	height:55px;
	margin:20px 0px 10px 0px;
	line-height:40px;
	font-family:"微软雅黑";
	float:right; font-size:18px;
}
.nav_l li {
	float:left;
	width:110px;
	height:55px; line-height:55px; font-size:18px;
}
.nav_l li a {
	display:block;
	width:100px;
	text-align:center;
	font-size:17px;
	color:#565655;
}
.nav_l li a:hover {
	display:block;
	text-align:center;
	font-size:17px;
	color:#0093dd;
}
.nav_l li a:hover, .nav li a:hover.on {
	text-decoration:none;
}
.nav li a.on {
}
.nav_l li a.on2 {
	/*background:#dc9915;*/
	text-decoration:none;
}
.nav_l li:hover.on {
	background:#333;
	text-decoration:none;
}
.nav_l li ul {
	display:none;
	position:absolute;
	z-index:9999;
	border:1px solid #d9d9d9;
	background:#fff;
}
.nav_l li ul li {
	float:none;
	display:block;
	position:relative;
	line-height:20px;
	_display:inline;
}
.nav_l li ul li .s {
	position:absolute;
	top:0;
	left:10px;
	border-left:1px solid transparent;
}
.nav_l li ul li .s li {
	float:none;
}
.nav_l li ul li a {
	display:block;
	width:70px;
	height:16px;
	
	background:#fff;
	text-align:center;
	font-weight:normal;
	font-size:15px;
	color:#2b2b2b;
}

/*top结束*/

.big_box {
	padding-bottom: 45px;
	padding-top: 45px;
}
.titile_1 {
	
}
.titile {
	position: relative;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.titile h1 {
	text-align: center;
	padding-bottom: 15px;
	padding-top: 15px;
	font-size: 40px;
	color: #383836;
}
.titile_small {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}
.content_1 {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.warp {
	width: 1200px;
	margin: 0px auto;
}
.NewsBox {
	width: 1200px;
	padding: 40px 0px;
}
.NewsItm {
	width: 330px;
	float: left;
	margin-right: 45px;
}
.NewsItm h2 {
	line-height: 26px;
	position: relative;
}
.NewsItm p {
	margin-top: 18px;
}
.NewsItm ul li {
	font-size: 13px;
	line-height: 26px;
	list-style-type: disc;
	list-style-position: inside;
}
.NewsItm ul {
	margin-top: 15px;
}
.big_box {
	padding-bottom: 45px;
	padding-top: 45px;
}
.titile_1 {

}
.NewsItm h2 span {
	position: absolute;
	right: 0px;
}
.ht0 {
	height: 0px;
	clear: both;
}
.cooperation ul li {
	width: 110px;
	margin-left: 20px;
	margin-right: 15px;
	float: left;
	text-align: center;
}
.friendlink a {
	margin-right: 20px;
}
.ht20 {
	height: 20px;
	clear: both;
}
.indexrow7 li {
	line-height: 30px;
}
.wid1200 {
	width: 1200px;
	margin: 0px auto;
	font-family: "微软雅黑";
}
.ht10 {
	height: 10px;
	clear: both;
}
.indexrow7 {
	
	float: left;
	text-align: center;
	margin-right:50px;
}
.indexrow7 .title {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	line-height: 40px;
}
.ht40 {
	height: 40px;
	clear: both;
}
#foot {
	background-color: #3A3939;
	width: 100%;
	height: auto;
	font-family: Arial;
}
#footinfo {
	width: 1200px;
	margin: 0px auto;
	line-height: 20px;
	color: #FFF;
}
.ht30 {
	height: 30px;
	clear: both;
}
#footinfo .copyright {
	padding-top: 15px;
	margin-bottom: 10px;
}
#footinfo table tr td {
	vertical-align: top;
	width:330px;
	color:#fff;
	font-size:14px
}
#footinfo {
	line-height: 20px;
	color: #FFF;
}
/**底部样式**/

/*在线留言*/
.guideTag {
	width: 100px;
	position: fixed;
	left: 1%;
	bottom: 30%;
	z-index: 9999;
}
.guideTag .tagCont {
	position: relative;
}
.guideTag .tagInfo {
	width: 100px;
	margin-bottom: 5px; font-size:14px
}
.guideTag .tagCont span {
	display: block;
}
.guideTag .tagInfo .plateCont {
	background: #00A2CA none repeat scroll 0% 0%;
}
.guideTag .tagInfo .plate {
	padding: 2px;
	overflow: hidden;
}
.guideTag .tagInfo .plate a:hover, .guideTag .tagInfo .plate .cur {
	background: #E29514 none repeat scroll 0% 0%;
	color: #FFF;
	text-decoration: none;
}
.guideTag .tagInfo .plate a {
	height: 28px;
	line-height: 28px;
	display: block;
	text-align: center;
	color: #FFF;
}
.guideTag .feedback a {
	font-weight: bold;
	color: #FFF;
}
.guideTag .tagCont .sFunc a {
	display: block;
	position: relative;
	overflow: hidden;
	background: #00A2CA none repeat scroll 0% 0%;
}
.guideTag .feedback {
	
	line-height: 25px;
	padding-bottom: 5px;
	text-align: center;
}
/*在线留言结束*/


.btn-bigger {
padding: 13px 60px !important;
font-size: 20px;
}
.btn-blue {
background-color: #3eb3de;
color: #fff;
padding: 10px 30px !important;
}
























/* ----------------------------------------------------
	鍩虹鏍峰紡
------------------------------------------------------- */
body {
    font-family: "Arial","Microsoft YaHei", "寰蒋闆呴粦";
    color: #666666 !important;
    /* font-size: 14px !important; */
    font-size: 12px !important;
    background: #fff;
    padding: 0;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 26px !important;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    position: relative;
    padding: 0 0 10px 0;
    font-family: "Microsoft YaHei", "寰蒋闆呴粦" !important;
    line-height: 140% !important;
    color: #212121;
}

h1 {
    font-size: 22px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 13px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #212121;
    text-decoration: none !important;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #fff !important;
}

a {
    padding: 0;
    margin: 0;
    outline: none;
    text-decoration: none;
    transition: background-color .2s linear, color .2s linear;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #686868;
    outline: none;
}

a.remove {
    background: url("../images/remove.png") repeat scroll 0 0 #798184;
    border-radius: 100px;
    border-style: solid;
    border-width: 1px;
    display: block;
    height: 18px;
    margin: 10px;
    padding-left: 0 !important;
    text-indent: -9999px;
    width: 18px;
}

ul, li {
    padding-left: 0;
    list-style: none;
}

.lead {
    font-weight: normal !important;
    font-size: 18px !important;
    line-height: 150%;
    color: rgb(119, 156, 147);
}

.hidden {
    display: none;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both
}

mark {
    padding: 6px 12px;
}

section::before,
section::after {
    position: absolute;
    content: '';
}

.first {
    clear: both !important
}

.last {
    margin-right: 0 !important
}

dd {
    color: #8B8B8B;
}



ol {
    list-style: disc;
    margin: 0 0 20px 0;
}

ul ul, ol ol {
    list-style: circle;
    padding: 0 10px;
    margin: 0 0 10px 0;
}

ul ul ul, ol ol ol {
    list-style: square;
    padding: 0 10px;
    margin: 0 0 10px 0;
}

ol {
    list-style: decimal;
}

ol ol {
    list-style: lower-latin;
}

ol ol ol {
    list-style: lower-roman;
}

ul ul li, ol ol li {
    margin: 5px 0 5px 15px;
}

dl {
    margin: 0 0 20px 0;
}

dd {
    margin: 5px 0 5px 15px;

}

::selection {
    background-color: #000;
    color: #fff;
}

::-moz-selection {
    background-color: #000;
    color: #fff;
}

p.drop-caps:first-child:first-letter {
    float: left;
    font-size: 75px;
    line-height: 60px;
    padding: 4px;
    margin-right: 7px;
    margin-top: 5px;
    font-family: Georgia;
}

p.drop-caps.full:first-child:first-letter {
    color: #fff;
    padding: 7px;
    margin-right: 7px;
}

.check li:before {
    content: "\f00c";
    font-family: "FontAwesome";
    font-size: 16px;
    left: 0;
    color: #ECB1C3;
    padding-right: 5px;
    position: relative;
    top: 2px;
}

.check li {
    font-size: 14px;
    list-style: none;
    margin-bottom: 4px;
}

.check {
    margin-left: 0;
    padding-left: 0
}

.check li a {
    color: #656565;
}

.maps {
    width: 100%;
}

.white-text {
    color: white;
}

.angle-down {
    position: relative;
    top: 80px;
}

img {
    outline: none;
}

img.img-responsive {
    margin: 0 auto;
}

.fa-4x {
    font-size: 90px;
}

@media only screen and (min-width: 1024px) and (max-width: 1920px) {
    .title-pie {
        background: rgba(31, 65, 63, 1);
        color: white !important;
    }
}

.title-pie {
    background: rgba(31, 65, 63, 1);
    color: white !important;
    text-align: center;
    padding: 5px;
    font-variant: small-caps;
}

.space-top {
    margin-top: 80px;
}

.spancolor {
    color: #26CDA4;
}

.title-footer, .title-footer a {
    color: #fff;
}

.practice-box {
    border: 1px solid #E5E5E5;
    text-align: center;
    display: table;
    width: 100%;
    margin-bottom: 60px;
    position: relative;
}

@font-face {
    font-family: 'quaver_serifregular';
    src: url('../fonts/quaverserif.eot');
    src: url('../fonts/quaverserifd41d.eot?#iefix') format('embedded-opentype'),
    url('../fonts/quaverserif.woff') format('woff'),
    url('../fonts/quaverserif.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fquaver_sansregular';
    src: url('../fonts/quaversans.eot');
    src: url('../fonts/quaversansd41d.eot?#iefix') format('embedded-opentype'),
    url('../fonts/quaversans.woff') format('woff'),
    url('../fonts/quaversans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bariol_boldbold';
    src: url('../fonts/bariol_bold-webfont.eot');
    src: url('../fonts/bariol_bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
    url('../fonts/bariol_bold-webfont.woff') format('woff'),
    url('../fonts/bariol_bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Rx-OneFive";
    src: url('../fonts/RxOF__.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Android_Italic";
    src: url('../fonts/Android_Italic.ttf');
    font-weight: normal;
    font-style: normal;
}

.clearfix:after {
    content: "\0020";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    overflow: hidden;
}

/*------------------------------
鍩烘湰鏍峰紡
----------------------------------*/
.white-wrapper {
    background: #fff;
}

#wrapper {
    position: relative;
    display: block;
}




.header-part h2, .header-part h4, .header-part h6 {
    color: #fff;
    padding: 0;
    font-family: "YouYuan" !important;
}

.header-part h4 {
    font-size: 42px;
}

.header-part h2 {
    font-size: 52px;
    color: #feda50;
}

.header-part h6 {
    font-size: 24px;
}

a.sf-button {
    position: relative;
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    max-width: 100%;
    height: auto;
    overflow: hidden;
    padding: 10px 26px;
    margin: 0 10px 20px 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    border: 0;
    outline: none;
    text-shadow: none;
    text-decoration: none;
    vertical-align: middle;
    letter-spacing: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

a.sf-button.large {
    font-size: 16px;
    line-height: 26px;
    padding: 10px 30px;
}

a.sf-button.transparent-light {
    color: #fff;
    border: 2px solid rgba(255, 255, 255, .5);
}

a.sf-button, a.sf-button:hover {
    background-image: none;
    color: #fff;
}

a.sf-button.transparent-light:hover {
    background: #fff;
    border-color: #fff;
}

a.sf-button.transparent-light:hover,
a.sf-button.transparent-dark:hover {
    color: #0078d7 !important;
}

a.sf-button.sf-icon-reveal {
    padding: 0 !important;
    color: #fff;
    background-color: #0078d7;
    border-color: #0078d7;
    -webkit-transform: translate3d(0, 0, 0);
}

a.sf-button.sf-icon-reveal i {
    position: absolute;
    left: -48px;
    display: inline-block;
    width: 46px;
    height: 100%;
    padding: 17px 14px 10px;
    background: rgba(0, 0, 0, 0.1);
    font-size: 18px;
    line-height: 16px !important;
    -o-transform: scale(1.0) !important;
    -webkit-transform: scale(1.0) !important;
    -moz-transform: scale(1.0) !important;
    transform: scale(1.0) !important;
    opacity: 0;
}

a.sf-button.sf-icon-reveal span.text {
    width: 100%;
    padding: 13px 35px;
    display: block;
    vertical-align: 4px;
    text-align: center;
}

a.sf-button.sf-icon-reveal i, a.sf-button.sf-icon-reveal span.text {
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms linear;
}

a.sf-button.sf-icon-reveal:hover i {
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    right: 20px;
    left: 0;
}

a.sf-button.sf-icon-reveal:hover span.text {
    padding-left: 59px;
    padding-right: 11px;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

/*-----------------------
    Slogan_Area
------------------------*/
#Slogan_Area {
    position: relative;
    background-color: #f9fafb;
}

.slogan_content {
    padding-top: 25px;
    padding-bottom: 25px;
}

.slogan_content h1 {
    color: #333;
}

.slogan_content p {
    color: #999;
    font-size: 12px;
}

.slogan_bottom_arrow {
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    background-color: #f9fafb;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

/*----------------------
鎴戜滑鐨勪紭鍔�
----------------------------*/
#Advantage_Area {
    margin-top: 50px;
}

.title {
    position: relative;
    display: block;

}

.title .title-text {
    margin-bottom: 0;
    font-size: 36px !important;
    letter-spacing: 0.6px;
    color: #333;
}

.title_line {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 1px;
    background-color: #e5e3df;
}

.title_line em {
    position: absolute;
    left: 50%;
    bottom: -3px;
    margin-left: -3px;
    display: inline-block;
    width: 7px;
    height: 7px;
    background-color: #fff;
    border: 1px solid #e5e3df;
    border-radius: 50%;
}

.icon_cirle {
    margin: 0 auto;
    width: 150px;
    height: 150px;
    font-size: 32px;
    line-height: 4.5em;
    color: #fff;
    background-color: #0078d7;
    border-radius: 50%;
    border: 4px solid transparent;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;

}

.item-adv:hover .icon_cirle {
    background-color: #fff;
    color: #2c3e50;
    border-color: #2c3e50;
}

.icon_cirle i {
    line-height: 4.5em !important;
}

h4.header-text {
    margin-top: 40px;
    color: #666;
    font-size: 18px;
    font-weight: bold;
}

.item-adv p, .item-news p {
    margin-bottom: 30px;
    padding: 0 15px;
    font-size: 12px;
    color: #999;
}

/*-----------------------
鏍稿績涓氬姟
----------------------------*/
#Business_Area, #Partner_Area {
    margin-top: 50px;
    padding: 30px 0 50px;
    background-color: #f9fafb;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

.baBox_text {
    position: relative;
    display: block;
    background: url("../images/index_ba.png") no-repeat center top;
    width: 1170px;
    height: 729px;
    margin: 0 auto;
}

.baBox-item1, .baBox-item2, .baBox-item3 {
    position: absolute;
    color: #999;
    font-size: 12px;
}

.baBox-item1 {
    width: 400px;
    top: 0;
    left: 237px;
}

.baBox-item2 {
    width: 220px;
    right: 0;
    top: 110px;
}

.baBox-item3 {
    width: 300px;
    left: 18px;
    top: 565px;
}

.baBox-item1 h4, .baBox-item2 h4, .baBox-item3 h4 {
    margin-bottom: 0;
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

.baBox-item1 h4, .baBox-item3 h4 {
    text-align: right;
}

.baBox-item1 p, .baBox-item2 p, .baBox-item3 p {
    line-height: 22px !important;
}

.baBox_wap {
    display: none;
    margin: 0 auto;
}

/*-----------------------
瀹㈡埛妗堜緥
----------------------------*/
#Case_Area {
    margin-top: 50px;
}

#Case_Area .row {
    margin-left: 0;
    margin-right: 0;
}

.item-case {
    position: relative;
    padding: 0;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
    overflow: hidden;
}

.item-case a {
    margin: 0;
    padding: 0;
}

.item-case .case_brand, .item-case .case_brand img {
    position: relative;
    width: 100%;
    border: none !important;
    display: block !important;
    outline: 0 !important;
    background-color: rgba(44, 62, 80, 0.9) !important;
    transition: opacity .2s, transform .35s;
    overflow: hidden;
}

.item-case .case_brand img {
    opacity: 1;
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
}

.item-case:hover .case_brand img {
    opacity: .5;
}

.item-case figcaption, .item-case figcaption a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.item-case figcaption {
    padding: 1em;
    color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.item-case figcaption:before, .item-case figcaption:after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
}

.item-case figcaption:before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.item-case figcaption:after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.item-case:hover figcaption:after, .item-case:hover figcaption:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.item-case figcaption h4 {
    padding-top: 10%;
    padding-bottom: 0;
    margin: 0;
    font-weight: bold;
    color: #fff;
    letter-spacing: .5px;
    line-height: 24px;
    opacity: 0;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
}

.item-case:hover figcaption h4, .item-case:hover figcaption p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.item-case figcaption p {
    padding: 5px 2.5em;
    opacity: 0;
    color: #fff;
    font-size: 12px;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
}

.item-case figcaption a {
    z-index: 99;
    text-indent: 200%;
    font-size: 0;
    opacity: 0;
}

.case_more {
    background-color: #0078d7;
    padding: 50px 0;
}

h5.title-text {
    font-size: 24px;
    color: #fff;
    display: inline-block;
}

.case_more .sf-button {
    margin-left: 20px;
}

.case_more a.sf-button.transparent-light {
    border-color: rgba(255, 255, 255, 1);
}

/*-------------------
鏂伴椈鍔ㄦ€�
-----------------*/
#News_Area {
    margin-top: 50px;
}

.item-news {
    margin-bottom: 50px;
}

.item-news h4.header-text {
    margin-top: 20px;
    padding-bottom: 0;
    width: 100%;
    max-width: 100%;
    height: 32px;
    overflow: hidden;
    font-size: 16px;
    line-height: 32px !important;
}

.item-news p {
    padding: 0;
    margin-bottom: 10px;
    height: 78px;
    max-height: 78px;
    overflow: hidden;
}

.item-news a {
    color: #0078d7;
    display: block;
    transition: all .3s linear;
}

.item-news a:hover {
    font-weight: bold;
}

/**--------------------------
鍚堜綔浼欎即
---------------------------*/
#Partner_Area {
    padding: 0;
}

.partner_items {
    margin-bottom: 18px;
    line-height: 1;
}

.partner_items .carousel-inner {
    text-align: center;
    margin-top: 5px;
}

.partner_items .carousel-inner .item {
    padding: 0;
    height: auto !important;
}

.partner_items .carousel-inner .item a {
    display: block;
    float: left;
    text-align: center;
}

.partner_items .carousel-inner .item img {
    opacity: .8;
    transition: opacity .2s;
    -moz-transition: opacity .2s;
    -webkit-transition: opacity .2s;
}

.partner_items .carousel-inner .item a:hover img {
    opacity: 1;
}

.partner_items .carousel-control {
    position: absolute;
    top: 50%;
    margin-top: -17.5px;
    width: 35px;
    height: 35px;
    color: #fff;
    line-height: 35px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .1);
    cursor: pointer;
    z-index: 100;
    background: #2c3e50;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    opacity: 0;
}

.partner_items:hover .carousel-control {
    opacity: 1;
}

/*-------------------
footer
----------------*/
.footer {
    position: relative;
    padding: 50px 0;
    background-color: #1a1c27;
    color: #ccc;
    font-size: 12px;
}

.widget .title {
    margin-bottom: 0;
}

.widget .title h3 {
    font-size: 20px;
    letter-spacing: 0.6px;
    color: #fff;
    font-weight: bold;
}

.widget .title h3 span {
    color: #0078d7;
}

.footer #contactform .form-control {
    height: 45px;
    margin-bottom: 20px;
    color: #999;
    background-color: #1a1c27;
    border-color: #4f4f4f;
    border-radius: 0;
    box-shadow: none !important;
}

.footer #contactform .select_ui {
    position: relative;
}

.footer #contactform .select-arrow {
    position: absolute;
    right: 1px;
    top: 1px;
    font-size: 28px;
    color: #999;
    background-color: #1a1c27;
    height: 43px;
    width: 46px;
    line-height: 43px;
    text-align: center;
}

.footer #contactform select.form-control option {
    color: #555;
}

.footer #contactform textarea.form-control {
    height: 150px !important;
    resize: none;
}

.btn {
    display: block;
    width: 200px;
    margin: 0 auto;
}

.footer #contactform .btn-primary {
    background: #1a1c27;
    border-color: #4f4f4f !important;
    color: #9B9B9B;
    border-radius: 0 !important;
    font-size: 14px !important;
    padding: 12px 35px !important;
}

.footer #contactform .form-control:focus,
.footer #contactform .form-control:hover,
.footer #contactform .btn-primary:hover {
    border-color: #0078d7 !important;
}

.contact_details {
    margin-left: 0;
}

.contact_details li {
    margin-bottom: 18px;
    list-style: none;
    border-bottom: 1px solid #4f4f4f;
}

.contact_details li i {
    color: #FFFFFF;
    font-size: 20px;
    padding-right: 10px;
    text-align: center;
    width: 35px;
}

.contact_details li span {
    font-size: 14px;
    font-weight: bold;
}

.contact_details p {
    margin-top: 10px;
    font-size: 12px;
}

/*-----------------
copyrights
-----------------*/
.copyrights {
    background-color: #282b39;
    padding: 30px 0 20px;
    color: #ccc;
}

.copyrights .title {
    margin-bottom: 0;
}

.social_tools {
    float: right;
    margin-bottom: 0;
}

.social_tools li {
    list-style: none;
    float: left;
    margin: 0 10px;
}

.social_tools li a {
    color: #fff;
}

.social_tools li a:hover {
    color: #0078d7;
}

.weixin_code {
    position: relative;
}

.weixin_code span {
    position: absolute;
    bottom: 30px;
    display: none;
    margin-left: -60px;
}

.weixin_code:hover span {
    display: block;
}

.weixin_code span:before {
    content: '';
    position: absolute;
    left: 56px;
    bottom: -8px;
    width: 0;
    height: 0;
    border-left: 8px outset transparent;
    border-right: 8px outset transparent;
    border-top: 8px solid #fff;
}

/*-----------------
鍥炲埌澶撮儴
---------------------*/
.contact_top {
    position: fixed;
    right: 25px;
    bottom: 25px;
    display: block;
    text-align: center;
    height: 163px;
    padding-left: 67px;
    overflow: hidden;
    cursor: pointer;
    z-index: 999;
}

.contact_top a {
    position: relative;
    width: 40px;
    height: 40px;
    display: block;
    line-height: 40px !important;
    background-color: rgba(0, 0, 0, .4);
    color: #fff;
}

.contact_top a.contact_qq, .contact_top a.contact_edit, .contact_top a.contact_phone {
    margin-bottom: 1px;
    transition: none;
}

.contact_top a i {
    position: static;
    top: 0;
    left: -40px;
    font-size: 20px;
}

.contact_top a p {
    position: absolute;
    width: 67px;
    height: 40px;
    top: 0;
    left: 40px;
    background-color: #0078d7;
}

.contact_top a.contact_phone p {
    width: 198px;
}

.contact_top a:hover {
    background-color: #0078d7;
}

.contact_top a.contact_qq:hover, .contact_top a.contact_edit:hover {
    left: -67px;
}

.contact_top a.contact_phone:hover {
    left: -153px;
}

/*-----------------------
responsive
----------------------*/
@media only screen and (min-width: 1200px) {
    .header .nav li.dropdown:hover .dropdown-menu {
        display: block;
    }

    .Box {
        background-color: #376cba !important;
    }

    .screen-bgBox {
        position: relative;
    }

    .screen-bg {
        position: absolute;
        left: 50%;
        top: -30px;
        z-index: 11;
    }

    .monitor {
        position: relative;
        width: 605px;
        height: 605px;
        background: url("../images/quan.png") no-repeat;
    }

    .monitor-heartbeat {
        position: absolute;
        top: 55px;
        left: -38px;
        width: 688px;
        height: 483px;
        background: url("../images/xian.png") no-repeat;
        -webkit-animation: show linear 3s;
        animation: show linear 3s;
    }

    .monitor .monitor-circle {
        -webkit-animation: show2 linear 4s;
        animation: show2 linear 4s;
    }

    .monitor .monitor-circle .mc {
        display: block;
    }

    .monitor-circle .mc_01 {
        position: absolute;
        top: -15px;
        left: 320px;
    }

    .monitor-circle .mc_02 {
        position: absolute;
        top: 390px;
        left: 46px;
    }

    .monitor-circle .mc_03 {
        position: absolute;
        top: 515px;
        left: 310px;
    }

    .monitor-circle .mc_04 {
        position: absolute;
        top: 75px;
        left: 210px;
    }

    .monitor-circle .mc_05 {
        position: absolute;
        top: 350px;
        left: 440px;
    }

    .monitor-circle .mc_06 {
        position: absolute;
        top: 150px;
        right: -20px;
    }

    .monitor-circle .mc_07 {
        position: absolute;
        top: 190px;
        left: -30px;
    }

    .monitor-circle .mc_01:hover {
        -webkit-animation: bounce1 1s;
        animation: bounce1 1s;
    }

    .monitor-circle .mc_02:hover {
        -webkit-animation: bounce2 1s;
        animation: bounce2 1s;
    }

    .monitor-circle .mc_03:hover {
        -webkit-animation: bounce3 1s;
        animation: bounce3 1s;
    }

    .monitor-circle .mc_04:hover {
        -webkit-animation: bounce4 1s;
        animation: bounce4 1s;
    }

    .monitor-circle .mc_05:hover {
        -webkit-animation: bounce5 1s;
        animation: bounce5 1s;
    }

    .monitor-circle .mc_06:hover {
        -webkit-animation: bounce6 1s;
        animation: bounce6 1s;
    }

    .monitor-circle .mc_07:hover {
        -webkit-animation: bounce7 1s;
        animation: bounce7 1s;
    }

    @-webkit-keyframes show {
        0% {
            opacity: 0;
            width: 0;
        }
        100% {
            opacity: 1;
            width: 688px;
        }
    }

    @keyframes show {
        0% {
            opacity: 0;
            width: 0;
        }
        100% {
            opacity: 1;
            width: 688px;
        }
    }

    @-webkit-keyframes show2 {
        0% {
            opacity: 0;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
        50% {
            opacity: 1;
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }
        100% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }

    @keyframes show2 {
        0% {
            opacity: 0;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }
        50% {
            opacity: 1;
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
        }
        100% {
            opacity: 1;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }
    }

    @-webkit-keyframes bounce1 {
        0% {
            top: -15px;
        }

        50% {
            top: -30px;
        }

        100% {
            top: -15px;
        }
    }

    @keyframes bounce1 {
        0% {
            top: -15px;
        }

        50% {
            top: -30px;
        }

        100% {
            top: -15px;
        }
    }

    @-webkit-keyframes bounce2 {
        0% {
            top: 390px;
        }

        50% {
            top: 375px;
        }

        100% {
            top: 390px;
        }
    }
    @keyframes bounce2 {
        0% {
            top: 390px;
        }

        50% {
            top: 375px;
        }

        100% {
            top: 390px;
        }
    }

    @-webkit-keyframes bounce3 {
        0% {
            top: 515px;
        }

        50% {
            top: 500px;
        }

        100% {
            top: 515px;
        }
    }
    @keyframes bounce3 {
        0% {
            top: 515px;
        }

        50% {
            top: 500px;
        }

        100% {
            top: 515px;
        }
    }

    @-webkit-keyframes bounce4 {
        0% {
            top: 75px;
        }

        50% {
            top: 60px;
        }

        100% {
            top: 75px;
        }
    }
    @keyframes bounce4 {
        0% {
            top: 75px;
        }

        50% {
            top: 60px;
        }

        100% {
            top: 75px;
        }
    }

    @-webkit-keyframes bounce5 {
        0% {
            top: 350px;
        }

        50% {
            top: 335px;
        }

        100% {
            top: 350px;
        }
    }
    @keyframes bounce5 {
        0% {
            top: 350px;
        }

        50% {
            top: 335px;
        }

        100% {
            top: 350px;
        }
    }

    @-webkit-keyframes bounce6 {
        0% {
            top: 150px;
        }

        50% {
            top: 135px;
        }

        100% {
            top: 150px;
        }
    }
    @keyframes bounce6 {
        0% {
            top: 150px;
        }

        50% {
            top: 135px;
        }

        100% {
            top: 150px;
        }
    }

    @-webkit-keyframes bounce7 {
        0% {
            top: 190px;
        }

        50% {
            top: 175px;
        }

        100% {
            top: 190px;
        }
    }
    @keyframes bounce7 {
        0% {
            top: 190px;
        }

        50% {
            top: 175px;
        }

        100% {
            top: 190px;
        }
    }

    #page_header .bgback {
        display: none;
        opacity: 0;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    .screen-bgBox {
        display: none;
        opacity: 0;
    }

    #page_header .bgback {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        z-index: -1;
        background-size: cover;
        background-position: center;
    }

    .header .nav li {
        padding: 20px 10px;
    }

    .baBox_text {
        display: none;
    }

    .baBox_wap {
        display: block;
    }

    .header .nav li.dropdown:hover .dropdown-menu {
        display: block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .screen-bgBox {
        display: none;
        opacity: 0;
    }

    #page_header .bgback {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        z-index: -1;
        background-size: cover;
        background-position: center;
    }

    .header .nav li {
        padding: 20px 10px;
    }

    .copyrights {
        text-align: center;
    }

    .social_tools {
        float: none;
        display: inline-block;
    }

    .title {
        text-align: center;
    }

    .baBox_text {
        display: none;
    }

    .baBox_wap {
        display: block;
    }

    .header .navbar-nav li.dropdown.open .dropdown-menu {
        background-color: transparent;
    }

    .header .navbar-nav li.dropdown.open .dropdown-menu li a {
        color: #fff;
    }

}

@media only screen and (min-width: 480px) and (max-width: 768px) {
    .screen-bgBox {
        display: none;
        opacity: 0;
    }

    #page_header .bgback {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        z-index: -1;
        background-size: cover;
        background-position: center;
    }

    .header .nav li {
        padding: 20px 10px;
    }

    .copyrights {
        text-align: center;
    }

    .social_tools {
        float: none;
        display: inline-block;
    }

    .title {
        text-align: center;
    }

    .baBox_text {
        display: none;
    }

    .baBox_wap {
        display: block;
    }

    .header .navbar-nav li.dropdown.open .dropdown-menu {
        background-color: transparent;
    }

    .header .navbar-nav li.dropdown.open .dropdown-menu li a {
        color: #fff;
    }

}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .screen-bgBox {
        display: none;
        opacity: 0;
    }

    #page_header .bgback {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        z-index: -1;
        background-size: cover;
        background-position: center;
    }

    .header .nav li {
        padding: 10px 10px;
    }

    .copyrights {
        text-align: center;
    }

    .social_tools {
        float: none;
        display: inline-block;
    }

    .title {
        text-align: center;
    }

    .partner_items .carousel-inner .item a {
        width: 100%;
        margin: 0 auto;
    }

    .baBox_text {
        display: none;
    }

    .baBox_wap {
        display: block;
    }

    .header .navbar-nav li.dropdown.open .dropdown-menu {
        background-color: transparent;
    }

    .header .navbar-nav li.dropdown.open .dropdown-menu li a {
        color: #fff;
    }

}

@media only screen and (max-width: 320px) {
    .screen-bgBox {
        display: none;
        opacity: 0;
    }

    #page_header .bgback {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        z-index: -1;
        background-size: cover;
        background-position: center;
    }

    .header .nav li {
        padding: 10px 10px;
    }

    .copyrights {
        text-align: center;
    }

    .social_tools {
        float: none;
        display: inline-block;
    }

    .title {
        text-align: center;
    }

    .partner_items .carousel-inner .item a {
        width: 100%;
        margin: 0 auto;
    }

    .baBox_text {
        display: none;
    }

    .baBox_wap {
        display: block;
    }

    .header .navbar-nav li.dropdown.open .dropdown-menu {
        background-color: transparent;
    }

    .header .navbar-nav li.dropdown.open .dropdown-menu li a {
        color: #fff;
    }

}


















.glyphicon-queen:before {
    content: "\e212";
}

.glyphicon-pawn:before {
    content: "\e213";
}

.glyphicon-bishop:before {
    content: "\e214";
}

.glyphicon-knight:before {
    content: "\e215";
}

.glyphicon-baby-formula:before {
    content: "\e216";
}

.glyphicon-tent:before {
    content: "\26fa";
}

.glyphicon-blackboard:before {
    content: "\e218";
}

.glyphicon-bed:before {
    content: "\e219";
}

.glyphicon-apple:before {
    content: "\f8ff";
}

.glyphicon-erase:before {
    content: "\e221";
}

.glyphicon-hourglass:before {
    content: "\231b";
}

.glyphicon-lamp:before {
    content: "\e223";
}

.glyphicon-duplicate:before {
    content: "\e224";
}

.glyphicon-piggy-bank:before {
    content: "\e225";
}

.glyphicon-scissors:before {
    content: "\e226";
}

.glyphicon-bitcoin:before {
    content: "\e227";
}

.glyphicon-yen:before {
    content: "\00a5";
}

.glyphicon-ruble:before {
    content: "\20bd";
}

.glyphicon-scale:before {
    content: "\e230";
}

.glyphicon-ice-lolly:before {
    content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232";
}

.glyphicon-education:before {
    content: "\e233";
}

.glyphicon-option-horizontal:before {
    content: "\e234";
}

.glyphicon-option-vertical:before {
    content: "\e235";
}

.glyphicon-menu-hamburger:before {
    content: "\e236";
}

.glyphicon-modal-window:before {
    content: "\e237";
}

.glyphicon-oil:before {
    content: "\e238";
}

.glyphicon-grain:before {
    content: "\e239";
}

.glyphicon-sunglasses:before {
    content: "\e240";
}

.glyphicon-text-size:before {
    content: "\e241";
}

.glyphicon-text-color:before {
    content: "\e242";
}

.glyphicon-text-background:before {
    content: "\e243";
}

.glyphicon-object-align-top:before {
    content: "\e244";
}

.glyphicon-object-align-bottom:before {
    content: "\e245";
}

.glyphicon-object-align-horizontal:before {
    content: "\e246";
}

.glyphicon-object-align-left:before {
    content: "\e247";
}

.glyphicon-object-align-vertical:before {
    content: "\e248";
}

.glyphicon-object-align-right:before {
    content: "\e249";
}

.glyphicon-triangle-right:before {
    content: "\e250";
}

.glyphicon-triangle-left:before {
    content: "\e251";
}

.glyphicon-triangle-bottom:before {
    content: "\e252";
}

.glyphicon-triangle-top:before {
    content: "\e253";
}

.glyphicon-console:before {
    content: "\e254";
}

.glyphicon-superscript:before {
    content: "\e255";
}

.glyphicon-subscript:before {
    content: "\e256";
}

.glyphicon-menu-left:before {
    content: "\e257";
}

.glyphicon-menu-right:before {
    content: "\e258";
}

.glyphicon-menu-down:before {
    content: "\e259";
}

.glyphicon-menu-up:before {
    content: "\e260";
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

a {
    color: #000;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #23527c;
    text-decoration: underline;
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}



.text-center {
    text-align: center;
}


code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    -webkit-box-shadow: none;
    box-shadow: none;
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0;
}


    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }











/**=====================
妗堜緥 鈥斺€� 鍝佺墝闆跺敭
=====================**/
.brand_retailBox .sub_item_news div b{
    display: block;
    color: #666;
}

.brand_retailBox .sub_item_news p{
    margin-top: 5px;
    margin-bottom: 5px;
}

.brand_retailBox .br-item-text{
    padding-top: 40px;
}

/**=====================
妗堜緥 鈥斺€� o2o
=====================**/
.o2o_adv {
    position: relative;
    display: block;
    background: url("../images/case_0102.png") no-repeat center top;
    width: 924px;
    height: 274px;
    margin: 0 auto;
}

.oa-item1,.oa-item2,.oa-item3,.oa-item4,.oa-item5,.oa-item6,.oa-item7,.oa-item8,.oa-item9,.oa-item10 {
    position: absolute;
    color: #333;
    font-size: 16px;
}

.oa-item1 {
    top:15px;
    left: 40px;
}

.oa-item2 {
    top: 70px;
    left: 40px;
}

.oa-item3 {
    top: 122px;
    left: 40px;
}

.oa-item4 {
    top: 175px;
    left: 40px;
}

.oa-item5 {
    top: 228px;
    left: 40px;
}

.oa-item6 {
     top:15px;
    left: 755px;
}

.oa-item7 {
     top: 70px;
    left: 755px;
}

.oa-item8 {
    top: 122px;
    left: 755px;
}

.oa-item9 {
    top: 175px;
    left: 755px;
}

.oa-item10 {
    top: 228px;
    left: 755px;
}

.o2o_adv_text {
    display: none;
    overflow: hidden;
    border: 1px solid #d3d3d3;
    background: #fefefe;
    margin: 10px auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.o2o_adv_text table {
    width: 100%;
}

.o2o_adv_text th, .o2o_adv_text td {
    padding: 15px 28px 15px;
    text-align: center;
}

.o2o_adv_text th {
    background-color: #e8eaeb;
    padding-top: 10px;
    text-shadow: 1px 1px 1px #fff;
    background: -moz-linear-gradient(top, #ededed, #e8eaeb);
    background: -o-linear-gradient(top, #ededed, #e8eaeb);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#e8eaeb));
    font-size: 14px;
}

.o2o_adv_text td {
    border-top: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    background: -moz-linear-gradient(top, #f9f9f9, #fefefe);
    background: -o-linear-gradient(top, #f9f9f9, #fefefe);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#fefefe));
}

/*****/
.of-item {
    position: relative;
    background: #fbfcfc;
    border: 1px solid #e6ebf0;
    padding: 65px 30px 30px 30px;
    margin-top: 100px;
}

.of-cirle {
    position: absolute;
    left: 50%;
    top: -55px;
    width: 110px;
    height: 110px;
    margin: 0 auto 0 -55px;
    line-height: 110px;
    color: #fff;
    font-size: 50px;
    text-align: center;
    border-radius: 50%;
}

.of-cirle i {
    display: block!important;
    line-height: 110px!important;
}
 .of-item h4 {
    font-size: 20px;
    color: #666;
}

.of-item p{
    color: #999;
    height: 52px;
}

.of-item1 .of-cirle {
    background-color: #3b8dd5;
}

.of-item2 .of-cirle {
    background-color: #97c664;
}

.of-item3 .of-cirle {
    background-color: #48c5a3;
}

.of-item4 .of-cirle {
    background-color: #eaa642;
}

.of-item5 .of-cirle {
    background-color: #f76447;
}

.of-item6 .of-cirle {
    background-color: #df74a1;
}
/****/
.os-item {
    margin-bottom: 20px;
}
.os-item h3{
    margin: 0 auto 10px;
    font-size: 24px;
    font-weight: bold;
    color: #579ddb;
}

.os-item b{
    color: #579ddb;
}

/*--------------------------
鏂规鈥斺€旇法澧�
-------------------------------*/
.cross_adv {
    position: relative;
    display: block;
    background: url("../images/case_0202.png") no-repeat center top;
    width: 1170px;
    height: 552px;
    margin: 0 auto;
}

.ca-item1,.ca-item2,.ca-item3,.ca-item4 {
    position: absolute;
}

.ca-item1, .ca-item3 {
    color: #333;
    font-size: 18px;
    font-weight: bold;
}

.ca-item1 {
    top: 40px;
    left: 30px;
}

.ca-item2 {
    top: 510px;
    left: 15px;
}

.ca-item3 {
    top: 40px;
    right: 5px;
}

.ca-item4 {
    top: 386px;
    left: 620px;
}

.cf-item {
    background-color: #fbfcfc;
    border: 1px solid #e6ebf0;
    padding: 30px;
    margin: 0 15px 20px;
    min-height: 323px;
}

.cf-item h4 {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    text-align: center;
}
/*--------------------
鏈嶅姟椤甸潰
-------------------------*/
.service_what {
    position: relative;
    display: block;
    background: url("../images/service_01.png") no-repeat center top;
    width: 1170px;
    height: 1165px;
    margin: 0 auto;
}

.sw-item1,.sw-item2, .sw-item3,.sw-item4,.sw-item5, .sw-item6 {
    position: absolute;
    width: 300px;
}

.sw-item1 h4, .sw-item2 h4, .sw-item3 h4, .sw-item4 h4, .sw-item5 h4, .sw-item6 h4{
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.sw-item1 {
    top: 170px;
    left: 415px;
}

.sw-item2 {
    top: 380px;
    right: 55px;
}

.sw-item3 {
    top: 775px;
    right: 150px;
}

.sw-item4 {
    top: 905px;
    left: 190px;
}

.sw-item5 {
    top: 600px;
    left: 30px;
}

.sw-item6 {
    top: 320px;
    left: 50px;
}

.service_what_text {
    display: none;
}