/*header start*/
.header .head_top{width: 100%;height: 35px;line-height: 35px;background: #555;color: #fff}
.header .htopr{width:470px;height:35px; float: right; text-align: right;}
.header .htopr .htopr1{height: 35px;line-height: 35px; background: url(../images/ticonr1.png) no-repeat left center; text-indent: 35px; float: left; margin: 0px;}
.header .htopr .htopr1 span{ font-size: 16px; font-weight: bold; color: #de2910; font-family: "Microsoft Yahei","WenQuanYi Micro Hei",SimSun,Tahoma,Arial,Helvetica,STHeiti;}
.header .htopr a{ display:inline-block;width:30px;height:35px;line-height:35px; margin: 0px 5px; background-position:0px 0px; background-repeat: no-repeat;text-decoration: none;transition: all 0.15s ease-in;}
.header .htopr .htopr2{ background-image: url(../images/ticonr2.png);}
.header .htopr .htopr3{ background-image: url(../images/ticonr3.png);}
.header .htopr .htopr4{ background-image: url(../images/ticonr4.png);}
.header .htopr .htopr5{ background-image: url(../images/ticonr5.png);}
.header .htopr .htopr6{ background-image: url(../images/ticonr6.png);}
.header .htopr .htopr2:hover{ background-position-y:-35px;}
.header .htopr .htopr3:hover{ background-position-y:-35px;}
.header .htopr .htopr4:hover{ background-position-y:-35px;}
.header .htopr .htopr5:hover{ background-position-y:-35px;}
.header .htopr .htopr6:hover{ background-position-y:-35px;}
.header .logo{width: 25%}
.header .logo a{display: table-cell; vertical-align: middle;height: 90px;}
.header .logo img{width: 100%;}
.header .pc-menu{width:70%;height:90px; line-height:90px; position:relative;z-index:999;margin: 0 auto}
.header .pc-menu .nLi{width: 12.5%; float:left; position:relative; display:inline;}
.header .pc-menu .nLi p{ float:left;width: 100%;}
.header .pc-menu .nLi p a{ display:block; width: 100%;font-size:16px;font-weight: normal;text-align: center;line-height: 90px}
.header .pc-menu .sub{ display:none; width:100%; left:0; top:90px;position:absolute;z-index: 9999;background:rgba(255,255,255,0.8);line-height:30px;}
.header .pc-menu .sub li{ zoom:1;}
.header .pc-menu .sub a{ display:block; padding:0 10px;text-align: center;font-size: 1em;}
.header .pc-menu .sub a:hover{ background:#0058AF; color:#fff;}
.header .pc-menu .on p a{ background:url(../images/navhover.jpg) repeat-x center;}
.header .menu{display: none;}
.header .mobile-menu{display: none;}

/*banner start*/
.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

/* Callback example */
.callbacks_container{
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:61px;
	width:38px;
	background:transparent url("../images/themes.gif") no-repeat left top;
	margin-top:-30px;
	display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}

@media screen and (max-width:600px){
	.callbacks_nav{
		top:47%;
	}
}
/*banner end*/

/*product start*/
.title{text-align: center;}
.title b{font-size: 2.2em;color: #02319B}
.title p{text-align: center;font-size: 1.2em;font-family: Arial;color: #888;margin-top: 10px}
.product{padding:3% 0 0 0;}
.product .pro_list{position: relative;text-align: center}
.product .pro_list a{display:inline-block;color: #666;font-size:1.75em;margin:20px 5px 30px 5px;}
.product .title_x{padding:30px 10px 25px 15px;color: #999}
.product .title_x b{font-size: 25px;font-weight: normal;color: #02319B}
.product .title_x p{color: #666;padding-top: 15px;line-height: 180%}
.product .pro_l{width:35%;background: url(../images/pro_l_bg.jpg) no-repeat bottom right;float: left;height: 720px}
.product .pro_r{width: 61%;float: left;padding-left: 2%;padding-right: 2%}
.product .pro_r ul{width: 100%}
.product .pro_r ul li{padding: 0px!important;overflow: hidden;position: relative;}
.product .pro_r ul li a{padding: 10px;display: block;}
.product .pro_r ul li .img{overflow: hidden;position: relative;}
.product .pro_r ul li img{  display: block;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in;}
.product .pro_r ul li:hover img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
.product .pro_r ul li p{display: block;width: 100%;height:35px;line-height: 35px;text-align: center;position: absolute;bottom:-35px;background: rgba(0,0,0,0.6);color: #fff;z-index: 99999;font-size: 1.15em;transition: all 0.2s ease-in;}
.product .pro_r ul li:hover p{bottom: 0px}
/*product end*/

/*效果图 start*/
.scollbg{width: 100%;height: 100%;background-image: url(../images/labbg.jpg);background-attachment: fixed;background-position: 50% 0%;background-repeat: no-repeat;position: absolute;z-index: -2;}
.labimg{ background:rgba(0,0,0,0.7);padding:3% 0 0 0}
.labimg .title b{color: #fff}

/*company start*/
.company{padding: 3% 0 0 0;background: url(../images/sys.jpg) no-repeat center;}
.company .com_body{padding-top: 1.5%;text-align: center;}
.company .com_con{width:85%;margin: 0 auto;}
.company .com_body b{font-size: 1.4em;display: block;padding-bottom: 15px;}
.company .com_body p{text-align: center;line-height: 180%;font-size: 1.05em;color: #666}
.company .com_body a{display: block;width:120px;line-height:30px;font-size: 1.05em;border:1px solid #888;color: #666;margin: 1% auto 0 auto;}
.company .com_body a:hover {background: #02319B;color: #fff;border-color: #023198}
.company .com_body img{width: 80%}
/*company end*/

/*case start*/
.case{padding: 3% 0 ;background: url(../images/casebg.png) no-repeat center;}
.case .title b{color: #fff}
.case .case_body{padding-top: 1%;width: 80%}
.case .case_body {position: relative;text-align: center;}
.case .case_body li{width: 12.5%;float: left;margin:2% 0;}
.case .case_body li img{width: 55%}
.case .case_body li p{text-align: center;color: #fff;display: block;padding-top: 5px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case .case_body a{display: block;width:120px;line-height:30px;font-size: 1.05em;border:1px solid #fff;color: #fff;margin: 1% auto 0 auto;}
.case .case_body a:hover {background: #DE2910;color: #fff;border-color: #DE2910}
/*case end*/

/*contact start*/
.contact{padding:3% 0;background: url(../images/contactbg.jpg);background-position: center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-attachment: fixed;text-align: center;}
.contact b{display:block;font-size: 1.4em;margin-bottom: 1%}
.contact p{text-align: center;line-height: 180%;font-size: 1.05em;}
.contact a{display: block;width:120px;line-height:30px;font-size: 1.05em;border:1px solid #888;color: #666;margin: 1% auto 0 auto;}
.contact a:hover {background: #02319B;color: #fff;border-color: #023198}

/*footer start*/
.footer{background: #313131;padding: 30px 0 20px 0}
.footer .f_title{width:70px;font-size: 17px;color: #fff;padding-bottom: 10px;border-bottom: 2px solid #02319B}
.footer .foot_con{float: left;padding:10px 60px 0;}
.footer .foot_con em{float: right;display: none;}
.footer ul{margin-top: 10px;}
.footer ul li{color: #aaa;line-height: 20px}
.footer ul li a{display:block;color: #aaa;}
.footer .logo_f {text-align: center;}
.footer .logo_f img{width: 100%}
.foot_bot{background: #02319B;line-height:45px;color: #fff;text-align: center;}
.foot_bot p{text-align: center;font-size: 14px;}
.foot_bot a{color: #fff;}
.footer img{float: left;}
/*foot end*/

/*nypro start*/
.ny_nav{width: 100%;height: 35px;line-height: 35px;background: #efefef;}
.ny_nav img{margin:5px 0;}
.main .pro_l{width:100%;}
.main .pro_l .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.main .prolist_pc{width: 100%;border-top: 0px;padding-bottom: 20px}
.main .prolist_pc .pList{position:relative;z-index:1;margin: 0 auto}
.main .prolist_pc .pList a{ color:#888;}
.main .prolist_pc .pList > li{line-height:35px;background: #eee;width: 18%;float: left;margin:0.5% 1%;position: relative;}
.main .prolist_pc .pList > li > a{ display:inline-block;font-size:16px;padding-left: 25px;color: #666;display:block;}
.main .prolist_pc .pList span{float: right;padding-right: 20px;color: #0E6F66;display: block;width: 35px;height: 35px;background: url(../images/jtny.png) no-repeat center;}
.main .prolist_pc .pList .sub{display:none; width:100%; background:#f5f5f5; line-height:30px;z-index: 9999;overflow: hidden;padding:5px 0;position: absolute;top: 35px}
.main .prolist_pc .pList .sub li{ zoom:1;text-align: left;font-size: 13px;list-style: disc;color: #888;position: relative;left: 40px}
.main .prolist_pc .pList .sub a{ display:block;}
.main .prolist_pc .pList .sub li:hover {color:#02319B;}
.main .prolist_pc .pList .sub li:hover a{color:#02319B;}
.main .prolist_pc .pList > li.on{background: #02319B;}
.main .prolist_pc .pList > li.on > a{color: #fff}
.main .prolist_pc .pList > li.on > a span{background:url(../images/jtny1.png) no-repeat center; }
.main .pro_r{width:100%;}
.main .pro_r ul li{width: 25%;float: left;text-align: right;margin-bottom:20px}
.main .pro_r ul li img{width: 100%}
.main .pro_r ul li p{display:block;width:100%;height: 35px;line-height: 35px;background: #02319B;float: right;text-align: center;color: #fff}
/*nypro end*/

/*main start*/
.main{padding: 50px 0}
/*main end*/
@media (min-width: 1200px) {
.main .prolist_mo{display: none}
}

@media (min-width: 993px) and (max-width: 1200px) {
/*title start*/
.title b{font-size: 1.6em;color: #02319B}
.title p{text-align: center;font-size: 1em;font-family: Arial;color: #888;margin-top: 0.5%}

/*header start*/
.header .logo{width: 25%;}
.header .logo img{height: 45px;width: auto;}
.header .pc-menu{display: none;}
.header .menu{display: none;}
.header .mobile-menu{display: block!important;}
.header .mobile-menu{width:72%;height:90px; line-height:90px; position:relative;z-index:999;margin: 0 auto}
.header .mobile-menu .nLi{width: 12.5%; float:left; position:relative; display:inline;text-align: center;}
.header .mobile-menu .nLi > a{ display:block; width: 100%;height:100%;font-size:1.05em;font-weight: normal;text-align: center;vertical-align: middle;margin:0 auto;}
.header .mobile-menu .nLi .navclick em{display: inline-block;width: 0;height: 0;border-top: 4px dashed;border-right: 4px solid transparent;border-left: 4px solid transparent;vertical-align: middle;margin-left: 5px}
.header .mobile-menu .sub{ display:none; width:120%; left:0; top:90px;position:absolute;z-index: 9999;background:rgba(255,255,255,0.8);line-height:35px;}
.header .mobile-menu .sub li{ zoom:1;}
.header .mobile-menu .sub a{ display:block; padding:0 10px;text-align: center;font-size: 1em;}
.header .mobile-menu .sub a:hover{ background:#0058AF; color:#fff;}
.header .mobile-menu .nLi:hover > a{ background:url(../images/navhover.jpg) repeat-x center;}

/*product start*/
.product .pro_list a{font-size: 1em;margin: 1%}
.product .pro_l{display: none;}
.product .title_x{display: none}
.product .pro_r{width: 100%;float: none;padding:0;}
.product .pro_r ul li{width: 50%;padding: 2%}
.product .pro_r ul li p{bottom: 0}

/*效果图 start*/
.scollbg{display: none;}
.labimg{background: url(../images/labbg1.jpg) no-repeat center;}

/*company start*/
.company .com_body b{font-size: 1.2em;display: block;padding-bottom: 15px;}
.company .com_body p{text-align: justify;text-justify:inter-ideograph;line-height: 160%;font-size: 1em;text-indent: 2em}
.company .com_body a{display: block;width:100px;line-height:25px;font-size: 0.9em;border:1px solid #888;color: #666;margin: 1% auto 0 auto;}
.company .com_body img{width: 100%}

/*case start*/
.case .case_body li{width: 25%;float: left;margin:1% 0;}
.case{background: url(../images/labbg1.jpg) no-repeat center;}
.case .case_body ul{margin: 4% auto;}
.case .case_body li img{width: 70%}
.case .case_body li p{font-size: 0.8em;}
.case .case_body a{display: block;width:100px;line-height:25px;font-size: 0.9em;border:1px solid #888;color: #666;margin: 1% auto 0 auto;}

/*contact start*/
.contact a{display: block;width:100px;line-height:25px;font-size: 0.9em;border:1px solid #888;color: #666;margin: 1% auto 0 auto;}

/*footer*/
.footer .foot_con{float: left;padding:10px 21px 0;}
.footer .logo_f img{width: 70%;text-align: center;}
.footer .foot_con{float: left;padding:10px;}

/*nypro start*/
.prolist_pc{display: none}
.prolist_mo{display: block;}
.main .prolist_mo{width: 100%;border-top: 0px;padding-bottom: 20px}
.main .prolist_mo .pList{position:relative;z-index:1;margin: 0 auto}
.main .prolist_mo .pList a{ color:#888;}
.main .prolist_mo .pList > li{line-height:35px;background: #eee;width: 18%;float: left;margin:0.5% 1%;position: relative;}
.main .prolist_mo .pList > li > a{ display:inline-block;font-size:16px;padding-left: 25px;color: #666;display:block;}
.main .prolist_mo .pList span{float: right;padding-right: 20px;color: #0E6F66;display: block;width: 35px;height: 35px;background: url(../images/jtny.png) no-repeat center;}
.main .prolist_mo .pList .sub{display:none; width:100%; background:#f5f5f5; line-height:30px;z-index: 9999;overflow: hidden;padding:5px 0;position: absolute;top: 35px}
.main .prolist_mo .pList .sub li{ zoom:1;text-align: left;font-size: 13px;list-style: none;color: #888;position: relative;left:15px}
.main .prolist_mo .pList .sub a{ display:block;}
.main .prolist_mo .pList .sub li:hover {color:#02319B;}
.main .prolist_mo .pList .sub li:hover a{color:#02319B;}
.main .prolist_mo .pList > li.on{background: #02319B;}
.main .prolist_mo .pList > li.on > a{color: #fff}
.main .prolist_mo .pList > li.on > a span{background:url(../images/jtny1.png) no-repeat center; }
}
/*nypro end*/

@media (max-width: 992px) {
/*title start*/
.title b{font-size: 1.6em;color: #02319B}
.title p{text-align: center;font-size: 1em;font-family: Arial;color: #888;margin-top: 0.5%}

/*header start*/
.header{border-bottom: 1px solid #dfdfdf}
.header .logo{width: 60%}
.header .logo a{display: table-cell; vertical-align: middle;height: 60px;}
.header .logo a img{height: 45px;width: auto}
.header .head_top{display: none;}
.header .pc-menu{display: none;}
.header .menu{display: block;}
.header .mobile-menu{display: none;width: 100%;background: #f8f8f8;position: absolute;top: 60px;left: 0px;text-indent: 15px;z-index: 99999999;border-bottom: 1px solid #dfdfdf;padding: 3% 0}
.header .menu{padding: 8px 10px 6px;border: 1px solid #ccc;border-radius: 5px;margin:12px 10px 12px 0;}
.header .menu span{display: block;margin-bottom: 3px;width: 20px;height: 2px;background: #ccc;}
.header .mobile-menu .nLi a{display: block;height: 35px;line-height: 35px;font-size: 1.1em}
.header .mobile-menu .nLi .navclick em{display: inline-block;width: 0;height: 0;border-top: 4px dashed;border-right: 4px solid transparent;border-left: 4px solid transparent;vertical-align: middle;margin-left: 5px}
.header .mobile-menu .sub{display: none;width: 100%;background: #eee;}

/*product start*/
.product .pro_list a{font-size: 1em;margin: 1%}
.product .pro_l{display: none;}
.product .title_x{display: none}
.product .pro_r{width: 100%;float: none;padding:0;}
.product .pro_r ul li{width: 50%;padding: 2%}
.product .pro_r ul li p{bottom: 0;font-size: 0.9em;height: 25px;line-height: 25px;}

/*效果图 start*/
.scollbg{display: none;}
.labimg{background: url(../images/labbg1.jpg) no-repeat center;}

/*company start*/
.company{padding: 3% 0 0 0;background: url(../images/sys.jpg) no-repeat center top;}
.company .com_body b{font-size: 1.1em;display: block;padding-bottom: 10px;}
.company .com_body p{text-align: justify;text-justify:inter-ideograph;line-height: 160%;font-size: 0.9em;text-indent: 2em}
.company .com_body a{display: block;width:100px;line-height:25px;font-size: 0.9em;border:1px solid #888;color: #666;margin: 1% auto 0 auto;}
.company .com_body img{width: 100%}

/*case start*/
.case .case_body li{width: 25%;float: left;margin:1% 0;}
.case{background: url(../images/labbg1.jpg) no-repeat center;}
.case .case_body ul{margin: 4% auto;}
.case .case_body li img{width: 70%}
.case .case_body li p{font-size: 0.8em;}
.case .case_body a{display: block;width:100px;line-height:25px;font-size: 0.9em;border:1px solid #888;color: #666;margin: 1% auto 0 auto;}

/*contact start*/
.contact a{display: block;width:100px;line-height:25px;font-size: 0.9em;border:1px solid #888;color: #666;margin: 1% auto 0 auto;}

/*footer start*/
.footer{padding: 10px 0 20px 0;}
.footer .foot_con{width: 100%;border-bottom: 1px solid #666}
.footer .foot_con em{float: right;display: block;font-style: normal;}
.footer .f_title{width:100%;font-size: 18px;color: #fff;padding-bottom: 5px;border-bottom: 0px}
.footer ul{margin-top: 5px;}
.footer ul li{height: 25px;line-height: 25px;}
.foot_bot a{text-align: center;}

.footer .logo_f {display: none;}
.footer .foot_con{float: left;padding:10px;}
.footer .foot_con ul{display: none;}
/*footer end*/

/*nynav start*/
.main{padding:5% 0;}
.prolist_pc{display: none}
.prolist_mo{display: block}
.main .pro_l{width: 100%;border:none;}
.main .pro_l .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.main .pro_l .p_top{display: none;}

.main .pro_l .prolist_mo{width: 100%;}
.main .pro_l .pList{ width:100%;position:relative;z-index:1;margin: 0 auto}
.main .pro_l .pList a{ color:#888;}
.main .pro_l .pList > li{width: 48%;margin:0.5% 1%;float: left;position: relative;}
.main .pro_l .pList > li > a{ display:inline-block;font-size:16px;padding-left: 25px;color: #666;background: #eee;line-height:35px;width: 100%}
.main .pro_l .pList span{float: right;padding-right: 20px;color: #0E6F66;display: block;width: 35px;height: 35px;background: url(../images/jtny.png) no-repeat center;}
.main .pro_l .pList .sub{display:none; width:100%; background:#f5f5f5; line-height:30px;z-index: 9999;overflow: hidden;padding:5px 0;position: absolute;top: 35px;}
.main .pro_l .pList .sub li{ zoom:1;font-size: 13px;list-style: none;color: #888;position: relative;left: 20px}
.main .pro_l .pList .sub a{ display:block;}
.main .pro_l .pList .sub li:hover {color:#02319B;}
.main .pro_l .pList .sub li:hover a{color:#02319B;}
.main .pro_l .pList li:nth-child(1){margin:0.5% 1%;}
.main .pro_r{width:100%;}
.main .pro_r ul li{width: 48%;float: left;text-align: right;margin: 1%}
.main .pro_r ul li img{width: 100%}
.main .pro_r ul li p{display:block;width:100%;height: 35px;line-height: 35px;background: #02319B;float: right;text-align: center;color: #fff}
/*nynav end*/
}