@charset "UTF-8";
/* CSS Document */
/*
-----------------------------首页样式start-----------------------------
*/
/*头部开始*/
.top {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 999;
    width: 100%;
    overflow: visible !important;
	padding:0 10%;
}

.topTopList dd {
    float: left;
    padding-right: 30px;
}

.topTopList dt {
    color: #333333;
    font-size: 14px;
}

.topTopList dd a {
    display: block;
    color: #333333;
    font-size: 14px;
}

.topTopList dd a:hover {
    color: #fff;
}
.topCon {
    overflow: hidden;
    position: relative;
    height: 100px;
    
}

.topnav {
    overflow: hidden;
}

.logo {
	float: left;
    display: inline;
    overflow: hidden;
    position: relative;
    margin-left: 8.5938%;
    z-index: 55555;
	padding: 22px 0;
}

.logo img {
    display: block;
}

.nav {
    position: relative;
}

.nav_dl {
    position: relative;
    height: 50px;
    padding: 15px 0px;
}

.nav_dl dd {
    float: left;
    display: inline;
    position: relative;
    padding: 20px 40px;
}

.nav_a {
    display: block;
    height: 30px;
    overflow: hidden;
    font-size: 18px;
    color: #fff !important;
    line-height: 30px;
	text-transform: lowercase;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.navbtn {
    padding-top: 30px;
}

.navbtn a {
    color: #fff;
    font-size: 14px;
    text-align: center;
    background: #fdb52a;
    padding: 10px 22px;
    border-radius: 25px;
}
.navBg {
    width: 0px;
    overflow: hidden;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 0px;
    bottom: -25px;
}

.topLink {
    position: relative;
    padding: 30px 20px;
}

a.topLink_a {
    display: block;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    height: 20px;
    padding-left: 20px;
    float: left;
    line-height: 20px;
    color: #fff;
    position: relative;
}

a.topLink_a:hover {
    color: #fff;
}

.topoa a {
    display: block;
    width: 92px;
    height: 110px;
    background: #fff url(../images/oa.png) no-repeat center center;
}
.menuBox{
    height: 100px;
    width: 120px;
    border-left: 1px solid #677c9f;
    text-align: center;
    display: block;
}
.menuBox img{
    padding-top: 30px;
}
.menuBox span{
    color: #fff;
    font-size: 12px;
    display: block;
    padding-top: 10px;
}
.cnbt{
    color: #fff !important;
    font-size: 16px;
}
.cnbt {
    width: 30px;
    display: block;
    height: 30px;
    overflow: hidden;
    font-size: 16px;
    color: #fff !important;
    line-height: 30px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    text-align: center;
}
.cnbt1{
    position: relative;
    
}
.cnbt1:after{
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 15px;
    background: #d5dae3;
    right: 0px;
    top: 50%;
    margin-top: -7px;
}

    /*banner效果*/
    .preload {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	height: 100%;
	z-index: 1000;
	background: #fff;
	-webkit-transition: background-color .5s;
	transition: background-color .5s;
	-webkit-transform-origin: 50% 42%;
	-ms-transform-origin: 50% 42%;
	transform-origin: 50% 42%
    }

    .preload.is-loaded {
        background: 0 0
    }

    .preload.is-animate-out {
        -webkit-transform: scale(5);
        -ms-transform: scale(5);
        transform: scale(5);
        opacity: 0;
        -webkit-transition: opacity 1s,-webkit-transform 1s;
        transition: opacity 1s,-webkit-transform 1s;
        transition: transform 1s,opacity 1s;
        transition: transform 1s,opacity 1s,-webkit-transform 1s
    }

    .preload.is-paused .preload__progress {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0)
    }

    .preload.is-paused .preload__progress-inner {
        -webkit-animation: none;
        animation: none
    }

    .preload.is-clean {
        background: 0 0;
        z-index: -1;
        -webkit-transition: none;
        transition: none
    }

    .preload.is-clean .preload__bg {
        display: none
    }

    .preload.is-clean .preload__progress {
        background: rgba(0,0,0,.5);
        top: 50%
    }

    .preload.is-clean .preload__progress-inner {
        background: #35373b
    }

    .preload.is-clean-paused .preload__progress-inner {
        -webkit-animation: none;
        animation: none
    }

    .preload__bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    .preload__progress {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 200px;
        margin:-1px 0 0 -100px;
        height: 1px;
        background: rgba(255,255,255,.15);
        -webkit-transition: .3s;
        transition: .3s
    }
    .preload__progress.hide{
        left: 0;
        width: 100%;
    }

.preload__progress-inner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-animation: preloadLine 1.6s both infinite;
	animation: preloadLine 1.6s both infinite;
}

