@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; border:0; font-size:14px; color: #26272b; -webkit-text-size-adjust:none; font-family:"微软雅黑","宋体"; background:white;}
ul,ol,li,dl,dt,dd,img,form,input{ margin:0; padding:0; border:0;}
ul,li,dl{ list-style-type:none;}
img{ vertical-align:top; border: none;}
h1,h2,h3,h4,h5{ margin:0; padding:0; border:0;}
.flol{ float:left;}
.flor{ float:right;}
.center{ text-align:center;}
.clr{ clear:both;}
p{ float:left; width:100%;}
a{ color:#666; text-decoration: none;}
a:hover{}
.container{ width: calc(100% - 50px); margin: 0 auto;}
.container2{ width: 1310px; margin: 0 auto;}
.container-full{ width: 100%; float: left;}
.absolute{ position: absolute;}
.relative{ position: relative;}
.fixed{ position: fixed;}
.bold{ font-weight: bold;}

.table{border-collapse:collapse!important; background: #999; width:100%; margin-top: 30px;}
.table td,.table th{background-color:#fff; padding: 10px 8px;}
.table tbody tr:nth-child(2n+1) td,
.table tbody tr:nth-child(2n+1) th {background-color:#f9f9f9;}
.table thead th{ background-color: #1469ac !important; color: #fff; text-align:left;}
.ajax_order,.ajax_tracetype,.ajax_download{ float:left; width:33.33%;}
.ret_text{ line-height:50px; padding-left:40px; color:red;}
.xy_shadow{background: #fff;
    padding: 30px 25px 30px;
    margin: 50px 0;
    box-shadow: 0px 5px 10px rgba(6,6,6,0.1);}

/*-----------顶部菜单-----------*/
.topMenu{top: 0; z-index: 999999999;
	height: 70px;
	line-height: 70px;
}
.topMenu2{
	background: #000;
	padding: 15px 0;
}
.bgBlack{
	background: #ffffff;
	box-shadow: 0px 5px 10px rgba(6,6,6,0.1);
}
.logo{
	padding-right: 0;
	height: 60px;
	overflow: hidden;
}
.logo img{
	vertical-align:middle;
	width: 160px;
}
.headerMenu{
	padding-top: 1px;
}
.headerMenu li{	display: inline-block;	float: left; position: relative;
	padding-bottom: 6px;
}
.triangle{width: 0 !important; height: 0 !important; border-width: 0 9px 7px; border-style: solid; border-color: transparent transparent rgba(255,255,255,.9); background: none !important; margin-left: 110px;}
.headerMenu li a{padding: 7px 25px 23px;font-size: 16px; color: #333;}
.sub{
	box-shadow: 0px 5px 10px rgba(6,6,6,0.1); 
	display: none; position: absolute; width: 200px; left: -20px; top:69px; z-index: 9999;}
.sub li{ width: 100%; background: rgba(255,255,255,.9);
	line-height: 14px;}
.sub li a{ padding: 12px 0 12px 25px; display: block;  font-size: 16px; color: #26272b;}
.sub li a.active,.sub li a:hover{ background:#1469ac; color:#fff;}
.sub li:last-child{ padding-bottom: 10px;}
.headerTel{	font-size: 20px;font-weight: bold; color: #333;
	padding-right: 80px;}
.login{
	height: 60px;
	overflow: hidden;
}
.bgBlack .login img,.bgBlack .logo img{
	
}
.bgBlack .nLi a,.bgBlack .headerTel{
	color: #26272b;
}

/*----------首页banner------------*/
.slideBox{ width:100%; height:550px; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:50%; bottom:35px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; text-align: center;}
.slideBox .hd ul li{ float:left; margin-right:10px;  width:12px; height:12px; border-radius: 50%; cursor:pointer;  background:#fff; border: none;}
.slideBox .hd ul li.on{ /*background: #0073c6;*/ border: 2px solid #1469ac; background: none; width: 8px; height: 8px;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; width: 100%; height: 550px; background-position: center top; background-size: cover; background-color:#cccccc;}
/*.slideBox .bd a{ width:100%; height:1080px; display:block; position: absolute; }*/
.slideIndustry,.slideIndustry .bd li,.slideIndustry .bd a{ height: 500px;}

.banner_footer{ background: #1469ac; color: #fff; height: 100px; line-height: 100px; bottom: 0;}
.banner_footer a{ display: block; float: left;}
.banner_footer a:first-child img{ padding-left:0;}
.banner_footer a img{ display: block; float: left; line-height: 100px; padding: 25px 8px 25px 80px;}
.banner_footer a span{ color: #fff; font-size: 16px;}

.style1_tit{ font-size: 36px; text-align: center;}
.style1_intro{ font-size: 17px; text-align: center; padding-top:35px;}

.mxcp_box{ padding: 98px 0 80px;}
.dl_mxcp{ width: calc(25% - 10px); display: block; float: left; margin: 50px 10px 0 0;}
.dl_mxcp dt{ width: 100%; height: 380px; overflow: hidden;}
.dl_mxcp dt a{ display: block; float: left; height: 380px; position: relative;}
.dl_mxcp dt a img.mxcp_pic{ width: 100%;}
.mxcp_absolute{transition:all .35s ease;
 opacity: 0; display: block; text-align: center; top: 40px; width: 100%; height: 380px; color: #fff; font-size: 16px; 
 background-color: rgba(13,111,184,0); }
.dl_mxcp dt a:hover .mxcp_absolute{	
	top:0;
 opacity: 1; background-color: rgba(13,111,184,0.75); display: block;}
.mxcp_absolute img{ padding-top: 80px;
}
.mxcp_absolute span{ display: block;
}
.mxcp_abs_span1{ padding: 20px 0 110px;}


.dl_mxcp dd{ width: 100%; float: left; font-size: 14px; text-align: center;}
.dl_mxcp dd h2{ color: #333; font-weight: normal; color: 22px; text-align: center; padding: 25px 0 15px;}

.child_banner img{ width: 100%;}

.index_ys{ padding: 90px 0 75px;}
.index_ys .style1_tit,.index_ys .style1_intro{}
.ys_box{ cursor: pointer; width: calc(25% - 10px); height: 175px; border-radius: 5px; background: #292a2a; float: left; text-align: center; overflow: hidden; margin: 10px 10px 10px 0;}
.index_ys .style1_intro{ padding-bottom: 80px;}
.ys_box1,.ys_box2{transition: all 0.6s ease-in-out;}
.ys_box:hover .ys_box1{ margin-top: -380px; opacity: 0;}
.ys_box:hover .ys_box2{ opacity: 1;}
.ys_box1 img{ margin: 38px auto 0; width: 30%;}
.ys_box1 span{ font-size: 24px; padding: 20px 0 0;}
.ys_box1 *{ display: block; text-align: center; color: #fff;}
.ys_box1{ width: 100%; height: 100%; float: left; opacity: 1;}
.ys_box2{ position:relative; float: left; color: #fff; font-size: 18px; text-align: left; opacity: 0; width:100%;}
.ys_box2 img{ position: absolute; width: 100%; top: 0; left: 0; z-index: 1;}
.ys_box2 .hy_intro{ position: absolute; z-index: 666; width: 80%; padding: 25px 10% 0 10%;}


.index_story{ padding: 105px 0 0;}
.indexHistory{ width:100%; height:640px; overflow:hidden; position:relative; padding-top: 5px; margin-top: 25px;}
.indexHistory .hd{ z-index:1; height: 120px;}
.indexHistory .hd ul{ overflow:hidden; zoom:1; text-align: center; width: 100%;}
.indexHistory .hd ul:last-child li{ margin-right: 0;}
.indexHistory .hd ul li{ float:left; margin-right:5px;  width:235px; height:120px; overflow: hidden; cursor:pointer;  background:#fff;}
.indexHistory .hd ul li span img{
    /*-webkit-filter: grayscale(100%);*/
    /*-moz-filter: grayscale(100%);*/
    /*-ms-filter: grayscale(100%);*/
    /*-o-filter: grayscale(100%);*/
    /*filter: grayscale(100%);*/
    /*filter: gray;*/
    opacity:0.5;
}
.indexHistory .hd ul li span{ display: block; width: 231px; height: 116px; overflow: hidden;}
.indexHistory .hd ul li:hover span{ border-bottom: 4px solid #1469ac;}
.indexHistory .hd ul li:hover span img,.indexHistory .hd ul li.on span img{
	filter: none;
	opacity: 1;
}
/*.indexHistory .hd ul li.on span{  border-bottom: 4px solid #1469ac; background: none;}*/
.indexHistory .bd{ position:relative; height:100%; z-index:0;}
.indexHistory .bd li{ zoom:1; width: 100%; height: 760px; background-position: center bottom; background-size: 100%;}
.indexHistory .bd a{ width:100%; height:910px; display:block; }
.indexHistory .arrow a{display: inline-block;position: absolute;width: 49px;height: 100px;z-index: 2;}
.indexHistory .arrow a.prev{left: 0;top: 45%; background: url(../images/arrow-left.png) center center no-repeat;}
.indexHistory .arrow a.next{right: 0;top: 45%; background: url(../images/arrow-right.png) center center no-repeat;}
.indexHistory .arrow a:hover{background-color: rgba(0,0,0,.3);}
.indexHistory .hd{position: absolute;width: 100%;height: auto;overflow: hidden;text-align: center; bottom: 25px;}
.indexHistory .hd ul li{width: 15px;height: 15px;border-radius: 100%;background: #FFFFFF;display: inline-block;margin: 0 8px;text-indent:-9999px; }
.indexHistory .hd ul li.on{background: #2069ff;}


.index_news{ padding: 80px 0 80px; background: #eeeeee; float: left;}
.index_newsUl{ padding-top: 60px;}
.index_newsUl li{ transition:all .6s ease; width: calc(25% - 25px); float: left; margin-right: 25px; margin-bottom:20px; box-shadow: 0px 5px 10px rgba(6,6,6,0.1);}
.index_newsUl li:hover{transform: translateY(-20px);}
.index_newsUl li:hover .news_a{ background:#1469ac;}
.index_newsUl li:hover .news_a *{ color: #fff;}
.index_newsUl li:nth-of-type(4n){ margin-right: 0;}
.index_newsUl .news_pic{ width: 100%; height: 180px; overflow: hidden;}
.index_newsUl .news_pic img{transition: transform 1s ease-in-out; transform: scale(1); height: auto; width:100%; min-width:100%;}
.index_newsUl .news_pic:hover img{transition: transform 3s ease-in-out; transform: scale(1.3); }
.news_a{ padding: 20px 25px; display: block; background: #fff;}
.index_newsUl li .news_tit{ color: #1469ac; font-size: 20px; height: 52px; text-align:left;}
.index_newsUl li .addtime{ color: #333333; padding: 30px 0 20px; font-weight: none;}
.index_newsUl li .intro{ color: #333; line-height: 27px; font-size: 15px; height:60px; overflow:hidden;}

.index_footer{ background: #272727; padding: 60px 0; color: #fff;}
.contact-text-box{ float: left; width: 40%; padding-top: 20px;}
.lxt-contact-form{ float: right; width: 50%;}
.xy_btn{ width: 100%;}
.index_footer .contact-text {
 max-width:100%;
 margin:0 auto;
 transition:.3s;
 -moz-transition:.3s;
 -webkit-transition:.3s;
 -o-transition:.3s
}
.index_footer .contact-text:hover {
 transform:translateX(5px);
 -moz-transform:translateX(5px);
 -ms-transform:translateX(5px);
 -o-transform:translateX(5px);
 -webkit-transform:translateX(5px);
 transition:.6s;
 -moz-transition:.6s;
 -webkit-transition:.6s;
 -o-transition:.6s
}
.index_footer .contact-text * {
 /*max-width:100%*/
}
.index_footer .contact-text .fa {
 width:24px;
 text-align:center;
}
.index_footer .container:nth-of-type(1){
    padding-bottom: 25px;
}

.lxt-icon-box a{
    font-size: 16px;
    text-align: center;
    line-height: 35px;
    width: 35px;
    height: 35px;
    margin: 5px;
    position: relative;
    display: block;
    float: left;
    border-radius: 35px;
    background: #333333;
    background: #ffffff;
    background: #0d6fb8;
    color: #62a8ea;
}

.foot_wx_box p {
 position:absolute;
 max-width:none;
 bottom:100%;
 left:50%;
 width:150px;
 margin:0 0 10px -75px;
 z-index:9;
 visibility:hidden;
 opacity:0;
 transform:scale(0);
 -moz-transform:scale(0);
 -ms-transform:scale(0);
 -o-transform:scale(0);
 -webkit-transform:scale(0);
 transform-origin:bottom center;
 -moz-transform-origin:bottom center;
 -webkit-transform-origin:bottom center;
 -ms-transform-origin:bottom center;
 -o-transform-origin:bottom center;
 transition:.25s;
 -moz-transition:.25s;
 -ms-transition:.25s;
 -o-transition:.25s;
 -webkit-transition:.25s
}
.foot_wx_box:hover p {
 visibility:visible;
 opacity:1;
 transform:scale(1);
 -moz-transform:scale(1);
 -ms-transform:scale(1);
 -o-transform:scale(1);
 -webkit-transform:scale(1)
}
.foot_wx_box p:before {
 position:absolute;
 z-index:1;
 bottom:-11px;
 left:50%;
 content:'';
 margin-left:-9px;
 border-style:solid;
 border-width:12px 9px 0 9px;
 border-color:#d0d0d0 transparent transparent transparent
}
.foot_wx_box p:after {
 position:absolute;
 z-index:3;
 bottom:-10px;
 left:50%;
 content:'';
 margin-left:-8px;
 border-style:solid;
 border-width:11px 8px 0 8px;
 border-color:#fff transparent transparent transparent
}
.foot_wx_box p img {
 width:150px;
 max-width:none;
 padding:5px;
 position:relative;
 z-index:2;
 background:#fff;
 border:1px solid #ddd
}

.company{ font-size: 20px;}


.index_footer_form{ width: 80%;}
.lxt-contact-form .message-list {
 margin-top:15px
}
.lxt-contact-form .message-list * {
 outline:none !important;
 box-shadow:none !important
}
.lxt-contact-form .message-list .form-group {
 position:relative;
 margin:0;
 background-clip:content-box;
 background-color:;
 color:#333333;
 color:#ffffff;
 color:
}
.lxt-contact-form .message-list .form-group:before {
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 content:'';
 display:block;
 border-bottom:1px solid transparent;
 border-bottom-color:#717171
}
.lxt-contact-form .message-list *::-webkit-input-placeholder {
 color:#333333;
 color:#ffffff;
 color:;
 opacity:.75
}
.lxt-contact-form .message-list *:-moz-placeholder {
 color:#333333;
 color:#ffffff color:;
 opacity:.75
}
.lxt-contact-form .message-list *::-moz-placeholder {
 color:#333333;
 color:#ffffff;
 color:;
 opacity:.75
}
.lxt-contact-form .message-list *:-ms-input-placeholder {
 color:#333333;
 color:#ffffff;
 color:;
 opacity:.75
}
.lxt-contact-form .message-list .ftype_select,
.lxt-contact-form .message-list .ftype_input {
 width:100%
}
.lxt-contact-form .message-list .ftype_upload,
.lxt-contact-form .message-list .ftype_checkbox,
.lxt-contact-form .message-list .ftype_radio,
.lxt-contact-form .message-list .ftype_textarea {
 width:100%
}
.lxt-contact-form .message-list .ftype_checkbox *,
.lxt-contact-form .message-list .ftype_radio * {
 float:left;
 line-height:20px;
 margin:0
}
.lxt-contact-form .message-list .ftype_radio label,
.lxt-contact-form .message-list .ftype_checkbox label {
 color:#333333;
 color:#ffffff;
 color:
}
.lxt-contact-form .message-list .ftype_upload label {
 padding:14px 20px 0 20px;
 margin:0;
 overflow:hidden;
 line-height:20px;
 float:left;
 color:#333333;
 color:#ffffff;
 color:
}
.lxt-contact-form .message-list .ftype_upload>div {
}
.lxt-contact-form .message-list .help-block {
 position:absolute;
 right:20px;
 top:10px
}
.lxt-contact-form .message-list .input-group-icon+.help-block {
 right:100px
}
.lxt-contact-form .message-list .submint {
 width:100%;
 margin:15px 0 0;
 float:none;
 clear:both
}
.lxt-contact-form .message-list .submint:before {
 display:none
}
.lxt-contact-form .message-list textarea {
 width:100%;
 padding:10px 20px;
 line-height:30px;
 height:110px;
 background:none;
 border:0;
 color:#333333;
 color:#ffffff;
 color:
}
.lxt-contact-form select.form-control:not([size]):not([multiple]),
.lxt-contact-form .message-list select {
 background:none;
 border:0;
 margin:0;
 width:98%;
 padding:10px 20px 10px 16px;
 line-height:30px;
 height:50px;
 cursor:pointer;
 color:#333333;
 color:#ffffff;
 color:
}
.lxt-contact-form .message-list option {
 padding:0;
 margin:0;
 background-clip:content-box;
 background-color:
}
.lxt-contact-form .message-list input[type=text],
.lxt-contact-form .message-list input[type=tel],
.lxt-contact-form .message-list input[type=number],
.lxt-contact-form .message-list input[type=email] {
 width:100% !important;
 padding:10px 20px;
 line-height:35px;
 height:35px;
 background:none;
 border:0;
 color:#333333;
 color:#ffffff;
 color:
}
.lxt-contact-form .message-list input[type='number']::-webkit-outer-spin-button,
.lxt-contact-form .message-list input[type='number']::-webkit-inner-spin-button {
 -webkit-appearance:none !important;
 margin:0
}
.lxt-contact-form .message-list .input-group-file input[type=text],
.lxt-contact-form .message-list .input-group-file input[type=tel],
.lxt-contact-form .message-list .input-group-file input[type=number],
.lxt-contact-form .message-list .input-group-file input[type=email] {
 background:none;
 border:none
}
.lxt-contact-form .message-list input[name=code]~img {
 position:absolute;
 right:20px;
 top:50%;
 height:20px;
 margin-top:-10px
}
.lxt-contact-form .message-list .input-group-addon {
 padding:0 8px;
 width:80px;
 background:none;
 border:none
}
.lxt-contact-form .message-list .input-group-addon img {
 width:80px;
 height:20px
}
.lxt-contact-form .message-list input[type=checkbox],
.lxt-contact-form .message-list input[type=radio] {
 margin:0;
 cursor:pointer;
 padding:0;
 display:inline-block;
 position:relative;
 top:2px
}
.lxt-contact-form .message-list input[type=checkbox]+label,
.lxt-contact-form .message-list input[type=radio]+label {
 padding-left:4px
}
.lxt-contact-form .message-list .control-label {
 margin:14px 0 0 20px
}
.lxt-contact-form .message-list .checkbox-custom,
.lxt-contact-form .message-list .radio-custom {
 padding:14px 0 14px 20px
}
.lxt-contact-form .ftype_upload .btn-primary,
.lxt-contact-form .radio-primary input[type=radio]:checked+label::before,
.lxt-contact-form .checkbox-primary input[type=radio]:checked+label::before,
.lxt-contact-form .checkbox-primary input[type=checkbox]:checked+label::before {
 background:#0d6fb8;
 background:;
 border-color:#0d6fb8;
 border-color:;
 cursor:pointer !important
}
.lxt-contact-form .radio-custom label::before,
.lxt-contact-form .checkbox-custom label::before {
 background:;
 background:#272727
}
.lxt-contact-form .message-list button[type=submit] {
 width:100%;
 height:35px;
 line-height:35px;
 background:none;
 border:none;
 -ms-transition:.3s;
 -moz-transition:.3s;
 -webkit-transition:.3s;
 -o-transition:.3s;
 margin-top:0;
 background:#0d6fb8;
 background:;
 background:;
 padding:0 35px;
 position:relative;
 z-index:1
}
.lxt-contact-form .message-list button[type=submit]:hover {
 background:#333333;
 background:#ffffff;
 background:#8ee426;
 -ms-transition:.3s;
 -moz-transition:.3s;
 -webkit-transition:.3s;
 -o-transition:.3s
}
.lxt-contact-form .message-list button[type=submit] span {
 position:relative;
 color:#ffffff;
 z-index:2
}
.lxt-contact-form .message-list label {
 color:#333333;
 color:#ffffff color:;
 line-height:50px;
 padding:0;
 cursor:pointer;
 margin:0;
 float:left
}



.footer1{ background: #2d2f45; border-top: 1px solid #eee; padding: 5px 0; color: #fff; text-align: center;}
.footer2{ background: #2d2f45; padding: 50px 0 30px; float: left; border-top: 8px solid #1469ac;}
/*.footer2_col1{ width: 460px;}*/
.footer2_col2,.footer2_col3,.footer2_col4,.footer2_col5{ width: 300px;}
/*.footer2_col3{ width: 235px;}*/
/*.footer2_col4{ width: 157px;}*/
/*.footer2_col5{ width: 130px;}*/
.dy_tit{ float: left; line-height: 41px; font-size: 20px; padding-right: 25px;}
.dy_box{ float: left;}
.footer2_tit{ color: #fff; font-size: 20px; font-weight: bold; padding-bottom: 15px;}
.footer2 ul li a{ color: #fff; line-height: 30px;
	font-size: 15px;}
.footer3{ background: #000;
	height: 60px;
	line-height: 60px; color: #71777c; float: left; text-align: center;}
.footer3 p{
	margin: 0;
}
.dy_dl{
	position: relative;
	float: left;
	margin-right: 20px;
}
.dy_dl:hover dd{
	display: block;
}
.dy_dl dt{
}
.dy_dl dd{
	position: absolute;
	top: 45px;
	left: -40px;
	display: none;
}
.dy_dl dd img{
	width: 120px;
}


/*------------------------内页------------------------*/
.page_container{
	margin: -95px auto 0;
	z-index: 9999;
	position: relative;
}
.left_menu{
	border-top: 3px solid #1469ac;
	background: #fff;
	width: 245px;
	box-shadow: 0px 5px 10px rgba(6,6,6,0.1);
	min-height: 240px;
	margin-bottom: 50px;
	float: left;
    padding-bottom: 30px;
}
.left_menu h2{
	line-height: 60px;
	height: 60px;
	width: 205px;
	margin: 0 20px;
	border-bottom: 1px solid #eaeaea;
	font-size: 18px;
	font-weight: normal;
}
.left_menu ul{
	margin-top: 10px;
}
.left_menu li{
	height: 30px;
	line-height: 30px;	
}
.left_menu li:hover,.left_menu_active{
	background: #f7f8fa;
}
.left_menu li a{
	margin: 0 0 0 20px;
	padding-left: 10px;
	width: 215px;
	display: block;
	color: #7a8182;
}
.left_menu li a span{
	height: 14px;
	width: 3px;
	display: block;
	float: left;
	margin: 9px 6px 0 0;	
}
.left_menu li a:hover,.left_menu_active a{
	color: #333 !important;
}
.left_menu li a:hover span,.left_menu_active span{
	background: #1469ac;
}

.right_container{
	float: right;
	width: 900px;
	padding-left: 35px;
	background-color: #fff;
	box-shadow: 0px 5px 10px rgba(6,6,6,0.1);
	min-height: 450px;
	margin-bottom: 50px;
}
.page_title{
	line-height: 95px;
	height: 95px;
	font-size: 36px;
	color: #1a1a1a;
	border-bottom: 2px solid #f2f0f5;
}
.right_article{
	float: left;
	padding: 20px 0;
	line-height: 30px;
	font-size: 16px;
	text-align: justify;
	position: relative;
}

.contact-box {
 left:30px;
 bottom:70px;
 position:absolute;
 z-index:10;
 font-size:12px;
 color:#333333;
 width:800px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 background:rgba(255,255,255,0.85);
 border-radius:4px;
 padding:15px;
 color:#333;
 line-height:20px;
 font-size:12px
}
.contact-box .telephone,
.contact-box .address,
.contact-box .bus {
 padding-left:44px;
 position:relative;
 width:40%;
 float:left
}
.contact-box .iconfont {
 font-size:18px;
 color:#1469ac;
 position:absolute;
 left:0;
 right:0
}
.contact-box .telephone {
 margin-left:42px
}
.contact-box .address {
 margin-left:42px;
 margin-top:30px
}
.contact-box .bus {
 float:right
}
.contact-box .tel {
 font-size:18px;
 font-weight:bold
}

/*------------------------------新闻列表页----------------------------*/
.news_list_menu{
    height: 80px;
    line-height: 80px;
    background-color: #f7f8fa;
    border-bottom: 1px solid #e5e5e5;
}
.news_list_menu li{
    display: inline-block;
}
.news_list_menu li a{
    height: 77px;
    display: block;
    line-height: 77px;
    font-size: 18px;
    width: 275px;
    text-align: center;
}
.news_list_menu li a:hover,.news_list_menu li a.active{
    border-bottom: 3px solid #1469ac;
    color: #1469ac;
}
.news_list{
    margin: 50px 0 0;
}
.news_list_item{
    display: block;
    float: left;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #efefef;
}
.news_list_item:hover{background: #f8f9fb; border-bottom:0;}
.news_list_item:hover .news_picture,.news_list_item:hover .news_list_content{
    transform: translateX(30px);
}
.news_picture{
    float: left;
    width: 380px;
    height: 250px;
    overflow: hidden;
    padding-right: 40px;
    transition:all .6s ease;
}
.news_picture img{
    max-width: 100%;
}
.news_list_content{
    float: left;
    width: 680px;
    transition:all .6s ease;
}
.news_list_content h1{
    font-size: 22px;
    height: 60px;
    overflow: hidden;
    color: #333;
}
.news_list_item:hover .news_list_content h1{
    color: #1469ac
;
}
.news_list_box{

}
.news_list_info{
    height: 137px;
    line-height: 23px;
    overflow: hidden;
}
.news_list_cate{
    margin-top: 25px;
    float: left;
    width: 100%;
}
.news_list_cate1{
    float: left;
    width: 600px;
}
.news_list_icon{
    float: right;
    width: 60px;
    text-align: right;
}
.news_list_icon i{
    color: #1469ac;
    opacity: 0;
    transition:all .6s ease;
}
.news_list_item:hover .news_list_icon i{
    opacity: 1;
    transition: transform 3s ease-in-out;
}

/* 通用分页 */
.pageController{
    float: left;
    width: 100%;
    padding: 50px 0;
    text-align: center;
}
.pagination-container {
    line-height: 40px;
}
.pagination-container span {
    color: #666;
    font-size: 9pt;
    display: none;
}

.pagination-container ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.pagination-container ul li {
    z-index: 1;
    display: inline-block;
    margin: 0;
}
.pagination-container ul li.active {
    z-index: 2;
}
.pagination-container ul li.active span {
    color: #fff;
    border-color: #1469ac;
    padding-right: 1px;
    background: #1469ac !important
}

.pagination-container ul li a, .pagination-container ul li span {
    color: #333;
    width: 33px;
    height: 30px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    margin-left: 1px;
    text-align: center;
    line-height: 28px;
    padding: 0;
    margin-right: 0;
    float: left;
}

.pagination-container ul li span {
    background: #dcdcdc;
    cursor: default;
    float: left;
}

.pagination-container ul li a:hover {
    background: #dcdcdc;
    border-color: #dcdcdc
}

/*----------------------------新闻详情页--------------------------*/
.news_info_box{
    background: #efefef;
}
.news_article{
    width: calc(100% - 100px);
    float: left;
    background: #fff;
    padding: 50px 50px 30px;
    margin: 50px 0;
    box-shadow: 0px 5px 10px rgba(6,6,6,0.1);
}
.news_tit{
    text-align: center;
    font-size: 22px;
}
.info_title{
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #efefef;
}
.title_bar{
    font-weight: normal;
    font-size: 12px;
}
.news_content{
    font-size: 16px;
}
.news_content img{
    margin: 5px 0;
}
.news_next_pre{
    display: block;
    float: left;
    width: 100%;
    border-top: 1px dashed #ccc;
    padding-top: 20px;
    margin-top: 50px;
    line-height: 30px;
}
.news_next_pre a{

}

/*----------------------------订单查询-----------------------------*/
.search_box{
    width: 640px;
    float: left;
}
.search_box form{
    width: 100%;
    float: left;
}
.search_input_box{
    width: 600px;
    height: 123px;
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #eee;
    margin: 0 0 20px;
}
.search_input{
    height: 40px;
    line-height: 40px;
    border: none;
    width: 100%;
    color: #606266;
}
.search_input:focus,.search_input:hover{
    border: none;
    outline:none;
}
.verify_input:focus,.verify_input:hover{
    outline:none;
}
.search_wxqrcode{
    width: 220px;
    float: right;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
}
.verify_input{
    width: 150px;
    height: 36px;
    line-height: 36px;
    margin: 0 20px 0 0;
    color: #606266;
    padding: 0 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #efefef;
}
.num_code{
    height: 36px;
}
.search_btn{
    padding: 5px 20px;
    background: #1469ac;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    display: block;
    float: left;
    font-size: 14px;
    margin: 5px 0 30px;
    cursor: pointer;
}

.quick-tool {
 position:absolute;
 background-color:transparent;
 width:344px
}
.quick-tool .arrow {
 position:absolute;
 left:27%;
 margin-left:-9px;
 bottom:-9px;
 display:block;
 width:0;
 height:0;
 border-color:transparent;
 border-width:9px;
 border-top-color:#ddd;
 border-top-color:rgba(0,0,0,.15);
 border-bottom-width:0;
 border-style:solid
}
.quick-tool .arrow:after {
 content:'';
 display:block;
 width:0;
 height:0;
 position:absolute;
 border-color:transparent;
 border-width:9px;
 border-top-color:#fff;
 border-bottom-width:0;
 border-style:solid;
 left:-9px;
 bottom:1px
}
.quick-tool.inithack {
 display:block;
 visibility:hidden
}
.quick-tool.show {
 display:block
}
.quick-tool .bill-number {
 border-top-right-radius:3px;
 border-top-left-radius:3px;
 background-color:#fff;
 min-height:170px;
 text-align:left;
 padding:15px 20px;
 -webkit-transition:min-height 120ms;
 transition:min-height 120ms
}
.quick-tool .bill-number .error-block {
 display:block
}
.quick-tool .bill-number.folded {
 min-height:0;
 padding-right:60px;
 position:relative
}
.quick-tool .bill-number.folded .notice {
 display:none
}
.quick-tool .bill-number.folded .tokenfield {
 position:relative;
 overflow:hidden;
 padding:3px;
 padding-left:9px;
 min-height:38px;
 font-size:13px
}
.quick-tool .bill-number:after,
.quick-tool .bill-number:before {
 content:" ";
 display:table
}
.quick-tool .bill-number:after {
 clear:both
}
.quick-tool .bill-number .bill-numbers-input {
 width:278px;
 height:87px;
 padding:10px 15px
}
.quick-tool .bill-number .error {
 margin:-7px 10px 5px 10px;
 color:#e4393c;
 font-size:13px
}
.quick-tool .bill-number .form-wrap {
 position:relative;
 box-shadow:inset 0 0 10px rgba(0,0,0,.1);
 border:1px solid #e1e1e0;
 margin-bottom:12px
}
.quick-tool .bill-number .form-wrap .icon {
 position:absolute;
 top:-1px;
 right:-41px;
 width:41px;
 height:40px;
 background:url(../images/index/smallHeader-searchIcon.png) no-repeat center -18px;
 display:none;
 border:1px solid #e1e1e0;
 border-left:none
}
.quick-tool .bill-number.folded .form-wrap .icon {
 display:block
}
.quick-tool .bill-number .form-wrap .icon a {
 display:block;
 width:100%;
 height:100%
}
.quick-tool .bill-number .form-wrap .notice {
 color:#ccc;
 font-size:12px;
 padding:0 10px 5px
}
.quick-tool .bill-number .nearlyWaybill {
 display:none;
 font-size:14px;
 padding-left:9px;
 position:relative;
 bottom:6px
}
.quick-tool .bill-number .nearlyWaybillNO {
 color:#66c3dc;
 text-decoration:underline;
 padding-left:10px
}
.quick-tool .bill-number .phone {
 width:264px;
 height:32px;
 line-height:32px;
 margin-bottom:12px;
 border-radius:3px;
 position:relative;
 box-shadow:inset 0 0 10px rgba(0,0,0,.1);
 border:1px solid #e1e1e0
}
.quick-tool .bill-number .phone input {
 width:100%;
 height:100%;
 float:left;
 border:0;
 background:url(../images/index/ie.png);
 padding-left:10px;
 box-sizing:border-box;
 line-height:32px;
 font-size:13px;
 color:gray
}
.quick-tool .bill-number .phone .icon {
 width:41px;
 height:32px;
 position:absolute;
 right:-41px;
 top:-1px;
 border-radius:2px;
 background:url(../images/index/smallHeader-searchIcon.png) center 6px;
 border:1px solid #e1e1e0;
 border-left:none
}
.quick-tool .bill-number .phone .icon a {
 display:block;
 width:100%;
 height:100%
}
.quick-tool .bill-number .primary-button {
 display:block;
 width:304px;
 padding:0;
 text-align:center;
 line-height:35px;
 border-radius:3px;
 height:35px;
 background:#dc1e32;
 color:#fff;
 font-size:16px
}
.quick-tool .bill-number .primary-button.disabled {
 background-color:gray;
 color:#fff;
 border:none;
 cursor:not-allowed
}
.quick-tool .bill-number .tokenfield {
 -webkit-transition:min-height 120ms;
 transition:min-height 120ms;
 height:auto;
 min-height:87px;
 max-height:200px;
 overflow-x:hidden;
 overflow-y:auto;
 box-shadow:none;
 border:none;
 background:0 0
}

/*-------------------联系我们-------------------*/
.lxt-md-4{ width: 33%; float: left;}


/*----------应用---------*/
.xy_btn{ width:100%;}
.xy_article h1{ font-size:1.8rem;}
.xy_article h2{ font-size:1.6rem;}
.xy_slide_video .banner-box{ background:#272727;}
.xy_serach_input{padding:25px 20px !important;}
.xy_pro_right{ width:calc(100% - 260px); float: right;}


@media screen and (max-width:640px ){
    .xy_left{ display:none;}
}
.xy_left_title{
    font-size:18px;
    font-weight:bold;
    border-bottom:2px solid #0d6fb8;
    padding:5px 10px;
}
.xy_left ul{padding:10px 0 0;}
.xy_left ul li{
    list-style:none;
    padding:5px 10px;
}
.xy_left ul li a{
    display:block;
    width:100%;
    height:25px;
    line-height:25px;
    color:#666;
}
.xy_left ul li:hover,.li_hover{
    background:#f0f0f0;
}
.xy_left ul li:hover a,.li_hover a{
    color:#0d6fb8 !important;
}
.app_box{ padding:0 30px; background:#f8f8f8;}
.xy_left{
    float: left;
    width: 240px;
    background: #fff;
    margin-top: 30px;
}

/* 通用分页 */
.pagination-container {
    line-height: 40px;
    text-align:center;
}
.pagination-container span {
    color: #666;
    font-size: 9pt;
    display: none;
}

.pagination-container ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.pagination-container ul li {
    z-index: 1;
    display: inline-block;
    margin: 0;
}
.pagination-container ul li.active {
    z-index: 2;
}
.pagination-container ul li.active span {
    color: #fff;
    border-color: #0d6fb8;
    padding-right: 1px;
    background: #0d6fb8 !important
}

.pagination-container ul li a, .pagination-container ul li span {
    color: #333;
    width: 33px;
    height: 30px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    margin-left: 1px;
    text-align: center;
    line-height: 28px;
    padding: 0;
    margin-right: 0;
    float: left;
}

.pagination-container ul li span {
    background: #dcdcdc;
    cursor: default;
    float: left;
}

.pagination-container ul li a:hover {
    background: #dcdcdc;
    border-color: #dcdcdc
}


/*-----------产品中心-------------*/
.xy_product_list_detail .location-box {
 padding:9px 0;
 background:#ffffff !important;
 border-bottom:1px solid #eeeeee;
 overflow:auto;
 width:100%
}
.xy_product_list_detail .location-box ul {
 list-style:none;
 margin:0;
 padding:0
}
.xy_product_list_detail .location-box ul:after {
 display:block;
 content:'';
 clear:both
}
.xy_product_list_detail .location-box ul li {
 float:left;
 list-style:none;
 margin:0;
 padding:0
}
.xy_product_list_detail .location-box ul li:before {
 content:'>';
 display:inline-block;
 padding:0 10px
}
.xy_product_list_detail .location-box ul li:first-child:before {
 display:none
}
.xy_product_list_detail .location-box ul li i {
 padding-right:4px
}
.xy_product_left_box{ width:calc(100% - 360px); float:left;}
.xy_product_right_box{ width:260px; float: right;
	background: #fff;
    padding: 20px 15px 30px;
    margin: 50px 0;
    box-shadow: 0px 5px 10px rgba(6,6,6,0.1);
}

.relate_products_ul{}
.relate_products_ul li{padding: 10px;
border-bottom: 1px solid #eee;}
.relate_products_ul li img{ width:100%;}
.xy-showproduct-navtabs{ padding: 0 0 10px; border-bottom: 1px solid #eee; font-size: 18px; font-weight: bold; color: #666;}
.xy-product-info{ font-size: 16px;}
.xy-product-info p{ margin: 10px 0;}
.xy-showproduct-head{
	background: #fff;
    padding: 20px 15px 30px;
    margin: 50px 0;
    box-shadow: 0px 5px 10px rgba(6,6,6,0.1);
    float: left;
}
.xy_pro_img{width: 620px; float: left;}
.product-intro{ width:calc(100% - 650px); float: right;}
.product-text h1{ font-size: 24px; padding-bottom: 15px;}
.xy_time{}
.xy_time i{  padding-right: 5px;}
.product-text .description{ line-height: 30px;}
.xy_para{ padding: 10px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; float: left; width: calc(100% - 20px);}
.xy_para li{width: 50%; float: left;}

.product_img_show{ width:100%; height:520px; overflow:hidden; position:relative; padding-top: 5px; margin-top: 25px;}
.product_img_show .hd{ z-index:1; height: 120px;}
.product_img_show .hd ul{ overflow:hidden; zoom:1; text-align: center; width: 100%;}
.product_img_show .hd ul li:last-child{ margin-right: 0;}
.product_img_show .hd ul li{ float:left; margin-right:5px;  width:80px; height:auto; cursor:pointer;  background:#fff;}
.product_img_show .hd ul li span img{
	width:80px;
	height: auto;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    opacity:0.5;
}
/*.product_img_show .hd ul li span{ display: block; width: 231px; height: 116px; overflow: hidden;}*/
.product_img_show .hd ul li:hover span img,.product_img_show .hd ul li.on span img{
	filter: none;
	opacity: 1;
	/*border: 2px solid #1469ac;*/
}
.product_img_show .hd{position: absolute;width: 100%;height: auto;overflow: hidden;text-align: center; bottom: 25px;}
/*.product_img_show .hd ul li.on{border:2px solid #2069ff;}*/
/*.product_img_show .hd ul li.on span{  border-bottom: 4px solid #1469ac; background: none;}*/
.product_img_show .bd{ position:relative; height:100%; z-index:0;}
.product_img_show .bd li{ zoom:1; width: 100%; height: 500px; background-position: center bottom; background-size: 100%;}
.product_img_show .bd li img{ width: 100%;}
.product_img_show .bd a{ width:100%; height:910px; display:block; }
.product_img_show .arrow a{display: inline-block;position: absolute;width: 49px;height: 100px;z-index: 2;}
.product_img_show .arrow a.prev{left: 0;top: 45%; background: url(../images/arrow-left.png) center center no-repeat;}
.product_img_show .arrow a.next{right: 0;top: 45%; background: url(../images/arrow-right.png) center center no-repeat;}
.product_img_show .arrow a:hover{background-color: rgba(0,0,0,.3);}



