body{font-family: "Gill Sans" !important;    box-sizing: border-box;text-transform: capitalize;}
/*body{font-family: "Microsoft YaHei" !important;    box-sizing: border-box;text-transform: capitalize;}*/
/*#header{position:fixed;width:100%;top:0;left:0;height:77px;z-index: 11;background: #fff;}*/
/*#header .top{ height: 44px; line-height: 44px; background: #5d51c1; color: #a49bf8;}*/
#header{
	background: #fff;}
#header .nav-box{ padding: 10px 15px;}
#header .nav-logo{ margin-top: 10px;}
.zg_nav_btn{position: relative;z-index: 13;}

.xs-nav{ height: 100%; background:#f4f4f4; position: fixed; right: -200px; top: 0; width:180px;z-index: 100; overflow:auto; display: none;}
.xs-nav ul{ padding: 15px 0;}
.xs-nav::-webkit-scrollbar {

display:none
}
.xs-nav ul li{ border-bottom:1px #ddd solid;}
.xs-nav a{ display: block; height: 40px; line-height: 40px; padding-left: 5px; color: #333; padding: 0 25px; font-size: 15px;}
/*#header .xs-nav a:active{  color: #fff;}*/

#header .d-nav > li{ float: left;position: relative;z-index: 20;border-bottom: 4px solid #fff;}
#header .d-nav > li .zg_pc{width:100%;position: absolute;background: #f4f4f4;top:80px;left:0;line-height: 30px; padding-top: 5px;padding-left: 10px;display: none;}
#header .d-nav > li > a{  height: 75px; line-height: 75px;padding: 0 10px;}
#header .d-nav > li > a img{margin-left: 10px;transition: all 0.4s;}
#header .d-nav > li .zg_pc li{margin-bottom: 10px;}
#header .d-nav .act{border-bottom: 4px solid #085081;}
/*2018-7-23 */
#header .d-nav a:hover{ color: #085081;}

#header .d-nav > li .zg_pc li dl{ left:100%; position:absolute; width:120px;background: #f4f4f4; display:none; top:-5px; padding-top:5px; padding-left:10px;}
#header .d-nav > li .zg_pc li dl dd{ height:40px; line-height:40px;}


.xs-nav li > a img{	margin-left: 52px;transition: all 0.4s;}
.xs-nav .zg_mobile{display: none;}
.xs-nav .zg_mobile a{color:#555;font-size: 14px;letter-spacing: 1px; border-bottom:1px solid #085081;}

.xs-nav .zg_mobile  dl{ font-size:12px;}
.xs-nav .zg_mobile  dl dd a{ color:#555;background:#f4f4f4; border:none;}
.xs-nav .zg_mobile  dl dd:last-child a{ border-bottom:1px solid #085081;}
/*2018-7-23 */
#t-ban{text-align: center;font-size: 18px;background: #fff; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;
        -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
#t-ban .swiper-slide img{ max-width: 100%;height: auto;}
#zg-hb-img{ margin: 0 50px;}
.hb-list{ position: relative; margin-top: 25px;}
#zg_footer{ background:#085081; padding-top: 30px;color: rgb(196, 190, 228);}
#zg_footer a:hover{color:#ddd;}
.zg_foot_rwm{ border:5px #8479de solid; margin-right: 20px;}
.zg_foot_rwm img{ width: 100px; height: auto;}
.zg_foot_top{ padding-bottom: 30px;}
.zg_foot_ico{ padding-top: 8px;}
.zg_foot_ico a{ float: left; height: 24px; line-height: 24px; margin-right: 22px;}
.zg_foot_ico a.icon-em{ background: url("../img/ico2.jpg")/*tpa=http://www.17sucai.com/preview/511164/2016-04-15/172/img/ico2.jpg*/ 0 50% no-repeat; padding-left: 26px;}
.zg_foot_ico a.icon-qq{ background: url("../img/qq.jpg")/*tpa=http://www.17sucai.com/preview/511164/2016-04-15/172/img/qq.jpg*/ 0 50% no-repeat; padding-left: 20px;}

.zg_banner_pic .swiper-slide{
	position: relative;
}
.zg_banner_pic .zg_banner_text{
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}
.zg_banner_pic .zg_banner_text h2,
.zg_banner_pic .zg_banner_text .text1{
	font-size: 45px;
	color:#f8f8f8;
	font-weight: 600;
}
.zg_banner_pic .zg_banner_text .text1{
	border-bottom: 1px solid #f8f8f8;
	width:38%;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.zg_banner_pic .zg_banner_text .text2{
	font-size: 18px;
	color:#f8f8f8;
	font-weight: 600;
}
.zg_banner_pic .zg_banner_text .text3{
	font-size:14px;
	color:#f8f8f8;
}
.zg_banner_pic img{
	width:100%;
}
.zg_banner_pic .swiper-pagination-bullet{
	width:4.2%;
	height:4px;
	background:#fff;
	border-radius: 3px;
}
.zg_banner_pic .swiper-container-horizontal .zg_swiper_pagination{
	bottom: 5%;
}
.zg_wrap_inner{
	width:100%;
}
.zg_wrap_left{
	float: left;
	width:50%;
}
.zg_wrap_left img{
	width:100%;
	height:100%;
	padding:3% 24% 6%  23%;
}
.zg_wrap_right{
	float: left;
	width:50%;
}
.zg_wrap_left p{
	text-align: center;
	margin-bottom: 3%;
	font-size: 24px;
	color:#333;
}
.zg_wrap_right .zg_wrap_pic a{
	position: relative;
	z-index: 1;
}
.zg_wrap_right .zg_wrap_pic img{
	transition: all 0.4s;
}
.zg_wrap_right .zg_wrap_pic:hover img{
	opacity: .4;
}

.zg_wrap_left .swiper-container-horizontal .zg_swiper_pagination{
	bottom:-4px;
}
.zg_wrap_left .swiper-button-prev{
	left:6%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23D3D3D3'%2F%3E%3C%2Fsvg%3E");
}
.zg_wrap_left .swiper-button-next{
	right:6%;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23D3D3D3'%2F%3E%3C%2Fsvg%3E");
}
.zg_wrap_left .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
	margin: 0 12px;
}
.zg_wrap_left .swiper-button-next,.zg_wrap_left .swiper-button-prev {
	top: 45%;
	height:22%;
}
.zg_wrap_right_top .zg_l{
	float: left;
	width:50%;
}
.zg_wrap_right_top .zg_l img{
	width:100%;
}
.zg_wrap_right_top .zg_r{
	float: left;
	width:50%;
}
.zg_wrap_right_top .zg_r img{
	width:100%;
}
.zg_wrap_right_btm{
	width:100%;
}
.zg_wrap_right_btm img{
	width:100%;
}
.zg_wrap_pic{
	position: relative;
}
 .zg_text{
	position: absolute;
	top:8%;
	left:6%;
	 z-index: 10;
}
 .zg_text > div {
	width:50%;
	height:3px;
	background: #fff;
	margin-top: 4%;
	margin-bottom: 6%;
    transition: all 0.4s;
}
 .zg_text p{
	font-size: 30px;
	color:#fff;
	font-weight: 600;
    transition: all 0.4s;
}
 .zg_text  span{
	color:#fff;
	font-size: 18px;
    transition: all 0.4s;
}
.zg_wrap_right .zg_wrap_pic:hover .zg_text > div{
	background: #333;
}
.zg_wrap_right .zg_wrap_pic:hover .zg_text p,
.zg_wrap_right .zg_wrap_pic:hover .zg_text span{
	color:#333;
}
.zg_wrap_right_btm  .zg_text{
	 left:3.1%;
 }
.zg_other_inner{
	width:100%;
}
.zg_other_inner .zg_wrap_box{
	float: left;
	width:33.333333%
}
.zg_wrap_l .zg_l_btm{
	width:100%;
	overflow: hidden;
}
.zg_wrap_l .zg_l_btm img{
	width:100%;
}
.zg_wrap_l .zg_left_up{
	background: #0C5B90;
	padding:8% 0 8% 10%;
	position: relative;
}
.zg_wrap_l .zg_left_up .zg_more{
	width:7%;
	position: absolute;
	right:7%;
	bottom:10%;
}
.zg_wrap_l .zg_left_up .zg_more img{
	width:100%;
	transition: all 0.3s;
}
.zg_wrap_l .zg_left_up .zg_more:hover img{
	transform: rotate(180deg);
}
.zg_wrap_l .zg_left_up ul li{
	position: relative;
	line-height:26px;
}
.zg_wrap_l .zg_left_up li:before{
	content:'';
	display: block;
	width:5px;
	height:5px;
	border-radius: 100%;
	background: #fff;
	position: absolute;
	top:10px;
	left:-10px;
}
.zg_wrap_l .zg_left_up li a,.zg_wrap_l .zg_left_up li span{
	color:#fff;
}
.zg_wrap_l .zg_left_up li a {
	font-weight: 600;
}
.zg_wrap_l .zg_left_up li span{
	margin-left: 9%;
}
.zg_other_inner .zg_wrap_m{
	background: #106DAC;
	position: relative;
}
.zg_wrap_m .zg_xwzx span{
	font-size: 24px;
	color:#fff;
}
.zg_wrap_m .zg_m_inner{
	padding-top:6%;
	padding-left: 7%;
}
.zg_wrap_m .zg_more{
	width:7%;
	position: absolute;
	right: 7%;
	bottom: 4%;
}
.zg_wrap_m .zg_more img{
	width:100%;
	transition: all 0.3s;
}
.zg_wrap_m .zg_more:hover img{
	transform: rotate(180deg);
}
.zg_wrap_m .zg_xwzx font{
	font-size: 16px;
	color:#fff;
}
.zg_wrap_m .zg_news_li li{
	line-height: 23px;
	margin-top: 5%;
}
.zg_wrap_m .zg_news_li span{
	font-size: 14px;
	color:#eee;
}
.zg_wrap_m .zg_news_li a{
	color:#fff;
}
.zg_wrap_r .zg_r_u{
	background: #3189C5;
	padding:7% 0 7% 7%;
}
.zg_wrap_r .zg_r_u p{
	line-height: 29px;
}
.zg_wrap_r .zg_r_u p span{
	font-size: 14px;
	color:#fff;
}
.zg_wrap_r .zg_r_u p font{
	font-size: 16px;
	color:#fff;
	font-weight: 600;
	margin-right: 10px;
}
.zg_wrap_r .zg_r_u .p2 font{
	margin-right:0;
}
.zg_wrap_r .zg_r_d{
	padding: 12% 8% 0 8%;
}
.zg_wrap_r .zg_r_d > div{
	margin-top: 15%;
}
.zg_wrap_r .zg_r_d h3{
	font-size: 20px;
	font-weight: 600;
	color:#333;
}
.zg_wrap_r .zg_r_d p{
	font-size: 20px;
	color:#333;
}
.zg_wrap_r .zg_r_d span{
	font-size: 14px;
	color:#999;
}
.zg_wrap_r .zg_r_d p:nth-child(2){
	font-weight: 600;
}
.zg_wrap_r .zg_r_d p:nth-child(2) span{
	font-weight: normal;
}
.zg_title_1{
	display: none;
}
#zg_footer .zg_ul_list ul{
	float: left;
	width:33.333333%;
}
#zg_footer .zg_ul_list ul li{
	text-align: left;
}
#zg_footer .zg_ul_list ul li span{
	font-size: 12px;
	color:#ddd;
}
.zg_ul_list ul:nth-child(3) li:nth-child(2){
	margin-right: 67px;
}
.zg_ul_list ul:nth-child(3) li:nth-child(3){
	margin-right: 114px;
}
/*#zg_footer .zg_ul_list ul li:nth-child(2) img{*/
	/*margin-top:10px;*/
	/*margin-right: 10px;*/
/*}*/
#zg_share a{
	width:24px;
	height:24px;
	padding:0;
	margin:10px 10px 0 0 ;
	display: inline-block;
}
#zg_share .bds_weixin{
	background: url("../img/pro9.png") no-repeat;
}
#zg_share .bds_sqq{
	background: url("../img/pro10.png") no-repeat;
}
#zg_share .bds_tsina{
	background: url("../img/pro11.png") no-repeat;
}
 .bd_weixin_popup .bd_weixin_popup_foot{
	 margin-top: -12px;
}

