@charset "utf-8";

@font-face{font-family:'iconfont';src:url('//at.alicdn.com/t/font_1432720974_1547027.eot');src:url('//at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('//at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('//at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('//at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}
.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}

body{font-family:"微软雅黑"}
.glyphicon{top:0 !important}
.no-margin{margin:0 !important}
.overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.container{max-width:1230px !important}
.container-fluid{max-width:1230px !important}

.sizeCover{ background-position: 50% 50%; background-size: cover; }


/*  header  */
.head_pc{}
.head_pc .top{ width:100%; height:44px; color:#888888; line-height:44px;}
.head_pc .top p{float:right; line-height:44px;}
.head_pc .top p a{ margin:0 5px; color:#888;}
.head_pc .menu{ width:100%; height:50px; background:url(../images/bg-menu.jpg) left top repeat-x;}
.head_pc .menu a{display:inline-block; float:left;padding:0 50px; font-size:16px; color:#fff; font-weight:100; line-height:50px;}
.head_pc .menu a:hover, .head_pc .menu a.cur{ font-weight:bold;}
.head_pc .menu em{ display:inline-block; float:left; margin-top:15px; width:1px; background:#fff; height:20px;}

.h_con{height:130px;padding: 20px 0 0;overflow: hidden;}
.h_con h1{ display:block;float: left;padding: 0 32px 0 0;}
.h_con h1 img{width: 135px;height: 70px;}
.h_con .h_dw{float: left;padding: 5px 0 0;font-size: 16px;color: #333;line-height: 34px;width: 650px;}
.h_dw b{display: block;font-size: 26px;}
.h_dw i{color: #f68100; font-style:normal;}
.h_tel{float: left;padding: 0px 0 0 60px;font-size: 14px;color: #333;line-height: 28px;background: url(../images/tel.gif) no-repeat 0 13px;}
.h_tel b{display: block;font-size: 24px;}
.h_code{width: 110px;float: right;line-height: 0;}
.h_code b{display: block;font-size: 12px;color: #666;float: left;width: 20px;text-align: center;line-height: 14px;font-weight: normal;}
.h_code span{float: right;width: 80px;height: 80px;}
.h_code span img{display: block;width: 80px;height: 80px;} 

#nav ul {
	margin: 0 auto;
	width: 100%;
}
#nav li {
	float: left;
	width: 171px;
	display: block;
	list-style: none;
	font-size: 16px;
	text-align: center;
	line-height: 50px;
	position: relative;
	margin: 0;
	background: url(../images/nav_line.png) no-repeat right center;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
#nav li:last-child {
	background: none;
}
#nav li a {
	display: block;
	text-align: center;
	position: relative;
	color: #fff;
	height: 50px;
}
#nav li:hover a, #nav li.hover a {font-weight:bold; color:#f68100;}
#nav li:hover, #nav li.hover {
	background: url(../images/nav_line.png) no-repeat right center;
}
#nav li:last-child:hover, #nav li:last-child.hover {
	background:none;
}
/*导航栏下拉*/
#nav ul .subnav {
	background: #fff;
	border-top: 2px solid #fff;
	box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);
	height: auto;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 100%;
	width: 120%;
	z-index: 199;
}
#nav ul .subnav {
	position: absolute;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);
}
#nav ul li:hover .subnav {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}
#nav ul .subnav a {
	color: #666;
	display: block;
	font-weight: 500;
	font-size:14px;
	line-height:2;
	padding: 10px;
	transition: all 0.2s ease-in-out 0s;
	width: 100%;
	border-bottom: 1px solid #eee;
}
#nav ul .subnav a:hover {
	color: #f68100;
	padding-left: 20px;
	background: #f9f9f9;
}


