html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}
.clear{clear: both;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}



.top{width:100%;height: 105px;background: #fff;border-top: 5px solid #24296b;}
.top h1{float: left;margin-top: 30px;}
.menu{float: right;}
.menu li{float: left;}
.menu li a{display: block;padding: 0 21px;font-size: 14px;color: #333;line-height: 100px;position:relative; z-index:1}
.menu li a:before{content:''; display:block; width:100%; height:100%; background:#24296b; position:absolute; left:0; top:0; z-index:-1; transition:ease .5s; transform:scale(0); opacity:0;}
.menu li a:hover,.menu li a.active{color:#fff;}
.menu li a:hover:before,.menu li a.active:before{transform:scale(1); opacity:1;}


.navbar-header {
padding-top:0;
position:relative;
}

.navbar-header .navbar-toggle {
border:1px solid #b4b8bc;
height:34px;
padding:0 5px;

}


@media screen and (max-width: 991px){
	.navbar-header .navbar-toggle {margin-top: 32px;}
}

.navbar-header .navbar-toggle .menu {
color:#333;
left:10px;
line-height:34px;
position:absolute;
top:0
}

.navbar-header .navbar-toggle .icon-bar {
background-color:#999
}

.navbar-header .navbar-toggle:hover {
background:#24296b;
border:1px solid #24296b;
}

.navbar-header .navbar-toggle:hover .icon-bar {
background-color:#fff
}

.toleft {
-webkit-transition:all .21s ease-out;
left:0;
overflow-x:hidden;
position:relative;
transition:all .21s ease-out
}

.push-toleft {
-webkit-transition:all .21s ease-out;
left:-260px;
transition:all .21s ease-out
}

.menuid.menuopen {
-webkit-transition:all .21s ease-out;
left:0;
opacity:1;
transition:all .21s ease-out
}

.push-toleft .head {
left:-260px
}

#cbp-spmenu-s2 {
-webkit-transition:all .21s ease-out;
transition:all .21s ease-out
}

.menuid {
-webkit-transition:all .21s ease-out;
height:100%;
left:100%;
opacity:0;
position:fixed;
top:0;
transition:all .21s ease-out;
width:100%;
z-index:9999
}
.menuopen .mobile-menu-overlay {
display: block;
-webkit-transition: all 0.21s ease-out;
transition: all 0.21s ease-out;
}
.mobile-menu-overlay {
background:#000;
display:none;
filter:alpha(opacity=30);
height:100%;
opacity:0.3;
position:absolute;
right:0;
top:0;
width:200%;
z-index:9
}

.cbp-spmenu-right {
-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
-webkit-overflow-scrolling:touch;
background:rgba(36, 41, 107, 0.8);
box-shadow:0 0 10px rgba(0,0,0,0.3);
display:block;
height:100%;
max-width:260px;
overflow:auto;
padding:60px 0 40px;
position:absolute;
right:0;
top:0;
width:100%;
z-index:10
}

.cbp-spmenu-right .ulchild {
padding-left:20px;
}
.cbp-spmenu-right li a {
border-bottom:solid 1px #060b46;
color:#fff;
display:block;
padding:15px 23px
}
.cbp-spmenu-right li a:hover {
background:#24296b;
text-decoration:none
}

.menuid .icon-close {
-webkit-transition:all .21s ease-out;
cursor:pointer;
display:block;
font-size:16px;
padding:20px 20px 0 0;
position:absolute;
right:0;
top:0;
transition:all .21s ease-out
}

.menuid .icon-close span {
-webkit-transition:all .21s ease-out;
background:url(../images/clod.png) no-repeat center;
color:#fff;
font-size:18px;
height:14px;
transition:all .21s ease-out;
width:14px
}

.menuid .icon-close:hover span {
color:#2480b0;
}

.fullwidthbanner-container {
    width:100%!important;
    position: relative;
    max-height: 470px!important;
	box-shadow: 0px 5px 8px rgb(0,0,0,0.3);
	background:#EBEBEB url(../images/loader.gif) no-repeat 50%;
}

.tp-simpleresponsive>ul>li {
    list-stye: none;
    position: absolute;
    visibility: hidden;
}
.tp-caption h3 {
	font: 500 50px/60px "Microsoft Yahei";
    color:#FF0;
	width:50%;
    padding: 6% 0 0;
	margin:0 auto;
	display:block;
	-webkit-transition:font-size 0.2s ease-out;
	text-shadow: 0 1px 5px rgba(86, 86, 86, 0.8);
}

.tp-caption h4 {
	font:600 60px/80px "Microsoft Yahei";
    color:#C00;
	width:30%;
	padding: 6% 0 0;
	margin:0 auto;
	display:block;
	-webkit-transition:font-size 0.2s ease-out;
    text-shadow: 0 4px 5px rgba(255, 255, 255, 0.98);
}

.tp-simpleresponsive .slotholder *,.tp-simpleresponsive img {
-webkit-transform:translateZ(0);
-webkit-backface-visibility:hidden;
-webkit-perspective:1000;
}

.tp-simpleresponsive .caption,.tp-simpleresponsive .tp-caption {
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
position:absolute;
visibility:hidden;
}

.tp-simpleresponsive img {
max-width:none;
}

.tp-leftarrow.default {
border-radius:3px;
z-index:100;
cursor:pointer;
position:relative;
background:url(../images/prev.png) no-repeat;
background-size:contain;
padding-top:20px!important;
width:80px;



height:80px;
text-align:center;
-webkit-transition:background .5s ease-in-out;
-moz-transition:background .5s ease-in-out;
-o-transition:background .5s ease-in-out;
-ms-transition:background .5s ease-in-out;
transition:background .5s ease-in-out;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter:alpha(opacity=0);
opacity:0;
-khtml-opacity:0;
-moz-opacity:0;
visibility:visible;
left:50px !important;
}
.tp-rightarrow.default {
border-radius:3px;
z-index:100;
cursor:pointer;
position:relative;
background:url(../images/next.png) no-repeat;
background-size:contain;
padding-top:20px!important;
width:80px;
height:80px;
text-align:center;
-webkit-transition:background .5s ease-in-out;
-moz-transition:background .5s ease-in-out;
-o-transition:background .5s ease-in-out;
-ms-transition:background .5s ease-in-out;
transition:background .5s ease-in-out;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter:alpha(opacity=0);
opacity:0;
-khtml-opacity:0;
-moz-opacity:0;
visibility:visible;
right:50px !important;
}



.banner img{width:100%;}
.zi-banner{width:100%;height: 400px;background: #f2f2f2;display: table;}
.loc{display: table-cell;vertical-align: middle;}
.loc-tit{font-size: 30px;color:#fff;text-align: center;}
.loc-en{width:100px;height: 30px;background: #1fa92f;margin: 0 auto;margin-top:28px;font-size: 14px;font-weight: bold;text-align: center;line-height: 30px;color:#fff;}


.about{padding: 90px 0;background: #fff;}
.about-left{padding-right: 30px;}
.about-left img{width:100%;height: auto;}
.about-right{padding-left: 60px;margin-top: 40px;}
.about-right h2{font-size: 36px;color:#333;}
.about-fk{width:50px;height: 5px;background: #24296b;margin-top: 30px;}
.about-content{font-size: 14px;color:#666;line-height: 30px;text-align:justify;margin-top: 40px;height: 210px;overflow: hidden;}
.about-more{margin-top: 40px;}
.about-more a{display: block;width:150px;height: 40px;background: #1fa92f;font-size: 12px;text-align: center;line-height: 40px;color:#fff;}
.about-more a:hover{background: #24296b;color:#fff;}

@media screen and (max-width: 1439px){
	.about-left{padding-right: 25px;}
	.about-right{padding-left: 25px;margin-top: 25px;}
	.about-content{height: 120px;overflow: hidden;}
}
@media screen and (max-width: 991px){
	.about-left{padding-right: 0;}
	.about-right{padding-left: 0px;margin-top: 90px;}
	.about-content{height: auto;overflow: hidden;}
}

.product{padding: 90px 0 70px;background:url(../images/product-bj.png) no-repeat center;background-size: cover;}
.product h2{font-size: 36px;color:#333;text-align: center;}
.product-fk{width:50px;height: 5px;background: #24296b;margin: 30px auto 0;}
.product ul{margin-left: -20px;margin-top: 50px;}
.product li{padding-left: 20px;}
.product-img{width:100%;height: auto;overflow: hidden;}
.product-img img{width:100%;height: auto;}
.product-tit{width:85%;height: 40px;background: #ededed;position: relative;top:-20px;z-index: 1;}
.product-tit h3{float: left;font-size: 14px;font-weight: bold;color:#333;margin-left: 30px;line-height: 40px;}
.product-icon{width:19px;height: 8px; background: url(../images/icon.png) no-repeat center;float: right;margin-right: 30px;margin-top: 16px;}
.product li a:hover .product-tit{background: #24296b;width:100%;transition: all 1s;}
.product li a:hover .product-tit h3{color:#fff;}
.product li a:hover .product-icon{background: url(../images/icon1.png) no-repeat center;}

.new{padding: 70px 0 90px;background: #fff;}
.new-left{height: 601px;display: table;}
#new-left{display: table-cell;vertical-align: middle;}
.new-left h2{font-size: 36px;color:#666;line-height: 48px;}
.new-more{margin-top: 40px;}
.new-more a{display: block;width:150px;height: 40px;background: #1fa92f;font-size: 12px;text-align: center;line-height: 40px;color:#fff;}
.new-more a:hover{background: #24296b;color:#fff;}
.new-img{width:100%;height: auto;overflow: hidden;}
.new-img img{width:100%;height: auto;}
.new-right ul{margin-left: -35px;margin-top: 20px;}
.new-right li{padding-left: 35px;}
.new-right h3{font-size: 16px;font-weight: bold;color:#333;margin-top: 25px;}
.new-fk{width:40px;height: 5px;background: #24296b;margin: 20px 0 10px;}
.new-content{font-size: 14px;color:#666;line-height:30px;text-align: justify;height: 60px;overflow: hidden;}
.new-date{font-size: 12px;color:#1fa92f;margin-top: 6px;}
.new-right a:hover h3{color:#24296b;}
.new-right a: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); 
	transition-duration:1s;}

@media screen and (max-width: 1439px){
	.new-left{height: 473px;}
	.new-right h3{margin-top: 1px;}
}
@media screen and (max-width: 991px){
	.new-left{height:200px;}
	.new-right{margin-top: 90px;}
}
@media screen and (max-width: 991px){
	.new-right{margin-top: 65px;}
	.new-right li{margin-top: 35px;}
}


.bj{width:100%;padding:90px 0;background: url(../images/bj.png) no-repeat fixed;background-size: cover;}
.bj-con{float: right;width:40%;}
.bj-con h2{font-size: 30px;color:#fff;}
.bj-fk{width:50px;height: 5px;background: #fff;margin: 30px 0 20px;}
.bj-content{font-size: 14px;color:#fff;line-height: 30px;text-align: justify;}
.bj-tel{font-size: 14px;color:#fff;margin-top: 32px;}
.bj-tel font{font-size: 24px;font-weight: bold;color:#fff;font-style: italic;}

@media screen and (max-width: 1439px){
	.bj-con{width: 50%;}
}
@media screen and (max-width: 991px){
	.bj-con{width: 100%;}
}


.footer{padding:90px 0;background: #37383c;}
.contact h2{font-size: 24px;color:#fff;}
.contact-en{font-size: 14px;color:#fff;text-transform: uppercase;margin-top: 14px;}
.contact ul{margin-top: 35px;}
.contact li{font-size: 14px;color:#fff;line-height: 30px;text-transform: uppercase;}
.contact li a{color:#fff;}
.contact li a:hover{color:#fff;}
.footer-nav{float: right;}
.footer-nav li{float: left;margin-left: 48px;}
.footer-nav li a{font-size: 16px;color:#fff;}
.footer-nav li ul{margin-top: 16px;}
.footer-nav li ul li{float: none;margin-left:0;}
.footer-nav li ul li a{font-size: 12px;color:#fff;line-height: 30px;}
.banq{padding:18px 0;background: #272728;font-size: 14px;color:#fff;}
.banq a{color:#fff;}
.banq a:hover{color: #fff;}

@media screen and (max-width: 1439px){
	.footer-nav li{margin-left:30px;}
}

.list{width:100%;border-bottom: 1px solid #e5e5e5;text-align: center;}
.list li{display: inline-block;}
.list li a{display: block;padding:0 20px;font-size: 14px;color:#333;line-height: 70px;}
.list li a:hover{background: #24296b;color:#fff;}
.list .on{background: #24296b;color:#fff;}

.company{padding:50px 0 90px;background: #fff;}
.company-en{font-size: 150px;font-weight: bold;color:#f5f5f5;text-align: center;}
.company h2{font-size: 24px;color:#333;text-align: center;margin-top: -120px;}
.company-fk{width:40px;height: 5px;background: #24296b;margin: 30px auto 0;position: relative;z-index: 9;}
.company-content{font-size: 14px;color:#666;line-height: 30px;margin-top: 60px;margin-left: -20px;}
.company-content p{padding-left: 20px;margin-top: 20px;}
.company-content img{width:100%;height: auto;}

.news{padding:90px 0;background: #f5f5f5;}
.news-list ul{margin-left: -30px;}
.news-list li{padding-left: 30px;margin-top:30px;}
.news-img{width:100%;height: auto;overflow: hidden;}
.news-img img{width:100%;height:auto;}
.news-title{padding:30px;background: #fff;font-size: 14px;color:#333;line-height: 30px;height: 120px;overflow: hidden;}
.news-date{width:100%;height:50px;background: #fff;border-top: 1px solid #f2f2f2;text-indent: 25px;}
.news-date img{width:12px;height: 12px;}
.news-date span{font-size: 12px;color:#666;line-height:50px;margin-left: 8px;}
.news a:hover .news-title{color:#24296b;}
.news a:hover .news-img 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); 
	transition-duration:1s;}

.news-d{padding: 90px 0;background: #fff;}
.news-detail{padding-right: 50px;}
.news-detail h2{font-size: 24px;color:#333;}
.news-detail-time{font-size: 14px;color:#666;margin-top: 20px;}
.news-detail-zhix{margin: 20px 0;width: 100%;height: 1px;background: #e5e5e5;}
.news-detail-content{font-size: 14px;color: #666;line-height: 40px;text-align: justify;}
.return{float: right;margin-top:30px;}
.return a{display: block;width:120px;height: 40px;background: #24296b;font-size:14px;color:#fff;text-align: center;line-height: 40px;}
.return a:hover{background: #1fa92f;color:#fff;}

.pages ul{margin-top: -30px;}
.pages li{width:100%;padding:30px;background: #f2f2f2;margin-top: 30px;font-size: 16px;font-weight: bold;color:#24296b;}
.pages li a{display: block;font-size: 14px;color:#666;margin-top: 20px;font-weight: normal;line-height: 30px;}
.pages li a:hover{color:#24296b;}

@media screen and (max-width: 991px){
	.news-detail{padding-right: 0;}
	.pages ul{margin-top: 0;}
}


.products{padding:90px 0;background: #fff;}
/*.products-list li{border:1px solid #f2f2f2;box-sizing: border-box;}*/
.products-list .products-img{width:100%;height: auto;overflow: hidden;}
.products-list .products-img img{width:100%;height: auto;}
.products-list h3{width:100%;height: 60px;background: #f2f2f2;font-size: 14px;color:#333;text-align: center;line-height: 60px;}
.products-list ul:hover h3{background: #24296b;color:#fff;}
.products-list a:hover .products-img 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); 
	transition-duration:1s;}

.products-d{padding:90px 0;background: #fff;}
.products-left{padding-right: 25px;}
.products-left img{width:100%;height: auto;}
.products-right{padding-left: 25px;height: 479px;display: table;}
#products-right{display: table-cell;vertical-align: middle;}
.products-right h3{font-size: 30px;font-weight: bold;color:#333;}
.products-zhix{width:100%;height: 1px;background: #e5e5e5;margin: 50px 0 40px;}
.products-zhix1{width:100%;height: 1px;background: #e5e5e5;margin: 90px 0;}
.products-right-con{font-size: 14px;line-height: 36px;color:#666;}
.products-right-fk{width:50%;float:left;margin-top: 100px;}
.products-right-fk a{display: block;width:100%;height: 50px;background: #333;font-size: 14px;color:#fff;text-align: center;line-height: 50px;}
.products-right-fk a:hover{background: #24296b;color:#fff;}
.products-right-tel{width:50%;float:left;margin-top: 100px; height: 50px;background: #1fa92f;font-size: 14px;color:#fff;text-align: center;line-height: 50px;}
.products-d-tit{font-size: 36px;font-weight: bold;color:#29296b;}
.products-d-content{font-size: 14px;line-height: 36px;color:#666;text-align: justify;}

@media screen and (max-width:1439px) {
	.products-right{height: 366px;}
	.products-d-content img{width:100%;height: auto;}
}
@media screen and (max-width:991px) {
	.products-left{padding-right: 0;}
	.products-right{padding-left: 0;}
	.products-d-content{margin-top: 50px;}
}

.recruit{padding:90px 0;background: #fff;}
.recruit-tit{font-size:22px;color:#333;}
.recruit-fk{width:20px;height: 3px;background:#24296b;margin-top: 25px;}
.recruit-con{font-size: 14px;color:#333;line-height: 30px;margin-top: 36px;text-align:justify;}
.recruit-list{margin-top: -30px;}
.recruit ul{padding-left: 30px;margin-top: 30px;}
.recruit li{width:100%;height:70px;background: #f2f2f2;}
.recruit-title{font-size:16px;line-height:70px;text-indent: 30px;color:#333;float:left;}
.recruit a:hover li{background: #24296b;}
.recruit a:hover .recruit-title{color:#fff;}

.box{margin:0 auto; width:100%; height: auto;margin-left: 30px;}
.Collapsing{ width: 100%; height:70px;cursor: pointer;background-color:#f2f2f2; padding:0 30px;box-sizing: border-box;margin-top: 20px;}
.Collapsing .coll-left{color: #333;float: left;line-height:70px; }
.Collapsing .coll-right{background: url(../images/pro_left.png) no-repeat center;float: right;width:20px;height: 20px;margin-top: 25px;}
.coll_body{display: none;padding: 30px;font-size: 14px;color:#666;line-height: 24px;background: #f5f5f5;}
.coll_body a{display:block; margin:10px; text-align: center; background: #ebebeb;}
.current{background-color: #24296b;}
.current .coll-left{color:#fff;}
.current .coll-right{background-image:url(../images/pro_down.png);width:20px;height: 20px;margin-top: 25px;}


@media screen and (max-width:990px) {
	.recruit-con{margin:36px 0;}
	.box{margin-left: 0;}
}


.contacts{padding:90px 0;background: #fff;}
.contacts-tit{font-size: 22px;color:#333;}
.contacts-zx{width:100%;height: 1px;background: #e5e5e5;margin-top: 25px;}
.contacts li{font-size: 14px;color:#333;line-height: 30px;margin-top: 20px;text-transform: uppercase;}
.contacts li a{color:#333;}
.contacts li a:hover{color:#24296b;}


.mess{padding:80px 0;background:url(../images/message-bj.png) no-repeat center fixed;background-size: cover;}
.messager{padding: 80px;background: #fff;border-top:10px solid #24296b;}
.mess-tit{font-size:22px;color:#333;}
.mess-fk{width:20px;height: 3px;background:#24296b;margin-top: 25px;}
.mess-content{font-size: 14px;color:#333;line-height: 30px;margin-top:36px;}
.mess-tel{font-size: 14px;color:#333;margin-top: 50px;}
.mess-tel p{font-size: 24px;color:#24296b;margin-top: 18px;font-weight: bold;font-style: italic;}
.mess ul{padding-left: 30px;margin-top: -30px;}
.mess li{margin-top:30px;}
.mess input{width:100%;height: 50px;border: 0;border-bottom: 1px solid #e5e5e5;outline: none;}
.mess textarea{width:100%;height:250px;border: 0;background: #f2f2f2;outline: none;text-indent:20px;padding-top:20px;}
.mess button{width:100%;height: 50px;background: #24296b;border:0;font-size: 14px;color:#fff;outline: none;}

@media screen and (max-width:990px) {
	.mess-tel{margin-bottom:36px;}
	.mess ul{padding:0;}
}
@media screen and (max-width:550px) {
	.messager{padding:30px;}
}


.page{text-align: center;margin-top:70px;}
.page li{display: inline-block;margin-left: 10px;margin-top: 10px;}
.page li a{display: block;padding: 10px;background: #f2f2f2;color:#333;}
.page li a:hover{background: #24296b;color:#fff;}
.page .current{padding:10px;background: #24296b;color:#fff;}
.page #lastspan{display:inline-block;margin-left: 10px; padding:10px;background: #f2f2f2;color:#3b3d40;}
.page #lastspan:hover{background: #24296b;color:#fff;}

.page1{text-align: center;margin-top:70px;}
.page1 li{display: inline-block;margin-left: 10px;margin-top: 10px;}
.page1 li a{display: block;padding: 10px;background: #fff;color:#333;}
.page1 li a:hover{background: #24296b;color:#fff;}
.page1 .current{padding:10px;background: #24296b;color:#fff;}
.page1 #lastspan{display:inline-block;margin-left: 10px; padding:10px;background: #fff;color:#3b3d40;}
.page1 #lastspan:hover{background: #24296b;color:#fff;}