@-webkit-keyframes preloadLine {
	2% {
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	48% {
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	52% {
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	98% {
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes preloadLine {
	2% {
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	48% {
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	52% {
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	98% {
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

.load-bg{
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index:999;
}
.load-bg .top{
	height: 50%;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.5);
	position: absolute;
	top: 0;
	left: 0;
}
.load-bg .top i{
	display: block;
	width: 200px;
	height: 1px;
	background-color: #555;
	position: absolute;
	bottom: 0;
	left:50%;
	margin-left: -100px;
	-webkit-transition: .5s;
	transition: .5s;
}
.load-bg .top i.on{
	left:0%;
	margin-left: 0px;
	width:100%;
}
.load-bg .bot{
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height:50%;
	background-color: rgba(255, 255, 255, 0.5);
}
    .box4Tab .qq{
        width: 45px;
        height: 45px;
        visibility: hidden;
        opacity: 0;
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -25px;
        left: 50%;
        margin-left: -25px;
    } 
    .box4Tab li.active .qq:after{
            display: block;
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            top: 25%;
            margin-top: -19%;
            left: 32%;
            margin-left: -26%;
            background: rgba(215, 21, 25, 0.7);
            border-radius: 50%;
            animation: sideBt1 infinite 2s;
            transition: 0.8s ease-out;
            visibility: visible;
            opacity: 1;
            z-index: 1;
    }
@keyframes sideBt1{
	0%{
		opacity: 0;
		transform: scale(0);
	}
	50%{
		opacity: 1;
		transform: scale(0);
	}
	100%{
		opacity: 0;
		transform: scale(1.8);
	}
}
/*头部结束*/

/*indexBanner开始*/
.indexBanner {
    overflow: hidden;
    height: 920px;
    width: 100%;
    position: relative;
    background: #014783;
}

.indexBanner .myslide {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    height: 920px;
    transform-origin: center center 0;
    transition: transform 1.2s ease, opacity .8s ease, visibility .8s ease;
    transform: perspective(600px) rotateX(5deg) rotateY(-5deg) scale(.9);
    opacity: 0;
    visibility: hidden;
}
.indexBanner .myslide.slick-active{
    transform: perspective(600px) rotateX(0deg) rotateY(0deg) scale(1);
	opacity: 1;
	filter:alpha(opacity=100);
	visibility: visible;
}

.indexBanner .con1 {
    position: absolute;
	width: 1200px;
	height: 400px;
    top: 50%;
    left: 50%;
	margin-left: -600px;
	margin-top: -200px;
}
.indexBanner .con1 .pic {
   position: relative;
}
.indexBanner .con1 .pic img {
    position: absolute;
	left: 25%;
	top: 50%;
	transform: translate(-50%,50%)
}
.indexBanner .slick-dots li span {
    position: absolute;
    right: 25px;
    top: -5px;
    width: 20px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    visibility: hidden;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all 500ms;
    -webkit-transition: all 500ms;
}
/*内页banner结束*/

/*product*/
.index_product{
	width:100%;
	height:auto; 
	padding:60px 0;
}
.border {
    border-top: 1px solid #fff;
    height: 1px;
    margin: 0px auto;
    position: relative;
	padding-bottom:30px;
    
}
.border:before {
    background-color: #185da8;
    border: 1px ridge #185da8;
    content: "";
    height: 6px;
    left: 47%;
    position: absolute;
    top: -5px;
    width: 50px;
}
#border {
    border-top: 1px solid #fff;
    height: 1px;
    margin: 0px auto;
    position: relative;
	padding-bottom:30px;
    
}
#border:before {
    background-color: #fff;
    border: 1px ridge #fff;
    content: "";
    height: 6px;
    left: 47%;
    position: absolute;
    top: -5px;
    width: 50px;
}

.line h2{
	color:#000000;
	font-size:48px;
	text-align:center;
	padding-bottom:20px;
	text-transform:capitalize;
	padding-top:15px;
}

.side_product_item figure{
	padding:20px;	
	margin:20px 0; 
	transition:all 0.6s;
	position:relative;
	background-color:#fff;	
	overflow:hidden;
}
.side_product_item h5{
	font-size:14px;
	margin-top:18px;
	overflow:hidden;
	font-weight:normal;
}
.side_product_item h5,.side_product_item h5 a{color:#666; float:right;}
.side_product_item figcaption{margin-top:10px; border-top:2px solid #ebebeb;}
.side_product_item .item_title,.side_product_item .item_title a{
	color:#666;
	display:block;
	overflow:hidden;
	padding-top:10px;
}
.side_product_item:hover .item_title a{color:#185da8; text-decoration:none;}
.side_product_item .item_title{font-size:18px; text-transform:capitalize; float:left; width:100%}
.side_product_item .item_desc,.side_product_item .item_desc a{color:#454545;}
.side_product_item .item_desc{margin-top:5px; font-size:12px;}
.side_product_item figure:hover:before{width:100%; width:calc(100% + 2px); right:auto; left:-1px;}
.side_product_item .item_title:hover a:after{padding-left:1.5em}

.side_product_item .item-img{
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	transition:0.6s;
}
.side_product_item .item_img img{width:100%;}
.side_product_item .item-img:hover{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.learn_more{padding-top: 35px;text-align: center;}
.sys_btn{min-width:150px;}

/* button */
.sys_btn{
	display:inline-block;
	font-size: 18px;
	color:#000!important;
	text-align:center;
	padding:.9em 4.5em;
	line-height: 1.2;
	background-color:#fff;
	box-shadow:0 0 5px rgba(0,0,0,.06);
	position:relative;
	-webkit-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.sys_btn:hover{
	background-color: #185da8;
	color: #fff!important;
	box-shadow: 0 0 6px rgba(255,255,255,.2);
}

.sys_btn:hover:after{opacity: 1;filter: alpha(opacity=100);}

/*about*/
.counter-value{
	display:inline-block; 
	font-size:72px; 
	color: #fff; 
	font-weight:bold;
}
.product-num-add{font-size:36px; color:#fff;}
.product-num-inf{margin-top:30px; font-size:16px; color:#fff; font-family:Arial;}

.index_about{
    padding-top: 80px;
    padding-bottom: 150px;
    background-position: center 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.company_intr_desc{
	color:#fff;
	font-size:18px;
	/*text-align:center;*/
	line-height:36px;
	padding:30px 0;
}
.index_number{margin:60px 0;}

.index_factory{position:relative; top:-100px; overflow:hidden;}
.picMarquee-left{width:100%; overflow:hidden; position:relative;}
.team_picList{width:90%; margin:0 auto;}
.team_hd{width:100%;}
.team_bd ul{overflow: hidden; zoom:1;}
.team_bd ul li{margin:0 10px; width:33.3%; float:left; display:inline; overflow:hidden; text-align:center;  }
.team_bd ul li .team_pic{text-align:center; }
.team_bd ul li .team_pic img{width:100%; display:block; padding:2px;}
.team_bd ul li .team_pic a:hover img{border-color:#999;}
.team_bd ul li .team_title{line-height:24px;}

/*video*/
.index_video{position:relative; top:-60px;}
.video_item p{text-align:center; font-size:18px; padding-top:10px;}
.video_item p a{color:#000; }
.index_video img{ margin:8px 0 12px 0}

/*news*/
.index_news{
    padding-top: 80px;
    padding-bottom: 80px;
    background-position: center 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.new_img{padding-bottom:20px;}
.new_item .time{float:left; padding-right:30px;}
.new_item .time h4{/*color:#fff;*/ font-size:24px;}
.new_item .time p{/*color:#fff;*/ font-size:12px;}
.new_desc h4 a{/*color:#fff;*/ font-size:18px;}
.new_desc a:hover{color:#185da8; text-decoration:none;}
.new_desc p a{color:#999; font-size:14px;}


/*application*/
.index_app{
	width:100%;
	height:auto; 
	padding:60px 0;
	background-color:#fff;
}
.columnScroll {
	position: relative;
}

.columnScroll .bd {
	overflow: hidden;
	padding: 5px 0;
}

.columnScroll .slick-list {
	overflow: visible;
	margin-right: -20px;
}

.columnScroll .myslide {
	width: 25;
	float: left;
	display: inline;
	overflow: hidden;
}

.columnScroll .con {
	margin-right: 20px;
	position: relative;
	overflow: hidden;
}
.columnScroll .con .pic {
	position: relative;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	overflow: hidden;
}
.columnScroll .con .pic:after {
	display: block;
	content: "";
	overflow: hidden;
	padding-top: 171%;
}
.columnScroll .con .pic img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.columnScroll .con .conBox{
	perspective: 1000px;
	-webkit-perspective: 1000px; /* Safari 和 Chrome */
}
.columnScroll .con .conBox .text {
	position: absolute;
	width: 100%;
	height: 90px;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	background: #fff;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	border: 1px solid #e5e5e5;
	border-top: none;
	transform-origin: 0px 100%;
}
.columnScroll .con:hover .conBox .text{
	width: 100%;
	transform: rotateX(180deg);
	overflow: hidden;
}

.textCw{
	margin: 0 17%;
}
.textCw .title{
	height:26px;
	line-height: 26px;
	font-size: 18px;
	color: #333;
	overflow: hidden;
	text-align: center;
}
.textCw .title1{
	height:24px;
	line-height: 24px;
	font-size: 14px;
	color: #808080;
	overflow: hidden;
	text-transform: uppercase;
	text-align: center;
}
.columnScroll .con .textBox{
	position: absolute;
	width: 100%;
	height: 72.7273%;
	left: 0;
	bottom: 0;
	z-index: 5;
	background: rgba(0,66,255,0.7);
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	visibility: hidden;
	opacity: 0;
}
.columnScroll .con:hover .textBox{
	visibility: visible;
	opacity: 1;
}
.columnScroll .con .textBox .con1{
	padding: 0 10%;
}
.columnScroll .con .textBox .con1 .textCw{
	text-align: center;
	margin-bottom: 50px;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	margin: 0 0;
}
.columnScroll .con:hover .textBox .con1 .textCw{
	margin-bottom: 25px;
}
.columnScroll .con .textBox .con1 .textCw .title{
	color: #fff;
}
.columnScroll .con .textBox .con1 .textCw .title1{
	color: #fff;
}
.columnScroll .con .textBox .con1 .textCon{
	height: 52px;
	line-height: 26px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	overflow: hidden;
	margin-bottom: 60px;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
}
.columnScroll .con:hover .textBox .con1 .textCon{
	margin-bottom: 40px;
}
.columnScroll .con .textBox .con1 .more{
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}
.columnScroll .cloumn1Btn .prev {
	display: block;
	width: 52px;
	height: 52px;
	cursor: pointer;
	background: url("../images/left.png") no-repeat center center;
	position: absolute;
	left: -90px;
	top: 50%;
	margin-top: -26px;
	z-index: 20;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.columnScroll .cloumn1Btn .next {
	display: block;
	width: 52px;
	height: 52px;
	cursor: pointer;
	background:url("../images/right.png") no-repeat center center;
	position: absolute;
	right: -90px;
	top: 50%;
	margin-top: -26px;
	z-index: 1;
	display: none;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.columnScroll .prev:hover,
.columnScroll .next:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	box-shadow: 1px 1px 17px 1px rgba(0,0,0,0.05);
}


/*messages*/
.index_message{width:100%; height:auto; padding:60px 0; position:relative;}
.index_message .title{margin-bottom:30px;}
.index_message .title h2{color:#000; font-size:48px; text-transform:capitalize;}
.index_message .title p{color: #666666; font-size:16px;}
.index_message .item {box-sizing:border-box; margin-bottom:40px;}
.index_message input[type=text],.index_message textarea{
	width:100%;
	color:#666;
	border:none;
	font-size:16px;
	line-height:40px;
	transition:all .3s; 
	border-bottom:solid 1px #999999;
	background-repeat:no-repeat; 
	background-position:15px center;
	background-color:#f0f0f0;
}
.index_message textarea::-webkit-input-placeholder{
	color:#666;
	border:none;
	font-size:16px;
}
.index_message input::-webkit-input-placeholder{
	color:#666;
	border:none;
	font-size:16px;
}
.index_message input[type=submit]{
	color:#000;  
	font-size:18px;
	padding:10px 60px;	
	text-align:center; 
	transition:all .3s;
	border:none;
	background-color:#fff; 
}
.index_message  input[type=submit]:hover{background-color:#185da8; color:#fff;}

.img-messages{
    content: '';
    display: block;
    width: 50%;
    height: 100%;
    position: absolute;
    right: -250px;
    top: 80px;
    background: url(img/demo/product_layer_ico.png) center 0 no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}


/*footer*/
.footer{width:100%; height:auto; padding:60px 0 20px 0; background-color:#1a1a1a;}
.footer a{ color:#eee}
.footer a:hover{ color:#fd9}
.contact_item {
    text-align: center;
    font-style: normal;
    padding: 30px 3% 20px;
    position: relative;
}
.footer .contact_item+.contact_item:before {
    content: '';
    display: block;
    width: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 40px;
    bottom: +0px;
}
.contact_item:hover .foot_item_ico{-webkit-animation:.6s swing ease;-o-animation:.6s swing ease;animation:.6s swing ease;}
.contact_txt {margin:20px 0;}
.contact_txt span{color:#fff; font-size:16px; line-height:24px;}
.foot_sns{text-align:center;}
.foot_sns li{display:inline-block;padding:5px;}
.foot_sns li a {display: inline-block; transition: 1s;}
.foot_sns li a img{width:auto;max-height:32px;vertical-align:top;}
.foot_sns li a:hover{-webkit-transform:rotate(60deg) scale(1.2);-ms-transform:rotate(60deg) scale(1.2);-o-transform:rotate(60deg) scale(1.2);transform:rotate(60deg) scale(1.2);}
.copyright{text-align: center;border-top: 1px solid #999999;padding: 20px 0px; color:#fff; font-size:16px;}

/*下向箭头的跳动*/
.bnco {
    background: url(../images/bnco.png) no-repeat center center;
    width: 20px;
    height: 30px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -10px;
    -webkit-animation: arrowDown 1s infinite linear;
    cursor: pointer;
    z-index: 99999;
}
/*向下的箭头跳动*/
@-webkit-keyframes arrowDown {
    0% {
        -webkit-transform: translate(0,0);
    }
    25%{
        -webkit-transform: translate(0,6px);
    }
    50% {
        -webkit-transform: translate(0,0);
    }
    75%{
        -webkit-transform: translate(0, -6px);
    }
    100% {
        -webkit-transform: translate(0,0);
    }
}
.col1BgBox{
    position: absolute !important;
    width: 105%;
    height: 105%;
    left: -2.5% !important;
    top: -2.5% !important;
}
.col1Bg{
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    position: relative;
}
.col1Bg:after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.2;
    filter:alpha(opacity=20);
}
.clutext{
    position: absolute;
    left: 120px;
    top: 200px;
    z-index: 2;
    width: 30%;
}
.clutitle span{
    color: #fff;
    font-size: 36px;
    display: block;
    padding-bottom: 25px;
    position: relative;
    margin-bottom: 25px;
}
.clutitle span:after{
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 4px;
    background: #fff;
}
.clutitle em{
    color: #fff;
    font-size: 30px;
    font-style: normal;
    margin-bottom: 90px;
    display: block;
}
.clutextC .title{
    color: #FFF;
    font-size: 26px;  
    margin-bottom: 30px;
}
.clutextC .textCC
{
    color: #fff;
    font-size: 14px;
    line-height: 35px;
    height: 70px;
    overflow: hidden;
}
.indexbtn{
    width: 140px;
    height: 40px;
    background: #d71519;
    text-align: center;
    color: #fff;
    line-height: 40px;
    display: block;
    border-radius: 30px;
}
/*内页框架开始*/


.subBanner {
    width: 100%;
    padding-top: 26.041666%;
    position: relative;
}

.subBanner a {
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.subBannerText {
   text-align: left;
   height: 100%;
   position: relative;
}
.subBannerText .text{
    position: absolute;
    bottom: 130px;
}
.subBannerText span {
    display: block;
    color: #fff;
    font-size: 36px;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 20px;
    
}
.subBannerText span:after{
    display: block;
    content: '';
    position: absolute;
    width: 50px;
    height: 3px;
    background: #ffffff;
    bottom: 0;
}
.subBannerText em {
    display: block;
    height: 48px;
    line-height: 48px;
    color: #ffffff;
    font-size: 30px;
    font-style: normal;
}

.bannerLine {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url(../images/lineShadow.png) repeat;
    opacity: 0.1;
}

/*product*/
.product{
	width:100%;
	height:auto;
	padding:60px 0;
}
.netWork{
	position: relative;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	padding-left: 50px;
	font-size: 24px;
	color: #333;
}
.netWork:after{
	display: block;
	content: "";
	position: absolute;
	width: 31px;
	height: 2px;
	left: 0;
	top: 50%;
	background: #185da8;
}

.menu1{
	margin-right: -25px;
}
.menu1 dd{
	float: left;
	display: inline;
	margin: 0 25px;
	padding: 0 20px;
	height: 32px;
	border: 1px solid transparent;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	border-radius: 17px;
}
.menu1 dd a{
	display: block;
	line-height: 32px;
	font-size: 14px;
	color: #666;
	text-align: center;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.menu1 dd:hover{
	border-color: #185da8;
	
}
.menu1 dd:hover a{
	color: #185da8;
	text-decoration:none;
}
.menu1 dd.hover{
	border-color: #185da8;
}
.menu1 dd.hover a{
	color: #185da8;
	text-decoration:none;
}


/*page*/
.page {
	padding: 30px 0;
	text-align: center;
	clear: both;
	font-size: 14px;
}

.page a {
	display: inline-block;
	overflow: hidden;
	padding: 6px 12px;
	color: #999999;
	border-radius: 3px;
	background: #fff;
	margin: 0 3px;
	border: 1px solid #e6e6e6;
}

.page span {
	display: inline-block;
	padding: 6px 2px;
	position: relative;
	top: -15px;
}

.page a:hover {
	background: #185da8;
	color: #fff;
	border-color: #185da8;
}
.page a.page-num-current{
    background: #185da8;
	color: #fff;
	border-color: #185da8;	
}

.page a.hover {
	background: #185da8;
	color: #fff;
	border-color: #185da8;
}

.page input {
	display: inline-block;
	vertical-align: middle;
	height: 22px;
	border: 1px solid #e6e6e6;
	position: relative;
	top: -2px;
}

.page input.pageDetail {
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 3px;
	color: #999999;
	position: relative;
	top: -13px;
}

.page label {
	color: #999999;
	position: relative;
	top: -11px;
}

.page input.page_bnt {
	border: none;
	width: 30px;
	height: 25px;
	cursor: pointer;
	background: none;
	color: #999999;
	position: relative;
	top: -13px;
}

.page a div {
	width: 11px;
	height: 19px;
	background-position: center center;
	background-repeat: no-repeat;
}

.page a.firstPage div {
	background-image: url(../images/firstPage.png)
}

.page a.prevPage div {
	background-image: url(../images/prevPage.png)
}

.page a.nextPage div {
	background-image: url(../images/nextPage.png)
}

.page a.lastPage div {
	background-image: url(../images/lastPage.png)
}

.page a.firstPage:hover div {
	background-image: url(../images/firstPageh.png)
}

.page a.prevPage:hover div {
	background-image: url(../images/prevPageh.png)
}

.page a.nextPage:hover div {
	background-image: url(../images/nextPageh.png)
}

.page a.lastPage:hover div {
	background-image: url(../images/lastPageh.png)
}

.page a.firstPage.disabled {
	background: #E2E2E2;
}

.page a.prevPage.disabled {
	background: #E2E2E2;
}

.page a.nextPage.disabled {
	background: #E2E2E2;
}

.page a.lastPage.disabled {
	background: #E2E2E2;
}

.page a.firstPage.disabled div {
	background-image: url(../images/firstPage.png)
}

.page a.prevPage.disabled div {
	background-image: url(../images/prevPage.png)
}

.page a.nextPage.disabled div {
	background-image: url(../images/nextPage.png)
}

.page a.lastPage.disabled div {
	background-image: url(../images/lastPage.png)
}

/*about*/
.about{
	width:100%;
	height:auto;
	padding:60px 0;
}
.about_con{
	background-color:#fff;
	padding:30px;
}
.about_tit h4{
	color:#185da8;
	font-size:24px;
	text-transform:capitalize;
	padding-bottom:20px;
}
.about_txt p{
	color:#858585;
	font-size:16px;
	line-height:30px;
}
.about_txt{padding-bottom:10px;}


/*contact*/
.contact{width:100%; height:auto; background-color:#fff; padding:60px 0;}
.title_con h3{
    height: 52px;
    line-height: 52px;
    font-size: 24px;
    color: #454545;
    text-align: center;
}
#con_item:after {
    display: block;
    content: "";
    position: absolute;
    width: 1px;
    height: 80px;
    background: #e6e6e6;
    top: 25px;
    right: 0;
}
.con_item{
	padding: 20px 5px;
	transition: all 0.3s linear;
	-wbkit-transition: all 0.3s linear;
}
.con_item:hover{
	box-shadow: 0px 1px 7px rgba(0,0,0,0.2);
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
}
.con_item:hover .con_img {
    transform: rotateY(
180deg
);
    -webkit-transform: rotateY(
180deg
);
}
.con_img{
    margin-bottom: 25px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.con_item span{
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #333;
    text-align: center;
}
.con_item p{
    line-height: 20px;
    padding: 10px 0;
    font-size: 16px;
    color: #666;
    text-align: center;
}

/*news*/
.news{width:100%; height:auto; padding:60px 0; background-color:#fff;}
.news_desc h4 a {
    color: #333;
    font-size: 20px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.news_desc p{
    font-size: 14px;
    color: #858585;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    margin-bottom: 28px;
}
.news_desc span {
    color: #858585;
    font-size: 16px;
    line-height: 30px;
    overflow: hidden;
    margin-bottom: 12px;
}
.news_desc .jt {
    display: block;
    width: 27px;
    height: 27px;
    background: url(../images/hjt.png) no-repeat center center;
   -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.news_desc:hover .jt{
    background: url(../images/jt.png) no-repeat center center;
}
.news_item:hover{
    background: #fafafa;
}
.news_item {
     margin-bottom: 30px;
	 padding:20px 0;
     border-bottom: 1px solid #e6e6e6;
}
.news_item:hover {
    border-bottom: 1px solid #fafafa;
}
.news_item:hover .news_desc h4 a {
    color: #185da8;
	text-decoration:none;
}
.news_img{
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	transition:0.6s;
}
.news_img img{width:100%;transition:0.6s;}
.news_item:hover .news_img img{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.xwcon{
	background:#f6f6f6;
    padding: 4% 8%;
}
.xwcon h2 {
	font-size:30px;
    text-align: center;
    color:#000;
    margin: 0;
}
.xwcon .new_fb {
    line-height:40px;
    color: #999;
	text-align:center;
	border-bottom: 1px solid #d4d4d4;
	margin-bottom:20px;
}
.newsPage {
    padding:2% 0;
    font-size: 14px;
    border-top: 1px solid #efefef;
    color: #999;
    line-height: 35px;
    margin: 15px 0 30px;
}
.page-a a{color:#999999}
.page-a a:hover{text-decoration:none;}
.xwnr p{font-size:14px; color:#333; line-height:30px;}

/*video*/
.video{width:100%; height:auto; padding:60px 0; background-color:#fff;}
.video_item{margin-bottom:30px;}

/*pro-detail*/
.pro-detail{width:100%; height:auto; padding:5px 0;background-color:#fff;}
.show{
    overflow:hidden;
	width:100%;
	margin-bottom:30px;
	margin-top:26px;
}
.pro-detail .show a {
    display:block;
    float:left;
    width:300px;
    height:60px;
    font-size:18px;
    line-height:60px;
    color:#555;
    text-align:center;
    vertical-align:middle;
    border-top:1px solid #dcdcdc;
    border-bottom:1px solid #dcdcdc;
    border-left:1px solid #dcdcdc;
}
.pro-detail .show a.onn {
    font-weight:700;
    color:#fff;
    background:#185da8;
    border-top:none;
    border-bottom:none;
    border-left:none;
}
.detail_con{margin:30px 0 15px;}
.detail_con td{ padding:7px 0 5px 10px;}
.detail_con .tit{
    font-weight:700;
    font-size:24px;
    line-height:44px;
    color:#222;
}
.dotit{
    font-weight:400;
    font-size:18px;
    line-height:28px;
    color:#222;
    margin-top:10px;
    word-break:keep-all;
	margin-bottom:0!important
}
.detail_alse{margin:70px 0 15px;}
.detail_alse .tit{
    font-weight:700;
    font-size:24px;
    line-height:44px;
    color:#222;
}
.detail_alse p{
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #555;
    margin-top: 10px;
    word-break: keep-all;
}

.info-main-rig #title{
	font-size:30px;
    color:#333;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin:0;
	padding-bottom:20px;
	text-transform:capitalize;
	border-bottom:solid 1px #185da8;
 }
.info-main-rig .nr table td {
    border-top: none;
	text-transform:uppercase;
    border-bottom: 1px dashed #dcdcdc;
}
.info-main-rig .order-btn .submit {
    display: block;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    text-align: center;
    background: #22b6ff;
    color: #fff;
    font-size: 14px;
    transition: 0.3s;
}

.about_btn{margin:30px 0;}
.about_btn a{
	color:#ffffff!important;
	font-size:16px; 
	padding:10px 50px; 
	transition:all 0.6s;
	border:solid 1px #185da8;
	background-color:#185da8; 
	text-transform:uppercase; 
}
.about_btn a:hover{color:#185da8!important; text-decoration:none; border:solid 1px #185da8; background-color:#fff;}
.ad_box h2{font-size:20px; color:#000; height:60px;}
.ad_box p{font-size:14px; color:#999;}
/*honor*/
.honor{padding:0 0 60px ;}
.honor-box .items {
    display: block;
    background: #fff;
    font-size: 16px;
    color: #333333;
    padding: 20px 30px;
    position: relative;
    transition: .5s ease-in-out;
	border-bottom: solid 3px #f6f6f6;
	margin-top:10px;
}
.honor-box .items:hover{
	border-bottom: solid 3px #185da8;
	transform: translate(0px,-10px)
}
 .honor-box .tit{
     font-size: 24px;
     color:#333333;
     line-height: 30px;
     height: 30px;
     font-weight: bold;
	 padding-bottom: 10px;
	 margin-top:10px;
    }
.honor-box .pic{
      height: 435px;
      line-height: 435px;
      border-bottom: 1px solid #dcdcdc;
      position: relative;
      text-align: center;
	  padding:0 20px;
}

.honor-box .pic img{width:100%;}

.honor-box a:hover{text-decoration:none;}

.pro{width:100%; height:auto; padding:60px 0 10px 0; background-color:#fff;}

.sp_header{display:none;}

.develop ul li{ width:100%; border:solid #062e5e 4px; border-radius:12px; color:#062e5e; font-size:16px; padding:4px 10px 4px 15px; margin-bottom:13px; line-height:22px;}

/**/
.pro_advant{ margin-top:25px; margin-bottom:15px;}
.pro_advant_l{ padding-right:0}
.pro_advant_l img{ width:100%; margin-top:20px;}
.pro_advant_r{ padding-left:0}
.pro_advant_r .pro_advant_main{ width:100%; border: solid #185da8 1px;}
.pro_advant_r .pro_advant_main .title{ width:100%; background-color:#185da8; color:#fff; font-size:20px; font-weight:bold; padding:7px 0 8px 15px;}
.pro_advant_r .pro_advant_main .content{ font-size:16px; padding:10px 8px 12px 15px; line-height:26px; min-height:280px;}
.pro_advant_r .pro_advant_main .content dt{ font-size:18px; font-weight:bold; padding-top:6px;}
.pro_advant_r .pro_advant_main .content dd{ line-height:27px; padding-top:6px;}
.pro_advant_r .pro_advant_main .content span{ color:#F30}

/**/
.pp_advant{ width:100%; border:dashed #ddd 1px; font-size:16px; line-height:26px; padding:10px 6px 10px 15px; margin-top:32px;}

.pack_advant ul li{ width:100%; border:dashed #ddd 1px; margin:25px auto 10px auto; font-size:16px; line-height:26px; padding:8px 0 8px 0; text-align:center}
.pack_advant{ text-align:center}
.pack_advant img{ margin-top:26px;}
.pack_advant span{ color:#f30}

.expr_advant{ width:100%; border:dashed #ddd 1px; margin-top:15px; font-size:16px; line-height:26px; padding:10px 10px 10px 20px;}
.expr_advant_img img{ width:100%; margin-top:25px;}

/**/
.pro_honor img{ width:100%; margin-top:10px; margin-bottom:15px;}

/**/
.pro_team{ padding-bottom:15px;}
.pro_team dl dt{ font-size:18px; margin-top:25px;}
.pro_team dl dd{ font-size:15px; color:#555; padding-top:6px; padding-bottom:15px;}

/*suspension*/
.suspension{position:fixed; z-index:55; right:0; bottom:120px; width:70px; height:240px;}
.suspension-box{position:relative; float:right;}
.suspension-box a{ color:#fff}
.suspension-box a:hover{ color:#FC0}
.suspension .a{display:block; width:44px; height:44px; background-color:#353535; margin-bottom:4px; cursor:pointer; outline:none; transition: all 0.3s;}
.suspension .a.active,.suspension .a:hover{background: #185da8;}
.suspension .a .i{float:left; width:40px; height:40px; background-image:url(../images/side_icon.png); background-repeat:no-repeat;}
.suspension .a-service .i{
	width:20px; 
	height:20px; 
	margin-top:12px;
	margin-left:12px; 
	background-image:url(../images/suspension-bg.png); 
	background-repeat:no-repeat;
	background-position:0 0;
}
.suspension .a-service-phone .i{
	width:20px;
	height:20px;
	margin-top:12px;
	margin-left:12px;
	background-image:url(../images/suspension-bg.png);
	background-repeat:no-repeat;
	background-position:-27px 0;
}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#185da8; display:none;}
.suspension .a-top:hover{background:#185da8;}
.suspension .d{display:none;width:223px; background:#185da8; position:absolute; right:44px; min-height:44px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:48px;}
.suspension .d-qrcode{top:96px;}
.suspension .d .inner-box{padding:10px 0 0 0;}
.suspension .d-service-item .text{width:150px; font-size:16px; margin-left:12px; color:#fff;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left; line-height:27px; font-size:12px; width:50%; white-space:nowrap; color:#888;}
.suspension .d-service-intro i{
	background:url(../images/side_con_icon01.png) no-repeat center center;
	height:27px;
	width:14px;
	margin-right:5px;
	vertical-align:top;
	display:inline-block;
}

/**/
.video_index{ margin-top:40px;}
.video_index img{ width:100%; margin-top:22px;}

/**/
.honor_index{ width:100%; position:relative; height:100%}
.honor_index .honor_index_img{ position:absolute; width:100%; height:100%}
.honor_index .honor_index_img img{ width:100%}
.honor_index .honor_main{ width:96%; margin:auto; text-align:center}
.honor_index .honor_main ul li{ width:16%; display:inline-block; margin:30px 12px 0 12px}

/**/
.ex_intro_item h2{ font-size:28px; padding-top:10px;}
.ex_intro_item .ex_intro{ font-size:16px; line-height:28px; padding-top:20px;}
.ex_intro_pic{ margin-top:68px;}

/**/
.customer_intro{ color:#fff; line-height:26px; font-size:14px; padding-top:8px;}

/*media*/
@media (max-width:480px){

}
@media only screen and (max-width:768px) {
	.sp_header{display:block;}
/*	.indexBannerBox{display:none;}*/
	.top{display:none;}
	.bnco{display:none;}
	.subBanner{padding-top:200px!important}
	.footer .contact_item+.contact_item:before{display:none;}
	.indexBanner{height:360px}
	.img-messages{display:none;}
	.index_app{display:none;}
	.new_desc h4{margin-bottom:10px;}
	.new_item .time{display:none;}
	.index_message .title h2{font-size:30px; font-weight:bold;}
	.line h2{font-size:30px; font-weight:bold;}
	.index_news,.index_about{padding-top:30px; padding-bottom:30px;}
	.index_message{padding:30px 0;}
	.index_video{top:0;}
	.index_factory,.product,.index_product,.contact,.news,.video{top:0;padding:30px 0;}
	.company_intr_desc{padding:0; font-size:16px;}
	.product-num-inf{font-size:14px;}
	.index_number{margin:20px 0;}
	.counter-value{font-size:50px;}
	.fr{display:none!important;}
	.subBannerText {display:none;}
	.news_item{margin-bottom:0;}
	.xwcon h2{font-size:18px;}
	.ad_box h2{height:40px;}
	
	.develop_l{ display:none;}
	
	.pro_advant_l{ padding-right:15px}
    .pro_advant_r{ padding-left:15px}
}

@media (min-width:768px) and (max-width:992px){
	.develop ul li{font-size:14px; padding:4px 10px 4px 15px; margin-bottom:8px; line-height:19px;}
}
@media only screen and (max-width: 950px){
	
}
@media (min-width:992px) and (max-width:1200px){
    .develop ul li{font-size:14px; padding:4px 10px 4px 15px; margin-bottom:8px; line-height:19px;}
}
@media (min-width:1201px){
	
}