#zg_share .bdshare-button-style0-32{
	text-align: center;
}
#zg_share .bdshare-button-style0-32 a {
	float: none;
}
.zg_copy{
	background: #073E63;
	padding-top: 12px;
	padding-bottom: 12px;
}
.zg_copy span{
	font-size: 12px;
	color:#ddd;
	text-align: center;
}
.zg_copy a{
	color:#ddd;
}
.zg_copy .zg_p1{
	display: inline-block;
	float: left;
	width:60%;
	padding-right: 8%;
}
.zg_copy .zg_p2{
	display: inline-block;
	float: right;
	width:40%;
	text-align: right;
	padding-right: 8%;
}
.zg_model{
	display: none;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index: 12;
	background: rgba(0,0,0,.6);
	transition: all 0.4s;
}
.zg_scrollTop{
	position: fixed;
	bottom:20px;
	right:20px;
	z-index: 11;
	cursor:pointer;
	opacity: .8;
}
.banner{
	width:100%;
}
.banner img{
	width:100%;
}
.success_case .inner{
	width:95%;
	margin:0 auto;
	padding-bottom: 2.4%;
}
.success_case .inner ul{
}
.success_case .inner .list li{
	display:inline-block; vertical-align:top;
	width:14%;
	background: #fff;
	margin-left: 2.4%;
	margin-top: 2.4%;
text-align: center;
}
.success_case .inner .list li .pro_pic {
	width:100%;
	position: relative;
	overflow: hidden;
}
.success_case .inner ul li .pro_pic > img{
	width:100%;
}
.success_case .inner ul li h3{
	font-size:16px;
	color:#333;
	margin-top: 8%;
}
.success_case .inner ul li span,
.success_case .inner ul li p{
	font-size: 14px;
	color:#999;
}
.success_case .inner ul li span{
	display: inline-block;
	margin-top: 2%;
	margin-bottom: 6%;
}
.success_case .inner ul li p{
	border-top: 1px solid #ddd;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 4%;
	padding-bottom: 4%;
}
.success_case .inner ul li .pro_pic .ck_bg{
	width:100%;
	height:100%;
	background: url("../img/ckbg.png") no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top:-100%;
	transition: all 0.3s;
}
.success_case .inner ul li .pro_pic:hover .ck_bg{
	top:0;
}
.success_case .pro_pic .ck_bg  a{
	display: block;
	font-size: 16px;
	color:#fff;
	margin-top: 13px;
}
.success_case .inner ul li .pro_pic:hover .ck_bg img{
	margin-top: 22%;
}
.success_case .inner .more{
	width:100%;
	text-align: center;
	margin-top: 4%;
	margin-bottom: 1%;
}
.success_case .inner .more a{
	font-size: 18px;
	color:#085081;
	background: #fff;
	padding:1% 4%;
	transition: all 0.3s;
}
.success_case .inner .more:hover a{
	opacity:.8;
}

