@font-face {
	font-family: "Bebas";
	src: url("./font/BEBAS___-webfont.woff.ttf") format('opentype');
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: 'Conv_DINCondensedC';
	src: url('./fonts/DINCondensedC.eot');
	src: local('☺'), url('./font/DINCondensedC.woff') format('woff'), url('./font/DINCondensedC.ttf') format('truetype'), url('./font/DINCondensedC.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	font-family: "Open Sans", Arial, sans-serif;
	background: #FFF;
	height: 100%;
	position: relative;
}
input[type="text"] {
	-webkit-appearance: none;
}
textarea {
	-webkit-appearance: none;
}
h1, h2, h3, h4, h5, h6, figure {
	font-weight: 400;
}
::-webkit-selection {
color:#fff;
background:#ff5d00;
}
::-moz-selection {
color:#fff;
background:#ff5d00;
}
::selection {
	color: #fff;
	background: #ff5d00;
}
.text-lowercase {
	text-transform: lowercase;
}
.text-uppercase, .initialism {
	text-transform: uppercase;
}
.text-capitalize {
	text-transform: capitalize;
}
a {
	color: #667289;
	text-decoration: none
}
a:focus, a:hover {
	color: #ff5d00;
	transition: none
}
a.text-gray:hover {
	color: #F32278
}
p {
	margin: 0
}
dl, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style: none
}
/* 有点乱========================================= */
.fixed {
	z-index: 9999;
}
.Bebas {
	font-family: "Bebas";
}
.DINCondensedC {
	font-family: 'Conv_DINCondensedC';
}
/* 有点乱========================================= */

/* 布局- */
/* .container{max-width:1128px;} */
.container-layout {
	max-width: 1400px;
}
.container-wrap {
	max-width: 1020px;
	margin: 0 auto;
	display: block;
	padding: 0 10px
}
.container-wrap:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden
}
/* 左右结构 begin  */
.faqbar-r {
	margin-left: 0px;
}
.faqbar-l {
	margin-right: 20px
}
.sidebar-r {
	margin-left: -20px;
}
.sidebar-l {
	margin-right: 0px
}
.sidebar-r .download-title {
	line-height: 56px;
	background: #3B3E4C;
}
.sidebar-r .download-info {
	padding: 0 30px 30px 30px;
}
.sidebar-r .download-info h3 {
	font-size: 16px;
	color: #444172
}
.footer-conte {
	margin: 35px auto;
	overflow: hidden;
	background: url(../image/map-small.png) no-repeat center center;
}
.f-h4 {
	color: #ececec;
	margin-bottom: 16px
}
.f-h4-line {
	display: inline-block;
	padding-bottom: 1x;
	position: relative;
	width: 80%;
}
.f-h4-line:after{
	 content: "";
	width: 80%;
	height: 1px;
	visibility: visible;
	overflow: hidden;
	background-color: #aaaaaa;
	display: block;
	margin-top: 0px;
}
.f-h4-span {
	display: inline-block;
	padding-bottom: 1x;
	position: relative;
	width: 80%;
}
.f-h4-span:before {
	content: "";
	width: 70px;
	height: 2px;
	visibility: visible;
	overflow: hidden;
	background-color: #fff;
	display: block;
	top: 0px;
	position: absolute;
}
.f-h4-span:after {
	content: "";
	width: 100%;
	height: 1px;
	visibility: visible;
	overflow: hidden;
	background-color: #aaaaaa;
	display: block;
	margin-top: 1px;
}
.footer-add {
	font-size: 14px;
	color: #b6b6b6;
	display: inline-block;
	width: 88%;
	vertical-align: middle
}
.contact-add {
	font-size: 16px;
	color: #000;
	display: inline-block;
	width: 88%;
	vertical-align: middle
}
.cust_hot_pc{display:block;}
.cust_hot_m{display:none;}
.con_address_m{display:none;}
.con_address_pc{display:block;}

/* 布局 end */

.bg-main {
	background: #eee
}
.bg-gray {
	background: #F8F8F8
}
.bg-support {
	background: #ffffff
}
.padding-small {
	padding: 10px;
}
.padding-middle {
	padding: 20px;
}
.padding-big {
	padding: 30px;
}
.padding-large {
	padding: 50px;
}
.blank {
	height: 10px;
	line-height: 10px;
	clear: both;
	font-size: 0;
}
.blank-small {
	height: 20px;
	line-height: 20px;
	clear: both;
	font-size: 0;
}
.blank-middle {
	height: 50px;
	line-height: 50px;
	clear: both;
	font-size: 0;
}
.blank-big {
	height: 80px;
	line-height: 80px;
	clear: both;
	font-size: 0;
}
.line-small {
	margin-left: -1px;
	margin-right: -1px
}
.line-small .x1, .line-small .x2, .line-small .x3, .line-small .x4, .line-small .x5, .line-small .x6, .line-small .x7, .line-small .x8, .line-small .x9, .line-small .x10, .line-small .x11, .line-small .x12, .line-small .xl1, .line-small .xl2, .line-small .xl3, .line-small .xl4, .line-small .xl5, .line-small .xl6, .line-small .xl7, .line-small .xl8, .line-small .xl9, .line-small .xl10, .line-small .xl11, .line-small .xl12, .line-small .xs1, .line-small .xs2, .line-small .xs3, .line-small .xs4, .line-small .xs5, .line-small .xs6, .line-small .xs7, .line-small .xs8, .line-small .xs9, .line-small .xs10, .line-small .xs11, .line-small .xs12, .line-small .xm1, .line-small .xm2, .line-small .xm3, .line-small .xm4, .line-small .xm5, .line-small .xm6, .line-small .xm7, .line-small .xm8, .line-small .xm9, .line-small .xm10, .line-small .xm11, .line-small .xm12, .line-small .xb1, .line-small .xb2, .line-small .xb3, .line-small .xb4, .line-small .xb5, .line-small .xb6, .line-small .xb7, .line-small .xb8, .line-small .xb9, .line-small .xb10, .line-small .xb11, .line-small .xb12 {
	position: relative;
	min-height: 1px;
	padding-right: 1px;
	padding-left: 0px
}
.line-large {
	margin-left: -15px;
	margin-right: -15px
}
.line-large .x1, .line-large .x2, .line-large .x3, .line-large .x4, .line-large .x5, .line-large .x6, .line-large .x7, .line-large .x8, .line-large .x9, .line-large .x10, .line-large .x11, .line-large .x12, .line-large .xl1, .line-large .xl2, .line-large .xl3, .line-large .xl4, .line-large .xl5, .line-large .xl6, .line-large .xl7, .line-large .xl8, .line-large .xl9, .line-large .xl10, .line-large .xl11, .line-large .xl12, .line-large .xs1, .line-large .xs2, .line-large .xs3, .line-large .xs4, .line-large .xs5, .line-large .xs6, .line-large .xs7, .line-large .xs8, .line-large .xs9, .line-large .xs10, .line-large .xs11, .line-large .xs12, .line-large .xm1, .line-large .xm2, .line-large .xm3, .line-large .xm4, .line-large .xm5, .line-large .xm6, .line-large .xm7, .line-large .xm8, .line-large .xm9, .line-large .xm10, .line-large .xm11, .line-large .xm12, .line-large .xb1, .line-large .xb2, .line-large .xb3, .line-large .xb4, .line-large .xb5, .line-large .xb6, .line-large .xb7, .line-large .xb8, .line-large .xb9, .line-large .xb10, .line-large .xb11, .line-large .xb12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}
/* 图片高度不一解决办法 */
.zoomimg {
	display: block;
	width: 100%;
	height: 0;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	position: relative;/*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/
}
.zoom-pro {
	padding-bottom: 80%;
}
.zoom-news {
	padding-bottom: 68%;
}
.zoom-honour {
	padding-bottom: 150%;
}
/* 图片高度不一解决办法 end */
.HomeProduct{background:#f5f5f5; padding:3% 0;}
.w1390{max-width:1180px; min-width:320px; margin:0px auto;}
.HomeTit{text-align:center;}
.HomeTit span{display:block; line-height:50px; font-size:32px; color:#333333;}
.HomeTit p{font-size:18px; line-height:36px; color:#666464;}
.ProductBox{padding:3% 0 0;}
/*.ProductBox .owl-carousel .owl-item{margin-left:-0.5px;}*/
.ProductBox li{width:20%;background:url(../image/line3.png) no-repeat right center;float:left;}
.ProductBox li .box{padding:46px 28px; height:430px; border:1px solid transparent; position:relative;}
.ProductBox li .box .icon{width:110px; height:100px; margin:0 auto; position:relative;}
.ProductBox li .box .icon img{position:absolute; left:0px; top:0px; width:100%;}
.ProductBox li .box .icon .i1{ transition: 400ms;}
.ProductBox li .box .icon .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.ProductBox li:hover .box .icon .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.ProductBox li:hover .box .icon .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2); }
.ProductBox li .box h2{font-size:17px; line-height:27px; height:27px; overflow:hidden; color:#2069bd; text-align:center; margin:35px 0px 23px;}
.ProductBox li .box i{width:129px; height:1px; background:#9fa0a0; display:block; margin:0 auto; transition:width 0.5s linear;}
.ProductBox li .box .info{margin:20px 0px 0px; font-size:14px; line-height:25px; height:auto; overflow:hidden; color:#4c4948;}
.ProductBox li .box .more{display:block; line-height:24px; position:absolute; left:28px; bottom:13px; opacity:0; font-size:14px; color:#2069bd; font-weight:bold;}
.ProductBox ul li:nth-child(5n){background:none}
.ProductBox li:hover .box{background:#fff; border:1px solid #256bba;}
.ProductBox li:hover .box i{width:100%; background:#256bba;}
.ProductBox li:hover .box .more{opacity:1;}
/*PC导航 结合header.css或header-full begin*/
#pc-header a.shop-ico i {
	position: absolute;
	top: 34px;
	right: 170px;
}
#pc-header a.search-ico i {
	position: absolute;
	top: 31px;
	right: 10px;
	font-size: 18px
}
#pc-header .top-user {
	position: absolute;
	top: 19px;
	right: 0
}
#pc-header .top-user .drop-menu {
	min-width: 142px;
	margin: 13px 0 0;
	border-radius: 5px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.075);
	box-shadow: 0 6px 12px rgba(0,0,0,.075)
}
#pc-header .top-user .drop-menu a {
	padding: 8px 20px;
}
#pc-header .top-user .drop-menu a:hover, .drop-menu a:focus {
	background: #ff5d00;
	color: #fff
}
#pc-header .top-user .button-group span {
	display: inline-block;
	line-height: 24px;
	height: 24px;
	width: 24px
}
#pc-header .top-user .button-group ul:before {
	position: absolute;
	top: -6px;
	left: 40px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #FFF;
	border-left: 6px solid transparent;
	content: '';
}
#pc-header .top-user .button-group ul:after {
	position: absolute;
	top: -6px;
	left: 40px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #FFF;
	border-left: 6px solid transparent;
	content: '';
}
/*PC导航 end*/