.xiala1{position: fixed;top: 90px;left: 0;width: 100%;background: url(../images/hbg.jpg) no-repeat bottom left;background-color: #e7edf2;height:240px;display: none;z-index: 99;box-shadow: 0 0 7px 0 #ddd;}
.xiala1[_t_nav="4"],
.xiala1[_t_nav="5"],
.xiala1[_t_nav="6"],
.xiala1[_t_nav="7"]{height: 240px;background: url(../images/hbg.jpg) no-repeat top left;background-color: #fff;}
.xiala .container,
.xiala .xiala_item{height: 100%;}
.xiala .xiala_l{float: left;width: 387px;height: 100%;padding-top: 48px;margin-left: 80px;}
.xiala .xiala_l span{color: #666;font-size: 36px;font-family: "微软雅黑";padding-left: 47px;padding-right: 53px;letter-spacing: .9px;}
.xiala .xiala_l span div{display: inline-block;}
.xiala .xiala_l span div p{color: #999;font-size: 24px;font-family: "微软雅黑";line-height: 1.9;text-align: right;cursor: pointer;}
.xiala .xiala_l span div p:nth-child(2){margin-top: 17px;}
.xiala .xiala_l span div p.active{color: #005bac;}
/*.xiala .xiala_r ul:nth-child(2){display: none;}
.xiala .xiala_r ul:nth-child(3){display: none;}*/
.xiala .xiala_l h4{color: #666;font-size: 16px;font-family: "微软雅黑";padding-left: 47px;padding-right: 53px;margin-top: 17px;line-height: 1.67;letter-spacing: .9px;}
.xiala .xiala_r{float: left;width: 733px;height: 100%;padding-top: 48px;background-color: #fff;}
.xiala .xiala_r ul{margin-left: -26px;}
.xiala .xiala_r li{width: 124px;width: 137px;display: inline-block;margin-bottom: 10.5px;margin-left: 63px;margin-left: 50px;vertical-align: top;}
.xiala .xiala_r li a{color: #666;font-size: 14px;font-family: "微软雅黑";line-height:1;letter-spacing: 1px;}
.xiala .xiala_r li a:hover{color: #005bac;}
.xiala .xiala_rc{padding-top: 24px;}
.xiala .xiala_r .ul1{width: 240px;margin-left: 0;}
.xiala .xiala_r .ul1:nth-child(1){margin-left: 35px;}
.xiala .xiala_r .ul1:nth-child(3){width: calc(100% - 515px);}
.xiala .xiala_r h3{color: #888; font-size:16px; font-weight:bold;margin-bottom: 26px;}
.xiala .xiala_r h3.act{color: #005bac;}
.xiala .xiala_r .ul1 li{display: block;margin-left: 0;margin-bottom: 10px;}
.xiala1[data-num="1"]{height: 375px;background: url(../images/xiala1.jpg) no-repeat top left;background-color: #fff;}

/*手机版头部*/
.head_ph{display: none;border-bottom: 1px solid #dcdcdc;position: fixed;top: 0;left: 0;width: 100%;height: 60px;background-color: #fff;z-index: 200;border-bottom: 1px solid #ddd;}
.head_ph .container,
.head_ph .logo{position: relative;height: 100%;}
.head_ph .logo{line-height: 60px;}
.head_ph .logo img{height:50px; padding-left:10px;}
.head_ph .menuph{position: absolute;top: 21px;right: 15px;cursor: pointer;}
.head_ph .search{display:block; float:right; margin-left:10px; width:16px; height:16px;background:url(../images/icon-search.png) center center no-repeat; background-size:cover; cursor:pointer}

/*手机下拉菜单*/

.xialaph{position: absolute;top: 60px;left: 0;width: 100%;background-color: #fff;display: none;z-index: 198;padding-bottom: 38px;}
.xialaph .ul2,
.xialaph .ul3{display: none;}
.xialaph h4 a{color: #333;font-size: 16px; font-weight:600;font-family: "微软雅黑";line-height: 53px;}
.xialaph h4 a.z_a{float:left; display:block; width:80%;}
.xialaph h4{border-bottom: 1px solid #e6e6e6;height: 54px;}
.xialaph .container{padding-left: 30px;padding-right: 30px;}
.xialaph h5 a{color: #333;font-size: 15px;font-family: "微软雅黑";line-height: 54px;}
.xialaph h5 a.z_a2{float:left; display:block; width:80%;}
.xialaph h5{border-bottom: 1px solid #f1f1f1;background-color: #f1f1f1;}
.xialaph h4 img,
.xialaph h5 img{float: right;margin-top: 26px;}
.xialaph h4 img.img2,
.xialaph h5 img.img2{display: none;}
.xialaph h4.active img.img1,
.xialaph h5.active img.img1{display: none;}
.xialaph h4.active img.img2,
.xialaph h5.active img.img2{display: block;}
.xialaph .ul3{background-color: #fff;padding-bottom: 3px;border-bottom: 1px solid #ddd;}
.xialaph .ul3 li a{color: #333;font-size: 14px;font-family: "微软雅黑";line-height: 49px;}
.xialaph .ul3 li{padding-top: 5px;}
.xialaph .ul3 li:first-child{padding-top: 0;}

.s2{ font-size:15px; display:block; color:#0075c1 !important}
.s3 a{ display:block; float:left; width:50%; line-height:35px!important;}


.banner{ position:relative;}
.banner a{ display: block; font-size: 0; text-align: center;}
.banner a img{ max-width: 100%;}
.banner .swiper-pagination-ban, .banner .swiper-pagination-ban2{ position: absolute; left: 0; bottom: 20px; z-index: 1; width: 100%; font-size: 0; text-align: center;}
.banner .swiper-pagination-ban span, .banner .swiper-pagination-ban2 span{ margin: 0 5px; width: 15px; height: 15px; border:2px #fff solid; background:none;opacity: 1;}
.banner .swiper-pagination-ban span.swiper-pagination-bullet-active, .banner .swiper-pagination-ban2 span.swiper-pagination-bullet-active{ background: #00aeef; border-color:#00aeef}
.banner .arrow-left{background: url(../images/icon-arrow.png) no-repeat left top;position: absolute;left: 20px;top: 50%;margin-top: -30px;width: 50px;height:60px;z-index:999;}
.banner .arrow-right{background: url(../images/icon-arrow.png) no-repeat left bottom;position: absolute;right: 20px;top:50%;margin-top: -30px;width: 50px;height:60px;z-index:999;}

.banner .swiper-pagination-ban span.swiper-pagination-bullet-active, .banner .swiper-pagination-ban2 span.swiper-pagination-bullet-active{ background:#F68101; border-color:#F68101}
.swiper-button-prev{ background-image:url(../images/icon-btn-l.png)}
.swiper-button-next{ background-image:url(../images/icon-btn-r.png)}

.search-box{display:block; height:80px;width:100%; line-height:80px;}
.search-box a{ margin:0 5px; color:#666666;}
.search-box a.cur,.search-box a:hover{color:#F68101;}
.search-box span{ position:absolute; top:50%;left:3px; margin-top:-11px; display:inline-block; margin-right:10px; width:18px; height:22px; background:url(../images/icon-location.png) no-repeat; background-size:cover;}
.search-box .location{ display:inline-block; width:60%;}

.search-form{ position:relative;display:inline-block; float:right; margin-top:20px; width:300px; height:40px; background:#f5f5f5; border-radius:40px;}
.search-form input[type='submit']{ position:absolute; top:0;right:0; display:inline-block; width:50px; height:40px; line-height:40px; background:url(../images/icon-search.png) #F68101 center center no-repeat;border-radius:40px;}
.search-form input[type='text']{ position:absolute;top:0; left:0; display:inline-block; padding-left:20px; width:240px; height:40px; background:transparent; line-height:40px;}


/*  home  */
.main-pad-3{ padding:50px 0 0px 0;}
.main-pad-4{ padding:50px 0;}
.main-pad-5{ padding:50px 0;}
.main-pad-pro{padding:50px 0 120px 0;}

.text-1{ margin:0 auto;}
.text-1 h1{ margin-top:20px;font-size:36px; font-weight:bold; color:#333;}
.text-1 h1 span{color:#000; font-weight:100;}

.yin_t{font-size: 40px;color: #333;text-align: center;position: relative;height: 90px;line-height: 42px;}
.yin_t:before{content: "";width: 18px;height: 1px;background: #000;position: absolute;top: 24px;left: 38%;}
.yin_t:after{content: "";width: 18px;height: 1px;background: #000;position: absolute;top: 24px;right: 38%;}
.yin_t a{color: #333;}
.yin_t span{display: block;font-size: 20px;font-weight: normal;}

.text-1 .textbox{font-size:14px; line-height:24px;}
.text-1 .textbox p{ text-align:center; color:#888888;}
.text-class{ display:block;}
.text-class a{ display:inline-block; margin:0 5px 5px 5px; padding:10px 20px; color:#fff; background:#898989; border-radius:6px;}
.text-class a:hover, .text-class a.cur{background:#F68101;}


.title{ color:#888;}
.title .en{ font: 12px Arial;}
.title .cn{ display:block; background:url(../images/bg-tit.png) center center no-repeat;font-size:30px; color:#333;}
.title .des{ font-size:14px;}

.pro-box{ display:block; margin-top:50px; text-align:center}
.pro-li{ display:inline-block; margin:0 25px; width:300px; height:300px; border:1px #e5e5e5 solid; border-radius:100%; background:#fff;}
.pro-li .p-icon{ display:block;position:relative; margin:30px auto 20px auto; height:80px;}
.pro-li .p-icon i{ position:absolute; top:0; left:50%; margin-left:-40px;width:80px; height:80px;}
.pro-li .p-icon .icon{ background:url(../images/icon-pro.png);}
.pro-li .p-icon .p2{ background-position:-80px 0;}
.pro-li .p-icon .p3{ background-position:-160px 0;}
.pro-li .tit{ padding-bottom:10px;font-size:20px; font-weight:bolder; color:#454545;}
.pro-li .class{display:inline-block;}
.pro-li .class a{ display:block; padding-left:20px; font-size:16px; color:#666666; background:url(../images/icon-arrow2.png) left center no-repeat; line-height:30px; text-align:left;}
.pro-li .class a:hover{ color:#0063c5;}

.box-about{ width:100%; min-height:1190px; background:url(../images/bg-about.jpg) #f5f5f5 center center no-repeat;}
.about{}
.about .text{ display:inline-block; float:left; width:50%; line-height:2.2; color:#333333;}
.about .text p{ margin-bottom:30px;}

.youshi{ position:relative;margin-top:30px;}
.youshi img{ width:100%;}
.youshi span{ position:absolute; top:110px; left:50%; margin-left:-26px; width:52px; height:60px; font-size:24px;color:#fff; font-family:'Impact'; line-height:60px; text-align:center}
.youshi span b{ position:absolute;left:0;top:0;width:100%; height:100%; text-align:center; z-index:2}
.youshi span img{ position:absolute;left:0;top:0;width:100%; height:100%; z-index:1}
.youshi:hover span img{
	-webkit-transform: rotate(360deg);/*鼠标hover时，i图标旋转*/
      transform: rotate(360deg);
      -webkit-transition: -webkit-transform 2s linear;/*transform进行动画，动画用时1秒钟*/
      transition: -webkit-transform 2s linear;
}
.ys-txt{ padding:40px 30px 30px 30px; height:280px; line-height:1.8;}
.ys-txt h3{ display:block; padding-bottom:20px; font-size:16px; font-weight:600; color:#093e5e; line-height:1.5; text-align:center;}
.ys p{ color:#fff !important;}

/* 精品推荐  */
#certify{position: relative;width: 100%;margin:20px auto 0 auto}
#certify .swiper-container{padding-bottom: 60px;}
#certify .swiper-slide{ margin:10px;width:280px;height:280px;background:#093e5e; text-align:center}
#certify .swiper-slide img{ margin:0 auto;display:block;width:100%; height:230px;}
#certify .swiper-slide p{ padding-left:10px; padding-right:10px; text-align: center;color: #fff;font-size:1rem; line-height:50px;}

#certify .swiper-pagination{width: 100%;bottom: 20px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;background-color: #d8d8d8;width: 13px;height: 13px;opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#666666;}
#certify .swiper-button-prev{left: -50px; margin-top:-40px; width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 0;background-size: 100%;}
#certify .swiper-button-prev:hover{background-position: 0 -46px;background-size: 100%}
#certify .swiper-button-next{right: -50px;margin-top:-40px; width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 -93px;background-size: 100%;}
#certify .swiper-button-next:hover{background-position: 0 -139px;background-size: 100%}

/*  应用领域 */
.prolist{ padding:1px; margin-bottom:30px; background:#093e5e;transition: all 0.2s linear 0s;}
.prolist:hover{background: #f68100;}
.prolist a span{ display:block; height:40px;line-height:40px; color:#fff; text-align:center}
.prolist .img{ position:relative; width:100%; max-height:278px; overflow:hidden}
.prolist .img img{ display: block;width:100%; height:100%; transition: all 0.3s ease-out 0s;}
/*.prolist:hover .img img{transform: scale(1.2, 1.2);}*/

.caselist{ margin:15px 0; background:#898989;transition: all 0.2s linear 0s;}
.caselist .img{ position:relative; width:100%; max-height:230px; background:#FFF; overflow:hidden}
.caselist .img img{ display: block;width:100%; height:100%; min-height:200px; transition: all 0.3s ease-out 0s;}
.caselist:hover .img img{transform: scale(1.2, 1.2);}
.caselist a p{ position:relative;display:block; height:50px;color:#fff; text-align:center; overflow:hidden}
.caselist a p span{ position:absolute; top:50%; left:50%; padding:0 10px; width:100%; display:block; transform: translate(-50%, -50%); line-height:1.5;}


/*  新闻 */
.news2{ background:url(../images/news_bg.jpg) top center no-repeat; background-size:cover;}
.news .menu{ margin-top:30px;overflow: hidden; text-align:center}
.news .menu ul{ margin:0; }
.news .menu ul li{ padding: 0 15px; display:inline-block;}
.news .menu ul li a{ display: block; padding:12px 30px; font-size: 14px;color: #888888; border:solid 1px #e3e7ea; }
.news .menu ul li a:hover, .news .menu ul li.cur a{background:#1dafec; border-color:#1dafec; color:#fff;}
.newslist{ margin-top:60px;}
.newslist .newsl{width:480px}
.newslist .newsr{width: calc(100% - 530px);}
.newsl .top .imgbox{ position:relative;display:block; width:100%; overflow: hidden}
.newsl .top span{ display:block;width:100%; height:410px;}
.newsl .top-news{ position:absolute;left:0;bottom:0; width:100%;display:block; padding:30px 30px 30px 0;background:rgba(9,62,94,.6);color:#fff}
.newsl .top-news .data{ display:inline-block; width:120px; font-size:12px; font-family:'Arial'; text-align:center;}
.newsl .top-news .txt{ display:inline-block; float:right; width:calc(100% - 120px); font-size:14px;}
.newsl .top-news .data b{ display:block;font-size:40px; font-weight:bolder; line-height:1;}
.newsl .top-news .txt b{ display:block;color:#fff; font-size:16px; font-weight:100; margin-bottom:10px; padding-bottom:10px; border-bottom:1px rgba(255,255,255,.3) solid;}
.newsl .top-news .txt p{ color:rgba(255,255,255,.5)}
.newsr ul{ margin-top:30px;}
.newsr ul li{ display:block; border-bottom:1px #e3e7ea solid;height:58px; line-height:58px;}
.newsr ul li a{ display:inline-block;width:calc(100% - 100px);font-size:14px; color:#454545;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newsr ul li a:hover{ color:#F68101}
.newsr ul li span{ float:right;font:14px/58px Arial; color:#888888;}
.newsl .one{ display:block}
.newsr .one .txt{ display:inline-block; float:left; width:calc(100% - 120px); font-size:14px;}
.newsr .one .data{ display:inline-block; float:right; width:100px; font-size:12px; font-family:'Arial'; text-align:center;}
.newsr .one .data b{ display:block;font-size:40px; font-weight:bolder; line-height:1;}
.newsr .one .txt a{ display:block;color:#454545; font-size:16px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px #eee solid;}
.newsr .one .txt p{ color:#999999}


/* 内页 */
.lyban{ position:relative; width:100%; height:350px;background:url(../images/ban-about.jpg) center top no-repeat}
.page_tree_bg{ position:absolute; bottom:0; left:0;display:block; width:100%; background:rgba(0,117,193, .6);}
.page_tree_bg a{ display:inline-block; position:relative; color:#fff; font-size:18px; margin:0 50px; padding:20px 0;}
.page_tree_bg a:hover:after,.page_tree_bg a.cur::after{ position:absolute; content:''; bottom:-7px; left:50%; margin-left:-7px; width:15px; height:14px; background:url(../images/icon-curr.png) no-repeat;}
.page_tree_bg a:hover,.page_tree_bg a.cur{ font-weight:bold;}
.page-title h3{ font-size:36px; color:#333333;}
.page-cont{ font-size:16px; line-height:2}
.page-cont p{ text-indent:0px;}
.article_cont p{ text-indent:0;}
.page-cont img{ max-width:100%;}


.page-left{ display:block; width:260px; height:auto;}
.page-right{ display:block;width:calc(100% - 305px); line-height:1.8; color:#333;}
.leftmenu{ margin-bottom:20px; width:100%;}
.leftmenu h3{ display:block; width:100%; padding-left:20px; height:60px; line-height:60px; font-size:18px; font-weight:bold; color:#fff; border-top-left-radius:10px; border-top-right-radius:10px; background:#093e5e;}
.leftmenu .list{ display:block; background:#f5f5f5;}
.leftmenu .list li{ display:block; width:100%; height:50px; line-height:50px; border-bottom:2px #fff solid;}
.leftmenu .list li a{ display:block; padding-left:25px;}
.leftmenu .list li a:hover{ font-weight:bold; color:#F68101; padding-left:30px;}
.leftmenu .list li.cur a{color:#F68101;font-weight:bold;}
.leftmenu .nlist{ display:block; padding:10px; border:1px #eee solid;}
.leftmenu .nlist li{ position:relative;display:block; padding:10px 0 10px 10px; border-bottom:1px #ccc dotted;}
.leftmenu .nlist li a{ display:block; color:#666;}
.leftmenu .nlist li a:hover{color:#F68101;}
.leftmenu .nlist li:after{ position:absolute; top:10px; left:0px; content:'•'; color:#999;}
.conttel{border-bottom:1px #ccc dotted; margin-bottom:20px; padding:10px 0; font-size:16px;color:#888;}
.conttel b{font-size:30px;color:#F68101; font-weight:bold; font-family:'Arial'; display:block; padding-top:10px;}
.leftmenu .nlist .li{ display:block; margin:10px 0;}

.menu-title{ position:relative; display:inline-block; padding:5px 30px 5px 0; font-weight:bold; color:#F68101; border-bottom:1px #F68101 solid;}
.menu-title:after{ position:absolute; bottom:6px; right:-2px; content:''; width:20px; height:1px; background:#F68101;transform:rotate(45deg);}


/*  about  */
.aboutinfo{ margin-top:10px;}
.aboutinfo .fl{ width:60%}
.aboutinfo p{padding-bottom:10px;}
.aboutinfo img{}
.simg{ margin-left:10px;}
.simg li{ display:inline-block; float:left; width:33%;}
.simg .simg-box{ display:block; margin:5px; padding:2px; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,.1); overflow:hidden}
.simg li img{ width:100%;}
.simg li img:hover{transform:scale(1.2, 1.2);transition: all 1s ease-in; cursor:pointer}

.aboutbg{ width:100%; position:relative;}
.aboutbg img.wo{ position:absolute; top:10px; right:0; z-index:-1}

.joblist{ margin-top:20px; padding:15px; border:1px #ddd solid; width:100%;}
.joblist h3{ display:block; padding-top:5px; padding-bottom:15px; color:#333; font-size:14px; border-bottom:1px #ddd solid; font-weight:bold}
.joblist .cont{ display:block; padding:10px;}

/*  newslist */
.nnlist{ margin:10px 0; width:100%;}
.nnlist li{ position:relative; display:block; padding:15px 0; border-bottom:1px #ddd dashed;}
.nnlist li:after{ position:absolute; top:18px; left:0; content:'•'; font-size:18px; color:#999; line-height:1;}
.nnlist li span{ display:inline-block; float:right; color:#999}
.nnlist li a{ display:block; transition:all 0.3s ease-out 0s; padding-left:15px;}
.nnlist li a:hover{ padding-left:20px;}
.newsbox .ArticleTitle{ margin:10px 0; width:100%; padding:10px 0; border-bottom:1px #eee solid; color:#888888; text-align:center}
.newsbox .ArticleTitle h1{ display:block; padding:10px 0; font-size:18px; color:#333333;}
.newscont{ padding:20px 0; width:100%; font-size:16px; line-height:2; color:#666;}
.newscont p{ display:block; margin-bottom:20px;}
.newscont img{max-width:100%;}

.pro{ float:right; display:inline-block;width: 100%;}
.pro ul li{ border-bottom:1px #edf0f2 solid; padding:30px 0; margin-bottom:0}
.other{ padding:20px 0; border-top:1px #eee solid; color:#666;}
.other a{ display:inline-block; color:#333;}

.honor-1 ul li{ display:inline-block; margin:0 1.5%; width:30%; box-shadow:0 2px 5px rgba(0,0,0,.1); text-align:center}
.honor-2 ul li{ display:inline-block; margin:0 8px; width:22.5%; box-shadow:0 2px 5px rgba(0,0,0,.1); text-align:center}
.honor-3 ul li{ display:inline-block; margin:0 1%; width:30%; box-shadow:0 2px 5px rgba(0,0,0,.1); text-align:center}

/* 产品 */
.protit{ color:#666; border-bottom:1px #eee solid; padding-bottom:10px;}
.protit b{ display:block; padding:5px 0; font-size:18px; color:#333; font-weight:500;}
.procan{ padding:10px 0; color:#666;}
.online{ padding:10px 0;}
.online a{ position:relative;display:inline-block; padding:5px 20px 5px 45px; background:#F68101; color:#fff; text-align:center; border-radius:5px;}
.online a i{ position:absolute; top:50%; left:15%;display:inline-block; width:18px; height:18px; background:url(../images/icon-1.png) top center no-repeat;transform: translateY( -50%); }
.online span{ color:#F68101; font-weight:bold; margin-left:30px; padding-left:30px; background:url(../images/icon-tel2.png) left center no-repeat;}

.probox-1{ width:100%; height:50px; line-height:50px; border-bottom:1px #ddd solid;}
.probox-1 span{ font-size:16px; font-weight:bold; color:#F68101; display:inline-block; padding:0 15px 0 10px; line-height:48px;border-bottom:2px #F68101 solid;}


.nav1{border-radius: 4px 4px;background-color: #fff; margin-bottom: 5px;}
.nav1 h4{height: 50px;line-height: 50px;padding-left: 20px;font-size: 16px;color: #333;position: relative;cursor: pointer;border-radius: 4px 4px 0 0; background:#edf0f2}
.nav1 h4 a{color: #333;font-family: "微软雅黑";}
.nav1 h4 a.on{display:block;line-height:50px;}
.nav1 h4 a span{font-family: "Arial";}
.nav1 h4.active{background-color: #0075c1;}
.nav1 h4.active a{color: #fff;}
.nav1 h4.active .img_s{display: none;}
.nav1 h4.active .img_d{display: block;}
.nav1 h4 img{position: absolute;top: 50%;margin-top: -6.5px;right: 20px;}
.nav1 li img{margin-top: 15px;}
.nav1 ul{padding-left:20px;padding-right: 20px;border:1px #edf0f2 solid;display: none;}
.nav1 li{position: relative;}
.nav1 li::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;border-top: 1px #edf0f2 solid;}
.nav1 li:last-child::after{display: none;}
.nav1 li::before{content: '';position: absolute;top: 21px;left: -12px;width: 3px;height: 3px;background-color: #fff;border-radius: 50%;}
.nav1 li a{display: block;line-height: 43px;color: #555555;font-size: 14px;font-family: "Arial";}
.nav1 li a.active,
.nav1 li a:hover{color: #0075c1;}
.nav1 li a.active .img_d,
.nav1 li a:hover .img_d{display: block;}

.page li{line-height: 35px;display: inline-block;width: 35px;height: 35px;margin-right: 3px;margin-left: 3px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;color: #fff;background: #ddd;}
.page li img{margin-bottom: 2px;}
.page li.activepage,
.page li:hover{background: #F68101;}

.cart{ display:block; margin-bottom:50px; text-align:center}
.cart a{ display:inline-block; width:215px; height:55px; font-size:18px; font-weight:bold; color:#fff;background:url(../images/icon-cart.png) #0075c1 30px center no-repeat; line-height:55px; text-indent:40px; border-radius:5px;}

.contact{}
.contact ul li{ position:relative;display:block; margin-bottom:20px; padding-left:50px; font-size:16px; line-height:40px;}
.contact ul li i{ position:absolute; top:0; left:0; width:35px; height:35px; background:url(../images/icon-contact.png) no-repeat;}
.contact ul li i.i-tel{ background-position:-35px 0}
.contact ul li i.i-email{ background-position:-70px 0}
.contact ul li i.i-online{ background-position:-105px 0}

.map{ height:400px; width:100%}
.dl-li{ position:relative;display:block; margin:55px 30px 0 30px; width:300px; height:300px;}
.dl-li .dlcont{display:block; cursor:pointer}
.dl-li .icon-pdf{ display:block; position:absolute; top:45%; left:50%; width:121px; height:121px; background:url(../images/icon-pdf.png) no-repeat; margin-left:-60px; margin-top:-60px;}
.dl-li h3{ position:absolute; bottom:40px; left:0; width:100%; color:#fff; font-size:24px; font-weight:bold; text-align:center}
.dl-li:hover .dlcont{ height:400px;}

.dl-li2:nth-child(2) h3{ bottom:80px;}
.dl-li2:nth-child(2) .icon-pdf{top:50%; margin-top:-65px}
.dl-li2:nth-child(2){ margin-top:0;width:350px; height:392px;}

.app{ margin-top:50px; margin-bottom:50px;}
.app h3{ display:block; margin-bottom:20px; padding-bottom:20px; font-size:30px; color:#333; text-align:center; border-bottom:2px #f3f4f5 solid}
.other-tit{ display:block; padding:10px 0; font-size:24px;border-bottom:2px #f3f4f5 solid}
.other-tit span{ padding:0 10px 10px 10px; border-bottom:2px #0063c5 solid;}
.cont1{display:none; width:780px; margin:0 auto;}


.tanchuang { position:fixed; left:0; top:0; right:0; bottom:0; z-index:-999999; transition:all 0.3s; transform:scale(0.6); opacity:0;}
.tanchuang.active { z-index:999999; opacity:1; transform:scale(1);}
.tanchuang .bg{ position:absolute;left:0; top:0; right:0; bottom:0; z-index:1; background-color:rgba(0,0,0,0.7);}
.tanchuang .esc{ position:absolute; right:0; top:0; z-index:2; width:50px; height:50px;font-size:30px; color:#fff; line-height:50px; background:#00aeef; cursor:pointer;}
.tanchuang .search{ display:none; position:absolute; left:calc((100% - 600px) / 2); top:calc((100% - 50px) / 2); z-index:3; width:600px; height:50px;}
.tanchuang .search form{ display:block;}
.tanchuang .search form input{ display:block; padding:0 10px; width:calc(100% - 100px); height:50px; font-size:18px; color:#333; line-height:50px; background-color:#fff; border:none;}
.tanchuang .search form button{ display:block; width:100px; height:50px; font-size:18px; color:#fff; line-height:50px; background-color:#00aeef; border:none;}

.mulu{}
.mulu .title{ position:relative; display:block; padding:10px 0 10px 15px; font-size:16px; color:#0063c5; border-bottom:1px #CCC solid;}
.mulu .title:after{ position:absolute; content:''; top:50%; left:0; transform: translateY(-50%); width:5px; height:20px; background:#0063c5; border-radius:3px;}
.mulu .mllist{ display:block; padding:10px 0; margin-bottom:20px;}
.mulu .mllist ul li{ display:inline-block; float:left; width:25%; text-indent:15px;}
.mulu .mllist a{ font-size:14px; line-height:2.5; color:#666;}
.mulu .mllist a:hover{ text-decoration:underline}
a.btn-back{ display:inline-block; padding:10px 25px; border-radius:3px; font-size:14px; background:#0063c5; color:#FFF}

.mulu .mllist ul li.second{ display:block;width:100%; padding:10px 0; color:#000; font-size:15px; text-indent:0}

.index-more {
    display: block;
    width: 150px;
    height: 40px;
    border-radius:40px;
    background-color: #F68101;
    text-align: center;
    color: #fff;
    font-size:16px;
    font-family: 'han-bold';
    background-image: url(../images/index-more1.png);
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .2s;
	 line-height:40px;
}
.yew .item {
    width: 33.33%;
    padding: 0 8px;
    float: left;
}
.yew .con-box{
  border-radius:20px;
}
.yew .con-box{
	display: block;
	position: relative;
	border-radius: 14px;
	overflow: hidden;
}
.yew img{
	width: 100%;
}
.yew .con-box .mask{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #426276;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .3s;
}
.yew .con-box .text-box{
	position: absolute;
	left: 0;
	bottom:2%;
	width: 100%;
	padding: 0 8%;
	height:auto;
	overflow: hidden;
	transition: all .3s;
}
.yew .con-box .index-more{
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .3s;
	
}
.yew .con-box .tit{
	font-size:28px;
	line-height:1;
	color: #fff;
	font-family: 'han-bold';
}
.yew .con-box .desc{
	font-size:16px;
	line-height:1;
	color: #fff;
	margin-top:20px;
}

.yew .con-box:hover .text-box{
	bottom: auto;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}
.yew .con-box:hover .index-more{
	display: block;
	margin: 15px auto 0;
	background-color: #fff;
	color: #4698cb;
}
.yew .con-box:hover .mask{
	opacity: .6;
	filter: alpha(opacity=60);
}
.yew .con-box:hover .index-more{
	opacity: 1;
	filter: alpha(opacity=100);
}

.yew .con-box:hover .text-box{
	height: auto;
}
.yew .con-box:hover .index-more:hover{
	background-color: #4698cb;
	color: #fff;
}



@media (min-width:992px) {

.pictrue-11 ul li a:hover .imgbox span{ transform: scale(1.05); }
.pictrue-11 ul li a:hover .textbox .biaoti{ text-decoration: none !important; }

.newsl .top a:hover .imgbox span{ transform: scale(1.05); }
.dl-li:hover{ transform: scale(1.05); }

img.pro-pic{ height:320px; width:auto}

}
@media (max-width:1399px) {

}

@media screen and (max-width: 1199px) {
.header_top,.head_pc{display: none;}
.head_ph{display: block;}
.lyban{margin-top:60px;}
.banner{ margin-top:60px;}
.main-pad-3{ padding:20px 0 50px 0;}

.proli{ margin:100px auto 50px auto; width:100%;}
.proli ul li{ display:inline-block; float:left; width:19%}
.pro-li{margin: 0 5px;}
.swiper-button-prev,.swiper-button-next{ display:none}
.dl-li{margin:50px 5px 0 5px;}
.dl-li .dlcont{display:block}
}
@media (max-width:991px){
.text-1{ width:100%;}
.pt40{ padding:20px;}
.page_tree_bg a{ display:inline-block; position:relative; color:#fff; font-size:18px; margin:0 30px; padding:20px 0;}

.honor-1 ul li{ display:inline-block; margin:0 1%; width:46%; box-shadow:0 2px 5px rgba(0,0,0,.1); text-align:center}
.honor-2 ul li{ display:inline-block; margin:0 2% 2% 2%; width:44%; box-shadow:0 2px 5px rgba(0,0,0,.1); text-align:center}
.dl-li{ position:relative;display:block; margin:0px 10px 0 10px; width:30%; height:300px; overflow:hidden}
.dl-li:nth-child(2){width:30%; height:300px; margin-top:0px;}
.newslist .newsl,.newslist .newsr{width:100%;}
.newslist .newsr{ margin-top:30px;}
.newslist{ margin-top:20px;}

.join{ padding:40px 0;}
.main-pad-3{ padding:20px 0 0px 0;}

.cont1{width:100%;}

.tanchuang .search{ display:none; position:absolute; left:calc((100% - 80%) / 2); top:calc((100% - 50px) / 2); z-index:3; width:80%; height:50px;}
.tanchuang .search form{ display:block;}
.tanchuang .search form input{ display:block; padding:0 10px; width:calc(100% - 100px); height:50px; font-size:18px; color:#333; line-height:50px; background-color:#fff; border:none;}
.tanchuang .search form button{ display:block; width:100px; height:50px; font-size:18px; color:#fff; line-height:50px; background-color:#00aeef; border:none;}

.mulu .mllist ul li{ display:inline-block; float:left; width:50%;}

.search-box .location{ display:none;}

}
.banner_wap{ display:none}
@media (max-width:767px){

.about .text{ display:block; width:100%;}
.lyban{ position:relative; height:300px;}
.page-right,.page-left{ width:100%;}
.page-left{ margin-top:20px;}
.aboutinfo .fl, .aboutinfo img{ width:100%}

.search-box .search-form{ margin:20px auto auto auto; float:none; display:block;}

.news-title{ font-size:16px; color:#444444}
.pro_tree a{ display:inline-block; margin:0 2px; width:30%; height:50px; font-size:18px; line-height:50px; color:#555555;}
.tab a{ width:100%;}
.page-cont img{ max-width:100%;}
.nnlist li span{ display:none;}


}
@media (max-width:479px){
.main-pad-3{ padding:20px 0 0px 0;}
.main-pad-5{ padding:20px 0;}

.banner_pc{ display:none}
.banner_wap{ display:block; position:relative}
.banner .swiper-pagination-ban{ bottom:10px;}
.banner .swiper-pagination-ban span{ width: 10px; height: 10px;}

.banner_wap .swiper-pagination-ban2{ bottom:10px;}
.banner_wap .swiper-pagination-ban2 span{ width: 10px; height: 10px;}

.text-1 h1{ font-size:26px;}
.lyban{ position:relative; width:100%; height:200px;background:url(../images/ban-about.jpg) center center no-repeat;}
.news .menu ul li{padding: 0;}

.join{ padding:20px;}
.pictrue-11 ul li a .imgbox{ width: 120px; }
.pictrue-11 ul li a .imgbox span{ height: 90px; }
.pictrue-11 ul li a .textbox{ width: calc(100% - 120px);padding-left:20px; }
.pictrue-11 ul li a .textbox .biaoti{ margin-bottom: 0;}
.pictrue-11 ul li a .textbox .time{ display:none;}
.pictrue-11 ul li a .textbox .jieshao{ margin-bottom: 0; height: 40px; line-height: 20px;}
.pictrue-11 ul li .more{ display:none}
.pictrue-11 ul li .line{ display:none}

.f14{ font-size:12px;}
.dl-li{ position:relative;display:block; margin:30px 0px 0 0px; width:100%; height:300px; overflow:hidden}
.dl-li:nth-child(2){width:100%; height:300px; margin-top:30px;}
.pro-li{ margin:5px;}

.dl-li:nth-child(2) h3 {
    bottom: 40px;
}

.applist .des{height:55px;}
.mulu .mllist ul li{ display:block; float:none; width:100%;}
.box-about{ background-position:center 600px;}

}
@media (max-width:449px){
	.text-class a{ display:block; margin-bottom:10px;}	
}
@media (max-width:414px){

}
@media (max-width:375px){

.news .menu ul li a{ padding:5px 20px;}

	
}


/*清除样式*/
.clear {
    clear: both;
    font-family: '微软雅黑';
}

footer{ background:#093e5e;}
footer .top_bar{ padding: 50px 0; }
footer .top_bar .menu{ width: calc(100% - 500px); }
footer .top_bar .menu ul{ margin:0; }
footer .top_bar .menu ul li{ padding-right: 60px; }
footer .top_bar .menu ul li .biaoti{ margin-bottom: 10px; font-weight:bold; font-size: 14px;color: #fff; line-height: 24px; }
footer .top_bar .menu ul li .ul .li a{ display: block; font-size: 13px;color:#999; line-height: 24px; }
footer .top_bar .ewm .imgbox{ margin:0 auto 5px; padding: 5px; max-width: 170px; font-size: 0; background: #fff; }
footer .top_bar .ewm .imgbox img{ width: 100%; }
footer .top_bar .ewm .textbox{color: #999; font-size:14px;}
.textbox ul{ margin-left:30px;}
.textbox ul li{ position:relative;display:block; margin-bottom:10px; padding-left:30px; text-align:left;}
.textbox ul li span{ color:#999; font-weight:bold}
.textbox ul li b{ display:block;font:bold 30px Arial; color:#F68101;}
.textbox ul li i{ position:absolute; top:4px; left:0; width:18px; height:18px; background:url(../images/icon-cont.png) top left no-repeat}
.textbox ul li i.icon-email{ background-position:0 -28px;}
.textbox ul li i.icon-address{ background-position:0 -54px;}

footer .bots{ color:#999;}
footer .copy{ padding:20px 0; font-size:12px;}

.no-text-indent p{ text-indent:0;}
.copy a, .copy a:hover{ color:#999;}


.pro_cla{width: 300px; height:680px;line-height:39px;color: #333;}
.pro_cla h2{height: 100px;text-align: center;font-size:40px;color: #fff;line-height: 100px;background:url(../images/protbg.gif) no-repeat 0 0;border-bottom: 1px solid #fff;}
.pro_cla h2 a{color: #fff;}
.pro_cla h3{height: 55px;font-size:18px;color: #fff;line-height: 55px;background: #333;position: relative;}
.pro_cla h3:before{content: "";position: absolute;width: 21px;height: 21px;background:url(../images/ico01.png) no-repeat 0 0;left: 258px;top: 17px;}
.pro_cla h3 a{color: #fff;padding: 0 32px;display: block;background:url(../images/ico06.png) no-repeat 11px 21px;}
.pro_cla h3:last-child a{background:url(../images/ico05.png) no-repeat 11px 21px;}
.pro_cla h3.cur,.pro_cla h3:hover{background: #F68101;}
.pro_cla h4{height: 44px;font-size:16px;color: #333;line-height: 44px;background:url(../images/ico03.gif) no-repeat 31px 23px #e5e5e5;position: relative;font-weight: normal;border-bottom: solid 1px #fff;}
.pro_cla h4:before{content: "";position: absolute;width: 9px;height: 9px;background:url(../images/ico04.png) no-repeat 0 0;left: 264px;top: 19px;}
.pro_cla h4.on:before{background:url(../images/ico02.png) no-repeat 0 0;left: 264px;top: 19px;}
.pro_cla h4 a{color: #333;display: inline-block;padding: 0 49px;}
.pro_cla ul{display: none;}
.pro_cla li{height: 39px;line-height: 39px;border-bottom: solid 1px #dadada;}
.pro_cla li a{display: block;color: #333;padding: 0 0 0 65px;}
.pro_cla li a:hover{color: #F68101;}

.pro_list{width: 848px;overflow: hidden;}



/* 亮光 */
/*hvr-highLight*/
.hvr-highLight {
	overflow: hidden;
	position: relative;
}
.hvr-highLight:before {
	content: "";
	position: absolute;
	width: 80px;
	height: 320px;
	top: 0;
	left: -136px;
	overflow: hidden;
	background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,0)));
	background: -ms-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
	-webkit-transform: skewX(-32deg);
	-ms-transform: skewX(-32deg);
	-moz-transform: skewX(-32deg);
	transform: skewX(-32deg);
}
.hvr-highLight:hover:before {
	-webkit-transition: left 1.1s;
	-moz-transition: left 1.1s;
	-ms-transition: left 1.1s;
	transition: left 1.1s;
	left: 750px;
}
.hvr-highLight:hover {
opacity: .9\0;
	filter: alpha(opacity=90);
}