.news_banner{
	position: relative;
}
.news_banner ul {
	width:20%;
	position: absolute;
	top:70%;
	left:50%;
	transform: translate(-50%,-50%);
}

.news_banner ul .on a{
	color:#fff;
	background: #3189C5;
}
.news_banner li{
	float: left;
	width:50%;
	text-align: center;
}
.news_banner li a{
	font-size: 16px;
	color:#333;
	background: #fff;
	padding:5% 25%;
}







.news_center .inner ul li h5{
	font-size: 18px;
	color:#333;
	text-align: left;
	padding-left: 15px;
	padding-right: 5px;
	margin-top: 6%;
	margin-bottom: 4%;
        height: 50px;
    line-height: 25px;
    overflow: hidden;
}
.news_center .inner ul li p{
	font-size: 14px;
	color:#666;
	padding: 0 15px;
	margin:0;
	border:none;
	text-align: left;
	line-height: 24px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.news_center .inner ul li .ck_detail{
	width:100%;
	border-top: 1px solid #ddd;
	padding: 3% 5px 3% 15px;
	margin-top: 10%;
	transition: all 0.3s;
	height:50px !important;
}

.news_center .inner ul li .ck_detail a{
	display: block;
	float: left;
	font-size: 14px;
	color:#999;
}
.news_center .inner ul li .ck_detail p{
	display: block;
	float: right;
	font-size: 14px;
	color:#999;
}
.news_center .inner ul li .ck_detail:hover{
	background: #085081;
}
.news_center .inner ul li .ck_detail:hover a,
.news_center .inner ul li .ck_detail:hover p{
	color:#fff;
}

.news_center .inner ul li .pro_pic{
	display: block;
	width:100%;
	height:100%;
	overflow: hidden;    display: flex;
}
.news_center .inner .list li  div{ height:240px;}
.news_center .inner ul li .pro_pic img{
	transition: all 0.3s;
	display: inline-block;
	max-height: 240px;
	width:auto;
	align-self:center;
	margin: 0 auto;
	
}
.news_center .inner ul li .pro_pic:hover img{
	transform: scale(1.1);
}
.news_center .inner .f_y{
	width:350px;
	margin:0 auto;
	padding-top: 2%;
}
.news_center .inner .f_y ul{
	padding-left:18px;
}
.news_center .inner .f_y ul li{
	float: left;
	text-align: center;
	background:#fff;
	border:1px solid #ddd;
	padding:2% 4%;
	margin-left: 6px;
}
.news_center .inner .f_y ul li a{
	font-size: 18px;
	color:#999;
}
.news_center .inner .f_y ul .ac{
	background:#085081;
}
.news_center .inner .f_y ul .ac a{
	color:#fff;
}





/*-------------------自适应---------------*/


.banner{ width:100%;}
.banner img{ display:block; width:100%;}



.blue{ color:#0c5b90!important;}







/*公司背景*/
.cp_tab{ width:70%; margin:60px auto;overflow:hidden;}
.cp_tab .cp_title{ color:#0c5b90; font-size:30px;}
.cp_tab .cp_title i{ display:block; font-size:16px; font-style:italic;}

.cp_tab .cp_box_left{ width:40%; float:left;}
.cp_tab .cp_box_left ul{}
.cp_tab .cp_box_left ul li{ border-bottom:1px solid #efefef;border-right:1px solid #efefef; overflow:hidden; padding:15px 0;}
.cp_tab .cp_box_left ul li:last-child{border-bottom:none;}
.cp_tab .cp_box_left ul li .info{ float:left; width:60%;}
.cp_tab .cp_box_left ul li img{ float:left; width:20%; display:block;}
.cp_tab .cp_box_left ul li .info h3{ font-size:18px;color:#333333; margin-top:30px;}
.cp_tab .cp_box_left ul li .info p{ font-size:14px;color:#999999; margin-top:10px;}
.cp_tab .cp_box_left ul li .info strong{ font-size:22px; font-weight:500; color:#333;}

.cp_tab .cp_box_right{ width:50%; float:left;}
.cp_tab .cp_box_right img{width:100%; display:block;}


.cp_wrap{ width:100%; overflow:hidden;}
.cp_wrap .col{ margin:0;width: 50%; float:left; position:relative;}
.cp_wrap .col:first-child{ width:100%;}
.cp_wrap .col img{ display:block; width:100%;}
.cp_wrap .col .cp_text{ position:absolute; text-align:center; top:50%; transform:translateY(-50%); width:100%; color:#fff; z-index:2; }
.cp_wrap .col .cp_text p{ font-size:22px;}
.cp_wrap .col .cp_text span{ font-size:15px;}
.cp_wrap .col .mask{transition: all .4s;background:url(../img/mask.png); background-size:100% 100%; top:0; position:absolute; left:0; width:100%;height: 100%; z-index:1; display:none;}
.cp_wrap .col .mask1{background:url(../img/mask1.png); background-size:100% 100%; top:0; position:absolute; left:0; width:100%;height: 100%; }


.cp_tab .cp_title_d{ color:#0c5b90; font-size:30px; float:left; width:20%; margin-top:170px;}
.cp_tab .cp_title_d em{ display:block; font-size:16px; font-style:italic;}
.cp_tab .cp_title_d p{ color:#999;}
.cp_tab .cp_title_d p.first{ margin-top:30px;}



/*发展历程start*/



.time-line{width:80%; float:left;position: relative;}
.time-line .left-btn,.time-line .right-btn{width:40px;height:40px;background: url(../img/left_ico.png) no-repeat;position: absolute;margin-top:-15px;cursor: pointer;}
.time-line .left-btn{left:0;top:50%;}
.time-line .right-btn{right:0;top:50%;transform: rotate(180deg);}
.time-line .time-box{width: 840px;margin: 0 auto;overflow: hidden;height: 420px;}
.time-line .time-box ul{overflow: hidden;position: relative;height: 420px;}
.time-line .time-box ul:after{content: "";background: #d2d2d2;height: 1px;width: 100%;position: absolute;left:0;top:50%;}
.time-line .time-box li{width:210px;float: left;padding: 10px;box-sizing: border-box;position: relative;cursor: pointer; }
.time-line .time-box li:nth-child(2n){margin-top: 200px;}
.time-line .time-box li:after{content: "";width: 15px;height: 15px;background: url(../img/bg16.png) no-repeat;position: absolute;left:13px;margin-left:-7px;bottom: 0px;z-index: 1;}
.time-line .time-box li:nth-child(2n):after{bottom: auto;top:4px;}
.time-line .time-box li h3{ position:absolute; top:10px; left:60px; font-size:20px; font-weight:600; color:#666;}
.time-line .time-box li p{ position:absolute; top:30px; left:60px; color:#999999}		
.time-line .time-box li:nth-child(2n) h3{ position:absolute; top:200px; left:60px;}
.time-line .time-box li:nth-child(2n) p{ position:absolute; bottom:30px; left:60px; top:auto;}
.time-line .time-box li:hover h3{ color: #085081;}
.time-line .time-box li:hover p{ color: #085081;}
.cp_tab{ width:70%; margin:60px auto;overflow:hidden;}
.cp_tab .cp_title_c{ color:#0c5b90; font-size:30px; text-align:center;}
.cp_tab .cp_title_c i{ display:block; font-size:16px; font-style:italic;}


.cp_tab .partners{ overflow:hidden; width:100%; margin:0 auto; margin-top:40px;}
.cp_tab .partners li{ float:left; width:16.6%; margin:20px 0; height:50px;}
.cp_tab .partners li img{ display:block; width:80%; margin:0 auto;}




.news_right{ float:left; width:56%; background:#fff; padding:20px 40px; margin-top:30px; min-height:500px;}
.news_right .news_list{ border-bottom:1px solid #efefef;}
.news_right .news_list h3{ font-size:18px; color:#333; margin-top:15px;}
.news_right .news_list p{ font-size:14px; color:#666; margin-top:4px;}
.news_right .news_list .info{ font-size:14px; color:#999; margin-top:15px;}


.product{ width:70%; margin:0 auto; overflow:hidden;}
/*.product .pro_left{ float:left; width:50%;}
.product .pro_left img{ display:block; width:100%;}
*/
.product .pro_right{ float:right; width:97%; margin:30px 2% 0 2%;}
.product .pro_right ul{ overflow:hidden; background:url(../img/dot1.png) repeat-x left center; background-size:150px;}
.product .pro_right ul li{ width:33.333%; float:left; color:#fff; position:relative; height:180px;  text-align:center;}
.product .pro_right ul li span{ font-size:16px;display:block;line-height:180px;}
.product .pro_right ul li .pro_text{position:absolute;padding: 0px 10px;    background: #e9edf4;  height:180px;  width:180px; left:0; top:0;background: #085081;border-radius: 50%;border: 10px solid #bccedd; }
.product .pro_right ul li .pro_text img{ display:block; margin:20px auto 10px auto; transition:all .5s;}
.product .pro_right ul li .pro_text p{ font-size:18px;}
.product .pro_right ul li .pro_text:hover img{-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: beat 0.5s 1; animation: beat 0.5s 1;}

.product .pro_right ul li:nth-child(2) .pro_text{ left:50%; margin-left:-90px;}
.product .pro_right ul li:nth-child(3) .pro_text{ right:0; left:auto;}



@keyframes beat {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}

@-webkit-keyframes beat {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
.pro_wrap_list{ width:70%; margin:2% auto 2% auto;}

.pro_wrap_list ul.list li{ width:31%; margin:1%; float:left; background:#fff; border:1px solid #e5e5e5;border-bottom:3px solid #e9edf4; box-sizing:border-box; overflow:hidden;}
.pro_wrap_list ul.list li .pic{ width:100%; padding:10% 5%; position:relative;overflow: hidden;}
.pro_wrap_list ul.list li img{ display:block;    width: auto;max-height: 146px; margin: 0 auto;}
.pro_wrap_list ul.list li .pic .look{ position:absolute; top:-100%; left:0; width:100%; transition: all 0.3s;}
.pro_wrap_list ul.list li .pic .look img{ display:block; margin:10% auto; width:30%; max-width:130px; max-height: 130px; }

.pro_wrap_list ul.list li p{ width:100%; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; height:45px; line-height:45px; text-align:center; font-size:16px; color:#333;}
.pro_wrap_list ul.list li:hover{ border-bottom:3px solid #085081;}
.pro_wrap_list ul.list li:hover .pic .look{ top:0;}

/*分页样式 by yoby*/
.mypagers{
	margin: 20px 0;
}
.mypager{
	height: 34px;
	text-align: center;
}
.mypager li {
	display: inline-block;
	height: 34px;
	margin-right: 5px;
}
.mypager li span {
	display: inline-block;
	height: 34px;
	margin-right: 5px;
	font-size: 16px;
	color: #555!important;
}
.mypager li a span {
	display: inline-block;
	height: 34px;
	margin-right: 5px;
	font-size: 16px;
	color: #FFF!important;
}
.mypager li a{
	float: left;
	display: block;
	height: 39px;
	line-height: 39px;
	padding: 0 15px;
	font-size: 16px;
	border: 1px solid #dddddd;
	color: #999;
	text-decoration: none;
	background-color: #fff;
	
	
	
	
	
	
}
.mypager li a:hover{
	background:#f5f5f5;
	color:#085081;
}
.mypager li.thisclass {
	color: #fff;
}
.mypager li.thisclass a{
	float: left;
	display: block;
	height: 39px;
	line-height: 39px;
	padding: 0 15px;
	font-size: 16px;
	color: #555555;
	text-decoration: none;
	color: #fff;
	cursor: default;
	background:#085081;
	border:none;
}




.tech-icon{ width:100%; background:#fff;}
.tech-icon .list{ width:90%; margin:0 auto;}
.tech-icon .list li{ float:left; width:20%; border:1px solid #d2d2d2; border-width:0px 1px 1px 0;  text-align:center; padding-bottom:35px; background: #fff;}
.tech-icon .list li:first-child{ border-left:1px solid #d2d2d2;}
.tech-icon .list li h5{ font-size:22px; color:#333;}
.tech-icon .list li p{ font-size:14px; color:#999;}

.tech-icon ul li .con_icon{width: 25%;margin: 35px auto;display: block; transition: 680ms 1300ms;cursor: pointer;}
.tech-icon ul li .con_icon img{width: 100%;}
.tech-icon ul li:hover .con_icon{-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: beat 0.5s 1; animation: beat 0.5s 1;}





/*技术*/
.m-slide{ position: relative; width:90%; margin:30px auto;  background: #fff ; overflow:hidden;}
.m-slide .bottom-shadow{ position: absolute;  bottom: -3px; left: 0; width: 100%; height: 1px; overflow: hidden; border-top: 1px solid #5b595a; background: #e6e6e6; border-bottom: 1px solid #ececec }
.m-slide .img { float: left; position: relative; width:70%;  }
.m-slide .img li{display: block;width:100%; overflow:hidden; }
.m-slide .img a{display:table-cell; vertical-align:middle; max-height:100%; max-width:100%; margin:0 auto; position:absolute; left:50%; transform:translateX(-50%)}
.m-slide .img img {display: block; max-height:100%; vertical-align:middle;}
.m-slide .img li { display: none; position: absolute; left: 0; top: 0 }
.m-slide .img .first { display: block }

.m-slide .over{ overflow-y:scroll; float: right; width:29%;}
.m-slide .tab {width:100%;background:#fff;height: 472px;}


.m-slide .over::-webkit-scrollbar{ width:5px; background:#fff; height:10px;}
.m-slide .over::-webkit-scrollbar-track{ border-radius:10px;}
.m-slide .over::-webkit-scrollbar-thumb{ border-radius:10px;width:5px; background:#085081; height:10px;}

.m-slide .tab li { *margin-bottom: -3px;width: 80%;margin:10px 0;}
.m-slide .tab .first { border-top: 0 }
.m-slide .tab a { text-decoration: none; display: block; position: relative; width:100%; height:140px; }
.m-slide .tab a b { position: absolute; left:0; top:55px; width:25px; height:43px; overflow: hidden }
.m-slide .tab a span { position: absolute; overflow: hidden; border:1px solid #d2d2d2 }
.m-slide .tab a .title { text-align:center; font-size:22px; left:40px; top:0; height:140px; line-height:140px; width:100%; color: #666 }
.m-slide .tab a .title img{ float:right; width:69%; height:100%;}
.m-slide .tab a .title i{ font-style:italic; font-size:18px;}
.m-slide .tab .on a { }
.m-slide .tab .on a b { background: url(../img/dot.png) no-repeat}
.m-slide .tab .on a span { border:1px solid #085081}

@media (min-width: 992px){
	.m-slide .img { float: left; position: relative; width:70%; height: auto !important; }
	}
.title-slide{ color:#696969; font-size:36px; margin:50px auto 30px auto; text-indent:100px;}
.title-slide span{ color:#17347b;}

.m-slide .img b{ position:absolute; font-weight:500; font-size:22px; bottom:0px; left:0;background:url(../img/tech_bg.png); background-size:100%; width:100%; color:#fff; padding:20px; box-sizing:border-box;}
.m-slide .img b i{ font-size:18px;}

@media (max-width: 700px){
	.product .pro_right ul li{ height:100px;}
	.product .pro_right ul li .pro_text{ width:100px; height:100px;}
	.product .pro_right ul li:nth-child(2) .pro_text{ margin-left:-50px;}
	.product .pro_right ul li .pro_text img{ margin:4px auto 6px auto;width: 36px;}
	.product .pro_right ul li .pro_text p { font-size:13px;}
	
	}




/*<!--联系我们-->*/
.contact{ width:70%; margin:0 auto; overflow:hidden; border-bottom:1px solid #d2d2d2; padding:40px 0;}
.contact .contact_left{ width:50%; float:left;}
.contact  .con_title{ color:#0c5b90; font-size:30px;}
.contact  .con_title em{ display:block; font-size:16px; font-style:italic;}

.contact .contact_left .scope{ width:100%;}
.contact .contact_left .scope h5{ width:100%; font-size:16px; color:#666; margin:35px 0 15px 0;}
.contact .contact_left .scope ul{}
.contact .contact_left .scope ul li{ float:left; width:25%; box-sizing:border-box; border:1px solid #eee; text-align:center; padding:10px 0; color:#666;}
.contact .contact_left .scope ul li img{ margin: 0 0 15px 0;}
.contact .contact_left .scope h4{ margin-top:50px; font-size:16px;}

.contact .contact_left .tel{ overflow:hidden; margin-top:80px;}
.contact .contact_left .tel .pic{ float:left; width:65px}
.contact .contact_left .tel .pic img{ display:block; width:100%;}
.contact .contact_left .tel .text { float:left; margin-left:15px;}
.contact .contact_left .tel .text h3{ font-size:25px; margin-top:6px;}
.contact .contact_left .tel .text p{ font-size:14px; color:#666;}

.contact .contact_right{ width:50%; float:left; margin-top:50px;}
.contact .contact_right img{ width:100%;}



.job{ margin-top:30px;}
.job h5{ font-size:14px; color:#666;}
.job h5 span{ font-size:18px; text-transform: none;}



.job_list ul.title{ width:95%; margin-left:5%; margin-top:30px;}
.job_list ul.title li{ width:20%; text-align:center; float:left; font-size:14px; color:#666;}
.job_list .job_list_box{ width:100%;}
.job_list .job_list_box .jia{ width:5%;float:left; height:50px; line-height:50px; margin:10px auto;}
.job_list .job_list_box img{  width:60%;}
.job_list .job_list_box ul.list{margin:10px auto;float:right; width:95%;}
.job_list .job_list_box ul.list li{ width:20%; text-align:center; float:left; font-size:14px; color:#666; background-color:#e9edf4; height:50px; line-height:50px; }
.job_list .job_list_box .info{ width:95%; margin-left:5%; display:none;}


.job_list .job_list_box:hover ul.list li{ background:#0c5b90; color:#fff;}
.job_list .job_list_box:hover img{transform: rotate(45deg);}



.address { margin-top:60px;}
.address .map {
    float: right;
    width: 50%;
    height: 500px;
}


.address_left{ height:500px; background:url(../img/address.png) no-repeat; background-size:100% 100%; width:50%; float:left;}

.address_left .info {
  width:70%;
  margin:0 auto;
  margin-top:80px;
}

.company-list {
  position: relative;
  display: inline-block;
  width: 80%;
  height: 50px;
  color: #333;
  line-height: 50px;
  background: #fff;
}

.company-list>span {
  background-position: calc(100% - 10px) center;
    position: relative;
    display: block;
    padding: 0 10px;
    z-index: 5;
    background-color: transparent;
    background-image: url(../img/cu-more.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
	font-size:16px;
	color:#333;
}

.no-csscalc .company-list>span {
  background-position-x: 291px;
}

.csstransitions .company-list:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(102, 102, 102, .1);
  transform: scale(1, 0);
  transition: all .38s;
  z-index: 1;
}

.csstransitions .company-list.cy-active:before,
.csstransitions .company-list:hover:before {
  transform: scale(1, 1);
}

.company-menu {
  display: none;
  position: absolute;
  top: 100%;
  width: 100%;
  padding: 10px 0;
  background: #fff;
  line-height: 2;
  border-top: 1px solid #ddd;
}

.company-menu li {
  position: relative;
  height:40px;
  line-height:40px;
  border-bottom: 1px solid #ddd;
  transition: all .38s;
  z-index: 1;
  text-indent:15px;
   color:#333;
}

.company-menu li:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00a6c9;
  transform: scale(1, 0);
  transition: all .38s;
  z-index: -1;
}

.company-menu li:hover {
  color: #fff;
}

.company-menu li:hover:before {
  transform: scale(1, 1);
}

.company-info {
  margin-top: 3em;
  color: #fff;
}

.company-info h4 {
  margin-bottom: 1em;
  font-size: 18px;
}
.company-info h4 a{
 color:#fff; height:30px; line-height:30px;
}
.company-info p {
  overflow: hidden;
  margin-bottom: 0;
}

.company-info p  a{
	color:#fff; height:30px; line-height:30px; text-transform: none;
}




.breadcrumb{ width:100%; background:#e9edf4; margin:0; padding:0; height:50px; line-height:50px;}
.breadcrumb>div{ width:90%; margin:0 auto; font-size:14px;}








/*产品轮播 */
.detailbox{ background:url(../img/detailproductbg.png) no-repeat; width:100%;}
.scrollpic{max-width:1048px;margin:0 auto; position:relative;}
#myscroll{display:block; width:100%; position:relative; height:260px; overflow:hidden;  margin:0 auto;}
#myscroll #myscrollbox{display:block; float:left; position:absolute; left:0; top:35px; width:1000000px;}
#myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;}
#myscroll ul li{display:block; float:left; padding:0; margin:0;}
#myscroll ul li a{display:block; float:left; width:308px; margin:0 40px; position:relative; height:180px; color:#333; overflow:hidden;}
#myscroll ul li a .pic{ background:#fff; width:100%; height:180px;}
#myscroll ul li a img{ width:60%; display:block; margin:0 auto; padding-top:50px;}
#myscroll a .intro{position:absolute; left:0; width:100%; z-index:10; background-color:rgba(255,255,255,.80);}
#myscroll a .intro p{font-size:13px; line-height:40px;  height:40px; overflow:hidden; text-align:center;margin: 0;}
#myscroll a .intro{bottom:-40px;}
#myscroll a:hover .intro{bottom:0px;}
#myscroll a:hover .pic{ margin-top:-40px;}




#mybtns{width:100%; display:block; height:42px; position:absolute; top:100px;}
#mybtns a{width:42px; height:42px; display:block; float:left; margin-right:1px; }
#mybtns a:hover, #myscroll, #mybtns a,#myscroll a:hover .intro, #myscroll a .intro,#myscroll a:hover .pic, #myscroll a .pic,#myscroll #myscrollbox{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left{background:#fff url(../img/jt_l.png) no-repeat center ;}
#mybtns #right{background:#fff url(../img/jt_r.png) no-repeat center;float: right;}

@media(min-width:1572px){
.scrollpic{max-width:1572px; width:100%;}
#myscroll{width:1200px;}
}
@media(max-width:1571px){
.scrollpic{max-width:1310px; width:100%;}
#myscroll{width:1150px;}
}
@media(max-width:1309px){
.scrollpic{max-width:1048px; width:100%;}
#myscroll{width:750px;}
}
@media(max-width:1047px){
.scrollpic{max-width:900px; width:100%;}
#myscroll{width:690px;}
#myscroll ul li a{ width:270px; }
}
@media(max-width:767px){
.scrollpic{max-width:600px; width:100%;}
#myscroll{width:390px;}
}
@media(max-width:523px){
.scrollpic{max-width:320px; width:100%;}
#myscroll{width:200px;}
#myscroll ul li a{ width:200px; margin:0;}
}



.case{ width:70%; margin:0 auto; } 

.case .case-intro{ width:100%; position:relative;}
.case .case-intro p{   width:100%; color:#085081;font-size:25px; margin-top:30px;    line-height: 40px;}
.case .add{ font-size:14px; color:#666; margin-top:20px;}


.case-title{ width:100%; text-align:center; margin:2% auto; color:#085081; font-size:22px;}
.case-title:before{content:"";width:40%; float:left; height:1px; background:#085081; margin-top:12px;}
.case-title:after{content:"";width:40%; float:right; height:1px; background:#085081;margin-top:12px;}

.case ul{}
.case ul li{ display:inline-block;margin-right:1.5%; width:17.5%; margin-bottom:2%; overflow:hidden;}
.case ul li img{ display:block; width:100%;transition: 600ms;-webkit-transition: 600ms;}
.case ul li:nth-child(4n){margin-right:0;}
.case ul li:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);}





.page{ height:50px; line-height:50px; background:#e9edf4; border-top:1px solid #d2d2d2;}
.page a{ cursor:pointer; font-size:18px; color:#999;}
.page .prev{ margin-left:15%; float:left;}
.page .next{ margin-right:15%; float:right;}







@keyframes beat {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}





.moblie-show{ display:none;}
.moblie-show .moblie-show-list{ margin-top:10px;}
.moblie-show .moblie-show-list .title{ height:50px; line-height:50px; background-color:#e9edf4; font-size:16px; color:#666; box-sizing:border-box; padding:0 20px;}
.moblie-show .moblie-show-list .title img{ float:right; width:30px; margin-top:9px;}
.moblie-show .moblie-show-list .info{ display:none;}


select{position: relative;
    display: inline-block;
    width: 80%;
	 padding:0 5%;
    color: #333;
	padding:15px;
    background: #fff;
    font-size: 16px !important;
    border: none;background:#fff url(../img/cu-more.png) no-repeat  95% center;appearance:none;
-moz-appearance:none;
-webkit-appearance:none; cursor:pointer;
}
select:hover{  background-color:#eee; transition: all 1s;}


select option{ font-size:14px;  padding:10px 0; display:block}

/*新闻内容页*/
.i-article{
	padding: 40px 0px 65px;
	width:100%;
	margin:0 auto;

}
.i-title{
	font-size: 30px;
	color: #424242;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 10px;
	text-align: center;
}
 .i-time{
	padding-left: 22px;
	color: #999999;
	font-size: 15px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 8px;
	margin-bottom: 25px;
	text-align: center;
}
.i-content{
	  color: #666666;
	  font-size: 16px;
	  width:1200px;
	  margin:  0 auto;
	 }
.i-content p{
	color: #666666;
	font-size: 16px;
	text-indent: 20px;
	line-height: 28px;
}
.i-content img{
	max-width: 100% !important;
	padding:20px 30px;
	margin: 0 auto;
	border:none;
}
.i-pages{
	margin: 15px auto;
	width:1200px;
	color:#333;
}
.i-pages a{ font-size:16px;color:#333;}
.i-pages p{ margin-bottom:20px; font-size:16px;}




.mobile-info{ display:none;}