@charset "utf-8";
/* CSS Document */
/*CSS reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
a{ text-decoration:none; color:#646464;}
a:hover{ color:#103059 }
ul{ padding:0px; margin:0px;}
h1,h2,h3,h4{ padding:0px; margin:0px;}
p{ padding:0px; margin:0px;}

table { width:100%!important;} 

body{ margin:0 auto;padding:0px;width:100%; font-family: Microsoft YaHei;font-size:16px!important;color:#646464; margin:0px; }

.head{ background:#1360ae;}
.head .head_a{ width:1300px; margin:0 auto; padding-top:10px; padding-bottom:10px;color:#fff;}
.head .head_a .hy a{color:#fff; }
.head .head_a .hy{ font-size:15px;}



.head  .head_a  .htel{ background:url(../images/tel.png) no-repeat left; padding-left:30px; font-size:20px; font-family:impact; margin-right:30px;}
.head  .head_a  .yuyan ul li a{ color:#fff; font-size:15px;}
.head  .head_a  .yuyan ul li{ padding-left:5px; padding-right:5px;}

.dingbu{ width:1300px; margin:0 auto; padding-top:20px; padding-bottom:15px;}


/*导航*/
.nav{ margin-top:17px;}
.nav ul{width:100%; margin:0 auto;}

.nav li {  display: inline-block;list-style: none;text-align: center;position: relative; padding-left:25px;}
.nav li a {display: block;text-align: center;position: relative;color: #000000; font-size:18px;line-height:46px; text-transform:uppercase; }
.nav li.hover a, .nav li:hover a {color: #FFF;}
.nav li:hover a{ color:#1360ae}
.nav li.hover{ color:#1360ae;}
.nav li .subnav { width:160px;background: #1360ae;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;left:-18px;overflow: hidden;position: absolute;top: 46px; z-index: 99999999;}
.nav li .subnav {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 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 li .subnav a {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;color: #fff;display: block;font-size: 14px;font-weight: 500;line-height: 40px;padding: 0;transition: all 0.2s ease-in-out 0s;width: 100%; padding-left:0px;padding-right:0px; border-bottom:1px solid rgba(255,255,255,0.1);}
.nav li .subnav a:hover {text-indent: 5px; background:#003a8b}



/*标题公共样式*/
.flex{ display:flex; justify-content: space-between;}

.wd1200{ padding-top:45px; padding-bottom:45px; width:1200px; margin:0 auto}





/*首页公司简介*/
.index_about{ background:#f8f8f8;}
.abtxt{ width:50%; padding-top:0px;}
.abtxt h2{ font-size:30px; color:#555; font-weight:normal; text-transform:uppercase}
.abtxt h3{ font-size:40px; color:#333; font-weight:normal; margin-top:8px;}
.abtu{ width:45%; overflow:hidden}
.abtu img{ width:100%;transition: all 0.8s; object-fit: cover; height:320px;}
.abtu:hover  img{   transform: scale(1.1);}

.abnr{ margin:0 auto; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow:hidden; line-height:30px; margin-top:35px;color:#7a7a7a; text-align:center; height:120px;} 

.abmore{ background:#1360ae; line-height:40px; width:150px; text-align:center; margin-top:30px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.abmore a{ color:#fff}
.abmore:hover{ width:200px;}

/*首页产品*/
.index_pro{ padding-top:45px; padding-bottom:45px;}
.scrollpic { padding-top:40px;width: 100%; margin:0 auto;}
#myscroll {
	display: block;
	width: 1200px; margin:0 auto;
	position: relative;
	height: 284px; overflow:hidden;
	
}
#myscroll #myscrollbox {
	display: block;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	width: 1000000px;
}
#myscroll ul li:hover a .intro h5 { bottom:30px;}
#myscroll ul li:hover{ transform: scale(1.1);}
#myscroll ul li {
	display: block;
	float: left; 
	padding: 0; overflow:hidden!important;
	width:219px; margin-right:10px; margin-left:10px;transition: all 0.8s;  border-radius:8px; }
	
	
#myscroll ul li img{  border-radius:8px;width:100%;object-fit: cover; height:284px;verflow:hidden;}
#myscroll ul li a { 
	display: block;
	float: left;
	width: 100%;
	padding: 0;verflow:hidden;
	position: relative;

}
#myscroll a .intro {border-radius:8px;
	position: absolute;
	left: 0;
	z-index: 10;
	/*background-color: #0057c4;
	filter: alpha(opacity=70);
	width: 260px;
	color: #fff;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;*/ width:100%; height:100%;
	text-align: center;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.009) 11.7%, rgba(0, 0, 0, 0.034) 22.1%, rgba(0, 0, 0, 0.072) 31.2%, rgba(0, 0, 0, 0.123) 39.4%, rgba(0, 0, 0, 0.182) 46.6%, rgba(0, 0, 0, 0.249) 53.1%, rgba(0, 0, 0, 0.32) 58.9%, rgba(0, 0, 0, 0.394) 64.3%, rgba(0, 0, 0, 0.468) 69.3%, rgba(0, 0, 0, 0.54) 74.1%, rgba(0, 0, 0, 0.607) 78.8%, rgba(0, 0, 0, 0.668) 83.6%, rgba(0, 0, 0, 0.721) 88.7%, rgba(0, 0, 0, 0.762) 94.1%, rgba(0, 0, 0, 0.79) 100%);
}
#myscroll a .intro h5 {transition: all 0.8s;
	padding: 0; margin:0 auto;
	margin: 0; color:#fff; font-size:18px;
	width: 100%;
	line-height: 30px; text-align:center;
	font-weight:100; position:absolute; bottom:15px;
}



#myscroll a .intro {
	bottom: 0px;
}#mybtns {

	width: 100%;
	display: block;
	height:52px; margin-top:100px; position:absolute;
}
#mybtns a#left{ float:left}
#mybtns a#right{ float:right}
#mybtns a {
	width: 52px;
	height: 52px;
	display: block; border-radius:50px;

	background-color: #c1c1c1;

}
#mybtns a:hover {
	background-color: #1360ae;
}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #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-image: url(../images/jt_l.png); background-position:5px;
	
}
#mybtns #right {
	background-image: url(../images/jt_r.png);background-position:5px;
}

#kinMaxShow {
	visibility: hidden;
	width: 100%;
	height: 500px;
	overflow: hidden;
}





