@charset "utf-8";
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/*Html5*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
/*Base*/
html {
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; 
}
* {
    margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
    background: transparent; 
	outline:none;
}
a:focus {
    outline: 0;
}
a:active,
a:hover {
    outline: 0;
	/*transition:text-shadow 500ms ease-in 0ms, color 500ms ease-in 0ms;*/
}
img {
    border: 0;
	-ms-interpolation-mode:bicubic
}
a img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
button,
input,
select,
textarea {
    font-family: inherit; 
    font-size: 100%; 
    margin: 0;
    outline:none;
}
button,
input {
    line-height: normal;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"], 
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; 
    cursor: pointer; 
}

button[disabled],
html input[disabled] {
    cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; 
    padding: 0; 
}
input[type="search"] {
    -webkit-appearance: textfield; 
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; 
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input.submit {
	border: 0;
	margin: 0;
	cursor: pointer;
}
input.radio {
	width: 13px;
	height: 13px;
	float: left;
	display: inline;
}
textarea {
    overflow: auto; 
    vertical-align: top;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
	border:1px solid #000;
	border-color:#000 !important;
}
td,tr{border:1px solid #000; border-left-color: #000 !important;
    border-bottom-color: #000 !important; border-color:#000 !important;}
/*����*/
.clear {
	clear: both;
}
.fl {
	float:left;
}
.fr {
	float:right;
}

.syFocusThumb {position:relative; width:100%; overflow:hidden; margin-bottom:15px}
.syFocusThumb .prev {position:absolute; top:14px; cursor:pointer; left:0px; background:url(../images/arrow01.png) no-repeat center center #0d62be; width:40px; height:40px;}
.syFocusThumb .next {position:absolute; top:14px; cursor:pointer; right:0px; background:url(../images/arrow02.png) no-repeat center center #0d62be; width:40px; height:40px;}
/**/
.syFocusThumb .pagination {CLEAR:both; TEXT-ALIGN:left; width:100%;  COLOR:#fff; position:relative; z-index:2;}
.syFocusThumb .pagination IMG {padding:0px}
.syFocusThumb .thumbWrap {width:100%; OVERFLOW:hidden; margin:0 auto;}
.syFocusThumb .thumbWrap IMG {-MS-INTERPOLATION-MODE:bicubic}
.syFocusThumb .holder {width:100%; overflow:hidden;}
.syFocusThumb .holder i{float:left; width:24%; padding:0px; margin:5px 0.5%}
.syFocusThumb .holder i a{clear:both; display:block; background:#fff; border:1px solid #e7e7e7; text-align:left; padding:2%; font-style:normal; font-size:20px; overflow:hidden;}
.syFocusThumb .holder i a img{float:left; padding-right:10px; width:30%; height:70px;}
.syFocusThumb .holder i a p{float:right; width:65%;line-height:18px; padding-top:10px; font-weight:bold; letter-spacing:10px\9 !important; letter-spacing:5px; color: #000;}
.syFocusThumb .holder i a p span{clear:both; display:block; text-transform:uppercase; font-size:12px; letter-spacing:1px; height:36px; overflow:hidden;}
.syFocusThumb .holder i a p  span font{padding:0px 1px 0px 0px;}

.syFocusThumb .holder i:hover a{clear:both; display:block; color: #fff !important; background:#316baa; border:1px solid #316baa;}
.syFocusThumb .holder i:hover a p{color: #fff;}
.syFocusThumb .holder i.selected a{clear:both; display:block;color: #fff !important;  background:#316baa; border:1px solid #316baa; }

.syFocusThumb .sliderwrapper{width:100%; margin:0 auto;}
.syFocusThumb .sliderwrapper .contentdiv{clear:both; width:100%;}
.contentdiv dl{ float:left; width:18%; margin:1% 0.5%; background:#fff; padding:0.5%;}
.contentdiv dl dt{width:214px; height:160px;}
.contentdiv dl dt a{width:214px;height:160px;display: table-cell;/*图片容器以表格的单元格形式显示*/ text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/}
.contentdiv dl dt img{width:214px;height:160px; object-fit: cover;}

.contentdiv dl dd h1 a{ color:#0d62be; font-size:15px; display:block ; line-height:30px; height:30px; overflow:hidden;}
.contentdiv dl dd span{ display:block; line-height:20px; height:20px; overflow:hidden;}
.contentdiv dl dd p{ line-height:24px; height:24px; color:#fff; background:#0d62be; overflow:hidden; margin-top:5px;}
.contentdiv dl dd p a{ color:#fff; font-size:12px; float:left; text-align:center; width:50%; line-height:24px;} 
.contentdiv dl dd p a:nth-of-type(1){ background:url(../images/icon11.png) no-repeat 10px center;}
.contentdiv dl dd p a:nth-of-type(2){ background:url(../images/icon13.png) no-repeat 10px center;}
.contentdiv dl dd p a:nth-of-type(1):hover{ background:#0d62be url(../images/icon11.png) no-repeat 10px center;}
.contentdiv dl dd p a:nth-of-type(2):hover{ background:#0d62be url(../images/icon13.png) no-repeat 10px center;}


@font-face {
	font-family:"Number DIN";
	font-weight:200;
	font-style:normal;
	src:url(../font/DIN.eot);
	src:url(../font/DIN.eot?#iefix) format("eot"),url(../font/DIN.woff2) format("woff2"),url(../font/DIN.woff) format("woff"),url(../font/DIN.ttf) format("truetype"),url(../font/DIN.svg) format("svg")
}
@font-face {
	font-family:"Proxima Nova W10";
	font-weight:200;
	font-style:normal;
	src:url(../font/Proxima-Nova-W10-200.eot);
	src:url(../font/Proxima-Nova-W10-200.eot?#iefix) format("eot"),url(../font/Proxima-Nova-W10-200.woff2) format("woff2"),url(../font/Proxima-Nova-W10-200.woff) format("woff"),url(../font/Proxima-Nova-W10-200.ttf) format("truetype"),url(../font/Proxima-Nova-W10-200.svg#Proxima-Nova-W10-200) format("svg")
}
@font-face {
	font-family:"Proxima Nova W10";
	font-weight:400;
	font-style:normal;
	src:url(../font/Proxima-Nova-W10-400.eot);
	src:url(../font/Proxima-Nova-W10-400.eot) format("eot"),url(../font/Proxima-Nova-W10-400.woff2) format("woff2"),url(../font/Proxima-Nova-W10-400.woff) format("woff"),url(../font/Proxima-Nova-W10-400.ttf) format("truetype"),url(../font/Proxima-Nova-W10-400.svg#Proxima-Nova-W10-400) format("svg")
}
@font-face {
	font-family:"Proxima Nova W10";
	font-weight:500;
	font-style:normal;
	src:url(../font/Proxima-Nova-W10-500.eot);
	src:url(../font/Proxima-Nova-W10-500.eot) format("eot"),url(../font/Proxima-Nova-W10-500.woff2) format("woff2"),url(../font/Proxima-Nova-W10-500.woff) format("woff"),url(../font/Proxima-Nova-W10-500.ttf) format("truetype"),url(../font/Proxima-Nova-W10-500.svg#Proxima-Nova-W10-500) format("svg")
}
@font-face {
	font-family:"Proxima Nova W10";
	font-weight:600;
	font-style:normal;
	src:url(../font/Proxima-Nova-W10-600.eot);
	src:url(../font/Proxima-Nova-W10-600.eot) format("eot"),url(../font/Proxima-Nova-W10-600.woff2) format("woff2"),url(../font/Proxima-Nova-W10-600.woff) format("woff"),url(../font/Proxima-Nova-W10-600.ttf) format("truetype"),url(../font/Proxima-Nova-W10-600.svg#Proxima-Nova-W10-600) format("svg")
}
@font-face {
	font-family:"Proxima Nova W10";
	font-weight:800;
	font-style:normal;
	src:url(../font/Proxima-Nova-W10-800.eot);
	src:url(../font/Proxima-Nova-W10-800.eot) format("eot"),url(../font/Proxima-Nova-W10-800.woff2) format("woff2"),url(../font/Proxima-Nova-W10-800.woff) format("woff"),url(../font/Proxima-Nova-W10-800.ttf) format("truetype"),url(../font/Proxima-Nova-W10-800.svg#Proxima-Nova-W10-800) format("svg")
}
@font-face {
	font-family:ProximaNova;font-style:normal;font-weight:200;src:url(../font/prixima-nova-light.eot) format("embedded-opentype"),url(../font/prixima-nova-light.woff) format("woff"),url(../font/prixima-nova-light.ttf) format("truetype"),url(../font/prixima-nova-light.svg) format("svg")
}
@font-face {
	font-family:ProximaNova;font-style:normal;font-weight:400;src:url(../font/prixima-nova-regular.eot) format("embedded-opentype"),url(../font/prixima-nova-regular.woff) format("woff"),url(../font/prixima-nova-regular.ttf) format("truetype"),url(../font/prixima-nova-regular.svg) format("svg")
}
@font-face {
	font-family:ProximaNova;font-style:normal;font-weight:500;src:url(../font/prixima-nova-sbold.eot) format("embedded-opentype"),url(../font/prixima-nova-sbold.woff) format("woff"),url(../font/prixima-nova-sbold.ttf) format("truetype"),url(../font/prixima-nova-sbold.svg) format("svg")
}
@font-face {
	font-family:ProximaNova;font-style:normal;font-weight:600;src:url(../font/prixima-nova-bold.eot) format("embedded-opentype"),url(../font/prixima-nova-bold.woff) format("woff"),url(../font/prixima-nova-bold.ttf) format("truetype"),url(../font/prixima-nova-bold.svg) format("svg")
}
@font-face {
	font-family:ProximaNova;font-style:normal;font-weight:800;src:url(../font/prixima-nova-xbold.eot) format("embedded-opentype"),url(../font/prixima-nova-xbold.woff) format("woff"),url(../font/prixima-nova-xbold.ttf) format("truetype"),url(../font/prixima-nova-xbold.svg) format("svg")
}
@font-face {
	font-family:"ProximaNova Light";font-style:normal;font-weight:200;src:url(../font/prixima-nova-light.eot) format("embedded-opentype"),url(../font/prixima-nova-light.woff) format("woff"),url(../font/prixima-nova-light.ttf) format("truetype"),url(../font/prixima-nova-light.svg#ProximaNova) format("svg")
}
@font-face {
	font-family:"ProximaNova Reg";font-style:normal;font-weight:400;src:url(../font/prixima-nova-regular.eot) format("embedded-opentype"),url(../font/prixima-nova-regular.woff) format("woff"),url(../font/prixima-nova-regular.ttf) format("truetype"),url(../font/prixima-nova-regular.svg#ProximaNova) format("svg")
}
@font-face {
	font-family:"ProximaNova Sbold";font-style:normal;font-weight:500;src:url(../font/prixima-nova-sbold.eot) format("embedded-opentype"),url(../font/prixima-nova-sbold.woff) format("woff"),url(../font/prixima-nova-sbold.ttf) format("truetype"),url(../font/prixima-nova-sbold.svg#ProximaNova) format("svg")
}
@font-face {
	font-family:"ProximaNova Bold";font-style:normal;font-weight:600;src:url(../font/prixima-nova-bold.eot) format("embedded-opentype"),url(../font/prixima-nova-bold.woff) format("woff"),url(../font/prixima-nova-bold.ttf) format("truetype"),url(../font/prixima-nova-bold.svg#ProximaNova) format("svg")
}
@font-face {
	font-family:"ProximaNova Xbold";font-style:normal;font-weight:800;src:url(../font/prixima-nova-xbold.eot) format("embedded-opentype"),url(../font/prixima-nova-xbold.woff) format("woff"),url(../font/prixima-nova-xbold.ttf) format("truetype"),url(../font/prixima-nova-xbold.svg#ProximaNova) format("svg")
}
/*ȫ��*/
html,body,td,th {
	color: #333;
	line-height:22px;
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; 
	font-family: "微软雅黑", "microsoft yahei", Arial, sans-serif;
	
}
/* a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: underline;
	color: #FF3300;
}
a:active {
	text-decoration: none;
	color: #000;
} */
ul,ol,li,dl,dt,dd,p {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	list-style-type: none;
}

body,h1,h2,h3,h4,h5,h6,dl,dt,li,dd,th,td,p,pre,form,input,button,textarea,hr{margin:0;padding:0;}h1,h2,h3,h4,h5,h6{font-size:100%;}button,input,select,textarea{font-size:100%;}ul,ol{
	padding: 0px;
}
body {position:relative;}

/*#transform {transition: color 300ms ease-in 0ms, background 300ms ease-in 0ms, border 300ms ease-in 0ms, height 300ms ease-in 0ms, width 300ms ease-in 0ms;}
#transform * {transition: color 300ms ease-in 0ms, background 300ms ease-in 0ms, border 300ms ease-in 0ms, height 300ms ease-in 0ms, width 300ms ease-in 0ms;}*/

#transform {transition: all 300ms ease-in 0ms;}
#transform * {transition: all 300ms ease-in 0ms;}

#transform:before,
#transform:after {transition: color 300ms ease-in 0ms, background 300ms ease-in 0ms, border 300ms ease-in 0ms;transition-duration:0.4s;-webkit-transition-duration:0.4s;-moz-transition-duration:0.4s;-ms-transition-duration:0.4s;-o-transition-duration:0.4s;}
#transform img {transition:0.6s;transition-duration:0.6s;-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-ms-transition-duration:0.6s;-o-transition-duration:0.6s;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);}
#transform:hover img {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}

/*.transform {transition: color 300ms ease-in 0ms, background 300ms ease-in 0ms, border 300ms ease-in 0ms, height 300ms ease-in 0ms, width 300ms ease-in 0ms;}
.transform * {transition: color 300ms ease-in 0ms, background 300ms ease-in 0ms, border 300ms ease-in 0ms, height 300ms ease-in 0ms, width 300ms ease-in 0ms;}*/
.transform {transition: all 300ms ease-in 0ms;}
.transform * {transition: all 300ms ease-in 0ms;}
.transform:before,
.transform:after {transition: color 300ms ease-in 0ms, background 300ms ease-in 0ms, border 300ms ease-in 0ms;transition-duration:0.4s;-webkit-transition-duration:0.4s;-moz-transition-duration:0.4s;-ms-transition-duration:0.4s;-o-transition-duration:0.4s;}
.transform img {transition:0.6s;transition-duration:0.6s;-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-ms-transition-duration:0.6s;-o-transition-duration:0.6s;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);}
.transform:hover img {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}
/*-------------*/
/*tot*/
#header {width:100%;}
#header .cont {width:1200px;margin:0 auto; text-align:right;}
#header .top {width:100%;height:44px;background-color:#999;line-height:44px;font-size:15px;color:#fff;}
#header .top a {line-height:44px;font-size:15px;color:#fff;}

#header .main {width:1200px;height:115px;background-color:#fff; margin:0 auto;}
#header .main .logo {width:620px;float:left;}
#header .main .Hotline {width:360px;height:32px;line-height:32px;font-size:30px;color:#eb1922;font-family:"Number DIN";font-weight:bold;font-style:italic;text-transform:uppercase;text-align:right;float:right;margin-top:24px;}
#header .main .Hotline span {font-size:18px;color:#333;font-style:normal;}

#header .link_nav {width:100%;height:92px;background-image:url(../images/nav_bg.jpg);border-top:2px solid #e5e5e5;position:relative;}
#header .link_nav ul {width:1201px;margin:0 auto;}
#header .link_nav ul li {width:120px;height:46px;border-left:1px solid #e5e5e5;background-position:24px center;background-repeat:no-repeat;padding-left:48px; float:left;}
#header .link_nav ul li#lin_6 {border-right:1px solid #e5e5e5;}
#header .link_nav ul li#lin_7 {width:1135px!important;height:46px;border-left:1px solid #669ac2!important;border-right:1px solid #669ac2!important;text-align:left;}
#header .link_nav ul li#lin_7 a.nav_size1 {display:inline-block;height:46px;line-height:46px;font-size:16px;color:#fff;padding:0 21px;}
/* #header .link_nav ul li#lin_7 a.nav_size1:first-child {padding:0 21px 0 0!important;} */
#header .link_nav ul li a.nav_size {line-height:46px;font-size:16px;color:#333;}
/* #header .link_nav ul li.inc_1 {background-image:url(../images/tp_inc_1.png);}
#header .link_nav ul li.inc_2 {background-image:url(../images/tp_inc_2.png);}
#header .link_nav ul li.inc_3 {background-image:url(../images/tp_inc_3.png);}
#header .link_nav ul li.inc_4 {background-image:url(../images/tp_inc_4.png);}
#header .link_nav ul li.inc_5 {background-image:url(../images/tp_inc_5.png);}
#header .link_nav ul li.inc_6 {background-image:url(../images/tp_inc_6.png);}*/
#header .link_nav ul li.inc_7 {background-image:url(../images/tp_inc_7b.png);} 
#header .link_nav ul li.sele {background-color:#005699;}
#header .link_nav ul li.sele a.nav_size {color:#fff;}
/* #header .link_nav ul li.sele.inc_1 {background-image:url(../images/tp_inc_1a.png);} */
/* #header .link_nav ul li.sele.inc_2 {background-image:url(../images/tp_inc_2a.png);} */
/* #header .link_nav ul li.sele.inc_3 {background-image:url(../images/tp_inc_3a.png);}
#header .link_nav ul li.sele.inc_4 {background-image:url(../images/tp_inc_4a.png);}
#header .link_nav ul li.sele.inc_5 {background-image:url(../images/tp_inc_5a.png);}
#header .link_nav ul li.sele.inc_6 {background-image:url(../images/tp_inc_6a.png);} */
#header .link_nav ul li:hover {background-color:#005699;}
#header .link_nav ul li:hover a.nav_size {color:#fff;}
/* #header .link_nav ul li:hover.inc_1 {background-image:url(../images/tp_inc_1a.png);} */
/* #header .link_nav ul li:hover.inc_2 {background-image:url(../images/tp_inc_2a.png);} */
/* #header .link_nav ul li:hover.inc_3 {background-image:url(../images/tp_inc_3a.png);}
#header .link_nav ul li:hover.inc_4 {background-image:url(../images/tp_inc_4a.png);}
#header .link_nav ul li:hover.inc_5 {background-image:url(../images/tp_inc_5a.png);}
#header .link_nav ul li:hover.inc_6 {background-image:url(../images/tp_inc_6a.png);} */


#header .link_nav ul li .sub_bx {display:none;width:100%;position:absolute;z-index:101;left:0;top:46px;}
#header .link_nav ul li#lin_7 .sub_bx {top:92px!important;}
#header .link_nav ul li .sub_bx dl {width:100%;background-color:rgba(255,255,255,0.88);}
#header .link_nav ul li .sub_bx dl dd {width:68%;float:left;}
#header .link_nav ul li .sub_bx dl dd .bx {padding:40px 20px 10px 0;}
#header .link_nav ul li .sub_bx dl dd a {display:inline-block;height:50px;width:240px;border:1px solid #333;margin:0 20px 30px 20px;float:right;box-shadow:inset 2px 2px 7px 0px rgba(0,0,0,.06);}
#header .link_nav ul li .sub_bx dl dd a span {display:block;}
#header .link_nav ul li .sub_bx dl dd a .f1 {width:100%;height:50px;line-height:50px;font-size:17px;color:#333;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;}
/* #header .link_nav ul li .sub_bx dl dd a .inc {width:27px;height:50px;background:url(../images/t_nav_1.png) no-repeat left center;float:left; display: none;} */
#header .link_nav ul li .sub_bx dl dd a:hover {border:1px solid #006eb1;background-color:#006eb1;}
#header .link_nav ul li .sub_bx dl dd a:hover .f1 {color:#fff;}
/* #header .link_nav ul li .sub_bx dl dd a:hover .inc {background:url(../images/t_nav_1a.png) no-repeat left center;} */
#header .link_nav ul li .sub_bx dl dt {width:calc(32% - 40px);width:-moz-calc(32% - 40px);width:-webkit-calc(32% - 40px);float:left;background-color:rgba(255,255,255,9.8);padding:36px 0 40px 40px; text-align:left;}
#header .link_nav ul li .sub_bx dl dt h2 {line-height:34px;font-weight:normal;}
#header .link_nav ul li .sub_bx dl dt h2 a {font-size:26px;color:#333;}
#header .link_nav ul li .sub_bx dl dt em {display:block;height:1px;width:70px;background-color:#7f7f7f;margin:16px 0 20px 0;}
#header .link_nav ul li .sub_bx dl dt p {height:150px;font-size:16px;color:#555;line-height:28px;}

#header .shadow {width:100%;height:38px;background: url(../images/tp_bg_1.png) repeat-x top;}
/*ind*/
.indx_banner {width:100%;height:650px;position:relative;/*background:no-repeat center center;background-size:auto 100%;*/}
.indx_banner .swiper-banner {width:100%;height:650px;}

.indx_banner .swiper-banner .swiper-slide {background-position:center;background-size:cover; height:100%;}
.indx_banner .swiper-banner .swiper-button-prev {width:98px;height:34px;border:1px solid #fff;background:url(../images/left_bn_1.png) no-repeat center center;opacity: .8;left:100px;bottom:100px;top:auto;}
.indx_banner .swiper-banner .swiper-button-prev:hover {border:1px solid #ff742b;background:#ff742b url(../images/left_bn_1.png) no-repeat center center;opacity: 1;}
.indx_banner .swiper-banner .swiper-button-next {width:98px;height:34px;border:1px solid #fff;background:url(../images/right_bn_1.png) no-repeat center center;opacity: .8;left:200px;bottom:100px;top:auto;}
.indx_banner .swiper-banner .swiper-button-next:hover {border:1px solid #ff742b;background:#ff742b url(../images/right_bn_1.png) no-repeat center center;opacity: 1;}
.indx_banner .swiper-banner .swiper-pagination {bottom:146px;left:100px;width:200px;font-size:40px;color:#fff;height:50px;line-height:50px;font-weight:100;text-align:left;background:url(../images/hr_bn_1.png) no-repeat 34px center;}
.indx_banner .swiper-banner .swiper-pagination span {opacity: .8;}
.indx_banner .swiper-banner .swiper-button-prev:after,
.indx_banner .swiper-banner .swiper-button-next:after {display:none;}


.w1020 {width:1020px; margin-left:auto; margin-right:auto;}
.w1100 { width:1100px; margin:0px auto;}
.w1200 { width:1200px; margin:0px auto;}
.w1300 { width:1300px; margin:0px auto;}

#index { width:100%; padding:0px 0px 0px 0px;}

#index .titlt {width:1200px;height:72px;margin:0 auto 40px auto;position:relative;}
#index .titlt h4 {height:22px;font-size:19px;color:#727272;margin-bottom:12px;font-weight:normal;}
#index .titlt h2 {height:38px;font-size:38px;color:#646464;font-family: ProximaNova,"Proxima Nova W10";font-weight:800;text-transform:uppercase;}
#index .titlt a.more {display:block;width:32px;height:32px;position:absolute;right:0px;top:20px;z-index:9;}


#index .more_1 {width:214px;height:54px;position:relative;overflow:hidden;margin:40px auto 0 auto;}
#index .more_1 a {display:block;height:50px;line-height:50px;width:155px;text-align:center;border:2px solid #ff742b;font-size:18px;color:#ff742b;background:url(../images/t_m_a_1.png) no-repeat 155px center;padding-right:55px;position:absolute;left:0;top:0;z-index:2;}
#index .more_1:before {
  content: '';
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent transparent transparent #ff742b;
  position:absolute;
  bottom: 0;
  left: 0;
  z-index:1;
}
#index .more_1:after {
  content: '';
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border: solid;
  border-width: 0 0 0 0;
  border-color: transparent #ff742b transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
  z-index:1;
}
#index .more_1:hover a {color:#fff;background:url(../images/t_m_a_1a.png) no-repeat 155px center;}
#index .more_1:hover:before {border-width: 135px 0 0 135px;}
#index .more_1:hover:after {border-width: 0 135px 135px 0;}

/*-----*/

#index .hot_product {width:100%;padding:40px 0;}
#index .hot_product .cont {width:1200px;margin:0 auto;}
#index .hot_product .cont ul {height:470px;}
#index .hot_product .cont ul li {width:344px;background-color:#f5f5f5;float:left;margin-right:30px;padding:18px;}
#index .hot_product .cont ul li:last-child {margin-right:0;}
#index .hot_product .cont ul li .img {width:100%;height:340px;overflow:hidden;}
#index .hot_product .cont ul li h2 {height:58px;line-height:58px;font-weight:normal;}
#index .hot_product .cont ul li h2 a {font-size:20px;color:#333;}
#index .hot_product .cont ul li a.more {display:block;height:34px;line-height:34px;width:150px;text-align:center;border:1px solid #c9c9c9;font-size:15px;color:#6b6b6b;margin:0 auto;}
#index .hot_product .cont ul li:hover {background-color:#fff;box-shadow:0px 0px 8px 0px rgba(0,0,0,.3);}
#index .hot_product .cont ul li:hover a.more {background-color:#0056d8;border:1px solid #0056d8;color:#fff;} 


#index .product {width:100%;padding:50px 0;}
#index .product .cont {width:1200px;margin:0 auto;}
#index .product .cont .cp_class {width:250px;float:left;margin-right:11px;}
#index .product .cont .cp_class ul li {height:55px;line-height:55px;font-size:16px;color:#333;border:1px solid #e7e7e7;background:url(../images/nav_cp_bg_2.jpg) no-repeat center center;margin-bottom:6px;padding-left:24px;}
#index .product .cont .cp_class ul li a {font-size:16px;color:#333;}      
#index .product .cont .cp_class ul li:hover {background:#0056d8;}
#index .product .cont .cp_class ul li:hover a {color:#fff;}
#index .product .cont .cp_class ul .show {background:#0056d8;}
#index .product .cont .cp_class ul .show a {color:#fff;}
#index .product .cont .cp_bx {width:939px;float:left;}
#index .product .cont .cp_bx ul li.hot {width:292px; height: 320px; float:left;margin-left:21px;background-color:#fff;margin-bottom:21px;}
#index .product .cont .cp_bx ul li.hot .img img{width:274px;height:235px;border:1px solid #dbdbdb;padding:8px;}
#index .product .cont .cp_bx ul li.hot .txt {background-color:#dbdbdb;padding:12px 18px 18px 18px;}
#index .product .cont .cp_bx ul li.hot .txt h2 {height:30px;line-height:30px;font-weight:normal;margin-bottom:7px;overflow:hidden;}
#index .product .cont .cp_bx ul li.hot .txt h2 a {font-size:18px;color:#333;}
#index .product .cont .cp_bx ul li.hot .txt p {height:66px;font-size:15px;color:#747474;line-height:22px;overflow:hidden;}
#index .product .cont .cp_bx ul li.hot:hover .img {border:1px solid #0056d8;}
#index .product .cont .cp_bx ul li.hot:hover .txt {background-color:#0056d8;}
#index .product .cont .cp_bx ul li.hot:hover .txt h2 a {color:#fff;}
#index .product .cont .cp_bx ul li.hot:hover .txt p {color:#fff;}
#index .product .cont .cp_bx ul li.list {width:292px;float:left;margin-left:21px;background-color:#f5f5f5;margin-bottom:21px;}
#index .product .cont .cp_bx ul li.list .img {width:100%;height:290px;}
#index .product .cont .cp_bx ul li.list h2 {height:54px;line-height:54px;font-weight:normal;background-color:#dbdbdb;text-align:center;overflow:hidden;}
#index .product .cont .cp_bx ul li.list h2 a {font-size:18px;color:#333;}
#index .product .cont .cp_bx ul li.list:hover h2 {color:#fff;background-color:#005699;}
#index .product .cont .cp_bx ul li.list:hover h2 a {color:#fff;}

.index_title{margin-top: 35px;}
.index_title h2{text-align: center;line-height: 45px;color: #414954;font-size: 26px;}
.index_title h2 span{color:#bb263c}
.index_title p{font-size:18px; text-align:center;}
.wrap{overflow:hidden;}
.cheDan {
	margin-top: 20px;
	height: 490px;
       background: #FFF;
	border-bottom: 1px solid #EEE\9;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
}
.tabGroup .more {
	float: right;
	margin: 15px 10px 0 0
}
.tabGroup .more span {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 15px;
	font-family: 微软雅黑;
}
.tabGroup .more .icon {
	width: 15px;
	height: 15px;
	overflow: hidden;
	margin: 2px 0 0 8px;
	background: url(../images/new_bg.gif) no-repeat -185px -36px;
}
.cheDan .tabGroup .head {
	height: 45px;
}
.cheDan .tabGroup .head p {
	background: url(../images/d_line.gif) repeat-x 0 44px;
}
.cheDan .tabGroup .head a {
	display: block;
	float: left;
	position: relative;
	height: 45px;
	line-height: 45px;
	padding: 0 35px;
	text-decoration: none;
	font-size: 16px;
	font-family: 微软雅黑
}
.cheDan .tabGroup .head a:hover, .cheDan .tabGroup .head .on {
	border-top-color: #0152AC;
	color: #FFF!important;
	background: #0152AC;
	font-weight: normal;
}
.cheDan .tabGroup .head a:hover i, .cheDan .tabGroup .head .on i {
	display: block;
	width: 0;
	height: 0;
	font-size: 12px;
	line-height: 0;
	overflow: hidden;
	border: 6px solid #FFF;
	border-top-color: #0152AC;
	position: absolute;
	left: 50%;
	margin-left: -6px;
	bottom: -12px;
}
.cheDan .tabGroup .body {
	border-top: 0;
	padding: 22px 0px 0 0
}
.cheDan .tabGroup .body .tBody {
	display: none
}
.cheDan .tabGroup li {
	width: 290px;
	_display: inline;
	float: left;
	padding-left: 10px;
}
.cheDan .tabGroup .list .img {
	width: 290px;
	height: 240px;
	overflow: hidden;object-fit: cover;
	margin: 5px auto 5px;
	position: relative;
}
.cheDan .tabGroup .list .img img {
	width: 290px;
	height: 240px;object-fit: cover;
	transition: all 1.2s;
	-moz-transition: all 1.2s;
	-webkit-transition: all 1.2s;
	-o-transition: all 1.2s;
	overflow: hidden;
	display: block
}
.cheDan .tabGroup .list .img img:hover {
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
}
.root_body .cheDan .tabGroup .list .img {
	width: 180px;
	height: 220px;object-fit: cover;
}
.root_body .cheDan .tabGroup .list .img img {
	width: 180px;
	height: 180px;object-fit: cover;
}
.cheDan .tabGroup .list .info {
	margin-top: 8px;
	margin-bottom: 5px;
	line-height: 20px;
	overflow: hidden;
	height: 20px;
	text-align: center;
	font-size: 12px;
	padding: 0 5px;
	color: #CCC;
}
.cheDan .tabGroup .list .info a, .cheDan .tabGroup .list .info .pin {
	color: #999
}
.cheDan .tabGroup .list .info .pin em {
	font-style: normal
}
.cheDan .tabGroup .list .name a {
	color: #444;
	font-size: 15px;
	font-family: "微软雅黑"
}
.cheDan .tabGroup .list .info .pr {
	font-size: 13px;
	font-weight: bold;
}
.cheDan .tabGroup .body .tBody.current {
	display: block
}
.cheDan .tabGroup .name {
	height: 20px;
	line-height: 20px;
	overflow: hidden
}
.root_body .cheDan .tabGroup li {
	width: 180px;
	padding-left: 5px;
	margin-left: 8px;
}
.cheDan .tabGroup li {
	transition: all .35s ease-in-out
}
.root_body .cheDan .tabGroup li:hover .img img, .root_body .cheDan .tabGroup li.hover .img img {
	filter: alpha(opacity=80);
	opacity: 0.80;
}
.root_body .cheDan .tabGroup .list .Woqu_68 {
	background: #0152AC;
	filter: alpha(opacity=90);
	opacity: 0.9;
	height: 35px;
	line-height: 35px;
	width: 200px;
	position: absolute;
	bottom: -35px;
	left: 0;
	padding: 0 5px;
	transition: all .25s ease-in-out
}
.root_body .cheDan .tabGroup .list:hover .Woqu_68, .root_body .cheDan .tabGroup .list.hover .Woqu_68 {
	bottom: 0;
}
.root_body .no_subject .main .week_body li {
	width: 210px;
	padding-left: 10px
}
.root_body .no_subject .main .week_body li.first {
	padding-left: 8px
}
.root_body .no_subject .main .week_body .img img {
	width: 201px;
	height: 141px;object-fit: cover;
}
.plist {
	margin-top: 20px;
}
.tit3 {
	height: 31px;
	border-bottom: 2px solid #005197;
	overflow: hidden
}
.tit3 span {
	float: left;
	font-family: "微软雅黑";
	width: 260px;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	height: 31px;
	line-height: 31px;
	background-color: #005197
}
.tit3 span a {
	color: #fff
}
.tit3 .more {
	float: right;
	margin: 7px 0;
}
.waterfall {
	padding-top: 15px;
}
.bghei {
	background: #fbfbfb;
}
.cat {
	width: 1200px;
	margin: 0 auto
}
.cat .slide .in {
	width: 965px;
	height: 249px
}
.cat .slide .nav {
	margin-left: 780px
}
.cat .list {
	width: 290px;
	margin-right: 13px;
	margin-bottom: 16px;
	background: #FFF;
	float: left;
	box-shadow: 0px 0px 2px #dddddd;
}
.cat .goods .list.first {
	margin-left: 0
}
.cat .goods .list .img, .cat .goods .list img {
	width: 290px;
	height: 240px;
object-fit:cover;
}
.fixture {
	width: 1148px
}
.fixture_module {
	width: 370px
}
.commune_notes .commune_txt {
	width: 208px
}
.fixture_tag .pdn {
	display: block
}
.show_block .show_info {
	width: 226px
}
.cat .goods {
	padding-top: 10px;
	z-index: 2
}
.cat .goods .list.first {
	margin-right: 0
}
.cat .goods .list:nth-of-type(4n){margin-right:0}
.cat .goods .list .img {
	position: relative;
	overflow: hidden;
	z-index: 3;width: 290px;
	height: 240px;
}
.cat .goods .list.hover {
	box-shadow: 0px 0px 10px #dddddd;
}
.cat .goods .list .Woqu_68 {
	background: #005197;
	filter: alpha(opacity=90);
	opacity: 0.80;
	height: 60px;
	line-height: 18px;
	position: absolute;
	bottom: -70px;
	left: 0px;
	padding: 0 28px;
	width: 234px;
	color: #fff;
	font-size: 12px;
	padding-top: 10px;
}
.cat .goods .goodsName {
	height: 82px;
	padding: 18px 27px 0px;
	text-align: center
}
.cat .goods .goodsName .goods_title {
	font-size: 14px;
	height: 15px;
	line-height: 15px;
	overflow: hidden;
}
.cat .goods .goodsName .info {
	height: 28px;
	line-height: 28px;
	color: #b3b3b3;
	display: block
}
.Left {
    float: left;
}
.Right, #mainNav ul.mainNav_r {
    float: right;
}
.cat .goods .goodsName .info a {
	color: #b3b3b3;font-size:14px
}
.cat .goods .goodsName .infobottom {
	height: 32px;
	line-height: 32px;
	display: block;
}
.fense {
	color: #ff4b00;
}
.combg {
	width: 70px;
	font-size: 12px;
	color: #71cd9c;
	text-align: right;
}
.blank5 {
	clear: both;
	height: 5px;
	line-height: 5px
}
.combg em {
	background: url(../images/guanzhu.gif) no-repeat left center;
	width: 15px;
	height: 10px;
	display: inline-block;
	vertical-align: middle;
}

.title2{text-align: center; clear:both; overflow:hidden; margin-bottom:40px;}
.title2 .title_top{position: relative; border-bottom: 1px solid #e5e5e5; }
.title2 .title_top i{ font-style:normal; font-size:16px; color:#999; display:block;}
.title2 .title_top h3{font-size:34px; color:#333; line-height:54px; display: inline-block; padding:0 5px; margin-bottom:14px;}
.title2 .title_top:before{content: ''; border-bottom:2px solid #88c00c; width:80px; position:absolute; left:50%; bottom:-1px; margin-left:-40px;}
.title2 .tit_en{ margin-top:20px; text-transform:uppercase; color:#888; font-family:Arial; font-size:16px;}

.tro_w{margin:60px 0 0 498px; width:615px; height:auto; clear:both; overflow:hidden;}
.tro_w p{ line-height:40px; font-size:16px; color:#444; clear:both; overflow:hidden; text-align:justify;}
.tro_w p em.iconfont{ color:#00a64f; margin-right:13px; font-size:18px; float:left; display:inline-block;}
.tro_btn{ width:615px; height:103px; clear:both; overflow:hidden; margin:50px 0 0 498px; background:#00a64f;}
.tro_btn div.fl{ width:342px; height:64px; overflow:hidden; border-bottom:#0474b5 solid 3px; color:#FFF; padding:18px 20px;}
.tro_btn div.fl p{ overflow:hidden; font-size:20px; white-space:nowrap;}
.tro_btn div.fl p strong{ font-size:30px;}
.tro_btn div.fr{ width:233px; height:100px; overflow:hidden; background:#fcf55e; border-bottom:#88c00c solid 3px;}
.tro_btn div.fr a{color:#333; line-height:103px; font-size:20px; font-weight:bold; display:block;}
.tro_btn div.fr a em.iconfont{ font-size:38px; font-weight:bold; margin-right:10px; float:left; display:inline-block; margin-left:32px; margin-top:2px;}
  .mt40 {
	margin-top: 40px;
  }
  .mt50 {
	margin-top: 50px;
  }

/*优势*/
.in_ys{ clear:both; overflow:hidden;width: 1220px;
    margin: 0 auto;}
.in_ys li{ height:340px; overflow:hidden; clear:both;}
.in_ys li div.ys_item{ float:left; display:inline-block; width:520px; height:220px; overflow:hidden; padding:60px 20px;}
.in_ys li div.ys_pic{ float:right; display:inline-block; width:610px; height:340px; overflow:hidden; border-left:#e5e5e5 dashed 1px;}
.in_ys li div.ys_pic img{ width:610px; height:340px; overflow:hidden;}
.in_ys li:nth-child(2n) .ys_item{ float:right; display:inline-block; border-right:none;}
.in_ys li:nth-child(2n) .ys_pic{ float:left; display:inline-block; border-left:none; border-right:#e5e5e5 dashed 1px; margin-left:-1px;}
.in_ys li div.ys_item h3{ font-size:31px; overflow:hidden; color:#0474b5; line-height:42px; white-space:nowrap; border-bottom:#bdbdbd dotted 1px; padding-bottom:26px;}
.in_ys li div.ys_item h3 em{ font-family:Impact; font-style:normal; font-weight:normal; font-size:30px; color:#fff; float:left; background:#0474b5; width:42px; height:42px; text-align:center; line-height:42px; display:inline-block; margin-right:12px; border-radius:4px;}
.in_ys li div.ys_item p{ font-size:17px; color:#474747; line-height:36px; height:144px; overflow:hidden; margin-top:16px; text-align:justify;}


.intit { text-align: center; font-size: 50px; line-height: 50px; font-weight: bold; color: #222 }
.intit a { color: #222;}
.intit a:hover { color: #fc4000; transition: 0.2s;}
.index-block5 {background: url(../images/incase-bg.jpg) no-repeat center top;padding: 40px 0; }
.incase { padding: 60px 0; }
.incase .incase-cont { font-size: 20px; color: #666666; margin-top: 10px; text-align: center; }
.incase .incase-cont b { margin: 0 4px; font-weight: bold; font-size: 26px; color: #fc4000; }
.incase-nav ul { overflow: hidden; margin-top: 20px; }
.incase-nav ul li { line-height: 20px; height: 20px; font-size: 16px; float: left; }
.incase-nav ul li a { color: #666; display: block; width: 92px; text-align: center; border-right: 1px #999 solid; transition: all .2s; }
.incase-nav ul li a:hover, .incase-nav ul .active a { font-size: 17px; font-weight: bold; color: #fc4000; }
.incase-nav ul li:last-child a { border-right: none; }
.incase-bg { padding: 40px 50px; background: #fff; margin-top: 20px; width:1200px; margin:auto; margin-top:20px; }
.incase-bg li { display: none; overflow: hidden; }
.incase-bg li.active { display: block; }
.incase-bg .hytit { font-size: 24px; color: #222; line-height: 32px; }
.incase-bg .hytit a { color: #999; transition: all .15s; }
.incase-bg .hytit a:hover { color: #fc4000; }
.incase-bg .hytit .hymore { float: right; font-size: 14px; color: #666; padding-right: 20px; background: url(../images/double-right.svg) no-repeat right center; transition: all .2s; }
.incase-bg .hytit .hymore:hover { color: #fc4000; background: url(../images/double-right-c.svg) no-repeat right center; }
.incase-bg .hytext { margin: 30px 0; font-size: 20px; line-height: 24px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.incase-list { float: left; width: 352px; margin-right: 22px; }
.incase-list:last-of-type { margin-right: 0; }
.incase-img { position: relative; }
.incase-img img{width: 352px;height: 235px;}
.incase-img .incase-mark { opacity: 0; background: rgba(0,0,0,0.5); width: 100%; height: 100%; padding: 80px 0; position: absolute; transition: all .3s; }
.incase-img .incase-mark a { margin: 0 auto; height: 46px; line-height: 46px; width: 220px; display: block; text-align: center; border-radius: 4px; color: #fff; background: #fc4000; font-size: 16px; transition: all .3s; }
.incase-img .incase-mark .incase-more { margin-top: 15px; background: #fff; color: #fc4000; }
.incase-img .incase-mark a:hover { background: #ff6a00; color: #fff; }
.incase-img:hover .incase-mark { opacity: 1; }
.incase-font { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 4px; display: flex; }
.incase-text { padding: 16px 18px 26px 20px; background: #f5f5f5; }
.incase-text a h2 { font-size: 18px; line-height: 26px; height: 52px; color: #222; margin-bottom: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .3s; }
.incase-text a:hover h2 { color: #fc4000; }
.incase-text span { color: #fc4000; border-radius: 4px; height: 40px; line-height: 40px; font-size: 14px; padding: 0 10px 0 35px; }
.incase-text span:first-of-type { background: #f4ebe6 url(../images/xmdz-c.svg) no-repeat 10px center/20px 32px; }
.incase-text span:last-of-type { background: #f4ebe6 url(../images/ptgl-c.svg) no-repeat 10px center/20px 32px; margin-left: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }


.index-c2{
    width: 100%;overflow:hidden;
    position: relative;
    left: 50%;
    margin-left: -960px;
    background: url(//cdn.myxypt.com/47d8fd9c/21/01/a1ccabfe8076adb009c08f0b41161a483d31b6ac.jpg) no-repeat center top;
margin-top:50px;
}
.c2-1 .c2-2-right{
    width: 50%;
    height: 575px;
}
.c2-1 .c2-2-right .img{
    width:100%;
    height: 630px;
    overflow: hidden;
}
.c2-1 .c2-2-right img{
    width: 100%;
    height: 630px;
    transition: .5s;
}
.c2-1 .c2-2-right:hover img{
    transform: scale(1.1)
}
.c2-1 .c2-1-left{
    width: 32%;
    padding-left: 200px;
    padding-top: 50px;
    padding-right: 60px;
    height: 575px;
}
.c2-1 .c2-1-left .c2-1-left-tlt > h3{
    font-size: 70px;
    font-family: Impact;
    color: #d5d5d5;
    text-transform: uppercase;
    line-height: 1;
}
.c2-1 .c2-1-left .c2-1-left-tlt > h4{
    font-size: 40px;
    font-weight: bold;
    color: #003e93;
    margin-top: -35px;
}
.c2-1 .c2-1-left .jj{
    font-size: 17px;
    color: #2a2a2a;
    line-height: 2;
    padding: 30px 0 50px;
}
.c2-1 .c2-1-left a.more{
    display: block;
    width: 208px;
    height: 46px;
    background: url(//cdn.myxypt.com/47d8fd9c/21/01/cdab8ea8588335549f48de1f922392c638a379c8.png) no-repeat right center #003e93;
    font-size: 15px;
    color: #fff;
    padding-right: 53px;
    text-align: center;
    font-size: 15px;
    line-height: 46px;
}

.c2-2{
    position: relative;
    z-index: 99;
}
.c2-2 ul{
    background: #fff;
    padding: 23px 0;
    box-shadow: 0 5px 15px rgba(51,51,51,0.15);
overflow:hidden;
}
.c2-2 ul li{
    width: 295px;;
    text-align: center;
    border-right: 1px dashed #e5e5e5;
    float: left;
}
.c2-2 ul li:last-child{
    border: none;
}
.c2-2 ul li h3{
    font-size: 16px;
    color: #000;
    line-height: 1.4;
}
.c2-2 ul li h3 span{
    font-size: 50px;
    font-family: Arial;
    color: #003e93;
    margin-right: 5px;
}
.c2-2 ul li p{
    font-size: 16px;
    color: #000;
    line-height: 2
}
.c2-3{
    margin-top: 45px;
}
.c2-3 .picMarquee-left{
    position: relative;
}
.c2-3 .picMarquee-left .bd{
    overflow: hidden;
width:100%
}
.c2-3 .picMarquee-left .bd ul li{
    width: 300px;text-align: center;
    margin-right: 35px;
}
.c2-3 .picMarquee-left .bd ul li a{
    display: block;
}
.c2-3 .picMarquee-left .bd ul li .img{
    overflow: hidden;
}
.c2-3 .picMarquee-left .bd ul li .img img{
    width:300px;
    height: 250px;
    object-fit:contain;
    transition: .5s;
}
.c2-3 .picMarquee-left .bd ul li a:hover img{
    transform: scale(1.1);
}
.c2-3 .picMarquee-left .bd ul li h3{
    font-size: 15px;
    color: #000000;
    line-height: 2.5;
    text-align: center;
}
.c2-3 .picMarquee-left .hd a.next{
    display: block;
    width: 30px;
    height: 30px;
    background: url(//cdn.myxypt.com/47d8fd9c/21/01/7d9f24b067a1f493688a42856123ae57e15f72e2.png) no-repeat center;
    position: absolute;
    right: -60px;
    top: 160px;
    cursor: pointer;
}
.c2-3 .picMarquee-left .hd a.prev{
    display: block;
    width: 30px;
    height: 30px;
    background: url(//cdn.myxypt.com/47d8fd9c/21/01/6247a21e349fa7da50d273aed63d669bb6f198bd.png) no-repeat center;
    position: absolute;
    left: -60px;
    top: 160px;
    cursor: pointer;
}
.c2-3 .c2tabli{
    margin-bottom: 26px;
    position: relative;
}
.c2-3 .c2tabli ul li{
    width: 110px;
    line-height: 41px;
    text-align: center;
    float: left;
    font-size: 20px;
    color: #353535;
}
.c2-3 .c2tabli ul > a{
    float: right;
    font-size: 14px;
    color: #515151;
    line-height: 41px;
    text-transform: uppercase;
}
.c2-3 .c2tabli::after{
    content: '';
    width: 780px;
    height: 1px;
    background: #c5c5c5;
    position: absolute;
    right: 56px;
    top: 20px;
}
.c2-3 .c2tabli ul li.cur{
    width: 144px;
    background: #f15a24;
    text-align: center;
    font-weight: bold;
    color: #fff;
    border-radius: 20px;
    cursor: pointer;
}
.c2-3 .c2tab {
    height: 0;
    overflow: hidden;
}
.c2-3 .c2tab.aa{
    height: auto;
    overflow: visible;
}



#index .news { width:100%; padding:40px 0;}
#index .news .titlt {margin:0 auto 18px auto!important;}
#index .news .xwhr { width:100%; height:20px;border-top:1px solid #b0b0b0;}
#index .news .cont {width:1200px;margin:0 auto;}
#index .news .cont .hot {width:282px;float:left;background-color:#0056d8;margin-right:27px;}
#index .news .cont .hot .img {width:100%;height:210px;}
#index .news .cont .hot .txt {padding:10px 15px;}
#index .news .cont .hot .txt h2 {font-size:16px;line-height:28px;font-weight:normal;}
#index .news .cont .hot .txt h2 a {color:#fff;}
#index .news .cont .hot .txt p { font-size:14px; color:#fff;line-height:24px;height:96px;padding-top:6px;}

#index .news .cont ul {width:279px;float:left;margin-right:27px;}
#index .news .cont ul li.top {width:100%; margin-bottom:10px;}
#index .news .cont ul li.top .time {height:68px;width:78px;font-weight:normal;color:#333;border:1px solid #bbb;}
#index .news .cont ul li.top .time h3 {font-size:16px;line-height:26px;padding-top:6px;padding-left:14px;}
#index .news .cont ul li.top .time h4 {font-size:11px;line-height:20px;padding-top:10px;padding-left:14px;}
#index .news .cont ul li.top h2 {height:22px;font-size:18px;line-height:22px;border-left:2px solid #0056d8;padding-left:10px;margin-top:35px;overflow:hidden;}
#index .news .cont ul li.top h2 a {color:#333;}
#index .news .cont ul li.top p {height:48px;font-size:14px;color:#6b6b6b;line-height:24px;padding-top:10px;overflow:hidden;}
#index .news .cont ul li.top:hover .time {color:#fff;border:1px solid #005699;background-color:#005699;}
#index .news .cont ul li.top:hover h2 a {color:#0056d8;}
#index .news .cont ul li.top:hover p {color:#0056d8;}

#index .news .cont ul li.list {width:100%;height:35px;line-height:35px;font-size:16px;color:#333;border-bottom:1px dashed #a6a6a6;overflow:hidden;}
#index .news .cont ul li.list a {font-size:16px;color:#333;}
#index .news .cont ul li.list b {margin-right:4px;}

#index .news .cont ul li.QA {width:100%;border-bottom:1px dashed #a6a6a6;padding-bottom:6px;margin-bottom:7px;}
#index .news .cont ul li.QA h2 {height:24px;line-height:24px;position:relative;padding-left:26px;overflow:hidden;}
#index .news .cont ul li.QA h2 a {font-size:16px;color:#333;}
#index .news .cont ul li.QA h2:before {content:'问';width:18px;height:18px;line-height:18px;font-size:14px;color:#fff;text-align:center;background-color:#0056d8;position:absolute;left:0;top:3px;}
#index .news .cont ul li.QA p {height:24px;line-height:24px;position:relative;padding-left:26px;overflow:hidden;}
#index .news .cont ul li.QA p a {font-size:14px;color:#7b7b7b;}
#index .news .cont ul li.QA p:before {content:'答';width:18px;height:18px;line-height:18px;font-size:14px;color:#fff;text-align:center;background-color:#005699;position:absolute;left:0;top:3px;}

.index_tit{position: relative;height: 100px;text-align: center;z-index: 1;}
.index_tit span{position: relative;display: block;height: 50px;color: #333;font-size: 44px;line-height: 50px;text-align: center;}
.index_tit span h3{position: relative;display: inline-block;font-weight: bold;padding: 0 35px;}
.index_tit span h3:before,.index_tit span h3:after{content:" ";position: absolute;top: 50%;margin-top: -1px;left: 0;width: 18px;height: 1px;background: #000;}
.index_tit span h3:after{left: auto;right: 0;}
.index_tit p{color: #545657;font-size:16px;line-height: 40px;}

.newbox{line-height:30px;height:auto;font-family: "Microsoft Yahei";color: #333; margin-bottom:40px;}
.newtil{height: 50px;line-height: 38px;overflow: hidden;font-size: 18px;background:url(../images/line1.gif) no-repeat 203px 16px;}
.newtil ul,.newtil li{float: left;}
.newtil li{float: left;width:94px; margin-right:10px;}
.newtil span{float: right;font-size: 14px;}
.newtil span a{color: #999;display: inline-block;}
.newtil li a{color:#222; width:94px;}
.mt-lg-5, .my-lg-5 {
    margin-top: 1.5rem!important;
}
.in05b a{color:#000}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.p-lg-4 {
    padding: 1.5rem!important;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.in_05{height: auto;overflow: hidden;}
.in05a a{display: block;box-shadow: rgba(6,6,6,.1) 0 5px 10px 10px;background: url(../images/in05a.png) right bottom no-repeat;transition:.4s;color:#000}
.in05a a:hover{box-shadow: rgba(6,6,6,.2) 0 0 10px 10px;transform: translate3d(0,-5px,0);transition: all linear 0.3s;}
.in05a a img{display: block;width: 100%;}
.in05a a span{line-height: 50px;color: #777;}
.in05a a span em i{color: #c31f2a}
.in05a a p{line-height: 30px;color: #777; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.in05a a b{font-weight: normal;font-size: 22px;}
.in05b li a{display: block;border-top: 1px solid #d8dce0;transition:.4s;}
.in05b li a:hover{color: #c31f2a}
.in05b li a img{display: block;width: 100%;}
.in05b li a strong{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.in05b li a span{line-height: 50px;color: #777;}
.in05b li a span em i{color: #c31f2a}
.in05b li a p{line-height: 30px;color: #777;margin-bottom:1rem; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.in05b li a b{font-weight: normal;font-size: 22px;}
.inimgb{display: block;width: 100%;height: 280px;position: relative;overflow: hidden;}
.inimgb img{width:100%; height:100%;object-fit: contain;}
.pt-3, .py-3 {
    padding-top: 1rem!important;
}
.over-line-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.pf_20 {
    font-size: 20px;
    line-height: 35px;
}
i, em {
    font-style: normal;
}
b, strong {
    font-weight: bolder;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
.over-line-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.mt-lg-0, .my-lg-0 {
    margin-top: 0!important;
}
.col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 53.333333%;
}
.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 45%;
}
.pb-xl-5, .py-xl-5 {
    padding-bottom: 3rem!important;
}
.pt-xl-5, .py-xl-5 {
    padding-top: 3rem!important;
}
.pf_20 {
    font-size: 20px;
    line-height: 35px;
}


.news_list{width:100%; clear:both;}
.news_list li{height:40px; line-height:40px; overflow:hidden; font-size:16px; width:32.3%; float:left; text-indent:10px;}
.news_list li span{float:right; width:100px; text-align:center; font-size:14px; color:#0056d8;}
.index{width:100%; display:block; clear:both;}

.container {
    width: 1200px;
    margin: 0 auto;
}
.hmtitlelf {float: left;}
.hmtitlert {float: right; line-height:60px;}
.hmtitlelf,.hmtitlert {margin: 60px 0 40px;}
.hmtitlelf h3 {font-size: 2.6em; line-height: 1.8em;}
.hmtitlelf p,.hmtitlert p {font-size:16px; color: #626060;}
.hmtitlelf a,.hmtitlert a {font-size: 1.0em; color: #626060;}
.hmtitlelf a:hover,.hmtitlert a:hover {color: #c70008;}

.index_5{height:300px;width:1200px;margin:45px auto;}
.index_5 div{width:235px;height:195px;float:left; padding:45px 25px; margin-right:20px; background:#f7f7f7;}
.index_5 div:last-child{ margin-right:0px;}
.index_5 div span{margin:0 auto;background:url(../images/index_bg2.png) no-repeat;display:block;margin-bottom:30px;transition:0.5s; width:57px; height:53px;}
.index_5 div .span1{background-position:-80px -74px;}
.index_5 div .span2{background-position:-140px -74px}
.index_5 div .span3{background-position:-200px -74px}
.index_5 div .span4{background-position:-260px -74px}
.index_5 div .span5{background-position:-320px -74px}
.index_5 div:hover .span1{background-position:-80px -127px}
.index_5 div:hover .span2{background-position:-140px -127px}
.index_5 div:hover .span3{background-position:-200px -127px}
.index_5 div:hover .span4{background-position:-260px -127px}
.index_5 div:hover .span5{background-position:-320px -127px}
.index_5 div b{font-size:20px;color:#111;text-align:center;display:block;font-weight:100;height:30px;line-height:30px;margin-bottom:7px; font-weight:bold;}
.index_5 div:hover b{color:#FF3F3C}
.index_5 p{text-align:center;font-size:14px; color:#444}

.in-case-ul {
	margin-top: 60px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	justify-content: space-between;
	-webkit-justify-content: space-between;
  flex-wrap: wrap;
}

.in-case-ul li {
	width: 23%;
	height: 255px;
	box-sizing: border-box;
	padding: 10px 10px 30px;
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(230, 230, 230, 1);
	border-radius: 10px;
	transition: all .4s;
  margin-bottom: 30px;
}

.in-case-ul li a {
	display: block;
	    width: 254px;
    height: 190px;
    text-align: center;
    color: #000;
}

.in-case-ul li a img {
	width: 100%;
	border-radius: 10px;
	height:190px;
  object-fit: cover;
}

.in-case-ul li h2 a {
	margin-top: 30px;
	font-size: 24px;
	color: #333333;
	padding-left: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.in-case-ul li span {
	display: block;
	font-size: 16px;
	color: #666666;
	margin: 15px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align:center
}

.in-case-ul li .case-app {
	margin-left: 25px;
	width: 60px;
	height: 18px;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	background: -webkit-linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));
	background: -moz-linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));
	background: -o-linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));
	background: linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));
	border-radius: 3px;
	text-align: center;
}

.in-case-ul li:hover h2 a,
.in-case-ul li:hover span {
	color: #246ACE;
}



.atit{
    width: 1200px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    font-size: 30px;
    color: #015699;
    margin: 0 auto;
}
.atit h3{
   font-size: 30px; 
   font-weight: bold;
}
/*联系我们*/
.con_way{width: 1200px;height:150px;margin:0 auto; margin-bottom: 30px; }
.con_way div{width: 585px;float: left;text-align: center;font-size: 16px;}
.con_way div dl dt span, .con_way div li i{background: url("../images/icon_contact.png") no-repeat;display: block;width: 60px;height: 60px;margin: 35px auto 0;background-position-y: -14px;transition: all .3s;}
.con_way div dl{width: 100%;height: 150px;margin-bottom: 20px;}
.con_way div dl dt{width: 150px;height: 100%;background: #f0f0f0;float: left;transition: all 0.3s;}
.con_way div dl dd{width: 435px;height: 100%;background: #f5f5f5;float: left;line-height: 142px;transition: all .3s;}
.con_way div dl.add span{background-position-x: -16px;}
.con_way div dl.tel span{background-position-x: -106px;}
/*.con_way div dl.tel dd{color:#ff3f3b;}*/
.con_way div ul{width: 100%;height: 150px;}
.con_way div ul li{width: 282px;height: 150px;float: left;background: #f5f5f5;transition: all .3s;}
.con_way div ul li a{transition: all .3s;display: block;}
.con_way div ul li i.email{background-position-x: -211px;}
.con_way div ul li i.wx{background-position-x: -312px;}
.con_way div ul li i.qq{background-position-x: -417px;}
.con_way div ul li i.dnt{background-position-x: -511px;}
.con_way div ul li:first-child{margin-right: 20px;}
.con_way div ul li:last-child{float: right;}
.con_way div.last{float: right;}
.con_way div.last dl dd{line-height: 32px;padding-top: 45px;height: 105px; text-align:left;width:330px; padding-left:100px; display:block;}
.con_way .wx_con img{ width: 150px; height: 150px; margin: 0 auto; }

.ad{width:100%; background:url(../images/ad0.jpg) no-repeat center; height:100px; padding-top:34px;}

/*-----*/


.kstd_bx { background-color:#f2f3f7; width:100%; padding:30px 0;}
.kstd_bx .cont { width:1100px; margin:0 auto;}
.kstd_bx .cont .tit_bt {height:30px;width:100%;background: url(../images/kstd_bg_02.jpg) repeat-x center center; margin-bottom:30px;}
.kstd_bx .cont .tit_bt h3 {width:195px; height:30px; margin:0 auto; background-color:#f2f3f7;}
.kstd_bx .cont .text { border:1px #bcbebd solid;}
.kstd_bx .cont .text .class_list_1 { height:60px; width:100%;}
.kstd_bx .cont .text .class_list_1 h2 { padding-top:20px; height:40px; line-height:40px; width:119px;border-right:1px #bcbebd solid; text-align:center; font-size:16px; color:#666; float:left;display: block;}
.kstd_bx .cont .text .class_list_1 ul {padding:20px 20px 0 20px; height:40px; width:938px; float:left;}
.kstd_bx .cont .text .class_list_1 ul li { font-size:14px; line-height:40px; float:left; padding-left:30px; color:#666;}
.kstd_bx .cont .text .class_list_1 ul li a {font-size:14px; line-height:40px;color:#666;}
.kstd_bx .cont .text .class_list_2 { height:40px; width:100%;}
.kstd_bx .cont .text .class_list_2 h2 {height:40px; line-height:40px; width:119px;border-right:1px #bcbebd solid; text-align:center; font-size:16px; color:#666;display: block;}
.kstd_bx .cont .text .class_list_2 ul {padding:0 20px; height:40px; width:938px; float:left;}
.kstd_bx .cont .text .class_list_2 ul li { font-size:14px; line-height:40px; float:left; padding-left:30px; color:#666;}
.kstd_bx .cont .text .class_list_2 ul li a {font-size:14px; line-height:40px;color:#666;}
.kstd_bx .cont .text .class_list_3 { height:60px; width:100%;}
.kstd_bx .cont .text .class_list_3 h2 { padding-bottom:20px; height:40px; line-height:40px; width:119px;border-right:1px #bcbebd solid; text-align:center; font-size:16px; color:#666;display: block;}
.kstd_bx .cont .text .class_list_3 ul {padding:0 20px 20px 20px; height:40px; width:938px; float:left;}
.kstd_bx .cont .text .class_list_3 ul li { font-size:14px; line-height:40px; float:left; padding-left:30px; color:#666;}
.kstd_bx .cont .text .class_list_3 ul li a {font-size:14px; line-height:40px;color:#666;}



#index a.more1 {
	font-size:14px;
	color:#666666;
	line-height:26px;
	margin-top:9px;
	margin-right:10px;
	padding-right:31px;
	float:right;
	background-image: url(../images/ico_indx.png);
	background-repeat: no-repeat;
	background-position: 65px -440px;
	display: block;
}
#index a.more1:hover {color: #0063a7;text-decoration: none;}
#index a.more2 {
	font-size:14px;
	color:#666666;
	line-height:26px;
	margin-top:9px;
	margin-right:10px;
	padding-right:31px;
	float:right;
	background-image: url(../images/ico_indx.png);
	background-repeat: no-repeat;
	background-position: 65px -478px;
	display: block;
}
#index a.more2:hover {color: #0063a7;text-decoration: none;}

#index a.more3 {
	font-size:14px;
	color:#323232;
	line-height:26px;
	margin-top:9px;
	margin-right:10px;
	padding-right:20px;
	float:right;
	background-image: url(../images/more_ic.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
}
#index a.more3:hover {color: #FF3300;text-decoration: none;}





/*footer*/
#footer {width:100%;background-color:#525252; padding:35px 0 0 0;}
#footer .w_1200 { width:1200px; margin-left:auto; margin-right:auto;}
#footer .top_hotline { width:100%;padding-bottom:20px; border-bottom:1px #757575 solid;}
#footer .top_hotline .tel_mob {width:100%;display: none;}
#footer .top_hotline .tel_mob .tel { height:28px; width:154px; line-height:28px; float:left; margin-right:20px; font-size:1rem; color:#fff;background-size:80% auto;-moz-background-size:80% auto; background:url(../images/fot_tel.png) no-repeat left center;padding-left:30px;}
#footer .top_hotline .tel_mob .mob {height:28px;width:154px; line-height:28px; float:left;font-size:1rem; color:#fff;background-size:80% auto;-moz-background-size:80% auto;padding-left:30px;background:url(../images/fot_mob.png) no-repeat left center;}

#footer .top_hotline h2 { height:60px; line-height:60px; font-size:36px; color:#fff;}
#footer .top_hotline h2 i{color:#bb263c}
#footer .top_hotline h3 { height:40px; line-height:40px; font-size:18px; color:#fff; font-weight:normal;}
#footer .mid_nav {height: 220px;width:940px; float:left;padding-bottom: 25px; padding-top:15px;}
#footer .mid_nav .foot_nav {width:100%;float:left;}
#footer .mid_nav .foot_nav .f_ul {width:300px;float:left;}
#footer .mid_nav .foot_nav .f_ul li{width:140px;float:left;}
#footer .mid_nav .foot_nav ul { width:13.6%; float:left;}
#footer .mid_nav .foot_nav ul h3 a,
#footer .mid_nav .foot_nav ul h3 { font-size:16px; color:#FFFFFF; line-height:32px;}
#footer .mid_nav .foot_nav ul li { font-size:15px; line-height:28px; color:#fff;}
#footer .mid_nav .foot_nav ul li a { font-size:15px; line-height:28px; color:#fff;}
#footer .contacts {width:209px;height:195px;padding-left:50px;float:left; border-left:1px #454545 solid; padding-top:15px;}
#footer .contacts h2 {font-size:16px; color:#FFFFFF; line-height:32px;}
#footer .contacts p { padding-top:15px; font-size:16px; color:#9e9e9e; line-height:26px;}
#footer .contacts p span {display:block;line-height:28px;font-size:16px;color:#9e9e9e;background-repeat:no-repeat;background-position:left 5px;padding-left:32px;}


#footer .bottom {width:100%;margin:0 auto;line-height:26px; font-size:15px; color:#fff; padding:20px 0; background-color:#015699;} 
#footer .bottom a {line-height:26px;font-size:15px;color:#fff;}

.footer_fot { width:100%; padding:20px 0; background-color:#f1f0ef; color:#999; font-size:13px; line-height:26px; text-align:center;}
.footer_fot a {color:#999;font-size:13px;}
.footer_fot .cont { width:1200px; margin:0 auto;}

.foot_right ul li{
    width: 140px;
    height: 190px;
    overflow: hidden;
    float: left;
    margin: 0 10px;
    text-align: center;
    line-height: 40px;
}
.foot_right ul li .pic img{
    width: 140px;
    height: 140px;
    overflow: hidden;
}
.foot_right .title{
color: #fff;
}

.bottom_f{width:1200px;margin:0 auto; color:#9e9e9e; text-align:center;}
.bottom_f a{color:#9e9e9e;}

.xx{width:100%; overflow:hidden;padding:30px 0 50px; background:#f5f5f5;}
.content1{width:1500px; margin:0 auto;}
.xx_box{
  clear: both;
  overflow: hidden;
    background: #fff;
}

.xx_bars{
  float: left;
  width: 20%;
}
.xx_bars .item{
  width: 100%;
  position: relative;
  padding:15% 0;
  text-align: center;
  background: #e9e8f0;
  border-bottom: 1px solid #d0cfd4;
  cursor: pointer;
}
.xx_bars .item .icon{
  color: #e6482f;
  font-size: 60px;
  line-height: 60px;
  text-align: center;
  margin-bottom: 20px;
}
.xx_bars .item .tt{
  font-size: 22px;
  color: #444;
  text-align: center;
}
.xx_bars .item:before{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: rgba(0,0,0,.2);
}
.xx_bars .item:after{
  content: "";
  display: none;
  position: absolute;
  right: -10px;
  top: 50%;
  border-top-width:10px;
  border-bottom-width:10px;
  border-right-width: 0;
  border-left-width:10px;
  border-style: solid;
  border-color: transparent transparent transparent #e6482f;
  margin-top: -8px;
}

.xx_bars .item.hover{
  background: #e6482f;
  border-bottom: 1px solid #e6482f;
}
.xx_bars .item.hover .icon,.xx_bars .item.hover .tt{
  color: #fff;
}
.xx_bars .item.hover:after{
  display: block;
}

.xx_tabs{
  float: left;
  width: 80%;
}
.xx_tabs_clm{
  padding: 2% 0;
}
.xx_tabs_clm_l{
  float: left;
  width: 45%;
  padding: 0 5%;
}

.xx_tabs_clm_r{
  float: left;
  width: 45%;
}
.xx_tabs_clm_l_tt{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}
.xx_tabs_clm_l_text{
  line-height: 24px;
  color: #666;
}


.xx_tabs_clm_r_tt{
  font-size: 24px;
  color: #000;
  margin-bottom: 5%;
}
.xx_tabs_hs_list dd{
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
}
.xx_tabs_hs_list_inp1,.xx_tabs_hs_list_inp2{
  float: left;
  width: 240px;
  height: 36px;
  padding-left: 15px;
  border: 1px solid #ddd;
}
.xx_tabs_hs_list_inp2{
  width:140px;
}
.xx_tabs_hs_list_tt{
  float: left;
  color: #444;
  line-height: 36px;
  font-size: 14px;
  padding-left: 10px;
}
.xx_tabs_hs_list_tt2{
  float: left;
  color: #444;
  line-height: 36px;
  font-size: 14px;
  padding-right: 10px;
}
.xx_tabs_hs_list_tt3{
  float: left;
  color: #444;
  line-height: 36px;
  font-size: 14px;
  padding-left: 10px;
}
.xx_tabs_hs_list_tt_btn{
  display: inline-block;
  color: #fff;
  padding: 0 5px;
  background: #e6482f;
  border-radius: 3px;
  margin-left: 6px;
}



.xx_tabs_hs_list_btn{
  padding-top: 20px;
}
.xx_tabs_hs_list_btn a{
  float: left;
  width: 180px;
  line-height: 46px;
  color: #e6482f;
  font-size: 16px;
  text-align: center;
  border: 1px solid #e6482f;
  margin-right: 15px;
  margin-bottom: 10px;
}
.xx_tabs_hs_list_btn a.hover{
  color: #fff;
  background: #e6482f;
}