/*手机导航 begin */
#mobile-mask {
	position: relative;
	z-index: 1;
	background: #FFF;
	overflow-x: hidden;
	overflow-y: hidden;
}
.offcanvas-visible #mobile-mask {
	-moz-transform: translateX(-275px);
	-webkit-transform: translateX(-275px);
	-ms-transform: translateX(-275px);
	-o-transform: translateX(-275px);
	transform: translateX(-275px);
}
#mobile-header {
	background: #111721;
	display: none;
	height: 100%;
	right: 0;
	overflow-y: auto;
	position: relative;
	position: fixed;
	z-index: 1;
	top: 0;
	width: 275px;
	border: 0;
}
#mobile-header ul li {
	width: 100%
}
#mobile-header ul li:hover, #mobile-header ul li.current {
	background: #111721
}
#mobile-header ul li a {
	line-height: 49px;
	border-bottom: 1px solid #18202E;
	font-size: 18px;
	color: #F2F2F2;
	font-weight: normal;
	display: block;
	position: relative;
	padding: 0px 0 0 20px;
}
#mobile-header ul li a:hover, #mobile-header ul li.current a {
	color: #F2F2F2;
}
#mobile-header ul li ul {
	padding: 0;
	z-index: 1999;
	position: relative;
	width: 100%;
}
#mobile-header ul li ul li a, #mobile-header ul li.current ul li a {
	background: #ff5d00;
	border-bottom: 1px solid #F74584;
	color: #FFF;
	font-size: 16px;
	line-height: 40px;
	padding: 5px 30px;
	text-align: left;
	display: block;
}
#mobile-header ul li ul li a:hover {
	background: #2684FE;
	color: #FFF;
	border-bottom: 1px solid #2684FE;
}
#mobile-header ul li ul li a::before, #mobile-header ul li ul li a::after {
	background: none;
	height: 0;
	padding: 0
}
/* 手机导航面包 */
.mobile-toggle {
	position: relative;
	cursor: pointer;
	text-decoration: none;
	position: absolute;
	top: 50%;
	right: 20px;
	z-index: 99999;
	display: block;
	margin: -11px auto 0;
	display: none;
	cursor: pointer;
}
.mobile-toggle.active i::before, .mobile-toggle.active i::after {
}
.mobile-toggle:hover, .mobile-toggle:focus, .mobile-toggle:active {
	outline: none;
	border-bottom: none !important;
}
.mobile-toggle i {
	position: relative;
	top: -2px;
	display: -moz-inline-stack;
	width: 24px;
	height: 2px;
	display: inline-block;
	zoom: 1;
*display:inline;
	color: #fff;
	text-transform: uppercase;
	text-indent: -55px;
	transition: all .2s ease-out;
}
.mobile-toggle i::before, .mobile-toggle i::after {
	content: '';
	width: 24px;
	height: 2px;
	position: absolute;
	left: 0;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.mobile-toggle i::before {
	top: -9px;
}
.mobile-toggle i::after {
	bottom: -9px;
}
.mobile-toggle.active i {
	background: transparent;
}
.mobile-toggle.active i::before {
	top: 0;
	-webkit-transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
.mobile-toggle.active i::after {
	bottom: 0;
	-webkit-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
}
/*手机导航 end */

/* 头部弹出搜索 begin */
.search-alert {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	z-index: 9999;
	text-align: center
}
.search-alert .mask {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.8;
}
.search-alert a {
	display: block;
	font-size: 60px;
	position: absolute;
	right: 15%;
	top: 0px;
	width: 60px;
	height: 60px;
	line-height: 56px;
	z-index: 9999;
	color: #fff;
}
.search-alert a:hover {
	background: #169BD7
}
.search-alert .form-group {
	width: 70%;
	max-width: 720px;
	position: absolute;
	left: 50%;
	top: 40%;
	transform: translate(-50%, -200%);
}
.search-alert .input {
	width: 80%;
	color: #666;
	height: 60px;
	line-height: 60px;
	text-indent: 10px;
	float: left;
}
.search-alert .button {
	width: 100%;
	height: 60px;
	line-height: 60px;
	display: block;
	float: left;
	background: #ff5d00 url(../image/ico-search-button.png) no-repeat center 50%;
	text-indent: -2000px
}
.search-alert .button:hover {
	background: #ff5d22 url(../image/ico-search-button.png) no-repeat center 50%;
}
/* 头部弹出搜索 end */

/*轮换广告 begin*/
.slides-li {
	width: 100%;
	float: left;
	margin-right: -100%;
	position: relative;
	display: block;
	z-index: 1;
}
.slides-li .slidestext {
	overflow: hidden;
	margin-top: 5%;
}
.slides-li .slidestext h2 {
	font-size: 36px;
	line-height: 100px;
	font-weight: 600;
	color: #fff;
	margin: 20px 0;
}
.slides-li .slidestext p {
	padding: 2px;
	font-size: 18px;
	font-weight: 200;
}
.slides-li .slidestext .button {
	max-width: 150px;
	margin: 0 auto;
	padding: 15px 0px
}
.slides-li strong {
	text-indent: -2000px;
	font-size: 0;
}
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
	margin-top: 80px;
	padding: 0;
	list-style: none;
}
.flexslider {
	margin: 0;
	padding: 0;
	position: relative;
}
.flexslider .slides > li {
	-webkit-backface-visibility: hidden;
	height: 650px;}
	
.section-1 {padding-top:150px;text-align:center;color:#fff}
.section-1 .tit1 {font-size:24px;animation: fadeInDown 1s;-webkit-animation: fadeInDown 1s;}
.section-1 .tit2 {font-size:44px;font-weight:bold;margin-top:30px;animation: tada 2s 1s;-webkit-animation: tada 2s 1s;}
.section-1 .tit3 {font-size:26px;font-family:Arial, Helvetica, sans-serif;margin-top:30px;text-transform:uppercase;animation: fadeInDown 1s;-webkit-animation: fadeInDown 1s;}
.section-1 .btn {margin-top:20px;animation: fadeInUp 1s;-webkit-animation: fadeInUp 1s;}
.section-1 .btn .btnLink {display:inline-block;width:160px;height:42px;text-align:center;line-height:42px;border-radius:30px;margin:0 45px;font-size:18px;}
.section-1 .btn .btnLink-1 {border:1px solid #ffffff;color:#fff}
.section-1 .btn .btnLink-1:hover {border:1px solid ##ff5d00;background-color:#ff5d00;}
.section-1 .btn .btnLink-2 {border:1px solid #ff5d00;background-color:#ff5d00;color:#fff}
.section-1 .btn .btnLink-2:hover {border:1px solid #0851ea;background-color:#0c67e4;color:#2e2e2e}	

.section-2 {padding-top:3px;text-align:center;color:#fff}
.section-2 .tit1 {font-size:24px;animation: fadeInDown 1s;-webkit-animation: fadeInDown 1s;}
.section-2 .tit2 {font-size:40px;font-weight:bold;margin-top:30px;animation: tada 2s 1s;-webkit-animation: tada 2s 1s;}
.section-2 .tit3 {font-size:23px;font-family:Arial, Helvetica, sans-serif;margin-top:30px;text-transform:uppercase;animation: fadeInDown 1s;-webkit-animation: fadeInDown 1s;}
.section-2 .btn {margin-top:17px;animation: fadeInUp 1s;-webkit-animation: fadeInUp 1s;}
.section-2 .btn .btnLink {display:inline-block;width:160px;height:42px;text-align:center;line-height:42px;border-radius:30px;margin:0 45px;font-size:18px;}
.section-2 .btn .btnLink-1 {border:1px solid #ffffff;color:#fff}
.section-2 .btn .btnLink-1:hover {border:1px solid ##ff5d00;background-color:#ff5d00;}
.section-2 .btn .btnLink-2 {border:1px solid #ff5d00;background-color:#ff5d00;color:#fff}
.section-2 .btn .btnLink-2:hover {border:1px solid #ffffff;background-color:#fff;color:#ff5d00}	

img{max-width: 100%; max-height: 100%;}
/* min-height: calc(100vh - 0px) 第一屏全屏*/
.flexslider .slides li .overlay {
	position: absolute;
	top: 25%;
	left: 0;
	right: 0;
	bottom: 0;
}
.flexslider .slides li a {
	display: block;
	height: 100%;
}
.flexslider .slides img {
	width: 100%;
	display: block;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
.slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}
.no-js .slides > li:first-child {
	display: block;
}
.flex-control-nav {
	position: absolute;
	bottom: 20px;
	z-index: 2;
	width: 100%;
	text-align: center;
}
.flex-control-nav li {
	display: inline-block;
	margin: 0 5px;
*display:inline;
	zoom: 1;
}
.flex-control-nav a {
	background-color: rgba(255,255,255,.6);
	display: inline-block;
	cursor: pointer;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	text-indent: -2000px;
	-webkit-transition: all ease .5s;
	-o-transition: all ease .5s;
	transition: all ease .5s;
}
.flex-control-nav .flex-active {
	background: #FFF;
	width: 20px;
	-webkit-transition: all ease .5s;
	-o-transition: all ease .5s;
	transition: all ease .5s;
}
.flex-direction-nav {
	position: absolute;
	z-index: 3;
	width: 100%;
	top: 50%;
	display: none
}
.flex-direction-nav li a {
	display: block;
	width: 50px;
	height: 96px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	margin-top: -48px;
	text-indent: -999em
}
.flex-direction-nav li a.flex-prev {
	left: 3%;
	background: url(https://www.think-panel.com/template/pc/assets/images/left.png) 0 0 no-repeat;
	border: 1px solid #0000ff
}
.flex-direction-nav li a.flex-next {
	right: 3%;
	background: url(https://www.think-panel.com/template/pc/assets/images/right.png) 0 0 no-repeat;
	border: 1px solid #0000ff
}
.flex-direction-nav li a.flex-next:hover {
	background: url(https://www.think-panel.com/template/pc/assets/images/right.png) 0 -96px no-repeat;
	border: 1px solid #0000ff
}
.flex-direction-nav li a.flex-prev:hover {
	background: url(https://www.think-panel.com/template/pc/assets/images/left.png) 0 -96px no-repeat;
}
/*轮换广告 end*/

/* banner搜索begin eyou */
.banner-top {
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin: 0;
	padding: 0;
}
.banner-top .banner-info {
	position: absolute;
	top: 42%;
	left: 0;
	right: 0;
	z-index: 3
}
.banner-top .banner-ipg {
	position: absolute;
	top: 32%;
	left: 0;
	right: 0;
	z-index: 3
}
.banner-top .banner-info h3 {
	letter-spacing: 1px;
	font-size: 42px;
	color: #fff;
	font-weight: 400;
	position: relative;
	margin-bottom: 60px
}
.banner-top .banner-info h3:before {
	left: 0;
	bottom: -30px;
	width: 40px;
	height: 4px;
	background: #FFF;
	content: '';
	display: block;
	position: absolute;
}
.banner-top i {
	width: 84px;
	height: 84px;
	line-height: 84px;
	margin-left: -42px;
	bottom: -42px;
	background: #ff5d00;
	z-index: 1;
	font-size: 48px;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	left: 50%;
	-webkit-transition: .5s;
	transition: .5s;
}
.banner-top i:hover {
	background: #0B98EA;
	-webkit-transition: .5s;
	transition: .5s;
}
.case-view h2 {
	letter-spacing: 0px;
	font-size: 42px;
	color: #fff;
	font-weight: 400;
	position: relative;
	margin-bottom: 80px
}
.case-view h2:before {
	bottom: -30px;
	width: 40px;
	height: 4px;
	background: #FFF;
	content: '';
	display: block;
	position: absolute;
	left: 0;
}
.case-view span {
	width: 36px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #fff;
	color: #fff;
	display: block;
	text-align: center;
	border-radius: 50%
}
.case-view span:hover {
	background: #FFF;
	color: #333
}
.case-view h4 {
	margin-bottom: 40px;
	letter-spacing: 0px;
	font-size: 42px;
	color: #FFF;
	font-weight: 400;
	position: relative;
}
.case-view h4:before {
	content: '';
	display: block;
	position: absolute;
	width: 40px;
	height: 3px;
	bottom: -10px;
	left: 50%;
	margin-left: -20px;
	background: #ff5d00;
}
.case-view a.button {
	padding: 12px 35px;
}

.nav-underline:before {
   content: "";
   position: absolute;
   text-align: center;
   bottom: 0;
   width: 0;
   border-bottom: 2px solid #ff0000;
 }
 .nav-underline:hover:before {
   width: 80%;
   text-color: red;
 } 
 .nav-underline:before {
   -webkit-transition: width 0.5s ease-in-out;
   -moz-transition: width 0.5s ease-in-out;
   -ms-transition: width 0.5s ease-in-out;
   -o-transition: width 0.5s ease-in-out;
   transition: width 0.5s ease-in-out;
 }
.nav-underline-active{}
.nav-underline-active:hover {
   border-bottom: 2px solid #ff0000;
   text-align: center;
 }
 
/* 内页广告高度 */
.banner-small {
	min-height: 300px
}
.banner-middle {
	min-height: 450px
}
.banner-big {
	min-height: 500px
}
.banner-large {
	min-height: calc(100vh - 0px)
}
.banner-small:after, .banner-middle:after, .banner-big:after, .banner-large:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
	-webkit-transition: .5s;
	transition: .5s;
}
.banner-search .form-group {
	max-width: 510px;
	margin: 0 auto;
}
.banner-search .input {
	padding: 0 15px 0 20px;
	color: #999;
	border-radius: 30px 0 0 30px;
	height: 60px;
	background: #FBFBFC;
	box-shadow: none
}
.banner-search .input-group .addbtn {
	padding: 3px;
	text-align: center;
	background: #FBFBFC;
	border-radius: 0 30px 30px 0;
}
.banner-search .button {
	height: 54px;
	width: 54px;
	border-radius: 30px;
	background: #ff5d00;
}
.subscription {
	padding-top: 5px
}
.subscription p {
	line-height: 24px;
	padding-bottom: 10px;
	color: #999
}
.subscription .input {
	padding: 0 15px 0 15px;
	color: #999;
	border-radius: 5px 0 0 5px;
	height: 42px;
	background: #FBFBFC;
	box-shadow: none
}
.subscription .input-group .addbtn {
	padding: 0px;
	background: #FBFBFC;
	border-radius: 0 5px 5px 0;
}
.subscription .button {
	text-align: center;
	height: 42px;
	width: 42px;
	border-radius: 0 5px 5px 0;
}
.subscription .button i {
	margin-left: -2px
}
/* banner搜索end eyou*/

/* 路径样式2 */
.bread-style2 {
	padding: 0 0 0 10px;
	line-height: 16px;
	font-size: 0
}
.bread-style2 a {
	color: #097BB9;
	font-size: 16px;
	display: inline-block;
}
.bread-style2 a:hover {
	color: #0B98EA
}
.bread-style2 a:after {
	content: "";
	padding: 0 10px;
	background: url(../image/bread-style2.png) no-repeat center 50%;
}
.bread-style2 a:last-child:after {
	content: "";
	background: none;
}
/* 路径样式2 */

/* 路径样式1 */
.bread-style1 {
	line-height: 50px;
	height: 50px;
	font-size: 0;
}
.bread-style1 i {
	font-size: 14px;
	color: #999
}
.bread-style1 a {
	color: #999;
	font-size: 14px;
	display: inline-block;
}
.bread-style1 a:hover {
	color: #ff5d00
}
.bread-style1 a:after {
	content: "";
	padding: 0 10px;
	background: url(../image/bread-style1.png) no-repeat center 50%;
}
.bread-style1 a:last-child:after {
	content: "";
	background: none;
}
/* 路径样式1 */

/* owl-carousel滚动插件*/
/* 默认圆点 */
.owl-carousel .owl-dots {
	position: absolute;
	top: 50%;
	padding: 0;
	text-align: left;
	width: 20px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.owl-carousel .owl-dots .owl-dot {
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
.owl-carousel .owl-dots .owl-dot span {
	border-radius: 50%;
	background: #d3d3d3;
	display: inline-block;
	text-align: center;
	-webkit-transition: all ease .5s;
	-o-transition: all ease .5s;
	transition: all ease .5s;
}
.owl-carousel .owl-dots .owl-dot.active span {
	background: #ff5d00;
	border-color: #ff5d00;
	height: 20px;
	border-radius: 10px;
}
/* 自定义圆点居右样式 */
.owl-carousel.dot-right-style .owl-dots {
	position: absolute;
	top: -45px;
	right: 0;
	left: auto;
	padding: 0;
	text-align: right;
	display: inline-block;
	width: 100%;
}
.owl-carousel.dot-right-style .owl-dots .owl-dot span {
	width: 7px;
	height: 7px;
	margin: 0 5px;
}
.owl-carousel.dot-right-style .owl-dots .owl-dot.active span {
	width: 20px;
}
/* 自定义圆点居中样式 */
.owl-carousel.dot-center-style .owl-dots {
	position: relative;
	top: 30px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	width: 100%;
}
.owl-carousel.dot-center-style .owl-dots .owl-dot span {
	width: 7px;
	height: 7px;
	margin: 0 5px;
}
.owl-carousel.dot-center-style .owl-dots .owl-dot.active span {
	width: 20px;
}
/* 默认箭头 */
.owl-carousel .owl-nav i {
	font-size: 20px;
	color: #fff;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
	width: 48px;
	height: 48px;
	line-height: 50px;
	-webkit-transition: all ease 500ms;
	-o-transition: all ease 500ms;
	transition: all ease 500ms;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	position: absolute;
	background: #ff5d00;
	text-align: center;
	border-radius: 50%;
	opacity: 0;
}
.owl-carousel .owl-nav .owl-prev {
	background: #ff5d00;
	left: -24px;
	right: auto;
}
.owl-carousel .owl-nav .owl-next {
	right: -24px;
}
/* 自定义小箭头 */
.owl-carousel.arrow-style .owl-nav i {
	font-size: 18px;
	color: #fff;
}
.owl-carousel.arrow-style .owl-nav .owl-prev, .owl-carousel.arrow-style .owl-nav .owl-next {
	width: 24px;
	height: 24px;
	line-height: 24px;
	-webkit-transition: all ease 500ms;
	-o-transition: all ease 500ms;
	transition: all ease 500ms;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	position: absolute;
	background: #ff5d00;
	text-align: center;
	border-radius: 50%;
	opacity: 0;
}
.owl-carousel.arrow-style .owl-nav .owl-prev {
	background: #ff5d00;
	left: -12px;
	right: auto;
}
.owl-carousel.arrow-style .owl-nav .owl-next {
	right: -12px;
}
/* owl-carousel滚动插件 end */

/*悬浮客服 begin*/
.kefu-style-2 {
	position: fixed;
	z-index: 99;
	right: 10px;
	bottom: 300px;
}
.kefu-style-2-box {
	position: relative;
}
.kefu-style-2 .a {
	border-radius: 20px;
	display: block;
	width: 36px;
	height: 36px;
	line-height: 34px;
	cursor: pointer;
	outline: none;
	margin: 5px 0;
	box-shadow: 0 3px 8px 0 rgba(0,0,0,.095);
}
.kefu-style-2 .a.active, .kefu-style-2 .a:hover {
	color: #fff
}
.kefu-style-2 .a .i {
	float: left;
	width: 36px;
	height: 36px;
	line-height: 36px;
}
.kefu-style-2 .skype {
	background: linear-gradient(-180deg, #0BBDFF 0%, #009CD7 98%);
}
.kefu-style-2 .whatsapp {
	background: linear-gradient(-180deg, #17DC0E 0%, #0D9608 98%);
}
.kefu-style-2 .qq {
	background: linear-gradient(-180deg, #03C9E9 0%, #297dcf 98%);
}
.kefu-style-2 .qrcode {
	background: linear-gradient(-180deg, #3fc67c 2%, #2aa461 98%);
}
.kefu-style-2 .suggest {
	background: linear-gradient(to bottom, #F83A85 0, #F50967 100%);
}
.kefu-style-2 .service-phone {
	background: linear-gradient(to bottom, #e52e71 0, #ff8a00 100%);
}
.kefu-style-2 .gotop {
	background: linear-gradient(to bottom, #505A81 0, #1C212F 100%);
}
.kefu-style-2 .d {
	display: none;
	width: 130px;
	background: #FFF;
	position: absolute;
	right: 42px;
	border-radius: 4px;
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
}
.kefu-style-2 .d .inner-box {
	padding: 10px;
}
.kefu-style-2 .d .inner-box a {
	margin: 10px 0;
	color: #666
}
.kefu-style-2 .d .inner-box a:hover {
	color: #FF9D00
}
.kefu-style-2 .d .arrows {
	position: absolute;
	width: 8px;
	height: 30px;
	background: url(https://www.think-panel.com/template/pc/assets/images/side_bg_arrow.png) no-repeat;
	right: -8px;
	top: 10px;
}
.kefu-style-2 .d-service {
	top: 0;
}
.kefu-style-2 .d-service-phone {
	top: 60px;
}
.kefu-style-2 .d-qrcode {
	top: 42px;
	text-align: center;
}
/*悬浮客服 end*/

/* 内容 begin */
.content {
	font-size: 16px
}
.content hr {
	margin: 10px 0;
	height: 1px;
}
.content h1 {
	font-size: 28px;
	font-weight: 600;
	line-height: 32px;
	margin: 10px 0;
}
.content h2 {
	font-size: 24px;
	font-weight: 600;
	line-height: 28px;
	margin: 10px 0;
}
.content h3 {
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	margin: 10px 0;
}
.content h4 {
	font-size: 48px;
	font-weight: 600;
	line-height: 52px;
	margin: 10px 0;
}
.content strong {
	font-size: 18px;
	margin: 10px 0
}
.content table {
	margin: 20px 0;
}
.content table th {
	background: #DAF0FD;
	color: #FFF;
	border: 1px solid #fff
}
.content table tr.ue-table-interlace-color-single {
	background: #DAF0FD;
}
.content p {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 10px;
}
.content img {
	margin: 0;
	max-width: 100%
}
.content a {
	text-decoration: none;
	border-bottom: 0px solid #4c4948;
	color: #4c4948;
}
.content a:hover {
	color: #ff5d00;
	border-bottom: 0px solid #ff5d00;
}
.content .text-right {
	text-align: right
}
.content ul.list-paddingleft-2 {
	padding: 0
}
.content ul li {
	padding: 0 0 5px 20px;
	position: relative;
	font-size: 16px;
}
.content ul li p {
	line-height: 24px
}
.content ul li:before {
	content: '';
	position: absolute;
	top: 9px;
	left: 0px;
	background: #FFF;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}
.content ol {
	border-left: 2px solid #ff5d00;
	padding: 0
}
.content ol.list-paddingleft-2 {
	position: relative;
}
.content ol li {
	padding: 0 0 10px 20px;
	position: relative;
	font-size: 14px;
}
.content ol li p {
	line-height: 24px
}
.content ol li:before {
	content: '';
	position: absolute;
	top: 6px;
	left: -7px;
	background: #ff5d00;
	width: 12px;
	height: 12px;
	border: 2px solid #fff;
	border-radius: 50%;
}
.content ol li:hover:before {
	content: '';
	position: absolute;
	top: 7px;
	left: -8px;
	background: #ff5d00;
	width: 14px;
	height: 14px;
	border: 2px solid #fff;
	border-radius: 50%;
}
/* 网站地图 end */
.wraper{width: 1260px; margin: auto}
.map{ width: 1280px; margin: auto; margin-top:80px;}
.map h1{ font-size: 30px;  padding-bottom: 30px; }
.map h1 a{color: #2099f5;}
.map_con dl { overflow: hidden; padding: 40px 0;border-top: 1px dashed #bebebe;}
.map_con dl dt{ float: left; width: 115px; height: 115px; background: #2099f5; text-align: center;}
.map_con dl dd{ float: left; width: 86%; float: right}
.map_con dl dt h2{ font-size: 17px; font-weight: bold; color: #fff; padding-top: 30px; padding-bottom: 10px}
.map_con dl dd li{ width: 16.666%;}
.map_con dl dd li{ width: 20%; float: left;}
.map_con dl dd ul{ overflow: hidden;}
.map_con dl dd li h3{ margin-bottom: 20px; font-size: 16px; border-left: 2px solid #2099f5; padding-left: 10px; line-height: 20px;}
.map_con dl dd li p{ font-size: 16px; line-height: 30px;}
.map_con dl dd p a{ color: #4a4d55;}
.map_con dl ul { margin-top:44px;}
.cont_other{padding-bottom: 80px;}
/* 标签 */
.tag {
	display: inline-block;
	transition: 0.3s;
	padding: 3px 10px;
}
.tag.bg-none {
	padding: 0;
}
.tag.bg-white {
	background-color: rgba(255,255,255,.1);
}
.tag.bg-black {
	background-color: rgba(0, 0, 0, .0.06);
}
/* ==========产品详细页begin====== */
.product-description .padding-large {
	padding: 70px 0 0 30px
}
.product-description .padding-large-top {
	padding: 0
}
.product-description p {
	font-size: 16px;
	line-height: 24px
}
/* 产品详情TAB begin */
.product-overview .tab-head {
	border-radius: 0;
	font-size: 0;
	-webkit-text-size-adjust: none;
	width: 100%;
	border-bottom: 1px solid #EFEFEF
}
.product-overview .tab .tab-nav li {
	display: inline-block;
	width: 15%;
}
/* .product-overview .tab .tab-nav li:last-child {margin-right:0px} */
.product-overview .tab .tab-nav li a {
	margin-bottom: -1px;
	color: #666;
	padding: 24px 0;
	display: block;
	line-height: 24px;
	border: 0;
	border-radius: 0;
	font-size: 20px;
	text-align: center;
}
.product-overview .tab .tab-nav .active {
	border-radius: 0px;
}
.product-overview .tab .tab-nav .active a {
	cursor: default;
	color: #333;
	background: #FFF;
	border-bottom: 3px solid #ff5d00;
}
.product-overview .tab .tab-nav li a, .product-overview .tab .tab-nav .active a:focus {
	outline: none;
}
.product-overview .tab .tab-body {
	padding: 0;
	border-radius: 0;
	border-top: solid 0px #ddd;
}
/* 产品详情TAB END */

/* 放大镜 begin */
#zoomimg {
	cursor: pointer;
	display: block
}
.pro-thumb .item img {
	border: 1px solid #ebebeb
}
.pro-thumb .item:hover img {
	border: 1px solid #ff5d00
}
.pro-thumb:hover .owl-nav .owl-prev, .pro-thumb:hover .owl-nav .owl-next {
	opacity: 1;
}
/* 放大镜 end */

.half-background {
	position: relative;
	overflow: hidden;
}
.half-background .img-fluid {
	position: absolute;
	left: 50%;
	right: 0;
	top: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.half-background .padding-big {
	padding: 50px 50px 50px 0
}
.half-ico .media {
	display: block;
	margin-bottom: 30px;
}
.half-ico .media-body {
	padding: 0 0 0 10px
}
.half-ico .media-body strong {
	margin: 0 0 10px 0
}
/* ==========产品详细页end====== */

/* 标签 tab*/

/* 普通常用TAB */
.tab-normal .tab-head {
	border-radius: 0;
	font-size: 0;
	-webkit-text-size-adjust: none;
	width: 100%;
}
.tab-normal .tab .tab-nav li {
	display: inline-block;
	width: auto;
	text-align: center
}
.tab-normal .tab .tab-nav li a {
	background: #fff;
	color: #667289;
	border-radius: 30px;
	padding: 0px 30px;
	height: 50px;
	line-height: 50px;
	margin: 0 10px;
	display: block;
	border: 0;
	font-size: 16px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}
.tab-normal .tab .tab-nav .active a {
	cursor: default;
	color: #fff;
	border-bottom: 0px solid #FD3C6B;
	background: #0B98EA;
}
.tab-normal .tab .tab-nav .active {
	background: none
}
.tab-normal .tab .tab-nav .active a:hover {
	color: #FFF
}
.tab-normal .tab .tab-nav li a:focus {
	outline: none;
}
.tab-normal .tab .tab-nav li a:hover {
	color: #333
}
.tab-normal .tab .tab-body {
	padding: 0;
	border-radius: 0;
	border-top: 0px solid #ff0000
}
.list-third .margin-oll {
	margin-top: 0
}
.list-third .title h2 a {
	font-size: 36px;
	line-height: 28px;
}
/*  左右交Xbegin */
.list-cross dl {
	overflow: hidden;
}
.list-cross dl.margin-big-bottom {
	margin-bottom: 50px
}
.list-cross dl dt {
	display: block;
	width: 50%;
	font-weight: normal;
}
.list-cross dl dd {
	display: block;
	width: 50%;
	overflow: hidden
}
/*
.list-cross dl dd img {transition:transform 1s ease 0s;transform:scale(1);overflow:hidden}
.list-cross dl:hover img {transition:transform 1s ease 0s;transform:scale(1.05);}
*/
.list-cross dl:nth-child(2n+0) dt {
	float: right;
}
.list-cross dl:nth-child(2n+1) dt {
	float: left
}
.list-cross dl:nth-child(2n+0) dt .padding-big {
	padding: 50px 0 50px 50px
}
.list-cross dl:nth-child(2n+1) dt .padding-big {
	padding: 50px 50px 50px 0
}
.list-cross dl:nth-child(2n+0) dd {
	float: left
}
.list-cross dl:nth-child(2n+1) dd {
	float: right
}
.list-cross dl:nth-child(2n+1) dd img {
	float: right
}
/* .list-cross dl:last-child {background:none;padding-bottom:0px;margin-bottom:0px}*/
/*.list-cross dl:nth-child(2n+0) {border:1px solid #0000ff}
.list-cross dl:nth-child(2n+1) {border:1px solid #ff5d00}
*/

/* 交X功能 begin */

.list-features dl.margin-big-bottom {
	margin-bottom: 30px
}
.list-features dl.margin-bottom {
	margin-bottom: 10px
}
.list-features dl dt {
	display: block;
	width: 50%;
	font-weight: normal;
}
.list-features dl dd {
	display: block;
	width: 50%;
}
/*
.list-features dl:nth-child(2n+0){background:#ff5d00}
.list-features dl:nth-child(2n+1){background:#996633}
 */
.list-features dl:nth-child(2n+0) dt {
	float: right;
}
.list-features dl:nth-child(2n+0) dt .padding-large {
	padding: 50px;
}
.list-features dl:nth-child(2n+0) .bg {
	background: #FF8A00
}
.list-features dl:nth-child(2n+1) .bg {
	background: #0B98EA
}
.list-features dl:nth-child(2n+1) dt {
	float: left
}
.list-features dl:nth-child(2n+1) dt .padding-large {
	padding: 50px
}
.list-features dl:nth-child(2n+0) dd {
	float: left
}
.list-features dl:nth-child(2n+1) dd {
	float: right
}
.list-features dl dt .button-big {
	padding: 10px 30px
}
.list-features dl dt .media-inline .media {
	margin-top: 10px;
	margin-bottom: 10px;
}
/* 首页视频图标与背景 */
.teach-video {
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin: 0;
	padding: 0;
	background-attachment: fixed
}
.teach-video-content {
	height: calc(50vh - 0px);
	background-color: rgba(22,28,63,0.8);
}
.teach-video-content h2 {
	position: relative;
	font-size: 36px;
	line-height: 48px;
	letter-spacing: 0px;
	text-transform: uppercase;
	padding-bottom: 0px;
	margin: 0 auto 50px auto;
}
.teach-video-content h2:before {
	content: '';
	display: block;
	position: absolute;
	width: 40px;
	height: 3px;
	bottom: -10px;
	left: 0;
	background: #ff5d00;
}
.teach-video-content .padding-large {
	padding: 70px 0 50px 50px
}
.teach-video-play {
	height: calc(50vh - 0px)
}
.teach-video-play a {
	z-index: 0;
	font-size: 14px;
	color: #0f0e4d;
	height: 80px;
	width: 80px;
	text-align: center;
	line-height: 80px;
	background: #0B98EA;
	border-radius: 50%;
	display: block;
	position: absolute;
	left: 80%;
	margin-left: -40px;
	top: 50%;
	margin-top: -40px
}
.teach-video-play a::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	height: 90px;
	width: 90px;
	background: rgba(255, 255, 255, 0.479);
	z-index: -1;
	border-radius: 50%;
	animation: pulse-border 1500ms ease-out infinite;
}
/* pulse-border */
@keyframes pulse-border {
 0% {
 transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
 opacity: 1;
}
 100% {
 transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
 opacity: 0;
}
}
.curr-location{
	float:right;
font-size: 15px;
}
/* 横向菜单二级 */
.cat-menu-style2 .ul-list > li {
	display: inline-block;
	position: relative;
	margin: 0 10px;
}
.cat-menu-style2 .ul-list > li > a {
	box-shadow: 0 5px 10px rgba(0,0,0,0.05);
	border-radius: 30px;
	padding: 0 30px;
	height: 50px;
	line-height: 50px;
	display: block;
	font-size: 16px;
	color: #666;
	background: #fff;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.cat-menu-style2 .ul-list > li > a:hover {
	background: #ff5d00;
	color: #FFF;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.cat-menu-style2 .ul-list > li > a.active {
	background: #ff5d00;
	color: #FFF
}
.cat-menu-style2 .ul-list > li:hover .ol-list {
	display: block;
}
.cat-menu-style2 .ol-list {
	top: 45px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 0 5px 10px -6px rgba(0,0,0,0.075);
	display: none;
	position: absolute;
	padding: 0;
	left: 0;
	z-index: 999;
	background: #fff;
	width: 100%;
}
.cat-menu-style2 .ol-list > li > a {
	padding: 0;
	font-size: 14px;
	text-decoration: none;
	color: #666;
	display: block;
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #EFEFEF
}
.cat-menu-style2 .ol-list > li > a:hover {
	color: #ff5d00
}
.cat-menu-style2 .ol-list.bg-active {
	background: #ff5d00
}
/* 横向菜单二级end */

/* --------------------------列表样式 ------------------------------*/

/* 解决方案2  */
.trade-box-item {
	position: relative;
	height: 310px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.trade-box-item:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,.6);
	transition: all .4s cubic-bezier(.4, 0, .2, 1)
}
.trade-box-item a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}
.trade-box-item .item-logo {
	position: relative;
	margin-top: 30px;
	transition: all .5s cubic-bezier(.5, 0, .2, 1)
}
.trade-box-item .button {
	position: relative;
	background: #ff5d00;
	color: #FFF;
	margin-top: 20px
}
.item-title {
	font-size: 24px;
	font-weight: 500;
	padding: 10px 0;
	position: relative
}
.item-title:before {
	content: "";
	position: relative;
	display: block;
	width: 30px;
	border-bottom: 2px solid #fff;
	margin: 0 auto 10px;
	transition: all .4s cubic-bezier(.4, 0, .2, 1)
}
.item-text {
	width: 60%;
	position: relative;
	transition: all .5s cubic-bezier(.5, 0, .2, 1);
	opacity: 0;
	margin: 10px auto 0 auto
}
.item-text p {
	font-size: 14px;
	margin-bottom: 5px
}
.trade-box-item:hover .button {
	background: #fff;
	color: #333;
	margin-top: 90px
}
.trade-box-item:hover .item-text {
	display: block;
	opacity: 1;
	margin-top: -120px
}
.trade-box-item:hover:before {
	background-color: rgba(34,45,101,.9)
}
.trade-box-item:hover .item-logo {
	margin-top: 10px
}
.trade-box-item:hover .item-title:before {
	opacity: 0;
	margin-bottom: 0
}
/* 解决方案2  */

/* 横向左图右字列表 begin*/
.list-post-x .media {
	border-bottom: 1px solid #EFEFEF;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.list-post-x .media:last-child {
	border-bottom: 0px solid #EFEFEF;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.list-post-x .media .thumb-md {
	max-width: 100px;
	overflow: hidden;
}
.list-post-x .media.media-x .float-left {
	margin-right: 15px
}
.list-post-x .media img {
	transform: scale(1);
	transition: all .3s ease-out;
}
.list-post-x .media:hover img {
	transition: all .3s ease-out;
	transform: scale(1.1);
}
.list-post-x .media-body {
	text-align: left;
	padding: 0;
}
.list-post-x .media-body h3 {
	line-height: 24px;
	overflow: hidden;
}
.list-post-x .media-body h3 a {
	font-size: 16px;
	color: #333;
}
.list-post-x .media-body p {
	color: #666;
	line-height: 24px
}
/* 横向上图下字列表 end */

/* 产品列表*/
.list-product .media {
	-webkit-transition: .5s;
	transition: .5s;
	border-radius: 0px;
	margin-bottom: 30px;
	padding: 20px;
}
.list-product .media:hover {
	-webkit-transition: .5s;
	transition: .5s;
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,.075);
}
.list-product .media-body {
	padding: 10px 0
}
.list-product .media-body h2 {
	max-height: 48px;
	min-height: 48px;
	margin-top: 10px;
	line-height: 24px;
	overflow: hidden;
}
.list-product .media-body h2 a {
	font-size: 18px;
	color: #333;
	font-weight: 600
}
.list-product .media-body p {
	color: #666;
	line-height: 26px;
	font-size: 14px
}
.list-product ul li {
	padding: 5px 0 5px 15px;
	position: relative;
	font-size: 14px;
	color: #999
}
.list-product ul li:before {
	content: '';
	position: absolute;
	top: 13px;
	left: 0px;
	background: #ff5d00;
	width: 5px;
	height: 5px;
	border-radius: 50%;
}
.list-product .button {
	margin-top: 20px;
	height: 38px;
	width: 100px;
	line-height: 20px;
	background: #f8f8f8;
	color: #667289;
	border: 1px solid #eee
}
.list-product .media:hover .button {
	background: #2684FE;
	color: #FFF;
	border: 1px solid #2684FE
}
.list-product .media:hover .media-body h2 a {
	color: #0B98EA;
}
.list-product .media:hover .media-body p {
	color: #484848
}
/*产品列表*/

.list-post-zoomimg .media {
	-webkit-transition: .5s;
	transition: .5s;
	background: #FFF;
	border-radius: 0;
	margin-bottom: 30px;
}
.list-post-zoomimg .media:hover {
	-webkit-transition: .5s;
	transition: .5s;
	box-shadow: 0 30px 50px rgba(229, 229, 229, 0.8);
}
.list-post-zoomimg .media-body {
	text-align: left;
	padding: 20px 20px 30px 20px
}
.list-post-zoomimg .media-body h2 {
	min-height: 76px;
	margin-bottom: 15px;
	line-height: 24px;
	overflow: hidden;
}
.list-post-zoomimg .media-body h2 a {
	font-weight: 600
}
.list-post-zoomimg .media-body p {
	color: #666;
}
.list-post-zoomimg .media-body p.time {
	font-size: 14px;
	color: #999;
	margin-bottom: 15px;
}
.list-post-zoomimg .button {
	margin-top: 20px;
	height: 38px;
	width: 100px;
	line-height: 20px;
	background: #f8f8f8;
	color: #667289;
	border: 1px solid #eee
}
.list-post-zoomimg .media:hover .button {
	background: #2684FE;
	color: #FFF;
	border: 1px solid #2684FE
}
.list-post-zoomimg .media:hover .media-body h2 a {
	color: #2684FE;
}
.list-post-zoomimg .media .zoomimg:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	-webkit-transition: .5s;
	transition: .5s;
}
.list-post-zoomimg .media:hover .zoomimg:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.2);
	-webkit-transition: .5s;
	transition: .5s;
}
/* 竖瀑布流 begin */
.wall {
	display: block;
	position: relative;
	min-height: 1px;
	margin-left: -15px;
	margin-right: -15px
}
.wall-column {
	display: block;
	position: relative;
	width: 33.333333333%;
	float: left;
	box-sizing: border-box;
}
.wall-box {
	display: block;
	margin: 0px 15px 30px 15px;
	padding: 0px;
}
.wall-box .media-img {
	position: relative;
	overflow: hidden;
	transition: 0.3s;
	top: 0;
	left: 0
}
.wall-box .media-img:hover {
	top: -5px;
	left: -5px;
	transition: 0.3s;
}
/* background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 76%,rgba(0,0,0,0.75) 100%);*/
.wall-box .media-img:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	content: "";
	width: 100%;
	height: 100%;
	transition: 0.3s;
}
.wall-box .media-img:hover:after {
	background: rgba(0,0,0,0.6);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.wall-box .media-img .imagelink {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
	opacity: 0;
  filter(alpha=0)
}
.wall-box .media-img h2 {
	padding: 0 20px;
	text-align: center;
	opacity: 0;
	top: 40%;
	left: 0;
	right: 0;
	position: absolute;
	color: #fff;
	text-transform: uppercase;
	z-index: 3;
	transition: 0.3s;
}
.wall-box .media-img:hover h2 {
	opacity: 1;
}
.wall-box .media-img h2 a {
	color: #fff;
	font-size: 14px
}
/* 瀑布流 end */

/* 滚动新闻 */
.carousel-news .media {
	position: relative;
	-webkit-transition: .5s;
	transition: .5s;
	border-radius: 0px;
}
.carousel-news .media-body {
	text-align: left;
	padding: 20px 0px 0px 0px
}
.carousel-news .media-body h2 {
	min-height: 50px;
	line-height: 24px;
}
.carousel-news .media-body h2 a {
	font-size: 18px;
	color: #333;
	font-weight: 600
}
.carousel-news .media-body p.time {
	font-size: 14px;
	color: #999;
	margin-bottom: 15px;
}
.carousel-news .media:hover .media-body h2 a {
	color: #2684FE;
}
.carousel-news .media .zoomimg::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	-webkit-transition: .5s;
	transition: .5s;
}
.carousel-news .media:hover .zoomimg::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.2);
	-webkit-transition: .5s;
	transition: .5s;
}
/* 箭头 */
.carousel-news:hover .owl-nav .owl-prev, .carousel-news:hover .owl-nav .owl-next {
	opacity: 1;
}
.carousel-news .owl-nav .owl-prev, .carousel-news .owl-nav .owl-next {
	top: 35%
}
/* 滚动新闻 */
.newtop { width:100%; padding:20px 0 60px 0; /*background:#f5f5f7;*/}
.newtop .lft { float:left; width:40%; height:290px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newtop .lft a { display:block; width:100%;}
.newtop .lft .img { float:left; width:100%; height:100%; border:2px solid #dedee2; overflow:hidden;}
.newtop .lft .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newtop .lft .msg { float:right; width:234px; height:224px; padding:33px 25px; border:2px solid #dedee2; border-left:none; overflow:hidden;}
.newtop .lft .msg h3 { line-height:30px; font-size:16px; color:#333;}
.newtop .lft .msg p { line-height:25px; font-size:12px; color:#666; margin:20px 0 30px 0;}
.newtop .lft .msg span { display:block; width:105px; height:35px; line-height:35px; font-size:12px; color:#fff; text-align:center; background:#0079af; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newtop .lft:hover { background:#fff;}
.newtop .lft:hover .img img { transform:scale(1.1,1.1);}
.newtop .lft:hover .msg span { border-radius:17.5px;}
.newtop .rgt { float:right; width:60%;}
.newtop .rgt li { height:110px;  margin-bottom:6px; border-bottom: 1px solid #dedee2; overflow:hidden; background:url(../images/yt17.png) no-repeat right top; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newtop .rgt li:last-child { margin-bottom:0;}
.newtop .rgt li a { display:block; width:100%;}
.newtop .rgt li h3 { line-height:30px; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newtop .rgt li p { line-height:25px; font-size:12px; color:#666; margin:5px 0;}
.newtop .rgt li span { display:block; line-height:25px; font-size:12px; color:#999; padding-left:20px; background:url(../images/yt16.png) no-repeat left 8px;}
.newtop .rgt li:hover { border-bottom-color:#0079af; background-color:#fff;}
.newtop .rgt li:hover h3 { color:#263145;}
.newtop ul li .news_zhaiyao{height: 127px;text-align: left;}
.newlist { width:100%;}
.newlist li { width:100%; }
.newlist li a { display:block; width:100%; margin:0 auto; position:relative; z-index:2;}
.newlist li .img { float:left; width:300px; height:175px; overflow:hidden;}
.newlist li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg { float:right; width:calc(100% - 340px);}
.newlist li .msg h3 { line-height:35px; font-size:18px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg p { height:90px; line-height:30px; font-size:14px; color:#999; margin:10px 0;}
.newlist li .msg span { display:block; line-height:25px; font-size:12px; color:#ccc; padding-left:20px; background:url(../images/yt16.png) no-repeat left 8px;}
.newlist li:hover h3 { color:#0079af;}
.newlist li:hover .img img { transform:scale(1.1,1.1);}
.newlist ul li {width: 100%;}
.newlist ul li .item .newbox .title {    height: 30px;    line-height: 30px;  text-align: left;   overflow: hidden; padding: 0px 0px;   margin: 0px 0 10px 0;}
.newlist ul li .item .newbox .title a {    font-weight: 700;    font-size: 18px;}
.newlist ul li .item .newbox .news_zhaiyao{line-height: 30px;    height: 90px;    font-size: 16px;    overflow: hidden;    margin: 20px 0 0 0;}

.newlist ul li .item .newbox .news_date{margin-top:85px;}
.newlist ul li .item .newbox .addtime {    border-bottom: 1px solid #666;    padding: 0 0 10px 0;    font-size: 16px;}
.newlist ul li .item .newbox .addtime img {    vertical-align: baseline;  height: auto;  margin: 8px 10px 0 0;    display: inline-block;}
.newlist ul li .item .newbox .addtime img.img2 {    margin-left: 20px;height: auto;}
.newlist ul li .item{width:100%; float:none; margin-bottom:10px;padding: 15px 15px;height: 230px;background-color: #fff;}
.newlist ul li  .item .newbox{background:#fff;  height:auto;    padding: 0px 10px;}
.clear {
    clear: both;
}
.catnav { 
    line-height: 105px;
    border-bottom: 1px solid #e7e7ea;
    overflow: hidden;
    background: #fff;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
/*详情*/
.showpg { width:100%; padding:10px 0 60px 0; background:#f5f5f7;}
.showpg .lft {  padding:10px 10px; background:#fff;    border-right: 1px solid #dedde2;}
.showpg .rgt {  padding:10px 10px; background:#fff;}
.showpg .rgt h1 { line-height:35px; font-weight:500; font-size:16px; font-weight: bold;color:#0079af; padding-bottom:5px; margin-bottom:15px;  padding-left:10px; position:relative;}
.showpg .rgt li { width:100%; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #ddd;}
.showpg .rgt li a { display:block; width:100%;}
.showpg .rgt li h3 { line-height:25px; font-weight:500; font-size:14px; color:#666; padding-left:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.showpg .rgt li p { line-height:25px; font-size:12px; color:#bbb; padding-left:18px; background:url(../images/yt16.png) no-repeat left 8px;}
.showpg .rgt li:hover h3 { color:#0079af;}

/*详情页公用*/
.lh { font-size:15px; line-height:35px; color:#808080; text-align:justify;}
.lh img { max-width:100%; height:auto !important;}
.show_h3 { width:100%; line-height:40px; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #eee;}
.show_h3 h3 { font-weight:500; font-size:24px; color:#333;}
.show_h3 p { font-size:12px; color:#bbb; padding-left:20px; background:url(../images/yt16.png) no-repeat left 15px;}
.show_sxp { line-height:25px; font-size:14px; color:#999; margin-top:30px; padding-top:20px; border-top:1px solid #eee;}
.show_sxp p { color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.show_sxp p span { display:block; font-size:12px; color:#999; margin-right:10px;}
.show_sxp a { color:#333;}
.show_sxp .fr { text-align:right;}
.show_sxp p a:hover { color:#0079af;}
.serchms { font-size:16px; line-height:60px; color:#333; text-align:center; padding-top:30px;}
/*服务与支持*/
.icon:before{
	content:'';
	color:red;
}

/* 滚动产品 */
.carousel-pro .media {
	position: relative;
	-webkit-transition: .5s;
	transition: .5s;
	border-radius: 0px;
	padding: 20px;
}
.carousel-pro .media:hover {
	-webkit-transition: .5s;
	transition: .5s;
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,.075);
}
.carousel-pro .media-body {
	padding: 20px 0px 5px 0px
}
.carousel-pro .media-body h2 {
	min-height: 48px;
	max-height: 48px;
	margin-bottom: 10px;
	line-height: 24px;
}
.carousel-pro .media-body h2 a {
	font-size: 18px;
	color: #333
}
.carousel-pro .media-body p {
	text-align: center
}
.carousel-pro .button {
	background-color: #ff5d00;
	padding: 10px 25px;
	transition: all .3s ease;
}
.carousel-pro .media:hover .button {
	color: #FFF;
	background-color: #2684FE;
	transition: all .3s ease;
}
.carousel-pro .media:hover .media-body h2 a {
	color: #2684FE;
}
/* 箭头 */
.carousel-pro:hover .owl-nav .owl-prev, .carousel-pro:hover .owl-nav .owl-next {
	opacity: 1;
}
.carousel-pro .owl-nav .owl-prev, .carousel-pro .owl-nav .owl-next {
	top: 30%
}
/* 滚动产品 */

/* 滚动资质 */
.honour:hover .owl-nav .owl-prev, .honour:hover .owl-nav .owl-next {
	opacity: 1;
}
.honour .media {
	-webkit-transition: .5s;
	transition: .5s;
}
.honour .media-body {
	text-align: center;
	padding: 10px
}
.honour .media-body h2 a {
	line-height: 24px;
	font-size: 16px;
	color: #333;
}
.honour .media:hover .media-body h2 a {
	color: #ff5d00;
}
.honour .media:hover .media-body p {
	color: #484848
}
/*滚动资质 end*/

/* 滚动新闻透明层背景图片 */
.image-link {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}
.overlay-content {
	padding: 20px 20px 18px;
	position: absolute;
	bottom: 0;
	z-index: 3;
	color: #FFF
}
.photo-overaly {
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	min-height: 450px;
	background-position: center center;
	background-size: cover;
	-webkit-transition: all ease .4s;
	-o-transition: all ease .4s;
	transition: all ease .4s;
}
.photo-overaly::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(rgba(0,0,0,0.8)));
	background: -webkit-linear-gradient(top, transparent 50%, rgba(0,0,0,0.8) 100%);
	background: -o-linear-gradient(top, transparent 50%, rgba(0,0,0,0.8) 100%);
	background: linear-gradient(to bottom, transparent 50%, rgba(0,0,0,0.8) 100%);
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.photo-overaly:hover {
	background-position: 35%;
}
.photo-overaly.images-h {
	min-height: 550px;
}
.photo-overaly:hover::after {
	background-color: rgba(0,0,0,0.2);
}
/* 箭头 */
.transing-slide-style {
	z-index: 0
}
.transing-slide-style:hover .owl-nav .owl-prev, .transing-slide-style:hover .owl-nav .owl-next {
	opacity: 1;
}
/* 滚动新闻透明层背景图片 */

/*-------------------------- 列表样式结束-------------------------------- */

/*分页样式 begin*/
.pagination li {
	margin: 0 5px;
	font-size: 16px;
	border: none;
	border-radius: 50%;
}
.pagination li a {
	border-radius: 50%;
	color: #667289;
	padding: 12px 16px;
	border: 2px solid #DCDCDC;
}
.pagination li i {
	font-weight: bold;
	font-size: 18px;
	padding: 0 2px
}
.pagination li.active a, .pagination li a:hover {
	border-radius: 50%;
	background: #2684FE;
	color: #fff;
	border: 2px solid #2684FE;
}
/*分页样式 end*/

 /* 联系我们 */

.contact{padding: 30px 50px;background:url(../images/about/about7.jpg) no-repeat ;background-size: 100% 100%;padding-top: 60px;
}
.contact h2 {
	font-size: 28px;
	font-weight: 600;
	color: #333;
	margin-bottom: 5px
}
.contact p.dizhi, .guestbook p {
	line-height: 24px;
	color: #667289;
	font-size: 16px
}
.contact hr {
	height: 1px;
	background: #F2F2F2
}
.contact .media {
	padding: 0;
	margin: 12px 0;
	padding: 0 0 12px 0;
}
.contact .media span {
	width: 32px;
	height: 32px;
	line-height: 32px;
}
.contact .media i {
	font-size: 18px;
}
.contact .media .media-body {
	padding: 0 0 0 5px;
	margin-top: 2px
}
.contact .media .media-body a, .contact .media .media-body p {
	color: #666;
	font-size: 18px
}
.baidu-map {
	width: 100%;
	height: 500px;
}
/*guestbook*/
.guestbook {
	padding: 30px 50px 50px 50px
}
.guestbook h2 {
	font-size: 28px;
	font-weight: 600;
	color: #333;
	margin-bottom: 5px
}
.guestbook .form-group {
	padding-bottom: 20px
}
.guestbook .input {
	font-size: 16px;
	padding: 12px 0;
	border: 0px;
	border-bottom: 1px solid #e8e8e8;
	width: 100%;
	height: 42px;
	line-height: 20px;
	display: block;
	border-radius: 0px;
	-webkit-appearance: none;
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
	background: #fff;
	box-shadow: 0 0px 0px rgba(0,0,0,0.0) inset;
}
.guestbook .textarea {
	padding: 12px 0;
	line-height: 24px;
	width: 100%;
	font-size: 16px;
	background: #fff;
	border: 0;
	border-bottom: 1px solid #e8e8e8;
}
.guestbook .label {
	padding-bottom: 10px;
	display: block;
	line-height: 24px;
}
.guestbook .label label {
	font-weight: 400;
}
.guestbook .field {
	font-size: 16px
}
.guestbook select {
	border-radius: 2px;
	font-size: 16px;
	height: 42px;
	line-height: 40px;
	border: solid 1px #ddd;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #F3F3F3 url(https://www.think-panel.com/template/pc/assets/images/sellect-arrow.png) no-repeat right center;
	padding-right: 30px;
	padding-left: 10px;
	color: #667289;
}
.guestbook .form-tips .guestbook .input-help ul {
	border: solid 0px #ddd;
	background: #fff;
	padding: 5px 10px;
	box-shadow: 0 0 0 #fff;
	border-radius: 0 0 4px 4px;
	width: 150px;
	min-width: 150px;
	width: auto;
	_width: 150px;
	color: #EE3333;
	font-size: 12px
}
/* 联系我们 end*/

/* 图标 */
.social-button span {
	display: block;
	width: 32px;
	height: 32px;
	margin-right: 10px;
	float: left;
	cursor: pointer;
	overflow: hidden;
	opacity: 1
}
.social-button span:hover {
	opacity: 0.8
}
/* 图标 end */

/* 标题样式-居左1 */
.title-block-style1 h2 {
	position: relative;
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 50px
}
.title-block-style1 h2:before {
	content: '';
	display: block;
	position: absolute;
	width: 90px;
	height: 2px;
	bottom: -10px;
	background: #ff5d00;
	left: 0
}
.fangaititle h2 {
	text-align: center;
	margin: 0px;
	display: block;
	padding: 20px 0px 10px 0px;
	font-size: 26px;
	font-family: acme;
}
.fangaititle span {
	display: block;
	width: 130px;
	margin: 0 auto;
	height: 1px;
	background-color: #ff5d00;
	margin-top: 6px;
	margin-bottom: 20px;
}
/* 标题样式-居中2 */
.title-block-style2 {
	position: relative;
	z-index: 2;
}
.title-block-style2 h2 {
	position: relative;
	font-size: 28px;
	text-transform: uppercase;
	margin: 0 auto 50px auto;
}
.title-block-style2 h2:before {
	content: '';
	display: block;
	position: absolute;
	width: 40px;
	height: 3px;
	bottom: -10px;
	left: 50%;
	margin-left: -20px;
	background: #ff5d00;
}
.title-block-style2 p {
	line-height: 26px;
	font-size: 18px;
}
.title-block-style3 {
	position: relative;
	z-index: 2;
}
.title-block-style3 h2 {
	position: relative;
	font-size: 30px;
	text-transform: uppercase;
	margin: 0 auto 50px auto;
}
.title-block-style3 h2:before {
	content: '';
	display: block;
	position: absolute;
	width: 40px;
	height: 3px;
	bottom: -10px;
	left: 50%;
	margin-left: -20px;
	background: #FFF;
}
.title-block-style3 p {
	line-height: 36px;
	font-size: 33px;
}
/* 标题样式4 */
.title-block-style4 h2 {
	line-height: 28px;
	color: #333;
	position: relative;
	font-size: 20px;
	letter-spacing: 0;
	padding-left: 20px;
	margin-bottom: 10px;
}
.title-block-style4 h2:before {
	content: '';
	display: block;
	position: absolute;
	width: 5px;
	height: 20px;
	top: 5px;
	background: #ff5d00;
	left: 0
}
.title-block-style4 h2 {
	line-height: 28px;
	color: #333;
	position: relative;
	font-size: 20px;
	letter-spacing: 0;
	padding-left: 20px;
	margin-bottom: 10px;
}
.title-block-style5 {
	position: relative;
	z-index: 2;
}
.title-block-style5 h2 {
	position: relative;
	font-size: 28px;
	text-transform: uppercase;
	margin: 0 auto 50px auto;
}
.title-block-style5 h2:before {
	content: '';
	display: block;
	position: absolute;
	width: 40px;
	height: 3px;
	bottom: -10px;
	
	background: #ff5d00;
}
.title-block-style5 p {
	line-height: 26px;
	font-size: 18px;
}
/* 关于我们介绍样式1 */
.about-introduce-style1 .padding-large-left {
	padding-left: 50px;
}
.about-introduce-style1 .pic {
	background: url(https://www.think-panel.com/template/pc/assets/images/about_bg.png) no-repeat scroll center center / cover;
}
.about-video {
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin: 0;
	padding: 0;
	background-attachment: fixed
}
.about-video .button {
	border-radius: 50%;
	text-align: center;
	background: #ff5d00;
	width: 48px;
	height: 48px;
	line-height: 32px;
	position: absolute;
	right: -24px;
	top: 160px
}
/*关于我们企业文化样式*/
#box{  border:1px solid #ff5d00; background-color:#ff5d00;  width:475px;  height:285px;margin:88px;  position:relative;}
#subbox{  position:absolute;  top:30%;left:50%;}
#content{  border:1px solid #ff5d00;  position:relative;  top:-30%;left:-50%;  color:#FFF;}
/* 关于我们愿景样式1 begin */
.about-vision-style1 {
	position: relative;
	z-index: 3
}/* background-color:rgba(0,0,0,1); */
.about-vision-style1 .padding-big {
	padding: 70px 50px
}
.about-vision-style1 h2 {
	position: relative;
	font-size: 26px;
	font-weight: 600;
	text-transform: uppercase;
}
.about-vision-style1 h2:before {
	content: '';
	display: block;
	position: absolute;
	background: #FFF;
	width: 40px;
	height: 3px;
	bottom: -10px;
	left: 50%;
	margin-left: -20px
}
.about-vision-style1 p {
	line-height: 48px;
	font-size: 16px;
	font-weight: 600;
}
.about-data-style2 {
	padding: 30px 0 0 0;
	position: relative;
}
.about-data-style2 .media-body {
	font-size: 14px;
	color: #667289;
}
.about-data-style1 .media {
	margin: 0;
	padding: 20px 0;
	transition: all .2s;
	position: relative;
	z-index: 3
}
.about-data-style1 .media-body {
	padding: 0;
}
.about-data-style1 .media-body strong {
	margin: 20px 0 10px 0;
	font-size: 26px;
	line-height: 38px;
	position: relative;
}
.about-data-style1 .media-body strong .badge {
	position: absolute;
	right: 18px;
	top: -8px;
	font-weight: normal;
	cursor: pointer;
	font-size: 16px;
	background: none
}
.about-data-style1 .media-body p {
	text-align: center;
	font-size: 15px;
	line-height: 24px
}
/* 观点与见解样式1 */
.page {
	padding: 60px 0px;
}
.page-box1 {
    margin-top: 15px;
    color: #999;
    font-size: 14px;
}
.page-box {
    margin: 10px 0px;
    padding-bottom: 30px;
    float: right;
}
.title {
	padding: 0px 10px; text-align: center;
}
.title span {
	font-size: 26px;
}
.title em {
	background: url("../img/icon1-1.png") no-repeat center; width: 100%; height: 25px; display: block;
}
.title p {
	margin: 0px auto; display: inline-block;
}
.page_f9f9f9 {
	background: rgb(249, 249, 249);
}
.flt {
	float: left;
	margin-right: 8px;
}
.frt {
	float: right;
}
.page_news .item {
	width: 32%;
}
.page_news.it {
	width: 100%;
}
.news_tit {
	text-align: center; color: rgb(90, 90, 90); font-size: 18px;
}
.news_tit span {
	height: 25px; text-align: center; margin-bottom: 35px; border-bottom-color: rgb(220, 220, 220); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.news_tit span img {
	background: rgb(249, 249, 249); padding: 0px 3px;
}
.page_news ul {
	padding-top: 30px;
}
.page_news ul li {
	background: url("../images/icon7-1.png") no-repeat right bottom rgb(255, 255, 255); padding: 25px; border: 1px solid rgb(245, 245, 245); border-image: none; margin-bottom: 15px; position: relative;
}
.page_news ul li:hover {
	background: url("../images/icon7.png") no-repeat right bottom rgb(255, 255, 255); border-color: rgb(255, 93, 0);	
}
.page_news ul li:hover .date {
	background: rgb(211, 31, 35);
}
.page_news ul li:hover .date_k {
	border-color: rgb(223, 90, 93);
}
.page_news ul li:hover .date_k h2 {
	border-color: rgb(223, 90, 93);
}
.page_news ul li .tips {
	background: url("../image/tips.png") no-repeat center; top: -1px; width: 39px; height: 32px; text-align: center; right: 20px; color: rgb(255, 255, 255); line-height: 28px; position: absolute;
}
.page_news ul li .img {
	width: 50px; text-align: center; float: left;margin-right: 20px;
}
.page_news ul li .img span {
	background: url("../image/icon6.png") no-repeat center; height: 48px; margin-top: 18px; display: block;
}
.page_news ul li:hover .img span {
	background: url("../image/icon6-1.png") no-repeat center;
}

.page_news ul li .text h1 {
	line-height: 30px; overflow: hidden; font-size: 18px; font-weight: normal; margin-bottom: 19px; border-bottom: 1px  dashed rgb(245, 245, 245);  white-space: nowrap; -ms-text-overflow: ellipsis;
}
.page_news ul li:hover .text h1 {
	color: rgb(211, 31, 35);
}
.page_news ul li .text p {
	height: 40px; color: rgb(158, 158, 158); line-height: 20px; overflow: hidden;
}
.page_news ul li .date {
	background: rgb(181, 181, 181); padding: 2px; margin-right: 30px; float: left;
}
.page_news ul li .date_k {
	padding: 0px 5px; border: 2px solid rgb(201, 201, 201); border-image: none; width: 65px; height: 75px;
}
.date_k h2 {
	height: 48px; text-align: center; color: rgb(255, 255, 255); line-height: 48px; font-size: 23px; border-bottom-color: rgb(210, 210, 210); border-bottom-width: 1px; border-bottom-style: solid;
}
.date_k span {
	text-align: center; color: rgb(255, 255, 255); line-height: 25px; display: block;
}
.page_ededed {
	background: rgb(237, 237, 237);
}
.wrap {
	margin: 0px auto; padding: 0px 10px; overflow: hidden; position: relative; max-width: 1300px;
}
#tyj {
	line-height: 30px; overflow: hidden; font-size: 19px; font-weight: normal; margin-bottom: 15px; white-space: nowrap; -ms-text-overflow: ellipsis;
}

/* 有序列表1列  begin*/
.list-post-text {
	padding: 0px
}
.list-post-text li {
	padding: 10px 0;
	line-height: 20px
}
.list-post-text li a {
	display: block;
	font-size: 16px
}
.list-post-text li.dot a {
	padding-left: 15px;
	position: relative
}
.list-post-text li.dot:hover a:before {
	background: #ff5d00;
}
.list-post-text li.dot a:before {
	content: '';
	position: absolute;
	left: -2px;
	background: #ccc;
	width: 6px;
	height: 6px;
	top: 9px;
	border-radius: 50%
}
/* 有序列表1列  end*/

/* 服务支持 */
.info_safe .item {
	width: 32%;
}
.info_safe .it {
	width: 100%;
}
.info_safe ul {
	padding-top: 30px;
}
.info_safe ul li {
	background: url("../images/icon7-1.png") no-repeat right bottom rgb(255, 255, 255); padding: 25px; border: 1px solid rgb(245, 245, 245); border-image: none; margin-bottom: 15px; position: relative;
}
.info_safe ul li:hover {
	background: url("../images/icon7.png") no-repeat right bottom rgb(255, 255, 255); border-color: rgb(255, 93, 0);	
}
.info_safe ul li:hover .date {
	background: rgb(211, 31, 35);
}
.info_safe ul li:hover .date_k {
	border-color: rgb(223, 90, 93);
}
.info_safe ul li:hover .date_k h2 {
	border-color: rgb(223, 90, 93);
}
.info_safe ul li .tips {
	background: url("../image/tips.png") no-repeat center; top: -1px; width: 39px; height: 32px; text-align: center; right: 20px; color: rgb(255, 255, 255); line-height: 28px; position: absolute;
}
.info_safe ul li .img {
	width: 150px; text-align: center; float: left;margin-left: 20px;
}
.info_safe ul li .img span {
	background: url("../image/icon6.png") no-repeat center; height: 48px; margin-top: 18px; display: block;
}
.info_safe ul li:hover .img span {
	background: url("../image/icon6-1.png") no-repeat center;
}

.info_safe ul li .text h1 {
	line-height: 30px; overflow: hidden; font-size: 18px; font-weight: normal; margin-bottom: 19px; border-bottom: 1px  dashed rgb(245, 245, 245);  white-space: nowrap; -ms-text-overflow: ellipsis;
}
.info_safe ul li:hover .text h1 {
	color: rgb(211, 31, 35);
}
.info_safe ul li .text p {
	height: 40px; color: rgb(158, 158, 158); line-height: 20px; overflow: hidden;
}
.info_safe ul li .date {
	background: rgb(181, 181, 181); padding: 2px; margin-right: 30px; float: left;
}
.info_safe ul li .date_k {
	padding: 0px 5px; border: 2px solid rgb(201, 201, 201); border-image: none; width: 65px; height: 75px;
}
.info_safe ul li .down_img{ padding:20px;}

/* 常见问题TAB */
.support-tab .tab-head {
	border-radius: 0;
	font-size: 0;
	-webkit-text-size-adjust: none;
	width: 100%;
	background: #FFF
}
.support-tab .tab .tab-nav li {
	display: inline-block;
	width: 20%;
}
.support-tab .tab .tab-nav li a {
	color: #333;
	padding: 18px 0;
	display: block;
	line-height: 22px;
	border: 0;
	border-radius: 0;
	font-size: 18px;
	text-align: center;
	background: #FFF;
	border-bottom: 1px solid #f6f6f6
}
.support-tab .tab .tab-nav li:last-child a {
	margin-right: 0px
}
.support-tab .tab .tab-nav .active {
	border-radius: 0 0;
}
.support-tab .tab .tab-nav .active a {
	cursor: default;
	color: #fff;
	background: #ff5d00;
	border-bottom: 1px solid #ff5d00;
}
.support-tab .tab .tab-nav li a, .tab .tab-nav .active a:focus {
	outline: none;
}
.support-tab .tab .tab-body {
	padding: 0;
	border-radius: 0 0 0 0;
	border-top: 1px solid #f6f6f6
}
/* 下载 */
.support-download {
	padding: 30px 40px;
}
.support-download li {
	line-height: 42px;
	display: block;
	font-size: 16px
}
.support-download li a {
	font-size: 16px
}
.support-download li i {
	opacity: 0;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.support-download li.default a {
	padding-left: 20px;
	position: relative
}
.support-download li.default a:before {
	content: '';
	position: absolute;
	left: 0px;
	background: #ebebeb;
	width: 8px;
	height: 8px;
	top: 6px;
	border-radius: 50%
}
.support-download li:hover a {
	color: #ff5d00
}
.support-download li:hover i {
	opacity: 1;
}
.support-download li.default:hover a:before {
	background: #ff5d00;
}
/* 下载列表 */
.list-download li {
	display: block;
	line-height: 28px;
	padding: 20px 30px;
	background: #FFF;
	margin-bottom: 15px;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.list-download li a {
	font-size: 16px;
	color: #333;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.list-download li span {
	color: #999
}
.list-download li:hover {
	background: #ff5d00;
	color: #FFF;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.list-download li:hover a, .list-download li:hover span {
	color: #FFF
}
.list-download li:hover i {
	opacity: 1;
	color: #FFF
}
.list-download li.dot:hover a:before {
	background: #fff;
}
.list-download li i {
	opacity: 0;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.list-download li.dot a {
	padding-left: 20px;
	position: relative
}
.list-download li.dot a:before {
	content: '';
	position: absolute;
	left: 0px;
	background: #ebebeb;
	width: 9px;
	height: 9px;
	top: 6px;
	border-radius: 50%
}
/* 常见问题折叠 begin**/
.collapse {
	width: 100%;
	box-shadow: 0px 0px 0px rgba(0,0,0,.04);
	margin-bottom: 20px;
	background: #FFF;
}
.collapse .arrow {
	float: right;
	width: 12px;
	height: 12px;
	overflow: hidden;
	background: url(../image/ico_jia.png) no-repeat;
	display: inline-block;
	border: 0px
}
.collapse .icon-jia {
	background-position: 0 0;
}
.collapse .icon-jian {
	background: url(../image/ico_jian.png) no-repeat;
}
.collapse .head {
	height: 60px;
	line-height: 60px;
	padding-left: 40px;
	cursor: pointer;
	overflow: hidden;
	font-weight: 500
}
.collapse .head i {
	margin: 25px 20px 0 0;
}
.collapse .content {
	padding: 30px 40px;
	display: block;
	font-size: 16px;
	color: #333;
	border-top: 1px solid #f8f8f8;
}
.collapse .content p {
	padding-bottom: 10px
}
/* 常见问题折叠 end*/

/* 服务支持 end*/

/*背景图片上加MASK begin*/
.contact-join {
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin: 0;
	padding: 0;
	background-attachment: fixed
}
.contact-join:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,242,38,0.6);
}
.contact-join .title {
	position: relative;
	z-index: 1
}
.contact-join a.button {
	display: inline-block;
	position: relative;
	top: 0;
	padding: 0px 50px;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	background: #FFF;
	border-radius: 60px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}
.contact-join a.button:hover {
	top: -4px;
	text-decoration: none;
	background: #ff5d00;
	color: #fff;
	box-shadow: 0px 18px 36px 0px rgba(14,104,166,0.25);
}
.contact-join a.button:hover:after {
	background: rgba(255,255,255,0.2);
}
.bg-overlay:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
}
/*背景图片上加MASK end*/

/* 渐变背景与文字样式效果 */

.contact-callout {
	position: relative;
	padding: 50px 0;
}
.contact-callout:after {
	content: '';
	position: absolute;
	width: 100%;
	right: 0;
	top: 0;
	bottom: 0;
	display: block;
	color: #fff;
	background-color: #5b0069;
	background-image: -moz-linear-gradient(to right, #5b0069 0%, #10aeef 100%);
	background-image: -o-linear-gradient(to right, #5b0069 0%, #10aeef 100%);
	background-image: -webkit-linear-gradient(to right, #5b0069 0%, #10aeef 100%);
	background-image: linear-gradient(to right, #5b0069 0%, #10aeef 100%);
}
.pro-gradient {
	background: linear-gradient(48deg, #440084 21%, #960442 100%) !important;
	background-color: rgba(0, 0, 0, 0);
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-attachment: scroll;
	background-image: linear-gradient(48deg, rgb(68, 0, 132) 21%, rgb(150, 4, 66) 100%);
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#440084', endColorstr='#960442', GradientType=1);
}
/* 页脚按钮 */
.contact-callout a.button {
	z-index: 1;
	display: inline-block;
	position: relative;
	top: 0;
	padding: 0px 60px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	background: #FFF;
	border-radius: 60px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}
/* .contact-callout a.button:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:60px;background:rgba(255,255,255,0);-webkit-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s;} */
.contact-callout a.button:hover {
	top: -4px;
	text-decoration: none;
	background: #ff5d00;
	color: #fff;
	box-shadow: 0px 18px 36px 0px rgba(14,104,166,0.25);
}
.contact-callout a.button:hover:after {
	background: rgba(255,255,255,0.2);
}
/* 页脚按钮end */

/* 渐变文字 */
.text-fill {
	background: -webkit-linear-gradient(left, #432a77, #a9448b);
	background: -o-linear-gradient(right, #432a77, #a9448b);
	background: -moz-linear-gradient(right, #432a77, #a9448b);
	background: linear-gradient(to right, #432a77, #a9448b);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
/* 渐变效果 end*/
.giant-heading {
	position: relative;
	display: inline-block;
	background-image: -webkit-gradient(linear, left top, 90deg, color-stop(0%, #8a44e6), color-stop(50%, #099bec), color-stop(94%, #06dbd5));
	background-image: -moz-linear-gradient(90deg, #8a44e6 0%, #099bec 50%, #06dbd5 94%);
	background-image: -webkit-linear-gradient(90deg, #8a44e6 0%, #099bec 50%, #06dbd5 94%);
	background-image: -o-linear-gradient(90deg, #8a44e6 0%, #099bec 50%, #06dbd5 94%);
	background-image: -ms-linear-gradient(90deg, #8a44e6 0%, #099bec 50%, #06dbd5 94%);
	background-image: linear-gradient(90deg, #8a44e6 0%, #099bec 50%, #06dbd5 94%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
/* 底部-页脚样式1 begin*/
footer .footer-style-1 {
	color: #667289;
	padding: 30px 0 0 0;
	background: url(../image/footimg.jpg) no-repeat;
	background-size: 100% 100%;
    overflow:hidden;
}
/* url(../images/footer.footer-style-1-bg.jpg) no-repeat;background-position:center center;background-size:cover */
footer .footer-style-1 h3 {
	font-size: 18px;
	color: #e7e7e7;
	margin-bottom: 10px;
	font-weight: 700;
	margin-top: 10px;
}
/*footer .footer-style-1 h3:before {
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #ff5d00;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	margin-top: -4px;
	margin-left: -10px
}*/
footer .footer-style-1 ul li.block {
	float: left;
}
footer .footer-style-1 ul li.block-0 {
	width: 43%
}
footer .footer-style-1 ul li.block-1 {
	width: 18%
}
footer .footer-style-1 ul li.block-2 {
	width: 15%
}
footer .footer-style-1 ul li.block-3 {
	width: 10%
}
footer .footer-style-1 ul li.block-4 {
	width: 5%;
}
footer .footer-style-1 ul li ul {
	margin-top: 15px;
}
footer .footer-style-1 ul li ul li a {
	line-height: 32px;
	font-size: 16px;
	color: #999
}
footer .footer-style-1 ul li ul li a:hover {
	color: #ff5d00;
}
footer .footer-style-1 .about {
	padding: 10px 10px 0 0;
	line-height: 26px;
	color: #999;
	font-size: 15px
}
footer .footer-style-1 .copyright {
	margin-top: 15px;
	padding: 0 0;
	color: #666;
	/*border-top: 1px solid #222;*/
	font-size: 16px
}
footer .footer-style-1 .copyright a {
	color: #666
}

footer .footer-style-1 .design {
	position: relative;
}
.honor-bg {
	background: #f2f2f2;
	width: 100%;
	min-width: 1300px
}
.zzidc-auto {
	margin-right: auto;
	margin-left: auto;
	width: 1300px;
}
.honor-item {
	float: left;
	height: 90px;
	padding-top: 42px;
*height:91px;
	padding-left: 48px;
	padding-right: 48px
}
.honor-item span {
	color: #8598b5;
	display: inline-block;
	vertical-align: middle;
	width: 110px;
	font-size: 14px;
	line-height: 18px;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s
}
.honor-item:hover.honor-item span {
	color: #4251b6
}
.honor-icon {
	background: url(../image/honor.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
	transition: transform .5s linear
}
.icon-item1 {
	width: 45px;
	height: 43px;
	background-position: 0 0;
	margin-right: 12px
}
.honor-item:hover .icon-item1 {
	background-position: 0 -56px;
	transform: scale(1.05)
}
.icon-item2 {
	width: 43px;
	height: 45px;
	background-position: -69px 0;
	margin-right: 15px
}
.honor-item:hover .icon-item2 {
	background-position: -69px -54px;
	transform: scale(1.05)
}
.icon-item3 {
	width: 43px;
	height: 45px;
	background-position: -130px 0;
	margin-right: 15px
}
.honor-item:hover .icon-item3 {
	background-position: -130px -55px;
	transform: scale(1.05)
}
.icon-item4 {
	width: 45px;
	height: 43px;
	background-position: -192px 0;
	margin-right: 15px
}
.honor-item:hover .icon-item4 {
	background-position: -192px -57px;
	transform: scale(1.05)
}
.icon-item5 {
	width: 50px;
	height: 44px;
	background-position: -258px 0;
	margin-right: 20px
}
.honor-item:hover .icon-item5 {
	background-position: -258px -56px;
	transform: scale(1.05)
}
.line-col {
	width: 1px;
	height: 39px;
	background: #dedadb;
	float: left;
	margin: 47px 0
}
.mt4 {
	margin-top: 4px
}
.honor-item span.width115 {
	width: 115px
}
.pleft0 {
	padding-left: 0
}
.pright0 {
	padding-right: 0
}
.line-zc {
	width: 100%;
	min-width: 1200px;
	height: 169px;
	background-color: #4251b6;
	position: relative
}

.index9 {	
	background: url("../image/server.jpg") no-repeat center;
	height: 100%;	
	width: 100%;   
    overflow: hidden;
}
.index9 .left {	
	float: left;width: 60%;font-size: 15px;margin:auto;
}

.index9 .left .ServerTxt{	
	margin-top: 108px;
    float: left;
    font-size: 40px;
    font-family: initial;
    font-style: italic;
    color: white;
    text-shadow: 0 0 5px #f5f5f5, 0 0 5px #09b3ff;
}
.index9 .left .Server_Line{	
    line-height: 66px;
    margin-left: 55px;
    margin-top: 50px;
    font-size: 30px;
    width: 429px;
    float: left;
    color: white;
    background: url(../image/server_line.png) no-repeat center;
}

.index9 .right{float: right; overflow: hidden; margin-right: -10px;margin:auto; width: 35%;font-size: 15px;
} 
.index9 .right img{margin-top:30px; margin-left: 15px;width: 35%;
} 

.index9_1 {
	margin: 0px auto;
	width: 94%;
}
.index9_2 {
	width: 100%;
	text-align: center;
	color: rgb(255, 255, 255);
	line-height: 30px;
	overflow: hidden;
	font-size: 24px;
	margin-top: 38px;
}
.index9_3 {
	background: rgb(32, 153, 245);
	margin: 25px auto 0px;
	border-radius: 19px;
	width: 270px;
	height: 38px;
	text-align: center;
	color: rgb(255, 255, 255);
	line-height: 38px;
	overflow: hidden;
	font-size: 18px;
	-moz-border-radius: 19px;
	-webkit-border-radius: 19px;
}

.copyright .left{line-height: 23px;float: left;width: 70%;font-size: 15px;} 
.copyright .left em{margin-right:15px;}
.copyright .left em a{margin-left:13px;}
.copyright .right{float: right; overflow: hidden; margin-right: -10px; width: 20%;font-size: 15px;} 
.copyright a{color: #fff;}
.copyright p a + a{ display: none; }
.copyright .right a{margin: 0 10px;}
.copyright .footer_copy_m{display: none;}
.copyright .footer_copy_pc{display: block;}

/* footer .footer-style-1 .design:before {content:'';position:absolute;left:7px;top:-5px;background:#ff5d00;width:6px;height:6px;border-radius:50%} */

#bottom-bar {
	display: none;
	z-index: 9;
}

@media screen and (max-width:1440px) {
.container-layout {
	max-width: 1200px;
}
#pc-header .logo h1 a {
	background-size: auto 50px;
}
#pc-header, #pc-header .logo h1 a {
	height: 70px;
}
#pc-header .nav li a {
	line-height: 70px;
	padding: 0 16px;
}
#pc-header .nav li ul {
	top: 70px;
}
#pc-header a.shop-ico i {
	top: 29px;
}
#pc-header a.search-ico i {
	top: 29px;
}
#pc-header .top-user {
	top: 14px;
}
#pc-header .top-user .drop-menu {
	margin: 10px 0 0;
	border-radius: 5px;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.075);
	box-shadow: 0 6px 12px rgba(0,0,0,.075)
}
.section-1 {padding-top:100px;}	
.blank-middle {
	height: 30px;
	line-height: 30px;
}
.blank-big {
	height: 50px;
	line-height: 50px;
}
.padding-large {
	padding: 40px;
}
.banner-top i {
	width: 64px;
	height: 64px;
	line-height: 64px;
	margin-left: -32px;
	bottom: -32px;
	font-size: 40px;
}
.banner-big {
	min-height: 400px
}
.banner-middle {
	min-height: 300px
}
.case-view h4 {
	margin-bottom: 40px;
	font-size: 28px;
}
.slides-li .slidestext {
	margin-top: 13%;
}
.slides-li .slidestext h2 {
	font-size: 10px;
	margin: 10px 0;
	line-height: 84px
}
.slides-li .slidestext p {
	font-size: 22px;
}
.slides-li .slidestext .button {
	max-width: 220px;
	padding: 12px 0
}
.flexslider .slides > li {
	height: 450px;
}
.teach-video-content {
	height: calc(50vh - 0px);
}
.teach-video-content h2 {
	font-size: 28px;
	line-height: 38px;
	margin: 0 auto 40px auto;
}
.teach-video-content .padding-large {
	padding: 50px 0 40px 40px
}
.list-features dl:nth-child(2n+1) dt .padding-large {
	padding: 40px
}
.kefu-style-2 {
	bottom: 200px;
}
}

/* 平板768begin */
@media screen and (max-width:1000px) {
.nav-navicon {
	display: none
}
#pc-header {
	height: 60px;
}
#pc-header .logo h1 a {
	height: 60px;
	background-size: auto 40px;
}
#pc-header a.search-ico i {
	top: 20px;
	right: 70px;
	width: 30px;
	height: 30px
}
#pc-header a.lan i {
	top: 12px;
	right: 70px
}
#pc-header a.shop-ico i {
	top: 24px;
	right: 60px;
}
.mobile-toggle, #mobile-header, #mobile-header .nav {
	display: block;
	border: none
}
.container-layout {
	max-width: 100%;
}
.sidebar-l, .margin-inside-l, .faqbar-l {
	margin: 0;
	width: 100%
}
.sidebar-r, .margin-inside-r, .faqbar-r {
	margin: 20px auto 0 auto;
	width: 100%
}
.line-large {
	margin-left: -10px;
	margin-right: -10px
}
.line-large .x1, .line-large .x2, .line-large .x3, .line-large .x4, .line-large .x5, .line-large .x6, .line-large .x7, .line-large .x8, .line-large .x9, .line-large .x10, .line-large .x11, .line-large .x12, .line-large .xl1, .line-large .xl2, .line-large .xl3, .line-large .xl4, .line-large .xl5, .line-large .xl6, .line-large .xl7, .line-large .xl8, .line-large .xl9, .line-large .xl10, .line-large .xl11, .line-large .xl12, .line-large .xs1, .line-large .xs2, .line-large .xs3, .line-large .xs4, .line-large .xs5, .line-large .xs6, .line-large .xs7, .line-large .xs8, .line-large .xs9, .line-large .xs10, .line-large .xs11, .line-large .xs12, .line-large .xm1, .line-large .xm2, .line-large .xm3, .line-large .xm4, .line-large .xm5, .line-large .xm6, .line-large .xm7, .line-large .xm8, .line-large .xm9, .line-large .xm10, .line-large .xm11, .line-large .xm12, .line-large .xb1, .line-large .xb2, .line-large .xb3, .line-large .xb4, .line-large .xb5, .line-large .xb6, .line-large .xb7, .line-large .xb8, .line-large .xb9, .line-large .xb10, .line-large .xb11, .line-large .xb12 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px
}
.search-alert .form-group {
	width: 90%;
	max-width: auto;
}
.search-alert .input {
	height: 50px;
	line-height: 50px;
	text-indent: 15px;
}
.search-alert .button {
	height: 50px;
	line-height: 50px;
}
.slides-li .slidestext {
	margin-top: 20%;
}
.slides-li .slidestext h2 {
	font-size: 48px;
	margin: 15px 0;
	line-height: 52px
}
.slides-li .slidestext p {
	font-size: 28px;
}
.slides-li .slidestext .button {
	max-width: 220px;
	padding: 12px 0
}
.flexslider .slides > li {
	height: 400px;
}
.half-background .img-fluid {
	position: relative;
	left: 0;
}
.half-background .padding-big {
	padding: 20px 10px
}
.about-introduce-style1 .padding-large-left {
	padding-left: 20px;
}
.about-vision-style1 .padding-big {
	padding: 20px;
}
.about-vision-style1 h2 {
	font-size: 26px;
	margin: 15px auto
}
.about-data-style1 .media-body strong {
	margin: 10px 0 0 0;
	font-size: 30px;
	line-height: 32px;
}
.about-data-style1 .media-body strong .badge {
	left: 98px;
	top: -9px;
}
/* 左右交Xbegin begin */
.list-cross dl dt, .list-cross dl dd {
	width: 100%;
}
.list-cross dl:nth-child(2n+0) dt .padding-large, .list-cross dl:nth-child(2n+1) dt .padding-large {
	padding: 20px
}
.list-features dl dt, .list-features dl dd {
	width: 100%;
}
.list-features dl:nth-child(2n+0) dt .padding-large, .list-features dl:nth-child(2n+1) dt .padding-large {
	padding: 20px
}
/* 左右交Xbegin end */

.list-post-zoomimg .media {
	margin-bottom: 10px;
}
.list-post-zoomimg .media-body {
	padding: 10px
}
.list-post-zoomimg .media-body h2 {
	min-height: 62px;
	line-height: 20px;
}
.list-post-zoomimg .media-body h2 a {
	font-size: 18px;
}
footer .footer-style-1 {
	padding: 0;
}
footer .footer-style-1 ul {
	padding-left: 10px
}
footer .footer-style-1 ul li.block {
	float: none;
}
footer .footer-style-1 ul li.block-1, footer .footer-style-1 ul li.block-2, footer .footer-style-1 ul li.block-3, footer .footer-style-1 ul li.block-4, footer .footer-style-1 ul li.block-5, footer .footer-style-1 ul li.block-6 {
	width: 100%
}
footer .footer-style-1 .copyright {
	margin-top: 0px;
	padding: 20px;
	font-size: 16px;
	text-align: center
}
.kefu-style-2 {
	bottom: 60px;
	right: 5px
}
}

/* 手机开始 */
@media screen and (max-width:760px) {
#pc-header {
	height: 50px;
}
#pc-header .logo h1 a {
	height: 50px;
	background-size: auto 30px;
}
#pc-header a.search-ico i {
	top: 15px;
	right: 60px;
}
#pc-header a.lan i {
	top: 12px;
	right: 60px
}
#pc-header a.shop-ico i {
	top: 18px;
	right: 60px;
}
.line-large {
	margin-left: -5px;
	margin-right: -5px
}
.line-large .x1, .line-large .x2, .line-large .x3, .line-large .x4, .line-large .x5, .line-large .x6, .line-large .x7, .line-large .x8, .line-large .x9, .line-large .x10, .line-large .x11, .line-large .x12, .line-large .xl1, .line-large .xl2, .line-large .xl3, .line-large .xl4, .line-large .xl5, .line-large .xl6, .line-large .xl7, .line-large .xl8, .line-large .xl9, .line-large .xl10, .line-large .xl11, .line-large .xl12, .line-large .xs1, .line-large .xs2, .line-large .xs3, .line-large .xs4, .line-large .xs5, .line-large .xs6, .line-large .xs7, .line-large .xs8, .line-large .xs9, .line-large .xs10, .line-large .xs11, .line-large .xs12, .line-large .xm1, .line-large .xm2, .line-large .xm3, .line-large .xm4, .line-large .xm5, .line-large .xm6, .line-large .xm7, .line-large .xm8, .line-large .xm9, .line-large .xm10, .line-large .xm11, .line-large .xm12, .line-large .xb1, .line-large .xb2, .line-large .xb3, .line-large .xb4, .line-large .xb5, .line-large .xb6, .line-large .xb7, .line-large .xb8, .line-large .xb9, .line-large .xb10, .line-large .xb11, .line-large .xb12 {
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px
}
	.honor-bg,.wyzx{display: none;}
.blank-small, .blank-middle, .blank-big {
	height: 10px;
	line-height: 10px;
}
.index9_2 {
	line-height: 30px;
	font-size: 16px;
	margin-top: 28px;
}	
.index9_3 {
	
	margin: 25px auto 0px;
	border-radius: 19px;
	width: 190px;
	height: 31px;
	text-align: center;
	color: rgb(255, 255, 255);
	line-height: 28px;
	overflow: hidden;
	font-size: 13px;
	
}	
.slides-li .slidestext {
	margin-top: 27%;
}
.slides-li .slidestext h2 {
	font-size: 32px;
	margin: 10px;
	line-height: 36px
}
.slides-li .slidestext p {
	font-size: 20px;
}
.slides-li .slidestext .button {
	max-width: 160px;
	padding: 8px 0
}
.flexslider .slides > li {
	height: 320px;
}
.flex-control-nav {
	position: absolute;
	bottom: 20px;
}
.banner-top i {
	width: 48px;
	height: 48px;
	line-height: 48px;
	margin-left: -24px;
	bottom: -24px;
	font-size: 36px;
}
.banner-big {
	min-height: 250px
}
.banner-middle {
	min-height: calc(100vh - 500px)
}
.teach-video-content {
	height: calc(40vh - 0px);
}
.teach-video-content h2 {
	font-size: 24px;
	line-height: 36px;
	margin: 0 auto 40px auto;
}
.teach-video-content .padding-large {
	padding: 30px 20px
}
.teach-video-play {
	height: calc(35vh - 0px)
}
.teach-video-play a {
	left: 50%;
	margin-left: -40px;
	top: 50%;
	margin-top: -40px
}
.about-introduce-style1 .padding-large-left {
	padding-left: 0px;
}
.about-vision-style1 .padding-big {
	padding: 30px 20px;
}
.about-vision-style1 h2 {
	font-size: 24px;
	margin: 20px auto
}
.about-vision-style1 p {
	line-height: 36px;
	font-size: 28px;
}
.about-data-style1 .media {
	padding: 0;
	margin: 20px 0;
}
.about-data-style1 .media-body strong {
	font-size: 28px;
	line-height: 30px;
}
.about-data-style1 .media-body strong .badge {
	left: 110px;
	top: -8px;
}
.about-data-style1 .media-body p {
	font-size: 18px;
	line-height: 22px
}
.title-block-style1 h2 {
	font-size: 20px;
	margin: 20px auto;
}
.title-block-style2 h2 {
	font-size: 24px;
	margin: 20px auto;
}
.title-block-style3 h2 {
	font-size: 24px;
	margin: 20px auto;
}
.title-block-style3 p {
	font-size: 16px;
	margin: 20px auto;
}
.cat-menu-style2 .ul-list > li {
	display: block;
	margin: 10px;
	height: 48px;
	line-height: 48px;
}
.carousel-pro .media {
	padding: 10px;
}
.carousel-pro .media-body {
	padding: 0px
}
.carousel-pro .media-body h2 {
	margin-bottom: 10px;
	line-height: 20px;
}
.carousel-pro .media-body h2 a {
	font-size: 16px;
}
.list-product .media {
	margin-bottom: 10px;
	padding: 10px;
}
.list-product .media-body {
	padding: 10px 0
}
.list-product .media-body h2 {
	min-height: 44px;
	max-height: 44px;
	margin-top: 0px;
	line-height: 22px;
}
.contact-callout a.button {
	padding: 0px 30px;
	font-size: 18px;
	height: 48px;
	line-height: 48px;
}
/* 观点与见解 */	
.page {
	padding: 20px 0px;
}	
.page_news ul li .date {
	margin-right: 10px;
}
.page_news ul li {
	padding: 15px;
}
.date_k h2 {
	height: 40px; line-height: 40px; font-size: 30px;
}
.page_news ul li .text h3 {
	font-size: 16px; margin-bottom: 5px;
}
.page_news ul li .tips {
	background: url("../images/tips.png") no-repeat top / 100% auto; width: 29px; height: 26px; line-height: 20px; font-size: 12px;
}
.page_news ul li .date_k {
	width: 55px; height: 65px;
}
	.wrap {
	margin: 0px; padding: 0px 15px;
}
	.page_news .item {
	width: 100%;
}
	.page_news .it {
	width: 100%;
}
	/* 网站地图 */
.map_con dl ul { margin-top:0px !important;}
 
.map h1{ padding:10px;}
.map{ margin-top: 10px; width: 100%;}
.map_con dl dt{ height: auto;padding:10px; text-align: left;}
.map_con dl dt h2{ float: left; padding:0; font-weight:normal;}
.map_con dl dt span{ float: left; margin-left: 10px;}
.map h1{ font-size: 18px; padding-bottom: 10px;}
.map_con dl dd{ width:96%; padding:2%;}
.map_con dl dt{ width:100%;}
.map_con dl{ padding:0; border:none;}
.cont_other{padding-bottom: 40px;}		
.map_con dl dd li h3{ margin:10px 0;}
.map_con dl dd li{ width: 100%;}
.map_con dl dd li p{ float: left; padding:0 10px;}	
/* 联系我们 */
.contact {
	padding: 10px
}
.content p {
	line-height: 20px
}
.contact p.dizhi, .guestbook p {
	line-height: 24px;
}
.contact h2, .guestbook h2 {
	font-size: 22px;
}
.contact .media {
	margin: 5px 0;
	padding: 0 0 5px 0;
}
.guestbook {
	padding: 20px 10px 20px 10px
}
/* 联系我们 end */

.section-1 {padding-top:80px;text-align:center;color:#fff}
.section-1 .tit1 {font-size:13px;animation: fadeInDown 1s;-webkit-animation: fadeInDown 1s;}
.section-1 .tit2 {font-size:17px;font-weight:bold;margin-top:10px;animation: tada 2s 1s;-webkit-animation: tada 2s 1s;}
.section-1 .tit3 {font-size:12px;font-family:Arial, Helvetica, sans-serif;margin-top:10px;text-transform:uppercase;animation: fadeInDown 1s;-webkit-animation: fadeInDown 1s;}
.section-1 .btn {margin-top:20px;animation: fadeInUp 1s;-webkit-animation: fadeInUp 1s;}
.section-1 .btn .btnLink {display:inline-block;width:120px;height:36px;text-align:center;line-height:36px;border-radius:30px;margin:0 45px;font-size:18px;}	
	
.section-2 {padding-top:11px;text-align:center;color:#fff}
.section-2 .tit1 {font-size:13px;animation: fadeInDown 1s;-webkit-animation: fadeInDown 1s;}
.section-2 .tit2 {font-size:17px;font-weight:bold;margin-top:10px;animation: tada 2s 1s;-webkit-animation: tada 2s 1s;}
.section-2 .tit3 {font-size:12px;font-family:Arial, Helvetica, sans-serif;margin-top:10px;text-transform:uppercase;animation: fadeInDown 1s;-webkit-animation: fadeInDown 1s;}
.section-2 .btn {margin-top:20px;animation: fadeInUp 1s;-webkit-animation: fadeInUp 1s;}
.section-2 .btn .btnLink {display:inline-block;width:120px;height:36px;text-align:center;line-height:36px;border-radius:30px;margin:0 45px;font-size:18px;}	
	
/* 产品详细页 */

.product-description .padding-large {
	padding: 20px 10px
}
.product-description .padding-large-top {
	padding: 0
}
.product-overview .tab .tab-nav li {
	display: inline-block;
	width: 48%;
}
.product-overview .tab .tab-nav li a {
	padding: 15px 0;
	font-size: 18px;
}
/* 内容页 */
.padding-large {
	padding: 20px 10px;
}
.content h1 {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 10px;
}
.content h2 {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 10px;
}
.content h3 {
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 10px;
}
.content h4 {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 10px;
}
/* 服务支持 */
.support-tab .tab .tab-nav li {
	width: 33.3%
}
.support-download {
	padding: 10px 10px 20px 10px;
}
.list-download li {
	line-height: 26px;
	padding: 8px 15px;
}
.list-download li a {
	display: block;
}
.list-download li.dot a:before {
	top: 10px;
}
.collapse .head {
	height: 56px;
	line-height: 56px;
	padding-left: 10px;
}
.collapse .head i {
	margin: 23px 10px 0 0;
}
.collapse .content {
	padding: 20px 10px
}
.list-third .margin-oll {
	margin-top: 20px
}
/* 左右交Xbegin begin */
.list-cross dl:nth-child(2n+0) dt .padding-large, .list-cross dl:nth-child(2n+1) dt .padding-large {
	padding: 10px
}
.list-features dl:nth-child(2n+0) dt .padding-large, .list-features dl:nth-child(2n+1) dt .padding-large {
	padding: 20px 10px
}
/* 左右交Xbegin end */


/* 竖瀑布流 begin */
.wall {
	margin-left: -5px;
	margin-right: -5px
}
.wall-column {
	width: 50%;
}
.wall-box {
	margin: 0 5px 10px 5px;
}
.wall-box .media-img:hover {
	top: -5px;
	left: -5px;
}
.padding-small, .padding-middle {
	padding: 10px;
}
.padding-big, .padding-large {
	padding: 30px 20px;
}
.carousel-news .media-body {
	padding: 10px 0px 0px 0px
}
.carousel-news .media-body h2 {
	min-height: 40px;
	line-height: 20px;
}
.carousel-news .media-body h2 a {
	font-weight: 400
}
.list-post-x-zoom dl dd {
	padding: 10px;
}
.list-post-x-zoom dl dd h2 a {
	line-height: 28px;
	font-size: 20px;
	height: 60px;
}
.list-post-x-zoom .margin-large-bottom {
	margin-bottom: 10px
}
/* m标签 */
.tab-normal .tab .tab-nav li {
	width: 100%
}
.tab-normal .tab .tab-nav li a {
	padding: 0px 30px;
	height: 48px;
	line-height: 48px;
	margin: 0 0 10px 0;
}
/* m标签 end*/

/* 解决方案m2  */
.trade-box-item {
	height: 320px;
	border-top: 1px solid #f8f8f8
}
.trade-box-item .item-logo {
	margin-top: 40px;
}
.trade-box-item .button {
	margin-top: 5px
}
.item-title {
	font-size: 19px;
	padding: 10px 0
}
.item-title:before {
	margin: 0 auto 10px;
}
.trade-box-item:hover .button {
	margin-top: 20px
}
.trade-box-item:hover .item-logo {
	margin-top: 20px
}
/* 解决方案m2  */

 /* header搜索begin  */
.search-alert .mask {
	background: #000;
	opacity: 0.8;
}
.search-alert a {
	/*display: none*/
}
.search-alert {
	top: 50px;
}
.search-alert .form-group {
	width: 100%;
	/*top: 110px;*/
}
.search-alert .input, .search-alert .button {
	height: 46px;
	line-height: 46px;
}
/* header搜索end */

}

@media ( max-width:1200px){
.ProductBox .owl-carousel{display:block !important;}
.ProductBox .item{width:20%; float:left;}	
	
}

@media ( max-width:998px){
.ProductBox .item .box{padding:20px; height:400px;}
.ProductBox .item .box .info{height:150px;}
.PlansBox .item:hover .hidebox .box{padding:35% 4% 0;}
.PlansBox .item:hover .hidebox .box .txt{display:none;}
}

@media ( max-width:768px){
.HomeTit span{font-size:25px; line-height:35px;}
.PlansBox .item .hidebox .box .title .name{font-size:16px;}

.ProductBox .item{width:100%; float:none; margin-bottom:10px;}
.ProductBox .item .box{background:#fff; border:1px solid #256bba; height:auto;}
.ProductBox .item .box a{display:block; position:relative; padding-left:130px;}
.ProductBox .item .box i{display:none;}
.ProductBox .item .box .icon{position:absolute; left:0px; top:50%; margin-top:-55px;}
.ProductBox .item .box .info{height:auto;}
.ProductBox .item .box h2{text-align:left; margin:0;}

}



@media ( max-width:640px){
.HomeTit p{font-size:16px; line-height:24px;}
.PlansBox .item .hidebox .box .title .icon{width:38px;}
.newsbox li{width:100%; float:none; margin-top:10px; background:#fff; box-shadow:0px 0px 20px #d9d9d9;}

}

@media ( max-width:480px){
.HomeMeun li .icon{width:30px; height:30px;}
.HomeTit span{font-size:20px;}
.ProductBox .item{background:#fff; border:1px solid #256bba;}
/*.PlansBox .item .hidebox .box,.PlansBox .item:hover .hidebox .box{padding-top:10px;}
.PlansBox .item .hidebox .box .title i{margin:8px auto;}
.PlansBox .item .hidebox .box .title .name{font-size:15px;}*/
.PlansBox .item .hidebox .box .title{margin-top:5px;}
.ProductBox .item .box a{padding-left:80px;}
.ProductBox .item .box .icon{width:66px; height:66px; margin-top:-33px;}
.ProductBox .item .box h2{font-size:18px;}
.ProductBox .item .box .info{margin-top:10px;}
.PlansBox .item .hidebox .box .title .icon{width:28px;}
.PlansBox .item .hidebox .box{padding-top:15%;}
.PlansBox .item .hidebox .box .title .name{font-size:14px;line-height:normal;padding:0 10px;width:36px;overflow:hidden;line-height:30px;margin:0 auto;}
.PlansBox .item .hidebox .box .title i{margin:8px auto;}
}
#task-panel-wrap .task-panel-entrance {
    width: 155px;
    height: 49px;
    position: fixed;
    top: 65%;
    right: 0;
    transition: right .3s;
    margin-top: 50px;
    background: url(../image/online_test.png);
    background-size: 100% 100%;
    z-index: 10000;
    cursor: pointer;
}
.rightfix { position:fixed;right:0;top:50%;margin-top:-102px;width:50px;background:#a9abb0; padding-left: 0px;z-index:9999}
.rightfix li {width:100%; height:50px;border-top:1px solid #fff; position:relative}
.rightfix li a { display:block;width:100%; height:100%; }
.rightfix li.wx {border:0}
.rightfix li p { position:absolute;width:200px; height:100%;right:-200px;top:0;background:#ff8301; line-height:50px;color:#fff}
.rightfix li.wx a { background:url(../images/r1.png) no-repeat center;background-size:60%}
.rightfix li.wx h1 { position:absolute;right:50px;top:0;width:100px;border:1px solid #ff8301; display:none;}
.rightfix li.tel a { background:url(../images/r2.png) no-repeat center;background-size:60%}
.rightfix li.tel p span { background:url(../images/r2.png) no-repeat center;display:inline-block; vertical-align:top; background-size:cover;width:22px;height:22px;margin:14px 10px 0 15px}
.rightfix li.qq p {width:170px}
.rightfix li.qq a {background:url(../images/r3.png) no-repeat center;background-size:55%}
.rightfix li.qq p span {background:url(../images/r3.png) no-repeat center;display:inline-block; vertical-align:top; background-size:cover;width:22px; height:22px;margin:14px 10px 0 15px}
.rightfix li.email a { background:url(../images/r4.png) no-repeat center;background-size:55%}
.rightfix li.email p {width:250px;right:-250px}
.rightfix li.email p span { background:url(../images/r4.png) no-repeat center; display:inline-block; vertical-align:top; background-size:cover;width:22px; height:22px;margin:15px 10px 0 15px}
.rightfix li.question a { background:url(../images/r5.png) no-repeat center;background-size:70%}
.rightfix li.question p {width:200px;right:-200px}
.rightfix li.question p span { background:url(../images/r5.png) no-repeat center; display:inline-block; vertical-align:top; background-size:cover;width:22px; height:22px;margin:15px 10px 0 15px}

.rightfix li a:Hover { background-color:#ff8301}
.rightfix li:hover p {right:0}