/*index_inquiry_wrap*/
.index_inquiry_wrap{ background:url(../images/abg.jpg);}
.index_inquiry_wrap { position: relative; padding: 125px 0 142px 0; background-position: center; background-size: cover; background-attachment: fixed; color: #fff; text-align: center; font-weight: 400; font-family: Roboto-Regular; line-height: 1; }
.index_inquiry_wrap .inquiry_desc { position: relative; margin-bottom: 23px; text-transform: uppercase; font-style: normal; font-size: 36px; font-family: futura-pt; }
.index_inquiry_wrap p { font-size: 18px; }
.index_inquiry_wrap .inquiry_btn { display: table; margin: auto; margin-top: 63px; padding: 0 30px; border-radius: 8px; background: #fff; color: #1360ae; font-size: 24px; line-height: 65px; }
.index_inquiry_wrap .inquiry_btn:before { display: inline-block; margin-right: 22px; width: 38px; height: 38px; background-image: url(../images/ca.png); background-repeat: no-repeat; content: ""; vertical-align: middle; }
.index_inquiry_wrap .inquiry_btn:hover { background: #1360ae; color: #fff; }
.index_inquiry_wrap .inquiry_btn:hover:before { background-image: url(../images/ca_1.png);}
/*优势*/
/*index_advantage_container*/
.index_advantage_container { position: relative; padding-bottom: 70px; margin-top: -70px; }
.index_advantage_container:before { content: ""; position: absolute; background: #f3f3f3; width: 100%; height: calc(100% - 70px); left: 0; bottom: 0; }
.advantage_items { display: flex; justify-content: space-between; flex-wrap: wrap; -webkit-display: flex; -webkit-justify-content: space-between; -webkit-flex-wrap: wrap; width:1200px; margin:0 auto}
.advantage_items .advantage_item { margin:0 auto; position: relative; width: 250px; text-align: center; }
.advantage_item .icon_img { margin:0 auto; position: relative; width: 200px; height: 200px; border: 2px solid #fff; background: #1360ae; border-radius: 50%;  display: flex;justify-content: center;
align-items: center; }
.advantage_item .icon_img img, .position_icon img { width: auto; }
.advantage_item:hover .icon_img img {transform: rotateY(360deg); -webkit-transform: rotateY(360deg);}
.advantage_item .icon_img img { -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.advantage_info, .advantage_info a { color: #525252; line-height: 1; }
.advantage_info .ad_tit {font-size: 25px;font-weight:normal;position: relative; margin: 30px 0; }
.advantage_info .ad_tit a {font-size: 25px;font-weight:normal;}
.advantage_info .ad_desc { font-size: 16px; line-height: 20px; }
.position_icon { display: block; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 40%); -webkit-transform: translate(-50%, 40%); }
.advantage_info .ad_tit a:hover { color: #ca3eb8; }





/*news*/
.syxw{ /*padding-top:0px!important*/}
.index_news{ margin-top:40px;}
.ntitle{ font-size:45px; color:#000; text-align:center; margin:0 auto;}
.nlist{ width:50%;}
.nlist ul li{box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.07); border-radius:8px; padding:20px 30px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; width:42%}
.nlist ul li:nth-child(2){ margin-left:40px;}
.nlist ul li .fbrq p { font-size:40px; color:#1360ae; font-weight:bold}
.nlist ul li .fbrq span { font-size:18px; color:#1360ae;}
.nlist ul li .fbrq{ margin-bottom:20px;}
.nlist ul li .newtitle{text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; color:#333; font-size:18px; font-weight:bold; margin-bottom:20px;}

.nlist ul li .newms{text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:3;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; color:#999; font-size:14px;  margin-bottom:20px; line-height:25px;}

.nlist  ul li:hover{ 
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.12);
transform: translate(0,-5px);
-webkit-transform: translate(0,-5px);
-moz-transform: translate(0,-5px);
-o-transform: translate(0,-5px);
-ms-transform: translate(0,-5px);}


.nlie{ width:47%;align-items: stretch;display: flex; height:290px; overflow:hidden }
.nlie .ntu{ width:65%;align-self: stretch;position: relative; overflow:hidden}
.nlie .ntu img{  width:100%; transition: all 0.8s;}
.nlie .ntu:hover  img{   transform: scale(1.1);}
.nbg{width:35%;}
.nbg ul li{ text-align:center; margin:0 auto}
.nbg ul li a{ color:#fff; font-size:19px;}
.nbg ul li img{ height:63px;}
.nbg ul li:nth-child(1){ background:#1360ae; padding:26px 0px;}
.nbg ul li:nth-child(2){ background:#56ab1f; padding:26px 0px;}

/*-------底部-----------*/
.foot{ background:#1360ae; width:100%; margin:0 auto; color:#fff; height:350px;}
.foot{ position:relative;width:100%;display: flex; align-items: stretch;}
.foot .wd1200{ z-index:11; position:relative; padding-bottom:50px;}
.fzuo{ background:#14579b; width:41%; min-height:350px;flex: 1;align-self: stretch;position:absolute;}
.fbt{ font-size:25px; margin-bottom:20px;}
.flian{ line-height:30px; font-size:15px;}
.flian a{ color:#fff}
.fmenu { width:30%}
.fmenu ul li:nth-child(2n){ float:right}
.fmenu ul li{ width:49%;line-height:40px; float:left; }
.fmenu ul li a{ color:#fff;}
.fbq{ width:33%; }
.ewm{ padding:5px; background:#fff; border-radius:5px; width:130px; margin-top:-1px; height:130px;}
.fdao{ width:55%;}

.banquan{ line-height:30px; color:#b3c1d7; margin-top:30px;}
a.zzb07link{font-family: Arial, Helvetica, sans-serif;font-size: 15px;text-decoration:none;color: #b3c1d7;}
a.zzb07link:hover {text-decoration: underline;color: #b3c1d7;}
.zzb07tail{font-size:15px;font-family:Arial, Helvetica, sans-serif;color:#b3c1d7;}



/*翻页*/
.contentPage{text-align:center; margin:0px 3px; padding:0px; padding-top:15px;color: #103059; line-height: 30px; text-decoration: none; clear:both; }
.contentPage a:link {color: #103059; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #103059; font-weight: normal;}
.contentPage a:visited {color: #103059; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #103059; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; font-size: 12px; text-decoration: none; padding:4px 7px; background-color:#0a63b5;font-weight:normal;}
.contentPage .current{color:#103059; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #103059; padding:4px 7px; font-weight: normal;}
.contentPage .zi{font-size:12px; font-weight:bold; float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}


/*内页*/
.nyabout{ width:100%;background:url(../images/nyabout.jpg) no-repeat center ; margin: 0 auto; height:300px;}
.nypro{ width:100%;background:url(../images/ban1.jpg) no-repeat center ; margin: 0 auto; height:300px;}

.nycon{ width:100%; height:300px; background:url(../images/nycon.jpg) no-repeat   center ; margin:0 auto}
.nynews{ width:100%; height:300px; background:url(../images/nynews.jpg) no-repeat    center ; margin:0 auto}
.nyzl{ width:100%; height:300px; background:url(../images/nyzl.jpg) no-repeat    center ; margin:0 auto}
.nyjob{ width:100%; height:300px; background:url(../images/nyjob.jpg) no-repeat    center ; margin:0 auto}
.nyjishu{ width:100%; height:300px; background:url(../images/nyjishu.jpg) no-repeat    center ; margin:0 auto}

.nydw{ background:#f7f7f7; width:100%; margin:0 auto}

.nydw .weizhi{ width:1200px; margin:0 auto; line-height:60px;font-size:15px;}
.nydw .dingwei{ background:url(../images/home.png) no-repeat left; padding-left:30px; background-size:auto 20px}
.nydw .dingwei a{ color:#555}
.nydw .dingwei span{ padding-left:8px; padding-right:8px;}



.nymain{ width:1200px; margin:0 auto; padding-top:60px; padding-bottom:60px;}
.ytitle{ font-size:40px; text-align:center; color:#333; padding-bottom:40px;}
.yline{ background:#eee; height:1px; width:100%; }
.neirong{margin-top:40px;line-height:30px;}


.neirong_bk{ padding-top:30px;padding: 30px; line-height:30px;background-color: #ffffff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); margin-top:50px; min-height:300px;}

.xxx img{ max-width:100%!important; height:auto!important; margin-top:20px; margin-bottom:20px;}
/*内页公司简介*/
.neiab img{ max-width:100%!important; height:auto!important; margin-top:20px;}
.neitu{ float:right; width:45%; margin-left:45px;}
.neiab p{ margin-bottom:10px; text-indent:2em;}
.neiab p img{ margin-bottom:0px; text-indent:0em;}


.proxx{ font-size:15px; margin-top:30px;}

.proxx table{border-left: #d8d8d8 1px solid; border-top: #d8d8d8 1px solid;  width:100%; margin:0 auto; }
.proxx tr td{padding: 10px;
    line-height: 25px;
	border-bottom: #d8d8d8 1px solid; border-right: #d8d8d8 1px solid;}
	.proxx tr td:first-child{ background:#eff2fb; text-align:center; width:15%;}






.ditu{ width:50%}
.nylianxi{ width:45%}
.rit-box .top-tit {
border-bottom: 1px dotted #BBBBBB;
padding-bottom: 20px;}
.rit-box .top-tit h3 {font-size: 20px;font-weight:normal; color:#000; margin-bottom:0px;}
.rit-box .top-tit p {font-size: 15px;color: #999999;}
.rit-box .top-tit p font{ color:#0055a9; font-weight:bold; font-size:25px;}
.city li.on, .city li:hover {background-color: #0055a9;}
.city li {float: left;margin-right: 10px;width: 150px;height: 38px;text-align: center;line-height: 38px;font-size: 15px;background-color: #0055a9;}
.city li a{ color:#fff}
.city {display: table;margin-top: 15px;}
.kbm{ margin-top:20px;}

/*内页新闻*/
/* 新闻 */
.news_in ul li:nth-child(odd) {  background:#f2f2f2;  }
.news_in ul li{ margin-bottom:25px; padding:30px;}
.xw_kuang1{ width:15%; float:left;}
.xw_kuang1 .xw_p1{ font-size:38px; font-weight:bold; color:#000; text-align:center;}
.xw_kuang1 .xw_p2{ font-size:20px; color:#000; text-align:center; margin-top:5px;}
.news_in .xw_line{ width:1px; height:36px; background-color:#e5e5e5;  margin-top:15px;}
.news_in .xw_p3{ font-size:18px; color:#333; margin-left:60px; margin-top:20px;}
.xw_kuang2{ margin-top:7px;  width:154px; border:1px solid #ccc; border-radius:37px; }
.xw_kuang2 p{ font-size:16px; line-height:53px; text-align:center; color:#333;}

.news_in ul li:hover{ background:linear-gradient(to right,#00a0e7,#1860a8);
transition:all .3s linear; 
    -o-transition:all .3s linear; 
    -moz-transition:all .3s linear; 
    -webkit-transition:all .3s linear;}
.news_in ul li:hover .xw_kuang1 .xw_p1{ color:#fff;}
.news_in ul li:hover .xw_kuang1 .xw_p2{ color:#fff;}
.news_in ul li:hover .xw_p3{ color:#fff; padding-left:10px;transition: 0.3s ease-out;}
.news_in ul li:hover .xw_kuang2{border:1px solid #fff;}
.news_in ul li:hover .xw_kuang2 p{ color:#fff;}

	
.xwbt{ text-align:center; margin:0 auto;}
.xwbt h2{ color:#333; font-size:25px; font-weight:normal;}
.xwbt h3{ font-weight:normal; margin-top:15px; font-size:15px; color:#555;}

.fanhui{border-top:3px solid #ddd; margin-top:40px;}
.fanhui ul { padding-top:30px;}
.fanhui ul li{ line-height:40px;width:33%; float:left;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.fanhui ul li:nth-child(3){ text-align:right}
.fanhui ul li:nth-child(2){ text-align:center;  }
.fanhui ul li:nth-child(2) a{ margin:0 auto; color:#fff;background:#1360ae;height:40px; line-height:40px; width:150px; text-align:center; display:block}

.dlian{display: flex; /*flex-wrap: wrap;*/ justify-content: space-between;}
.lianmap{ width:50%}
.liantxt{ width:45%}

/*技术文章*/
.ab12 ul{overflow:hidden; width:100%; }
.ab12 ul li:nth-child(2n){ float:right}
.ab12 ul li{ cursor:pointer;display:block;float:left; line-height:50px; margin-bottom:10px; width:46%; border:#d7d7d7 solid 1px;text-align:left; padding-left:20px; margin-bottom:25px;}
.ab12 ul li a{ }

.line{ width:auto;height:50px;position:relative;}
.line:after {
            content: "";
            width: 0;
            height:2px;
            background:#003a8b;
            position: absolute;
            top: 100%;
            left: 0%;
	
            transition: all .5s; 
}

.line:hover:after {left:0%;width: 100%;}

/*人才招聘*/
.join-us .recruit-list{padding:80px 0px;}
.join-us .recruit-list .item{border-bottom:1px dashed #D3D3D3;}
.join-us .recruit-list .item .title{height:80px;line-height:80px;font-size:16px;color:#333333;cursor:pointer;}
.join-us .recruit-list .item .title .down{width:30px;height:30px;line-height:30px;text-align:center;font-size:18px;color:#8A8A8A;float:right;border-radius:50%;margin-top:25px;
	transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;}
.join-us .recruit-list .item .title .down:hover{background:#0070c0;color:#FFFFFF;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);line-height:31px;}
.join-us .recruit-list .item .title .down.open{background:#0070c0;color:#FFFFFF;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);line-height:31px;}
.join-us .recruit-list .item .contents{font-size:14px;color:#555;line-height:1.8;overflow:hidden;display:none;}
.join-us .recruit-list .item .contents.open{}
.join-us .recruit-list .item .contents p{padding-bottom:10px;}


.join-us .recruit-list .item .title .down {

    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    color: #8A8A8A;
    float: right;
    border-radius: 50%;
    margin-top: 25px;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;

}
.iconfont {

    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

.zhaopin ul{display: flex; /*flex-wrap: wrap; justify-content: space-between;*/ margin-bottom:20px;}
.zhaopin ul li{ margin-right:15px;}
.daxie{ font-weight:bold; margin-bottom:10px;}
.tishi{ margin-top:30px;padding:30px; background:#fafafa;}
.contents{ padding-bottom:20px;}


/*产品列表*/
.fenlei ul{display: flex; /*flex-wrap: wrap;*/ justify-content: space-between;}
.fenlei ul li{ margin-left:25px;}
.fenlei ul li.active a{ color:#0060a4;}
.fenlei ul li a:hover{color:#0060a4;}


.font3 td{ color:#fff!important}
.prolist table td { font-size:14.5px;
    border-left: 1px solid #e1e1e1; color:#222;
    border-top: 1px solid #e1e1e1;  padding:12px 10px;
}
.prolist table {
    border-collapse: collapse;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}
.prolist table tr:hover{ background:#fafafa;}
.prolist table tr:nth-child(1):hover{ background:#818587}
.tname{ color:#0060a4; font-size:25px; margin-bottom:15px; font-weight:normal}
.zzb{ margin-bottom:40px;}
.font3{color:#fff;  }
.font3 td{ background:#0060a4;font-size:16px!important;font-weight:bold }


.pc_daohang{ display:block}
.wap_daohang{ display:none}
.wap_foot{ display:none}

/*人才招聘*/
.job_1{
overflow:hidden;}
.job_1_1{
margin-top:2.8em;}
.job_1_1 ul li{
float:left; width:33.33333333333%;}
.job_1_1_1{
position:relative; overflow:hidden;}
.job_1_1_1 img{
width:100%;}
.job_1_1_1_jj{
position:absolute; left:0; width:100%; bottom:0; z-index:10; color:#fff;}
.job_1_1_1_jj_mid{
margin:1.5em;}
.job_1_1_1_jj_mid_1{
font-size:1.5em;}
.job_1_1_1_jj_mid_2{
font-size:15px; margin-top:0.4em;}
.job_1_2{
font-size:1em; line-height:2; margin:2.5em 0 4em 0; color:#000; text-align:center;}
.jobs_2{ padding-bottom:6.25em;
overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img6.jpg);}
.jobs_2_1{ margin-top:2.8em;
text-align:center; padding:2.25em; background-color:#fff;}
.jobs_3{
overflow:hidden; padding-bottom:5.5em;}
.jobs_3_1 ul li{
float:left; margin-bottom:1.6875em; width:49%;}
.jobs_3_1 ul li:nth-child(2n){
float:right;}
.jobs_3_1_1{
overflow:hidden;}
.jobs_3_1_1 img{
width:100%;}
.jobs_3_1{
margin-top:3.5em;}
.jobs_4{transition: all 0.8s;
overflow:hidden; margin:0 ; padding:0}
#mid{  margin: 0 auto;}
.jobs_4_1{overflow:hidden;
background-image:url(../images/img11.jpg); color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.jobs_4_1_1{ margin-top:3.766666666666667em;
text-align:center; font-size:1.875em;}
.jobs_4_1_2{ letter-spacing:0.08em;
font-size:3em; text-align:center; margin-top:0.5em; margin-bottom:2em;}
.jobs_4_1_3{ padding:1.5em 0; margin-bottom:0.625em;
background-color:#1360ae; overflow:hidden;}
.joblist li{ 
float:left; width:25%; list-style:none}
#mid h3 {
    width: 1200px;
    float: left;
    font-size: 35px;
    color: #313131;
    font-weight: normal;
    text-align: center;
    padding-bottom: 10px;
    margin: 0;
    text-transform: uppercase;
    font-family: 'AlibabaSans-Regular';
}

.joblist li:nth-child(4){
width:25%;}
.joblist li.showjobinfo{ display:none;
width:100%; clear:both; background-color:#fff;  }
.joblist_mid{
padding-left:2em; padding-right:2em;}
.joblist_mid_2,.joblist_mid_3,.joblist_mid_4{
text-align:center}
.joblist_mid_t{
font-size:16px; color:#fff}
.joblist{
display:block;}
.jobs_4_2{
 padding-top:5px; overflow:hidden;}
.jobs_4_2 ul{ cursor:pointer;
background-color:#fff; border:1px #d3d7df solid; margin-bottom:5px; margin-left:0; padding:0}
.jobs_4_2 ul li{
min-height:3.3em;}
.joblist_mid_c{
padding:1em 0; color:#333}
.showjobinfo_mid{
padding:1em 2em 0em 2em; }
.showjobinfo_mid_1{line-height:1.8; overflow:hidden; margin-bottom:1.7em; color:#555; font-size:15px;}
.jobs_4_2 ul.on{background-color:#788694;}
.jobs_4_2 ul.on .joblist_mid_c{
color:#fff;}
.jobs_4_2 ul.joblist.on li.showjobinfo{
display:block}
.showjobinfo_mid_2 a{ padding:0.45em 2em;
display:inline-block; color:#fff; background-color:#194695;}
.showjobinfo_mid_2 a span{ padding-left:20px;
background-position:left center; background-repeat:no-repeat; display:inline-block; background-image:url(../images/img5.png);}
.jobs_4_2_2{
margin:3em 0 5.5em 0}
.jobs_4_2_2 a{
border:1px #d3d7df solid;}




.bigfenlei ul{ width:60%; margin:0 auto}
.bigfenlei ul li a{ color:#fff}
.bigfenlei ul li:nth-child(2){ float:right; background:#424242;}
.bigfenlei ul li{ text-align:center; line-height:50px;float:left;width:40%; border-radius:30px; background:#424242}



@media all and (max-width:550px){
#mid {
    width: 100%;
    margin: 0 auto;
    margin-top: 3%;
}.nei2 {
    width: 100%;
}

.joblist_mid_t {
    font-size: 15px;
    color: #fff;
}
.jobs_4_2 ul li:nth-child(3){ display:none}
.jobs_4_2 ul li:nth-child(2){ display:block}

.joblist li:nth-child(3){ display:none}
.joblist li:nth-child(2){ display:block}
.joblist li:nth-child(1){ width:40%}
.joblist li {
    float: left; width:25%;
    list-style: none;
}
.joblist_mid {
    padding-left: 1em;
    padding-right: 1em;
}
}

.bigfenlei2{ background:#dadada; margin-top:40px;/* border-top:1px solid #eee*/ padding:40px 30px;}
.bigfenlei2 ul {display: flex; /*flex-wrap: wrap;*/ justify-content: space-between;/* margin-top:40px;*/}
.bigfenlei2 ul li a{ color:#333;text-align:center}
.bigfenlei2 ul li{ border-radius:5px; width:22%; margin-left:1.5%; margin-right:1.5%; background:#fff;display:inline-block; text-align:center; line-height:50px;}
.bigfenlei2 ul li.active,.bigfenlei2 ul li:hover{ background:#0060a4}
.bigfenlei2 ul li.active a,.bigfenlei2 ul li:hover a{ color:#fff}

/*产品列表*/
.aleft{ width:22%;}
.aleft .proflmc{background: #0060a4; padding-top:30px; padding-bottom:30px; color:#fff; text-align:center; font-size:30px;}
.aleft ul{/* border:1px solid #ddd; */border-top:0px;}
.aleft ul li{line-height:55px; background:#0679ca; text-align:center}
.aleft ul li{ margin-top:5px;}
.aleft ul li:first-child{ margin-top:0px;}
.aleft ul li a{ color:#fff;}
.aleft ul  dl dd{ padding-left:0px; margin-left:0px; width:100%;  text-align:center; line-height:45px; border-bottom:1px solid #ddd; }
.aleft ul  dl dd a{ font-size:15px;}
.aleft ul  dl dd:last-child{ border-bottom:0px;}
.aleft ul  dl dd a.active,.aleft ul  dl dd a:hover{ color:#0679ca;}
.aleft ul li a.active,.aleft ul li a:hover { color:#fff; display:block;background:#56ab1f;}


.aright{ width:73%;}
.procc ul li{ padding-bottom:30px; padding-top:30px; border-bottom:1px dashed #ddd;}
.procc ul li:first-child{ padding-top:0px;}
.procc ul li .ptu{ width:30%; overflow:hidden}
.procc ul li .ptu img{ width:100%;object-fit: cover; height:250px;transition: all 0.8s;}
.procc ul li:hover img{   transform: scale(1.1);}
.procc ul li .ptxt{ width:65%;}
.procc ul li .ptxt .pname{ font-size:18px;}
.plist{ margin-top:5px;}
.zname{color:#0060a4; font-weight:bold; font-size:15px;}
.ams{ line-height:25px; color:#999; font-size:14px;overflow:hidden;display:-webkit-box; -webkit-line-clamp:4 ;
 -webkit-box-orient:vertical ;overflow:hidden; text-overflow:ellipsis; height:100px;}

.wstitle{ text-align:center; font-size:20px; font-weight:bold; border-bottom:1px solid #ddd; padding-bottom:20px;}
.xxlist{ margin-top:30px;}
.xxms{ line-height:25px; margin-top:20px; font-size:15px;}
.xxlist .xxtop { background:#fafafa;}
.xxlist .xxtop .xxtitle{ background:#0060a4; width:150px; text-align:center; color:#fff; line-height:40px;}

@media screen and (max-width: 640px) {
/*产品列表*/
.aleft{ width:100%; margin-bottom:30px;}
.aleft .proflmc{padding-top:20px; padding-bottom:20px;font-size:20px;}

.aleft ul li{line-height:45px; }
.aleft ul li:last-child{ margin-top:5px;}
.aleft ul  dl dd{line-height:35px;}

.aright{ width:100%;}
.procc ul li{ padding-bottom:20px; padding-top:20px; }

.procc ul li .ptu{ width:40%; overflow:hidden}
.procc ul li .ptu img{height:200px;}

.procc ul li .ptxt{ width:55%;}
.procc ul li .ptxt .pname{ font-size:16px;}

	
	
	
.bigfenlei2{ background:#dadada; margin-top:30px;/* border-top:1px solid #eee*/ padding:20px;}
.bigfenlei2 ul {display: block; }
.bigfenlei2 ul li a{ font-size:15px;}
.bigfenlei2 ul li{ border-radius:5px; width:48%; margin-left:1%; margin-right:1%; line-height:40px;}
.bigfenlei2 ul li:nth-child(1){ margin-bottom:2%;}
.bigfenlei2 ul li:nth-child(2){ margin-bottom:2%;}	
	
.gaodu{ height:auto;}
.pc_daohang{ display:none}
.wap_daohang{ display:block}
.wap_foot{ display:block}
.ba{ height:auto}

.zhaopin ul{display: block; /*flex-wrap: wrap; justify-content: space-between;*/ margin-bottom:20px;}
.zhaopin ul li{ margin-right:0px; width:48%; display:inline-block}
.zhaopin ul li:nth-chid(2n){display:inline-block} 

/*标题公共样式*/
.flex{ display:block; justify-content: space-between;}
.wd1200{ padding-top:40px; padding-bottom:40px; width:95%; }

.bigfenlei ul{ width:100%; margin:0 auto}
.bigfenlei ul li a{ color:#fff}
.bigfenlei ul li:nth-child(2){ float:right; background:#424242;}
.bigfenlei ul li{ text-align:center; line-height:36px;float:left;width:48%; border-radius:30px; background:#424242}



/*首页公司简介*/

.abtxt{ width:100%; padding-top:0px;}
.abtxt h2{ font-size:25px; }
.abtxt h3{ font-size:30px;margin-top:5px;}

.abtu{ width:100%; overflow:hidden}
.abtu img{ width:100%;transition: all 0.8s;}
.abtu:hover  img{   transform: scale(1.1);}

.abnr{margin-top:25px;} 

.abmore{margin-top:25px; margin-bottom:30px;}

/*首页产品*/
.index_pro{ padding-top:40px; padding-bottom:40px;}
.scrollpic { padding-top:40px;}
#myscroll {width: 95%;height: auto; }
#myscroll #myscrollbox {
  display: block;
  float: none;
  position:static;
  left: 0;
  top: 0;
  width: 100%;
}
#myscroll ul li {width:100%; margin-left:0px; margin-right:0px; }
#myscroll ul li:nth-child(2){ margin-top:30px; margin-bottom:30px;}
#myscroll ul li img{ height:244px;}
#myscroll ul li a { width: 100%;;}

#myscroll a .intro h5 {font-size:16px;}
#mybtns {height:32px; margin-top:100px; }
#mybtns a {width: 32px;height: 32px;}
#mybtns #left {background-position:0px; background-size:auto 32px;}

#mybtns #right {background-position:0px; background-size:auto 32px;}





/*index_inquiry_wrap*/

.index_inquiry_wrap {padding: 100px 0 100px 0;background-attachment:local;  }

.index_inquiry_wrap .inquiry_desc { font-size: 26px; line-height:35px; }
.index_inquiry_wrap p { font-size: 16px; }
.index_inquiry_wrap .inquiry_btn { margin-top: 43px; padding: 0 30px; font-size: 20px; line-height: 45px; }

.index_inquiry_wrap .inquiry_btn:before {margin-right: 12px;  }

/*优势*/
/*index_advantage_container*/

.index_advantage_container {padding-bottom: 40px; margin-top: -70px; position:relative; background: #f3f3f3; width:100%}


.advantage_items { display: block; width:100%;background: #f3f3f3;}
.advantage_items .advantage_item:nth-child(2n){ float:right;background: #f3f3f3;}
.advantage_items .advantage_item {width: 50%; float:left;background: #f3f3f3; }

.advantage_item .icon_img { width: 150px; height: 150px; }
.advantage_item .icon_img img{ width:60px;}

.advantage_info .ad_tit {font-size: 20px;margin: 20px 0; }
.advantage_info .ad_tit a {font-size: 20px;}





/*news*/
.index_news{ margin-top:40px;}
.ntitle{ font-size:35px;}
.nlist{ width:100%;}
.nlist ul { display:flex}
.nlist ul li{ padding:3%; }
.nlist ul li:nth-child(2){ margin-left:15px;}
.nlist ul li .fbrq p { font-size:32px;}
.nlist ul li .fbrq span { font-size:16px;}
.nlist ul li .fbrq{ margin-bottom:20px;}

.nlist ul li .newtitle{-webkit-line-clamp:2;/*显示行数*/ font-size:16px; margin-bottom:20px; line-height:30px;}

.nlist ul li .newms{ display:none;}




.nlie{ width:100%; margin-top:40px;display: block; height:auto;  }
.nlie .ntu{ width:100%;}
.nlie .ntu img{ height:200px; object-fit: cover;}

.nbg{width:100%;}
.nbg ul{ width:100%; display:flex}
.nbg ul li{ width:50%; }
.nbg ul li a{ color:#fff; font-size:17px;}
.nbg ul li:nth-child(1){ background:#1360ae; padding:31px 0px;}
.nbg ul li:nth-child(2){ background:#56ab1f; padding:31px 0px;}

/*-------底部-----------*/
.foot{ height:auto;}
.foot{ display: block; }
.foot .wd1200{ padding-top:10px;padding-bottom:00px;display: flex; width:100%;
flex-wrap: wrap;
flex-direction: column-reverse;}
.fzuo{ display:none}
.fbt{ font-size:25px; margin-bottom:20px;}
.flian{ line-height:30px; font-size:15px;}
.flian a{ color:#fff}
.fmenu { width:100%; display:none}
.fmenu ul li:nth-child(2n){ float:right}
.fmenu ul li{ width:49%;line-height:40px; float:left; }
.fmenu ul li a{ color:#fff;}
.fbq{ width:100%; text-align:center; background:#14579b;padding-top:40px; padding-bottom:40px;}

.ewm{ display:none;}
.fdao{ width:100%; text-align:center; margin:0 auto; padding-top:40px; padding-bottom:40px;}

.banquan{  margin-top:20px;}
.banquan p{ text-align:center}


.tname{ color:#0060a4; font-size:16px; margin-bottom:15px; font-weight:bold}


.nydw{ background:#f7f7f7; width:100%; margin:0 auto}

.nydw .weizhi{ width:95%; line-height:30px;font-size:14px; padding-top:10px; padding-bottom:10px;}
.nydw .dingwei{ background:url(../images/home.png) no-repeat left; padding-left:30px; background-size:auto 20px}
.nydw .dingwei a{ color:#555}
.nydw .dingwei span{ padding-left:8px; padding-right:8px;}



.nymain{ width:95%;padding-top:40px; padding-bottom:40px;}
.ytitle{ font-size:30px; padding-bottom:40px;}
.yline{ background:#eee; height:1px; width:100%; }
.neirong{margin-top:30px;line-height:27px; font-size:15px;}


.neirong_bk{ padding-top:30px;padding: 30px; line-height:30px;background-color: #ffffff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); margin-top:50px;}

/*内页公司简介*/

.neiab{/*display: flex; width:100%;
flex-wrap: wrap;
flex-direction: column-reverse;*/}
.neitu{ float:none; width:100%; margin-left:0}






/*内页*/
.nybanner{ padding-top:60px;}
.nyabout{ background-size:200%; height:150px;padding-top:60px;}
.nypro{ background-size:200%; height:150px;padding-top:60px;}
.nynews{background-size:200%; height:150px;padding-top:60px;}
.nyjob{ background-size:200%; height:150px;padding-top:60px;}
.nycon{ background-size:200%; height:150px;padding-top:60px;}
.nyjishu{ background-size:200%; height:150px;padding-top:60px;}
.nyzl{ background-size:200%; height:150px;padding-top:60px;}


/* 新闻 */

.news_in ul li{margin-bottom:20px;}
.xw_kuang1{ width:18%; }
.xw_kuang1 .xw_p1{ font-size:25px;}
.xw_kuang1 .xw_p2{ font-size:15px; }
.news_in .xw_line{ width:1px; height:36px;  margin-top:15px; margin-left:15px;}
.news_in .xw_p3{ width:72%; font-size:16px;margin-left:0px; margin-top:0px; float:right}
.xw_kuang2{display:none; }
.xw_kuang2{ margin-left:20px;margin-top:20px;  width:124px;  border-radius:37px; float:none; display:none}
.xw_kuang2 p{ font-size:15px; line-height:33px; }


.news_in ul li:hover .xw_p3{ padding-left:0px;}

.neirong_bk{ font-size:15px; margin-top:30px;}

	

.xwbt h2{font-size:22px;}



.fanhui ul { padding-top:30px; }
.fanhui ul li a{ font-size:15px;}

.fanhui ul li{ line-height:40px;width:100%; float:left; text-align:center; font-size:15px;}
.fanhui ul li:nth-child(3){ text-align:center}
.fanhui ul li:nth-child(2){ text-align:center;  }
.fanhui ul li:nth-child(2) a{ margin:0 auto; color:#fff;background:#1360ae;height:40px; line-height:40px; width:150px; text-align:center; display:block}


.dlian{display: flex; width:100%;
flex-wrap: wrap;
flex-direction: column-reverse;}
.lianmap{ width:100%; margin-top:30px;}
.liantxt{ width:100%}


.ab12 ul li:nth-child(2n){ float:left}
.ab12 ul li{ cursor:pointer;display:block;float:left; line-height:50px; margin-bottom:10px; width:93%; border:#d7d7d7 solid 1px;text-align:left; padding-left:3%; padding-right:3%; margin-bottom:25px;}

.table1{ color:#fff;}
.prolist table td {font-size:13px;
    border-left: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;  padding: 5px;
}
.prolist table {
    border-collapse: collapse;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}
.prolist table tr th{padding:5px;font-size:13px;}

.fanye{ background:#dadada; line-height:40px; text-align:center; margin-top:40px;}
.name{ background:#2da300; line-height:40px; color:#fff; text-align:center; font-size:20px;}

.proxx{ font-size:15px; margin-top:30px;}

.proxx table{border-left: #d8d8d8 1px solid; border-top: #d8d8d8 1px solid;  width:100%; margin:0 auto; }
.proxx tr td{padding: 10px;
    line-height: 25px; font-size:14px;}
	.proxx tr td:first-child{ background:#eff2fb; text-align:center; width:25%;}

.font3 td{font-size:13px!important;}


/*产品列表*/
.pcyincang{ display:none}
.dingwei{ float:none; width:auto}
.fenlei{ float:none; width:100%}
.fenlei ul{display: block; }
.fenlei ul li{ margin-left:0px; float:left; margin-right:15px;}
.fenlei ul li.active a{ color:#0060a4;}
.fenlei ul li a:hover{color:#0060a4;}









.tbottom{ height:3.5rem;}
#BottomNav { background-color:#333; bottom: 0;
    height: 4.5em;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 39; box-sizing:border-box; 
}
#BottomNav ul li {
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 20%; padding-top:0.7em;
}


#BottomNav ul li a {
    color: #fff;
    display: block; 
    


}


#BottomNav ul li a div {
    font-size:14px; padding-bottom:0.7rem; padding-top:0.3em;
}
#BottomNav .a {
    background-image: url(../images/shl-a.png);
}
#BottomNav .b {
    background-image: url(../images/shl-b.png);
}
#BottomNav .c {
    background-image: url(../images/shl-c.png);
}
#BottomNav .d {
 background-image: url(../images/vperson.png);
}
#BottomNav .e {
    background-image: url(../images/shl-e.png);
}
#BottomNav .f {
    background-image: url(../images/shl-f.png); 
}
#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 1.4rem;
    margin: 0 auto;
    width: 1.4rem;
    background-size: auto 1.4em;
	
}


	.m-header {
/* height:60px;*/
  width: 100%;
  background: #fff; z-index:999999999
}
.sousuo{ background:url(../images/wap_sea.png) no-repeat center;text-align: center;
background-position: center center;
background-size: auto 30px; height:45px; margin-top:7px;}


.m-header.cur {
  position: absolute;
}
.ce-table .table-bot .item .i{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5;
}
.m-header .w-header.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
}

.m-header .w-header {
  position: relative;
  padding: 0 10px;
  padding-right: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 444444444444;
  height: 60px;
  box-shadow: 0 0px 9px rgba(0, 0, 0, 0.1);
  background: #fff;
}
.glasslist-list .items .words .p span{
  font-size: 150%;
  color:#0aadb1;
}

.m-header .welcome-a {
  float: left;
 /* width: 50%;*/
  height: 100%; margin-top:0px;
  /*
  line-height: 48px;
  position: relative;*/
}

.m-header .welcome-a img {
  max-height: 100%;top:10px;
/*  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;*/
}

.m-header .search-cover {
  float: right;
  width: 50px;
  height: 48px;
  display: block;
  line-height: 48px;
}

.m-header .search-cover img {
  width: 100%;
  vertical-align: middle;
}

.m-header .uio {
  float: right;
  height: 100%;
  width: 45px;
  border-left: 0px solid #e1e1e1;
}

.m-header .search-bg {
  position: fixed;
  left: 0;
  top: 48px;
  width: 100%;
  height: 150px;
  z-index: 10;
  background: #ffffff;
  display: none;
}

.m-header .subsearch {
  padding-right: 15px;
  border-right: 1px solid #d2d2d2;
  box-sizing: border-box;
}
.m-header .subsearch .sp {
  width: 35px;
  height: 35px;
  background-size: 80%;
}

.m-header .subsearch img {
  height: 100%;
}

.m-header .search-bg .m-close-search {
  display: block;
  width: 10px;
  height: 10px;
  background-size: 100% auto;
  position: fixed;
  right: 4%;
  top: 10px;
  cursor: pointer;
  z-index: 11;
}

.m-header .search-bg .m-search-box {
  width: 92%;
  margin: 0 auto;
  border-bottom: 1px solid #f2f2f2;
  position: absolute;
  left: 3%;
  top: 48px;
  height: 40px;
  z-index: 11;
}

.m-header .search-bg .m-search-box .tex {
  border: none;  font-size: 14px;
  color: #a7a7a7;
  height: 41px;
  padding-left: 5px;
  box-sizing: border-box;
  width: 60%;
  background: none;
}

.m-header .search-bg .m-search-box .search-btn {
  border: none;
  width: 30px;
  height: 30px;
  background-size: 100%;
  margin-top: 6px;
}

.m-header .btn-na {
  margin-right: 15px;
}

.m-header .nav-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    width: 22px;
    height: 17px;
    vertical-align: middle;
    cursor: pointer;
    margin-top: -8px;
}

.m-header .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #1360ae;
  left: 0;
  border-radius: 4px;
}

.m-header .nav-btn .line1 {
  top: 0px;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.m-header .nav-btn .line2 {
  top: 7px;
}

.m-header .nav-btn .line3 {
  bottom: 0px;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.m-header .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.m-header .nav-btn.hover .line {
  left: 6px;
}

.nav0 {
  position: relative;
  border-left: 1px solid #e1e1e1;
  cursor: pointer;
}
.nav0:hover .nav-btn .line {
  background: #059ea0;
  transition: .5s ease-in-out;
}

.nav0 .nav-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 12px;
  vertical-align: middle;
  cursor: pointer;
  bottom: 0;
  right: 0;
  margin: auto;
}

.nav0 .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: .5s ease-in-out;
  left: 0;
  border-radius: 4px;
}

.nav0 .nav-btn .line1 {
  top: 0;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.nav0 .nav-btn .line2 {
  top: 5px;
}

.nav0 .nav-btn .line3 {
  bottom: 0;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.nav0 .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.nav0 .nav-btn.hover .line {
  left: 6px;
}


.m-header .sub-menu {
  width: 100%;
  height: 100%;
  padding: 14px 0 0;
  display: none;
  position: fixed;
  left: 0;
  top: 45px;
  background-color: white;
  z-index: 1999999990;
  color: #666;
  overflow-y: auto;
}

.m-header .sub-menu li .sub-tit {
  padding: 0 3%;
  box-sizing: border-box;
}
.m-header .sub-menu li .sub-tit .tu-box {
  padding: 13px 0; text-align:left;
  border-bottom: 1px solid #dcdcdc;
  box-sizing: border-box;
  position: relative;
}
.m-header .sub-menu li .sub-tit .tu-box .imgbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  bottom: 0;
  margin: auto;
}

.m-header .sub-menu li .sub-tit.on .tu-box {
  border-bottom-color: transparent;
}

.m-header .sub-menu li a {
  display: block;
}

.m-header .sub-menu .tit {
  display: block;
  width: 100%;
  padding: 10px 3%; text-transform:uppercase;
  box-sizing: border-box;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 20px;
}
.m-header .sub-menu .tit a {
  color: #666;
}

.menu-text {
  text-align: center;
  margin-top: 35px;
}
.menu-text .li {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f2f2f2;
  line-height: 50px;
  margin: 0 15px;
}
.menu-text .li img {
  width: 23px;
  display: inline-block;
}

.case-ul.w1480 {
  line-height: 1;
  font-size: 1px;
  /*margin-top: -32px;*/
  margin-bottom: 52px;
}

.headsearch-box {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 150;
  top: 0;
  left: 0;
  display: none;
  touch-action: none;
}

.headsearch-box input[type="text"] {
  text-align: center; color:#fff;
  position: absolute;
  width: 100%;
  left: 0;
  height: 100%;
}

.headsearch-box input[type="submit"] {
  position: absolute;
  text-indent: -9999px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 35px;
  width: 35px;
  background: url(../images/ser-black.png) no-repeat center;
}

.headsearch-box input {
  border: none;
  background: none;
  outline: none;
}

.headsearch-box .x-box .x-o {
  position: absolute;
  right: 0;
  top: 10%;
  cursor: pointer;
}

.headsearch-box .x-box {
  /*height:960px;
  width: 1200px;*/
  position: absolute;
  top: 50px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.headsearch-box .x-p {
  text-align: center;
  width: 1200px;
  margin: 0 auto;
  height: 110px;
  line-height: 110px;
  border-bottom: 1px solid #606060;
  font-size: 24px;
  color: #606060;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.m-header .sub-menu .tit1 {
  display: block;
  width: 100%; text-transform:uppercase;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 18px;
  box-sizing: border-box;
}

.m-header .sub-menu .sub-tit.on.on .btn-v {
  background: url(../images/img6a.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .btn-v {
  display: inline-block;
  height: 20px;
  width: 20px;
  float: right;
  margin-right: 16px;
  margin-top: 0;
  background: url(../images/img5a.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .sub-tit1.on {
  background-color: #ff0001;
  color: #fff;
}

.m-header .sub-menu .sub-tit.on:after {
  background-size: 100% auto;
}

.m-header .sub-menu .sec-list {
  line-height: 28px;
  padding: 1px 1.5%;
  display: none;
  background: #f2f2f2;
}

.m-header .sub-menu .sec-list p {
  background-size: 8px auto;
  height: 43px;
  line-height: 43px;
  font-size: 13px;
  border-top: 1px solid #e8e8e8;
  box-sizing: border-box;
}
.m-header .sub-menu .sec-list p:nth-child(1) {
  border-top: none;
}

.m-header .sub-menu .sec-list a { text-transform:uppercase;
  padding-left: 21px;
  color: #888;
  display: block;
}

.bocweb-header.ff {
  background: #ffffff;
}

.imgd {
  position: relative;
}
.imgd img {
  display: block;
  vertical-align: middle;
}
.imgd .i1, .imgd .i2 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.nav-pro {
  position: relative;
}

.search-close.show {
  transform: scale(1);
  z-index: 3;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.hide1, .hide1.header.active {
  transform: scale(0) !important;
  opacity: 0;
  transition: .6s ease-in-out;
  transition-duration: .5s;
}

.search-close {
  position: absolute;
  z-index: -1;
  display: block;
  right: -1.5rem;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background:url(../images/close2.png) no-repeat center;
  background-size: 24px !important;
  cursor: pointer;
  transition-duration: .5s;
  transform: scale(0);
}

.header-search-wrap {
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 10px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  width: 600px;
  height: 44px;
  margin-left: -300px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: #666;
  line-height: 44px;
  transition: all 0.5s;
  /*background: #fff;*/
  padding-right: 50px;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.header-search-wrap .ser-input {
  width: 100%;
  height: 43px;
  position: relative;
  border: none;
  background: none;
  box-sizing: border-box;
  text-indent: 20px;
}





.header {
  width: 100%;
  color: #4c4c4c;
  top: 0;
  left: 0;
  height: 70px;
  background: #ffffff;
  transition: .5s ease-in-out;
  line-height: 70px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header .nav-btn .line {
  background: #353535;
}
.header.active {
  color: #fff;
  position: fixed;
  background: transparent;
}
.header.active .nav0 {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active a {
  color: #ffffff;
}
.header.active .icon-sousuo {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active .bocweb-logo .i0 {
  opacity: 1;
}
.header.active .bocweb-logo .i1 {
  opacity: 0;
}
.header.active .navleft-ul .li .imgd .i0 {
  opacity: 1;
}
.header.active .navleft-ul .li .imgd .i1,
.header.active .navleft-ul .li .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i0, .header.active .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i2, .header.active .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i1, .header.active .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}
.header a {
  color: #4c4c4c;
}
.header .bocweb-logo {
  width: 165px;
  height: 70px;
  position: relative;
  margin-right: 60px;
}
.header .bocweb-logo img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.header .bocweb-logo .i0 {
  opacity: 0;
}
.header .bocweb-logo .i1 {
  opacity: 1;
}
.header .bocweb-navleft {
  padding-left:0px;
  box-sizing: border-box;
}
.header .navleft-ul .li {
  float: left;
  padding-left: 30px;
  box-sizing: border-box;
  position: relative;
}
.header .navleft-ul .li:nth-child(n+2) {
  margin-left: 40px;
}
.header .navleft-ul .li .imgd .i2 {
  opacity: 1;
}
.header .navleft-ul .li .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover, .header .navleft-ul .li.active {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover span, .header .navleft-ul .li.active span {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd img, .header .navleft-ul .li.active .imgd img {
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd .i0, .header .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i2, .header .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i1, .header .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}
.header .navleft-ul .li .imgd {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
}
.header .navleft-ul .li.li2 .imgd {
   
    top: 4px;
   
}
.header .navleft-ul .li .imgd img {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li {
  float: left;
}
.header .bocweb-nav .nav-li .li-top {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:hover .li-top, .header .bocweb-nav .nav-li.active .li-top {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:nth-child(n+2) {
  margin-left: 95px;
}
.header .bocweb-nav .nav0 {
  width: 80px;
  height: 70px;
}




.header.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  transition: .5s ease-in-out;
}






 .headsearch-box .x-box {
    width: 90%;
  }

  .headsearch-box .x-p {
    width: 100%;
  }

.mbox {
    display: block!important;
  }

  .maintain-tip .img {
    width: 160px;
  }

  .icon-sousuo {
    width: 40px;
  }

	}