body { font-family: Microsoft YaHei; font-size: 1vw; }
a { text-decoration: none; color: #666; }
a:hover { color: #2a79be; }

@media (min-width: 1800px) { 

.wrap {	width: 1460px;	margin: 0 auto; overflow: hidden; }
.wrap1080 {	width: 1080px;	margin: 0 auto; overflow: hidden; }
.title_common { height: 28px; padding-top: 3px; background: url(../images/hongda_17.gif) no-repeat; padding-left: 55px; font-weight: bold; font-size: 25px; color: #2a79be; margin-bottom: 15px;  }
.btn_more a { display: block; border: 1px solid #cecece; border-radius: 20px; padding: 8px 10px 8px 10px; width: 85px; text-align: center; font-size: 15px; font-weight: bold; line-height: 15px; }
.btn_more a:hover { background: #0265c9; color: #fff; border: 1px solid #115da9; }
.btn_all a { display: block; border: 1px solid #cecece; border-radius: 20px; background: #0265c9; padding: 9px 10px; width: 85px; text-align: center; font-size: 15px; color: #fff;  font-weight: bold; }
.btn_all a:hover { background: #fff; color: #0265c9; border: 1px solid #115da9; }
.btn_more2 { display: block; border: 1px solid #cecece; border-radius: 20px; padding: 8px 10px 8px 10px; width: 85px; text-align: center; font-size: 15px; font-weight: bold; line-height: 15px; }
.btn_more2:hover { background: #0265c9; color: #fff; border: 1px solid #115da9; }
.title_position { height: 28px; padding-top: 3px; background: url(../images/icon_home.gif) no-repeat; padding-left: 38px; font-size: 15px; color: #333; margin-bottom: 15px;  }
.title_position a { color: #2a79be; }
.title_position a:hover { color: #666; }
.marginTop30 { margin-top: 30px; }
.marginBottom30 { margin-bottom: 30px; }
.magin020 { margin: 0 20px; }
.p_right { float: right; width: 380px; text-align: right; font-size: 15px; }
.p_right a { color: #2a79be; }
.p_right a:hover { color: #666; }
.ht50 {	height: 50px;}

/*header*/

.header{ height:88px; overflow:hidden; position: fixed; top: 0; left: 0; background: #fff; z-index: 10000; width: 100%; }
.top-head{height:132px;position:fixed;top:0;width:100%;z-index:1000;background:none;}
.top02_center { width:1460px;margin:0 auto; }

.top02{ height:88px;width:100%; background: #fff; }
.top02 .logo{ width:130px;;float:left;padding-top:10px; }
.top02 .nav{ float: left; width: 760px; font-size: 18px; padding: 0 0 0 120px; }
.top02 .nav ul{width:760px;}
.top02 .nav li{float: left; text-align: center; /* position:relative;*/}
.top02 .nav li a{ display: block; width: 147px; height:88px; line-height: 88px; vertical-align: middle; text-align: center; color: #666; /*overflow:hidden;*/}
.top02 .nav li a:hover { color: #2973d6; }
.top02 .nav .on a {  }
.top02 .nav .sub{display:none; width:100%; padding:0; position:fixed; top:88px; text-align:left; z-index:110; left:0; background-color:#f7f7f7; padding: 20px 0 40px 0;}
.top02 .nav .pic { width: 1308px; margin: 0 auto; }
.top02 .nav .pic p { float: left; width: 376px; height: 204px; margin: 20px 30px; }
.top02 .nav .pic p a { display: block; text-align: center; width: 376px; height: 204px; line-height: 204px; vertical-align: middle; font-size: 26px; color: #fff; text-shadow: 2px 2px #000; }
.top02 .nav .chlid { width: 1200px; margin: 0 auto; }
.top02 .nav .chlid .textlist { float: left; width: 300px; border-right: 1px solid #cacaca; margin-top: 20px; min-height: 250px; }
.top02 .nav .chlid .textlist p { margin: 0 0 10px 0; width: 320px; text-align: left; padding-left: 40px; }
.top02 .nav .chlid .textlist p a { height: 35px; width: 320px; text-align: left; line-height: 35px; vertical-align: middle; }
.top02 .nav .chlid .textlist p img { float: left; margin: 8px 8px 0 0; }
.top02 .nav .chlid .textlist .active { color: #2973d6; }
.top02 .nav .chlid .rightimd { float: left; width: 308px; text-align: center; margin: 20px 0 0 50px; }
.top02 .nav .chlid .rightimd img { width: 308px; }
.top02 .nav .chlid .rightimd div { display: none; }
.top02 .nav .chlid .rightimd div:first-child { display: block; }

.top02 .search { float:right; width: 295px; }
.top02 .search_wrap { border: 1px solid #a7a7a7;  margin-top: 28px; }
.top02 .s_keywords { float: left; width: 230px; border: 0; height: 33px; padding: 0 10px; font-size: 14px; color: #666; }
.top02 .s_btn { float: right; width: 32px; height: 29px; margin: 2px 5px 0 0;  border: 0; background: url(../images/search.gif) no-repeat; cursor: pointer; }


/*about*/
.about { background: url(../images/aboutbg.gif) repeat-x; min-height: 371px; margin-top: 40px;  }
.about .leftbar { float: left; width: 850px; }
.about .rightbar { float: right; width: 550px; height: 367px; overflow: hidden; }
.about .rightbar img { width: 550px; height: 367px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.about .rightbar img:hover { width: 550px; height: 367px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.about .jianjie { height: 240px; line-height: 32px; font-size: 16px; padding-right: 140px; color: #555; background: url(../images/jianjiebg.gif) no-repeat right bottom; position: relative; }
.about .more { position: absolute; bottom: 20px; }

.aboutus  { background: #f0f0f0; margin: 20px 0; }
.aboutus .left { float: left; width: 560px; }
.aboutus .right h2 { font-size: 22px; margin-top: 15px; }
.aboutus .right { float: right; width: 740px; font-size: 17px; margin-right: 20px; }
.aboutus .right p { margin-top: 15px; line-height: 28px;  }
.aboutus .right ul { margin-top: 10px; }
.aboutus .right li { float: left; width: 260px; font-weight: bold; font-size: 18px; margin: 6px 0; color: #4d6da0; }
.about_title { background: #f5f5f5; text-align: center; font-size: 26px; font-weight: bold; margin: 20px 0; padding: 15px 0; }

/*solution*/
.solution { margin-top: 30px; background: #fff; }
.solution .list { width: 1510px; margin-top: 10px; }
.solution .list dl { float: left; width: 453px; margin-right: 50px; background: #f7f7f7; }
.solution .list dt { width: 453px; height: 297px; overflow: hidden; }
.solution .list img { width: 453px; height: 297px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.solution .list img:hover { width: 452px; height: 297px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.solution .gengdou { width: 105px; margin: 15px auto; }
.solution .titlebg { height: 40px; border-bottom: 1px solid #d7d7d7; margin: 10px 0; position: relative; }
.solution .titlebg p { font-size: 20px; font-weight: bold; position: absolute; border-bottom: 3px solid #0265c9; padding: 5px 0 8px 0; margin-left: 15px;  }
.solution .intro { line-height: 23px; padding: 0 15px; height: 80px; color: #606060; font-size: 15px; }
.solution .list2 { width: 1510px; margin: 0 15px; }
.solution .list2 dl { float: left; width: 435px; height: 500px; margin: 0 20px 20px 20px; background: #f7f7f7; }
.solution .list2 dl a { display: block; width: 435px; height: 500px; }
.solution .list2 dl a:hover { box-shadow: 0 0 10px #999; transition: all .3s ease-in; }
.solution .list2 dt { width: 435px; height: 285px; overflow: hidden; }
.solution .list2 img { width: 435px; height: 285px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.solution .list2 img:hover { width: 435px; height: 285px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.solution .titlebg2 { height: 40px; border-bottom: 1px solid #d7d7d7; margin: 10px 0; position: relative; }
.solution .titlebg2 a { color: #000; }
.solution .titlebg2 a:hover { color: #0265c9; }
.solution .titlebg2 p { font-size: 20px; font-weight: bold; position: absolute; border-bottom: 3px solid #0265c9; padding: 5px 0 8px 0; margin-left: 15px;  }


/*case*/
.case { margin-top: 30px; }
.casebg { }
.casebg .list { width: 1510px; margin-top: 10px; }
.casebg .list li { float: left; width: 453px; height: 453px; margin-right: 50px; position: relative; overflow: hidden; }
.casebg .list li img { width: 453px; height: 453px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.casebg .list li img:hover { width: 453px; height: 453px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.casebg .list li p { width: 100%; position: absolute; bottom: 0; height: 20px; padding: 10px 0; background: #333; opacity: 0.8; color: #fff; font-size: 16px; text-align: center; }
.casebg .list2 { width: 1510px; margin: 10px 10px 20px 12px; }
.casebg .list2 li { float: left; width: 458px; height: 458px; margin: 13px; position: relative; overflow: hidden; }
.casebg .list2 li img { width: 458px; height: 458px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.casebg .list2 li img:hover { width: 458px; height: 458px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.casebg .list2 li p { width: 100%; position: absolute; bottom: 0; height: 20px; padding: 10px 0; background: #333; opacity: 0.8; color: #fff; font-size: 16px; text-align: center; }


/*news*/
.news { padding-top: 30px;  background: #fff; }
.news .list dl { background: #f8f8f8; height: 209px; margin: 10px 0; }
.news .list dt { float: left; width: 317px; height: 209px; overflow: hidden; }
.news .list dt img { width: 317px; height: 209px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.news .list dt img:hover { width: 317px; height: 209px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); } 
.news .list dd { float: right; }
.news .list .title { width: 860px; font-size: 22px; font-weight: bold; position: relative; margin: 30px 0 15px 0; color: #333; }
.news .list .title p { position: absolute; width: 100px; height: 22px; right: 30px; top: 2px; font-size: 16px; font-weight: normal; }
.news .list .title a { color: #333; }
.news .list .title a:hover { color: #0265c9; }
.news .list .intro { width: 830px; height: 135px; line-height: 23px; margin-right: 30px; position: relative; color: #707070; font-size: 16px; }
.news .list .intro .gengdou { position: absolute; bottom: 10px;; right: 0; }

.newsleft { float: left; margin-left: 20px; }
.news .list2 dl { background: #f8f8f8; height: 209px; margin: 10px 0 10px 0; }
.news .list2 dt { float: left; width: 317px; height: 209px; overflow: hidden; } 
.news .list2 dt img { width: 317px; height: 209px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.news .list2 dt img:hover { width: 317px; height: 209px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); } 
.news .list2 dd { float: right; }
.news .list2 .title { width: 1050px; font-size: 22px; font-weight: bold; position: relative; margin: 30px 0 15px 0; color: #333; }
.news .list2 .title p { position: absolute; width: 100px; height: 22px; right: 30px; top: 2px; font-size: 16px; font-weight: normal; }
.news .list2 .title a { color: #333; }
.news .list2 .title a:hover { color: #0265c9; }
.news .list2 .intro { width: 1020px; height: 135px; line-height: 23px; margin-right: 30px; position: relative; color: #707070; font-size: 16px; }
.news .list2 .intro .gengdou { position: absolute; bottom: 10px; right: 0; }

.newspage .titleh2 { width: 1200px; margin: 0 auto; font-size: 40px; font-weight: bold; color: #fff; height: 150px; position: relative;  }
.newspage .titleh2 p { position: absolute; top: 60px; color: #154ca3; padding-left: 30px; }
.news .newstext { padding: 0 30px; }
.news .newstitle { font-size: 24px; font-weight: bold; text-align: center; border-bottom: 1px dashed #ccc; padding: 10px 0; }
.news .titleitem { text-align: center; padding: 5px 0 20px 0; color: #999; font-size: 14px; }
.news .newscontent { line-height: 25px; font-size:16px; color: #333; }
.news .newscontent .pic { text-align: center; }
.news .newscontent p { margin-bottom: 10px; }
.news .newscontent img { max-width: 100%; }
.news .newstext2 { padding: 0 30px; }
.news .customer li { float: left; width: 190px; margin: 10px 26px; }

.newsbottom { margin: 20px 0; }
.newsbottom .leftbar { float: left; width: 500px; }
.newsbottom .rightbar { float: right; width: 60px; background: url(../images/return.gif) no-repeat 0 2px; padding-left: 20px; text-align: right; font-size: 14px; }
.newsbottom .leftbar .share_text { float: left; margin-right: 10px; font-size: 14px; }
.news .morenews { padding: 10px 0 20px 0; border-top: 1px dashed #ccc; font-size: 14px; }
.news .morenews p { padding: 3px 0; }
.news .left_position { margin-left: 30px; margin-bottom: 10px; height: 28px; padding: 3px 0 0 8px; font-size: 15px; color: #333; }
.news .left_position a { color: #2a79be; }
.news .left_position a:hover { color: #666; }

/*joinus*/

.joinwrap { background: #fff; }
.joinus  { background: #fafafa; margin: 20px 20px; }
.joinus .left { float: left; width: 560px; }
.joinus .right h2 { font-size: 22px; margin-top: 15px; }
.joinus .right { float: right; width: 780px; font-size: 17px; margin-right: 20px; }
.joinus .right p { margin-top: 15px; line-height: 28px;  }
.joinus .right ul { margin-top: 10px; }
.joinus .right li { float: left; width: 260px; font-weight: bold; font-size: 18px; margin: 6px 0; color: #4d6da0; }
.joinwrap .yuangong { margin: 0 20px; }
.joinwrap .hdpic { width: 1160px; margin-top: 15px; }
.joinwrap .hdpic ul { margin-right: -23px; }
.joinwrap .hdpic li { float: left; width: 371px; margin-right: 23px; }
.joinwrap .topbar h3 { float: left; border: 1px solid #6687ac; width: 130px; text-align: center; padding: 8px 0; color: #154ca3; border-radius: 5px; }
.joinwrap .topbar p { float: right; margin-top: 10px; font-size: 16px; }
.joinwrap .fuli { font-size: 15px; margin: 10px 0; }
.joinwrap .fuli p { margin: 5px 0; }
.joinwrap .fenlei { height: 36px; border-bottom: 1px solid #ccc; padding-left: 20px; }
.joinwrap .fenlei li { float: left; margin-right: 15px; text-align: center; }
.joinwrap .fenlei li a { display: block; width: 150px; border: 1px solid #ccc; border-bottom: none; height: 25px; padding: 5px 0; background: #fff; }
.joinwrap .fenlei li.active a { height: 26px; color: #154ca3; background: #f3f7fd; font-weight: bold; }
.joinwrap .zhaopin { margin: 20px 0; }
.joinwrap .content { font-size: 16px; padding: 15px 10px; }
.joinwrap .content p { margin-bottom: 10px; }
.joinwrap .content h3 { width: 100px; font-size: 18px; color: #ff7e00; margin-bottom: 10px; }
.joinwrap .content li { margin-bottom: 20px; border-bottom: 1px dashed #ccc; position: relative; padding-bottom: 10px; }
.joinwrap .content .btn_jl { position: absolute; top: 10px; right: 0;}
.joinwrap .content .btn_jl a { display: block; border: 1px solid #6687ac; width: 80px; text-align: center; padding: 5px 0; color: #154ca3; border-radius: 5px; }
.joinwrap .content .btn_jl a:hover { background: #ffe4ca; color: #ff7e00; border: 1px solid #d5873b; }

.zptopbar { height: 35px; padding-top: 10px; background: #818181; margin-top: 20px; color: #fff; font-size: 16px; }
.zplist li { float: left; text-align: left; font-size: 15px; }
.zplist li span { font-weight: bold; }
.zplist li.p1 { width: 450px; font-weight: bold; padding-left: 20px; }
.zplist li.p2 { width: 280px; overflow: hidden; font-size: 14px; }
.zplist li.p3 { width: 200px; }
.zplist li.p4 { width: 200px; }
.zplist li.p5 { width: 180px; text-align: center; }

.zpbox { margin:10px auto; width:100%; height: auto; }
.zpbox .title { font-weight: normal; font-size: 16px; }
.zpbox .collapsing{ width: 100%; height: 40px; line-height: 40px; cursor: pointer; border-bottom: 1px solid #e3e3e3; text-align: center; background: url(../images/pro_left.png) 1230px 8px no-repeat #f9f9f9; margin: 2px 0 0 0; color: #333; }
.zpbox .coll_body{ display: none; font-size: 16px; position: relative; padding: 20px; line-height: 26px; border: 1px solid #e3e3e3; border-top: none; }
.zpbox .current{ background-image:url(../images/pro_down.png);}
.zpbox .coll_body .btn_jl { position: absolute; bottom: 30px; right: 50px;}
.zpbox .coll_body .btn_jl a { display: block; border: 1px solid #6687ac; width: 80px; text-align: center; padding: 5px 0; color: #154ca3; }
.zpbox .coll_body .btn_jl a:hover { background: #dbebf5; color: #1074b4; border: 1px solid #99bed5; }

/* zhaopin zhedie */
#mrq{width:1414px; margin:20px auto;border:1px solid #ccc; padding:2px}
#Marquee_x { overflow:hidden; width: 1414px; } 
#Marquee_x ul li ,#Marquee_x ul li div{ float:left;line-height:25px;overflow:hidden} /* 横向滚动必须让所有li左浮动 */
#Marquee_x ul li div{ float:left;line-height:25px;height:280px; overflow:hidden}
#Marquee_x ul li div img{ border:1px solid #DADADA; height:280px; display:block}
#Marquee_x ul li div span{ display:block; font-size: 14px; text-align: center; margin-top: 5px; }

/* zz content */
.zhaopin #nav>li {	float: left;	box-sizing: border-box;	text-align: center;	font-size: 16px; display: block; padding: 8px 20px;	height: 36px;	border: 1px solid #e7e7e7; border-bottom: none;	cursor: pointer;	user-select: none;}
.zhaopin #nav>li.liShow { font-weight: bold;	color: #154ca3;	border: 1px solid #e7e7e7;	height: 37px;	border-bottom: none;	background-color: #fff;}
.zhaopin #pic { margin-top: 10px; }
.zhaopin #pic>div { box-sizing: border-box;	display: none;}
.zhaopin #pic>div.imgShow {display: block; }
.zhaopin .fenlei { height: 36px; border-bottom: 1px solid #e7e7e7; padding-left: 20px; }
.zhaopin .fenlei li { margin: 0 10px; }
.zhaopin #pic dl { float: left; width: 33.2%; font-size: 17px; }
.zhaopin #pic dt { border-left: 1px solid #dedede; border-top: 1px solid #dedede; height: 175px; display: flex; }
.zhaopin #pic dt img { align-self: center; margin: 0 auto; }
.zhaopin #pic dd { height: 40px; line-height: 25px; text-align: center; margin-top: 8px; }

.zhaopin #pic .list2 {  border: 1px solid #e6e6e6;  border-right: none;  border-bottom: none;}
.zhaopin #pic .list2 li {  float: left;  padding: 5% 0;  width: 33.265339%;  border-bottom: 1px solid #e6e6e6;  background: #fff;  text-align: center;  border-right: 1px solid #e6e6e6;}
.zhaopin #pic .list2 li span {  display: block;  margin: 0 0 15px;}
.zhaopin #pic .list2 li span img {  width: 84px;  height: 84px;}
.zhaopin #pic .list2 li p {  padding: 0 20px;  height: 3.2em; overflow: hidden;  color: #645f5d;}

/*select zhaopin*/
.joinIndex_01{margin: 3% 0 8% 0;overflow: hidden; } 
.joinIndex_01 h1{text-align: center;}
.joinIndex_01-le,.joinIndex_01-re{width: 49%;margin-top: 3%;position: relative;cursor: pointer;}
.joinIndex_01-le img,.joinIndex_01-re img{width: 100%;}
.joinIndex_01-le{float: left;margin-right: 2%;}
.joinIndex_01-re{float: right;}
.maskbox01{position: absolute;left: 0;top:0;background: url(../images/bg_b.png) left bottom repeat-x rgba(0, 0, 0, 0.1);width: 100%;height: 100%;}
.joinIndex_01-span{position: absolute;bottom:8%;display: block;width: 100%;text-align: center;color: #fff;}
.maskbox02{ position: absolute; left: 0; top:0; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; opacity: 0; 
  transform: translateY(300px); -webkit-transform: translateY(300px); 
  -ms-transform: translateY(300px); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; color: #fff; -moz-transform: translateY(300px); -o-transform: translateY(300px);
}
.joinIndex_01 .fnt_40 {	color: #666666; 	font-size: 40px; 	font-weight: 700; }
.maskbox02 a{color: #fff;text-align: center;}
.maskbox02 a:hover{color: #fff!important;}
.spanLine{height: 2px;width: 35px;background: #3598db;margin: 20px auto;}
.pbutton{ width: 87px;height: 26px; margin: 0 auto; border:1px solid #3598db;text-align: center;line-height: 24px;margin-top: 23%;color: #3598db;}
.joinIndex_01-item:hover .maskbox01{opacity: 0;}
.joinIndex_01-item:hover .maskbox02{opacity: 1;transform: translateY(0px); -webkit-transform: translateY(0px);-ms-transform: translateY(0px);}
.joinIndex_01 .fnt_32 {	color: #fff; 	font-size: 40px; 	font-weight: 700; 	letter-spacing: 0.05em; }
.joinIndex_01 .pbutton { color: #0096e0; 	font-weight: 700;} 
.joinIndex_01 p {	color: #fff;}
.joinIndex_01 .totop { margin-top: 100px; }

/*join fuli*/
.morefuli { width: 100%; height: 543px; background: url(../images/20191217173.jpg) no-repeat center center; background-size:cover; position: relative;  }
.morefuli .mask { background: #000; opacity: 0.69; z-index: -1; height: 543px; }
.morefuli .fuh3 { position: absolute; top: 85px; left: 50%; transform: translate(-50%,-50%);font-size: 28px; color: #fff; z-index: 1; font-weight: bold; }
.morefuli .fuwrap { width: 75%; margin: 0 auto; height: 543px; border-left: 1px solid #6f7171; }
.morefuli .fuwrap li { float: left; width: 24.8%; min-height: 543px; color: #fff; text-align: center; font-size: 15px; border-right: 1px solid #6f7171; }
.morefuli .fuwrap .firstchild { font-size: 24px; font-weight: bold; margin-top: 15px; }
.morefuli .fuwrap li p { margin: 15px 0; opacity: 1; }
.morefuli .fuwrap .content { padding-top: 53%; }
.morefuli .fuwrap li img,
.morefuli .fuwrap li p { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }
.morefuli .fuwrap li:hover img,
.morefuli .fuwrap li:hover p { transform:translateY(-20px); -webkit-transform:translateY(-20px); -moz-transform:translateY(-20px); -ms-transform:translateY(-20px); -o-transform:translateY(-20px); }

/*contact us*/
.inwrap { max-width: 1460px; width: 100%; margin: 0 auto; }
.inwrap .h6 { font-size: 22px; font-weight: 700; letter-spacing: 0.05em; color: #000; margin-bottom: 20px; }
.inwrap .h7 { font-size: 18px; font-weight: 700; letter-spacing: 0.05em; color: #333;  }
.inwrap .connect_banner{position: relative;/*max-width: 100%;*/text-align: center;color: #fff;margin-bottom: 55px;}
.inwrap .blank_57{position: absolute;top:0;left: 0;background: rgba(0,0,0,0.57);width: 100%;height: 100%;}
.inwrap .connect_int{padding: 20px 0;}
.inwrap .connect_int h2{position: relative;z-index: 2;}
.inwrap .connect_01 .line { border-left: 1px solid #ebebeb;border-right: 1px solid #ebebeb; }
.inwrap .connect_01{margin-bottom: 65px;}
.inwrap .connect_01 ul{overflow: hidden;margin: 0 -40px;}
.inwrap .connect_01>ul>li{float: left;width: 33.33%;*margin-left: -1px;}
.inwrap .connect_01 dl{padding: 0 40px;padding-bottom: 20px;}
.inwrap .connect_01>ul>li:first-child dl{border-left: 0;}
.inwrap .connect_01 dt{border-bottom: 6px solid #f1f1f1;padding-bottom: 12px;margin-bottom: 10px;}
.inwrap .connect_01 dt img{width: 70px;height: 70px;margin: 40px 0 10px;display: block;}
.inwrap .connect_box{color:#3b3b3b;}
.inwrap .connect_box h3{margin-bottom: 20px;}
.inwrap .connect_box01 .connect_p01 .normal { font-weight: normal; font-size: 16px; }
.inwrap .connect_box01 .connect_p01 ol { margin-bottom: 20px; }
.inwrap .connect_box01 .connect_p01 li span{color: #7e7e7e; font-size: 16px; font-weight: bold; }
.inwrap .connect_box01 .connect_p01 li p{color: #3b3b3b;font-weight: bold; font-size: 16px; }
.inwrap .connect_p01{line-height: 1.5em;}
.inwrap .connect_box01 .connect_p01 li{margin-bottom: 5px;}
.inwrap .connect_box01 .connect_p01 li:first-child p{color: #7e7e7e;font-weight: normal; font-size: 16px; }
.inwrap .connect_box01 .connect_p01 li:first-child p a{color: #00a0e9;}
.inwrap .connect_box01 .connect_p01 li:first-child p a:hover{color: #005BAC;}
.inwrap .connect_wx{width: 110px;}
.inwrap .connect_wx img{width: 100%;margin-bottom: 10px;}
.inwrap .connect_box02 .connect_p01 li:first-child span{color: #666666;}
.inwrap .connect_box02 .connect_p01 li:first-child p{color: #666666;}
.inwrap .connect_box03 .connect_p01 li{overflow: hidden;margin-bottom: 20px;line-height: 1.5em;}
.inwrap .connect_box03 .connect_p01 li span{float: left;color: #7e7e7e;}
.inwrap .connect_box03 .connect_p01 li p {color: #3b3b3b; font-size: 16px; }
.inwrap .connect_box03 .connect_p01 li p span { font-weight: bold; color: #333; }
.inwrap .map { width: 100%; height: 600px; }

/*service*/
.servicewrap { width: 1140px; background: #fff; padding: 30px; }
.servicewrap .topbar { background: url(../images/service_03.png) no-repeat; height: 49px; padding: 12px 0 0 70px; border-bottom: 1px dashed #ccc; font-size: 24px; font-weight: bold; color: #555; }
.servicewrap .intro { margin: 20px 0 5px 0;  }
.servicewrap .intro .left { float: left; width: 360px; }
.servicewrap .intro .right { float: left; margin-left: 50px; padding-top: 20px; font-size: 16px; width: 680px; line-height: 35px; color: #333; }
.servicewrap .fuwu { width: 1100px; height: 508px; margin-top: 30px; }
.servicewrap .fuwu .leftmap { float: left; width: 550px; }
.servicewrap .fuwu .list { position: absolute; top: 35px; left: 600px; }
.servicewrap .fuwu .list li { margin-bottom: 20px; font-size: 18px; line-height: 28px; }
.servicewrap .fuwu .list li span { font-weight: bold; }
.servicewrap .fuwu .network { float: left; margin-left: 50px; width: 500px; font-size: 16px; }
.servicewrap .fuwu .network ul { width: 300px; margin-top: 40px; }
.servicewrap .fuwu .network li { float: left; margin: 0 20px 20px 0; line-height: 28px; }
.servicewrap .fuwu .network li span { font-weight: bold; }
.servicewrap .fuwu .network .tips { color: #777; }
.servicewrap .fuwu .network .tips2 { margin-top: 10px; font-size: 15px; line-height: 28px; }

.servicewrap .professional { margin-bottom: 20px; }
.servicewrap .professional dl { float: left; width: 162px; margin: 0 14px; }
.servicewrap .professional dd { font-size: 16px; text-align: center; }
.servicewrap .professional dd span { font-size: 20px; font-weight: bold; }
.servicewrap .p1 { margin: 20px 0; }
.servicewrap .yingji { margin: 20px 0; font-size: 16px; }
.servicewrap .yingji p { margin-bottom: 10px; }


/* footer */

.footer {  background: #161616;  position: relative;  z-index: 3;  padding-bottom: 2.8%; margin-top: 50px; }
.footer .footer-box1 {  padding: 6% 0 5%;  border-bottom: 1px solid #6b6b6b;}
.footer .footer-box1 li {  float: left;  width: 17.5%;  text-align: left;}
.footer .footer-box1 li:last-child {  width: 12.5%;  float: right;}
.footer .footer-box1 dl { display: inline-block;  text-align: left;}
.footer .footer-box1 dt { margin-bottom: 22px;  color: #dadada;}
.footer .footer-box1 dd {  margin-bottom: 5px; font-size: 16px; }
.footer .footer-box1 dd a { color: #898989; }
.footer .footer-box1 dd a:hover,.footer .box2-nav a:hover,.footer .footer-box2 .left p a:hover {  color: #fff !important; }
.footer .footer-box2 { padding-top: 35px;}
.footer .box2-nav { margin-bottom: 20px; font-size: 16px; }
.footer .box2-nav a {  padding-right: 14px;  border-right: 1px solid #3f3f3f;  margin-right: 14px;  color: #dadada; }
.footer .box2-nav a:last-child {  border-right: none; }
.footer .footer-box2 .left p {  color: #898989;  margin-bottom: 10px; font-size: 14px; }
.footer .footer-box2 .left p a {  color: #898989; }
.footer .footer-box2 .right {  width: 200px;  text-align: right;}
.footer .footer-box2 .right a {  display: inline-block;  color: #005bac;}
.footer .footer-box2 .right i {  display: inline-block;  width: 32px;  height: 32px;    background-size: cover;  margin-right: 18px;}
.footer .footer-box2 .right a.share {  float: none;  padding-left: 0;  margin: 0 0 0 20px !important;  width: 32px;  height: 32px; }
.footer .footer-box2 .fr a { cursor: pointer; margin-left: 15px; }
.bdshare-button-style0-16:after {  height: auto !important; }
.footer .ewm{ display: none; position:fixed;width:260px; height:260px; z-index:100000; left:50%; top:50%; margin:-80px 0 0 -150px; background:#fff; border:1px solid #ddd; border-radius:4px; box-shadow:2px 2px 2px #ddd;}
.footer .ewm .close { position:absolute; width:30px; height:30px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;}
.footer .ewm h2{ position:relative; line-height:30px; font-size:16px; padding-left:10px;}
.footer .ewm .img{ padding:20px 10px; text-align:center; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.footer .ewm .img img{ width:129px; height:129px;}
.footer .ewm p{ padding:15px 10px 0; text-align: center;}
.footer .container {  max-width: 1460px;  margin: 0 auto;  width: 96%; }
.footer .fnt_22 {	font-size: 20px;	font-weight: 700; 	letter-spacing: 0.1em; }
.footer .fnt_16 {	font-size: 16px; }

.footer_top {  background: #363636; margin-top: 30px; }
.f_nav li { float: left; margin-right: 20px; font-size: 16px; }
.f_nav li a { display: block; padding: 12px 10px 12px 10px; color: #fff; }
.f_nav li a:hover { background: #616161; }
.f_contnet { color: #3e3e3e; }
.f_contnet .left { float: left; width: 880px; margin-top: 20px; color: #3e3e3e; font-size: 16px; }
.f_contnet .left p { margin: 7px 0; font-size: 14px; }
.f_contnet .left .p2 { margin: 20px 0 25px 0; }
.f_contnet .left span { margin-left: 8px; }
.f_contnet .left a:hover { color: #3e3e3e; text-decoration: underline; }
.f_contnet .right { float: right; width: 198px; margin-top: 30px; }
.f_contnet .right dt { float: left; width: 110px; text-align: center; font-size: 14px; margin-top: 20px; line-height: 22px; color: #999; }
.f_contnet .right dd { float: right; width: 84px; }

.aboutlist { margin: 10px 0 30px 0; float: left; width: 580px; }
.aboutlist li { float: left; margin-right: 20px; font-size: 18px; }
.aboutlist li a { display: block; border: 1px solid #bebebe; padding: 5px 10px; color: #333; border-radius: 5px; }
.aboutlist li a:hover { color: #1f3490; border: 1px solid #1f3490; }
.aboutlist .active a  { color: #1f3490; border: 1px solid #1f3490; font-weight: bold; }

.titleh3 { height: 600px; width: 100%; margin-top: 88px; -webkit-transition: all 5s;  transition: all 5s;  background-size: 100%; background-position: top center;  background-repeat: no-repeat; }
.titleh3:hover { background-size: 110%; }
.h3wrap { width:  1200px; margin: 0 auto; }
.h3wrap .p1 { position: absolute; font-size: 250%; font-weight: bold; color: #fff; top: 200px; max-width: 1200px; text-shadow: 2px 2px #000; }
.h3wrap .p2 { position: absolute; font-size: 200%; color: #fff; top: 300px; max-width: 1200px; text-shadow: 2px 2px #000; }
.soluleft { float: left; margin: 20px 0 30px 27px; }
.caseleft { float: left; margin: 20px 0 10px 18px; }

.banner .p1 {  font-size: 300%; font-weight: bold; color: #fff; max-width: 1150px; margin: 0 auto; margin-bottom: 40px; text-shadow: 2px 2px #000; }
.banner .p2 {  font-size: 150%; color: #fff;  max-width: 1150px; margin: 0 auto; text-shadow: 2px 2px #000; }

.pagess {clear: both;margin: 20px 0 60px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}

.result { font-size: 16px; margin-bottom: 15px; }
.result strong { color: #e31612; }

.m_nav { display:none; }
.m_img { display:none; }

}

@media (min-width: 1400px) and (max-width: 1800px) { 

.m_nav { display:none; }
.m_img { display:none; }

.wrap {	width: 1200px;	margin: 0 auto; overflow: hidden; }
.wrap1080 {	width: 1080px;	margin: 0 auto; overflow: hidden; }
.title_common { height: 28px; padding-top: 3px; background: url(../images/hongda_17.gif) no-repeat; padding-left: 55px; font-weight: bold; font-size: 25px; color: #2a79be; margin-bottom: 15px;  }
.btn_more a { display: block; border: 1px solid #cecece; border-radius: 20px; padding: 8px 10px 8px 10px; width: 85px; text-align: center; font-size: 15px; font-weight: bold; line-height: 15px; }
.btn_more a:hover { background: #0265c9; color: #fff; border: 1px solid #115da9; }
.btn_all a { display: block; border: 1px solid #cecece; border-radius: 20px; background: #0265c9; padding: 9px 10px; width: 85px; text-align: center; font-size: 15px; color: #fff;  font-weight: bold; }
.btn_all a:hover { background: #fff; color: #0265c9; border: 1px solid #115da9; }
.btn_more2 { display: block; border: 1px solid #cecece; border-radius: 20px; padding: 8px 10px 8px 10px; width: 85px; text-align: center; font-size: 15px; font-weight: bold; line-height: 15px; }
.btn_more2:hover { background: #0265c9; color: #fff; border: 1px solid #115da9; }
.title_position { height: 28px; padding-top: 3px; background: url(../images/icon_home.gif) no-repeat; padding-left: 38px; font-size: 15px; color: #333; margin-bottom: 15px;  }
.title_position a { color: #2a79be; }
.title_position a:hover { color: #666; }
.marginTop30 { margin-top: 30px; }
.marginBottom30 { margin-bottom: 30px; }
.magin020 { margin: 0 20px; }
.p_right { float: right; width: 380px; text-align: right; font-size: 15px; }
.p_right a { color: #2a79be; }
.p_right a:hover { color: #666; }
.ht50 {	height: 50px;}

/*header*/

.header{ height:88px; overflow:hidden; position: fixed; top: 0; left: 0; background: #fff; z-index: 10000; width: 100%; }
.top-head{height:132px;position:fixed;top:0;width:100%;z-index:1000;background:none;}
.top02_center { width:1200px;margin:0 auto; }

.top02{ height:88px;width:100%; background: #fff; }
.top02 .logo{ width:130px;;float:left;padding-top:10px; }
.top02 .nav{ float: left; width: 760px; font-size: 18px; padding: 0 0 0 30px; }
.top02 .nav ul{width:760px;}
.top02 .nav li{float: left; text-align: center; /* position:relative;*/}
.top02 .nav li a{ display: block; width: 140px; height:88px; line-height: 88px; vertical-align: middle; text-align: center; color: #666; /*overflow:hidden;*/}
.top02 .nav li a:hover { color: #2973d6; }
.top02 .nav .on a {  }
.top02 .nav .sub{display:none;width:100%;padding:0;position:fixed;top:88px;text-align:left;z-index:110;left:0px;background-color:#f7f7f7;padding: 20px 0 40px 0;}
.top02 .nav .pic { width: 1308px; margin: 0 auto; }
.top02 .nav .pic p { float: left; width: 376px; height: 204px; margin: 20px 30px; }
.top02 .nav .pic p a { display: block; text-align: center; width: 376px; height: 204px; line-height: 204px; vertical-align: middle; font-size: 26px; color: #fff; text-shadow: 2px 2px #000; }
.top02 .nav .chlid { width: 1200px; margin: 0 auto; }
.top02 .nav .chlid .textlist { float: left; width: 320px; border-right: 1px solid #cacaca; margin-top: 20px; min-height: 250px; }
.top02 .nav .chlid .textlist p { margin: 10px 0; width: 320px; text-align: left; padding-left: 40px; }
.top02 .nav .chlid .textlist p a { height: 35px; width: 320px; text-align: left; line-height: 35px; vertical-align: middle; }
.top02 .nav .chlid .textlist p img { float: left; margin: 8px 8px 0 0; }
.top02 .nav .chlid .textlist .active { color: #2973d6; }
.top02 .nav .chlid .rightimd { float: left; width: 308px; text-align: center; margin: 35px 0 0 50px; }
.top02 .nav .chlid .rightimd img { width: 308px; }
.top02 .nav .chlid .rightimd div { display: none; }
.top02 .nav .chlid .rightimd div:first-child { display: block; }

.top02 .search { float:right; width: 250px; }
.top02 .search_wrap { border: 1px solid #a7a7a7;  margin-top: 28px; }
.top02 .s_keywords { float: left; width: 185px; border: 0; height: 33px; padding: 0 10px; font-size: 14px; color: #666; }
.top02 .s_btn { float: right; width: 32px; height: 29px; margin: 2px 5px 0 0;  border: 0; background: url(../images/search.gif) no-repeat; cursor: pointer; }

/*about*/
.about { background: url(../images/aboutbg.gif) repeat-x; min-height: 371px; margin-top: 40px;  }
.about .leftbar { float: left; width: 650px; }
.about .rightbar { float: right; width: 550px; height: 367px; overflow: hidden; }
.about .rightbar img { width: 550px; height: 367px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.about .rightbar img:hover { width: 550px; height: 367px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.about .jianjie { height: 240px; line-height: 32px; font-size: 16px; padding-right: 140px; color: #555; background: url(../images/jianjiebg.gif) no-repeat right bottom; position: relative; }
.about .more { position: absolute; bottom: 20px; }

.aboutus  { background: #f0f0f0; margin: 20px 0; }
.aboutus .left { float: left; width: 560px; }
.aboutus .right h2 { font-size: 22px; margin-top: 15px; }
.aboutus .right { float: right; width: 540px; font-size: 17px; margin-right: 20px; }
.aboutus .right p { margin-top: 15px; line-height: 28px;  }
.aboutus .right ul { margin-top: 10px; }
.aboutus .right li { float: left; width: 260px; font-weight: bold; font-size: 18px; margin: 6px 0; color: #4d6da0; }
.about_title { background: #f5f5f5; text-align: center; font-size: 26px; font-weight: bold; margin: 20px 0; padding: 15px 0; }

/*solution*/
.solution { margin-top: 30px; background: #fff; }
.solution .list { width: 1230px; margin-top: 10px; }
.solution .list dl { float: left; width: 380px; margin-right: 30px; background: #f7f7f7; }
.solution .list dt { width: 380px; height: 251px; overflow: hidden; }
.solution .list img { width: 380px; height: 251px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.solution .list img:hover { width: 380px; height: 251px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.solution .gengdou { width: 105px; margin: 15px auto; }
.solution .titlebg { height: 40px; border-bottom: 1px solid #d7d7d7; margin: 10px 0; position: relative; }
.solution .titlebg p { font-size: 20px; font-weight: bold; position: absolute; border-bottom: 3px solid #0265c9; padding: 5px 0 8px 0; margin-left: 15px;  }
.solution .intro { line-height: 23px; padding: 0 15px; height: 80px; color: #606060; font-size: 15px; }
.solution .list2 { width: 1170px; margin: 0 15px; }
.solution .list2 dl { float: left; width: 365px; height: 450px; margin: 0 12px 20px 12px; background: #f7f7f7; }
.solution .list2 dl a { display: block; width: 365px; height: 450px; }
.solution .list2 dl a:hover { box-shadow: 0 0 10px #999; transition: all .3s ease-in; }
.solution .list2 dt { width: 365px; height: 240px; overflow: hidden; }
.solution .list2 img { width: 365px; height: 240px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.solution .list2 img:hover { width: 380px; height: 251px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.solution .titlebg2 { height: 40px; border-bottom: 1px solid #d7d7d7; margin: 10px 0; position: relative; }
.solution .titlebg2 a { color: #000; }
.solution .titlebg2 a:hover { color: #0265c9; }
.solution .titlebg2 p { font-size: 20px; font-weight: bold; position: absolute; border-bottom: 3px solid #0265c9; padding: 5px 0 8px 0; margin-left: 15px;  }


/*case*/
.case { margin-top: 30px; }
.casebg { }
.casebg .list { width: 1230px; margin-top: 10px; }
.casebg .list li { float: left; width: 380px; height: 380px; margin: 2px 30px 2px 0; position: relative; overflow: hidden; }
.casebg .list li img { width: 380px; height: 380px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.casebg .list li img:hover { width: 380px; height: 380px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.casebg .list li p { width: 100%; position: absolute; bottom: 0; height: 20px; padding: 10px 0; background: #333; opacity: 0.8; color: #fff; font-size: 16px; text-align: center; }
.casebg .list2 { width: 1178px; margin: 10px 10px 20px 12px; }
.casebg .list2 li { float: left; width: 375px; height: 375px; margin: 7px; position: relative; overflow: hidden; }
.casebg .list2 li img { width: 375px; height: 375px; }
.casebg .list2 li img { width: 375px; height: 375px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.casebg .list2 li img:hover { width: 375px; height: 375px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.casebg .list2 li p { width: 100%; position: absolute; bottom: 0; height: 20px; padding: 10px 0; background: #333; opacity: 0.8; color: #fff; font-size: 16px; text-align: center; }


/*news*/
.news { padding-top: 30px;  background: #fff; }
.news .list dl { background: #f8f8f8; height: 209px; margin: 10px 0; }
.news .list dt { float: left; width: 317px; height: 209px; overflow: hidden; }
.news .list dt img { width: 317px; height: 209px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.news .list dt img:hover { width: 317px; height: 209px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); } 
.news .list dd { float: right; }
.news .list .title { width: 860px; font-size: 22px; font-weight: bold; position: relative; margin: 30px 0 15px 0; color: #333; }
.news .list .title p { position: absolute; width: 100px; height: 22px; right: 30px; top: 2px; font-size: 16px; font-weight: normal; }
.news .list .title a { color: #333; }
.news .list .title a:hover { color: #0265c9; }
.news .list .intro { width: 830px; height: 135px; line-height: 23px; margin-right: 30px; position: relative; color: #707070; font-size: 16px; }
.news .list .intro .gengdou { position: absolute; bottom: 10px;; right: 0; }

.newsleft { float: left; margin-left: 20px; }
.news .list2 dl { background: #f8f8f8; height: 209px; margin: 10px 0 10px 0; }
.news .list2 dt { float: left; width: 317px; height: 209px; overflow: hidden; } 
.news .list2 dt img { width: 317px; height: 209px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.news .list2 dt img:hover { width: 317px; height: 209px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); } 
.news .list2 dd { float: right; }
.news .list2 .title { width: 800px; font-size: 22px; font-weight: bold; position: relative; margin: 30px 0 15px 0; color: #333; }
.news .list2 .title p { position: absolute; width: 100px; height: 22px; right: 30px; top: 2px; font-size: 16px; font-weight: normal; }
.news .list2 .title a { color: #333; }
.news .list2 .title a:hover { color: #0265c9; }
.news .list2 .intro { width: 770px; height: 135px; line-height: 23px; margin-right: 30px; position: relative; color: #707070; font-size: 16px; }
.news .list2 .intro .gengdou { position: absolute; bottom: 10px; right: 0; }

.newspage .titleh2 { width: 1200px; margin: 0 auto; font-size: 40px; font-weight: bold; color: #fff; height: 150px; position: relative;  }
.newspage .titleh2 p { position: absolute; top: 60px; color: #154ca3; padding-left: 30px; }
.news .newstext { padding: 0 30px; }
.news .newstitle { font-size: 24px; font-weight: bold; text-align: center; border-bottom: 1px dashed #ccc; padding: 10px 0; }
.news .titleitem { text-align: center; padding: 5px 0 20px 0; color: #999; font-size: 14px; }
.news .newscontent { line-height: 25px; font-size:16px; color: #333; }
.news .newscontent .pic { text-align: center; }
.news .newscontent p { margin-bottom: 10px; }
.news .newscontent img { max-width: 100%; }
.news .newstext2 { padding: 0 30px; }
.news .customer li { float: left; width: 190px; margin: 10px 5px; }

.newsbottom { margin: 20px 0; }
.newsbottom .leftbar { float: left; width: 500px; }
.newsbottom .rightbar { float: right; width: 60px; background: url(../images/return.gif) no-repeat 0 2px; padding-left: 20px; text-align: right; font-size: 14px; }
.newsbottom .leftbar .share_text { float: left; margin-right: 10px; font-size: 14px; }
.news .morenews { padding: 10px 0 20px 0; border-top: 1px dashed #ccc; font-size: 14px; }
.news .morenews p { padding: 3px 0; }
.news .left_position { margin-left: 30px; margin-bottom: 10px; height: 28px; padding: 3px 0 0 8px; font-size: 15px; color: #333; }
.news .left_position a { color: #2a79be; }
.news .left_position a:hover { color: #666; }

/*joinus*/

.joinwrap { background: #fff; }
.joinus  { background: #f0f0f0; margin: 20px 20px; }
.joinus .left { float: left; width: 560px; }
.joinus .right h2 { font-size: 22px; margin-top: 15px; }
.joinus .right { float: right; width: 560px; font-size: 17px; margin-right: 20px; }
.joinus .right p { margin-top: 15px; line-height: 28px;  }
.joinus .right ul { margin-top: 10px; }
.joinus .right li { float: left; width: 260px; font-weight: bold; font-size: 18px; margin: 6px 0; color: #4d6da0; }
.joinwrap .yuangong { margin: 0 20px; }
.joinwrap .hdpic { width: 1160px; margin-top: 15px; }
.joinwrap .hdpic ul { margin-right: -23px; }
.joinwrap .hdpic li { float: left; width: 371px; margin-right: 23px; }
.joinwrap .topbar h3 { float: left; border: 1px solid #6687ac; width: 130px; text-align: center; padding: 8px 0; color: #154ca3; border-radius: 5px; }
.joinwrap .topbar p { float: right; margin-top: 10px; font-size: 16px; }
.joinwrap .fuli { font-size: 15px; margin: 10px 0; }
.joinwrap .fuli p { margin: 5px 0; }
.joinwrap .fenlei { height: 36px; border-bottom: 1px solid #ccc; padding-left: 20px; }
.joinwrap .fenlei li { float: left; margin-right: 15px; text-align: center; }
.joinwrap .fenlei li a { display: block; width: 150px; border: 1px solid #ccc; border-bottom: none; height: 25px; padding: 5px 0; background: #fff; }
.joinwrap .fenlei li.active a { height: 26px; color: #154ca3; background: #f3f7fd; font-weight: bold; }
.joinwrap .zhaopin { margin: 20px 0; }
.joinwrap .content { font-size: 16px; padding: 15px 10px; }
.joinwrap .content p { margin-bottom: 10px; }
.joinwrap .content h3 { width: 100px; font-size: 18px; color: #ff7e00; margin-bottom: 10px; }
.joinwrap .content li { margin-bottom: 20px; border-bottom: 1px dashed #ccc; position: relative; padding-bottom: 10px; }
.joinwrap .content .btn_jl { position: absolute; top: 10px; right: 0;}
.joinwrap .content .btn_jl a { display: block; border: 1px solid #6687ac; width: 80px; text-align: center; padding: 5px 0; color: #154ca3; border-radius: 5px; }
.joinwrap .content .btn_jl a:hover { background: #ffe4ca; color: #ff7e00; border: 1px solid #d5873b; }

.zptopbar { height: 35px; padding-top: 10px; background: #818181; margin-top: 20px; color: #fff; font-size: 16px; }
.zplist li { float: left; text-align: left; font-size: 15px; }
.zplist li span { font-weight: bold; }
.zplist li.p1 { width: 280px; font-weight: bold; padding-left: 20px; }
.zplist li.p2 { width: 280px; overflow: hidden; font-size: 14px; }
.zplist li.p3 { width: 200px; }
.zplist li.p4 { width: 200px; }
.zplist li.p5 { width: 175px; text-align: center; }

.zpbox { margin:10px auto; width:100%; height: auto; }
.zpbox .title { font-weight: normal; font-size: 16px; }
.zpbox .collapsing{ width: 100%; height: 40px; line-height: 40px; cursor: pointer; border-bottom: 1px solid #e3e3e3; text-align: center; background: url(../images/pro_left.png) 1060px 8px no-repeat #f9f9f9; margin: 2px 0 0 0; color: #333; }
.zpbox .coll_body{ display: none; font-size: 16px; position: relative; padding: 20px; line-height: 26px; border: 1px solid #e3e3e3; border-top: none; }
.zpbox .current{ background-image:url(../images/pro_down.png);}
.zpbox .coll_body .btn_jl { position: absolute; bottom: 30px; right: 50px;}
.zpbox .coll_body .btn_jl a { display: block; border: 1px solid #6687ac; width: 80px; text-align: center; padding: 5px 0; color: #154ca3; }
.zpbox .coll_body .btn_jl a:hover { background: #dbebf5; color: #1074b4; border: 1px solid #99bed5; }

/* zhaopin zhedie */
#mrq{width:1150px; margin:20px auto;border:1px solid #ccc; padding:2px}
#Marquee_x { overflow:hidden; width: 1150px } 
#Marquee_x ul li ,#Marquee_x ul li div{ float:left;line-height:25px;overflow:hidden} /* 横向滚动必须让所有li左浮动 */
#Marquee_x ul li div{ float:left;line-height:25px;height:280px; overflow:hidden}
#Marquee_x ul li div img{ border:1px solid #DADADA; height:280px; display:block}
#Marquee_x ul li div span{ display:block; font-size: 14px; text-align: center; margin-top: 5px; }

/* zz content */
.zhaopin #nav>li {	float: left;	box-sizing: border-box;	text-align: center;	font-size: 16px; display: block; padding: 8px 20px;	height: 36px;	border: 1px solid #e7e7e7; border-bottom: none;	cursor: pointer;	user-select: none;}
.zhaopin #nav>li.liShow { font-weight: bold;	color: #154ca3;	border: 1px solid #e7e7e7;	height: 37px;	border-bottom: none;	background-color: #fff;}
.zhaopin #pic { margin-top: 10px; }
.zhaopin #pic>div { box-sizing: border-box;	display: none;}
.zhaopin #pic>div.imgShow {display: block; }
.zhaopin .fenlei { height: 36px; border-bottom: 1px solid #e7e7e7; padding-left: 20px; }
.zhaopin .fenlei li { margin: 0 10px; }
.zhaopin #pic dl { float: left; width: 33.2%; font-size: 17px; }
.zhaopin #pic dt { border-left: 1px solid #dedede; border-top: 1px solid #dedede; height: 175px; display: flex; }
.zhaopin #pic dt img { align-self: center; margin: 0 auto; }
.zhaopin #pic dd { height: 40px; line-height: 25px; text-align: center; margin-top: 8px; }

.zhaopin #pic .list2 {  border: 1px solid #e6e6e6;  border-right: none;  border-bottom: none;}
.zhaopin #pic .list2 li {  float: left;  padding: 5% 0;  width: 33.25%;  border-bottom: 1px solid #e6e6e6;  background: #fff;  text-align: center;  border-right: 1px solid #e6e6e6;}
.zhaopin #pic .list2 li span {  display: block;  margin: 0 0 15px;}
.zhaopin #pic .list2 li span img {  width: 84px;  height: 84px;}
.zhaopin #pic .list2 li p {  padding: 0 20px;  height: 3.2em; overflow: hidden;  color: #645f5d;}


/*select zhaopin*/
.joinIndex_01{margin: 2% 0 8% 0;overflow: hidden; } 
.joinIndex_01 h1{text-align: center;}
.joinIndex_01-le,.joinIndex_01-re{width: 49%;margin-top: 3%;position: relative;cursor: pointer;}
.joinIndex_01-le img,.joinIndex_01-re img{width: 100%;}
.joinIndex_01-le{float: left;margin-right: 2%;}
.joinIndex_01-re{float: right;}
.maskbox01{position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.joinIndex_01-span{position: absolute;bottom:8%;display: block;width: 100%;text-align: center;color: #fff;}
.maskbox02{ position: absolute; left: 0; top:0; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; opacity: 0; 
  transform: translateY(300px); -webkit-transform: translateY(300px); 
  -ms-transform: translateY(300px); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; color: #fff; -moz-transform: translateY(300px); -o-transform: translateY(300px);
}
.joinIndex_01 .totop { margin-top: 100px; }
.joinIndex_01 .fnt_40 {	color: #666666; 	font-size: 40px; 	font-weight: 700; }
.maskbox02 a{color: #fff;text-align: center;}
.maskbox02 a:hover{color: #fff!important;}
.spanLine{height: 2px;width: 35px;background: #3598db; margin: 20px auto; }
.pbutton{ width: 87px;height: 26px; margin: 0 auto; border:1px solid #3598db;text-align: center;line-height: 24px;margin-top: 23%;color: #3598db;}
.joinIndex_01-item:hover .maskbox01{opacity: 0;}
.joinIndex_01-item:hover .maskbox02{opacity: 1;transform: translateY(0px); -webkit-transform: translateY(0px);-ms-transform: translateY(0px);}
.joinIndex_01 .fnt_32 {	color: #fff; 	font-size: 24px; 	font-weight: 700; 	letter-spacing: 0.05em; }
.joinIndex_01 .pbutton { color: #0096e0; 	font-weight: 700; margin-top: 70px; } 
.joinIndex_01 p {	color: #fff;}


/*join fuli*/
.morefuli { width: 100%; height: 543px; background: url(../images/20191217173.jpg) no-repeat center center; background-size:cover; position: relative;  }
.morefuli .mask { background: #000; opacity: 0.69; z-index: -1; height: 543px; }
.morefuli .fuh3 { position: absolute; top: 85px; left: 50%; transform: translate(-50%,-50%);font-size: 28px; color: #fff; z-index: 1; font-weight: bold; }
.morefuli .fuwrap { width: 82%; margin: 0 auto; border-left: 1px solid #6f7171; height: 543px; }
.morefuli .fuwrap li { float: left; width: 24.8%; min-height: 543px; margin: 0; color: #fff; text-align: center; font-size: 15px; border-right: 1px solid #6f7171; }
.morefuli .fuwrap .firstchild { font-size: 24px; font-weight: bold; margin-top: 15px; }
.morefuli .fuwrap li p { margin: 15px 0; opacity: 1; }
.morefuli .fuwrap .content { padding-top: 53%; }
.morefuli .fuwrap li img,
.morefuli .fuwrap li p { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }
.morefuli .fuwrap li:hover img,
.morefuli .fuwrap li:hover p { transform:translateY(-20px); -webkit-transform:translateY(-20px); -moz-transform:translateY(-20px); -ms-transform:translateY(-20px); -o-transform:translateY(-20px); }


/*contact*/
.contactwrap { background: #fff; }
.contactwrap .company { margin: 50px 0 0 50px; }
.contactwrap .company dl { margin-bottom: 20px; }
.contactwrap .company dt { float: left; width: 306px;  }
.contactwrap .company dd { float: left; width: 750px; font-size: 16px; margin: 2px 0 2px 20px; }
.contactwrap .company dd.title2 { font-size: 18px; font-weight: bold; margin: 8px 0 5px 20px }
.contactwrap .company dd.title { font-size: 18px; font-weight: bold; margin-bottom: 3px; }
.contactwrap .support { background: url(../images/contact_17.png) no-repeat; min-height: 243px; margin: 50px 0; position: relative; }
.contactwrap .support p { color: #333; width: 200px; text-align: left; font-size: 22px; }
.contactwrap .support p span { font-size: 16px; font-weight: bold; }
.contactwrap .support .p1 { position: absolute; top: 55px; right: 180px; }
.contactwrap .support .p2 { position: absolute; top: 152px; right: 180px; }

/*service*/
.servicewrap { width: 1140px; background: #fff; padding: 30px; }
.servicewrap .topbar { background: url(../images/service_03.png) no-repeat; height: 49px; padding: 12px 0 0 70px; border-bottom: 1px dashed #ccc; font-size: 24px; font-weight: bold; color: #555; }
.servicewrap .intro { margin: 20px 0 5px 0;  }
.servicewrap .intro .left { float: left; width: 360px; }
.servicewrap .intro .right { float: left; margin-left: 50px; padding-top: 20px; font-size: 16px; width: 680px; line-height: 35px; color: #333; }
.servicewrap .fuwu { width: 1100px; height: 508px; margin-top: 30px; }
.servicewrap .fuwu .leftmap { float: left; width: 550px; }
.servicewrap .fuwu .list { position: absolute; top: 35px; left: 600px; }
.servicewrap .fuwu .list li { margin-bottom: 20px; font-size: 18px; line-height: 28px; }
.servicewrap .fuwu .list li span { font-weight: bold; }
.servicewrap .fuwu .network { float: left; margin-left: 50px; width: 500px; font-size: 16px; }
.servicewrap .fuwu .network ul { width: 300px; margin-top: 40px; }
.servicewrap .fuwu .network li { float: left; margin: 0 20px 20px 0; line-height: 28px; }
.servicewrap .fuwu .network li span { font-weight: bold; }
.servicewrap .fuwu .network .tips { color: #777; }
.servicewrap .fuwu .network .tips2 { margin-top: 10px; font-size: 15px; line-height: 28px; }

.servicewrap .professional { margin-bottom: 20px; }
.servicewrap .professional dl { float: left; width: 162px; margin: 0 14px; }
.servicewrap .professional dd { font-size: 16px; text-align: center; }
.servicewrap .professional dd span { font-size: 20px; font-weight: bold; }
.servicewrap .p1 { margin: 20px 0; }
.servicewrap .yingji { margin: 20px 0; font-size: 16px; }
.servicewrap .yingji p { margin-bottom: 10px; }


/*contact*/
.inwrap { max-width: 1260px; width: 100%; margin: 0 auto; }
.inwrap .h6 { font-size: 22px; font-weight: 700; letter-spacing: 0.05em; color: #000; margin-bottom: 20px; }
.inwrap .h7 { font-size: 18px; font-weight: 700; letter-spacing: 0.05em; color: #333;  }
.inwrap .connect_banner{position: relative;/*max-width: 100%;*/text-align: center;color: #fff;margin-bottom: 55px;}
.inwrap .blank_57{position: absolute;top:0;left: 0;background: rgba(0,0,0,0.57);width: 100%;height: 100%;}
.inwrap .connect_int{padding: 20px 0;}
.inwrap .connect_int h2{position: relative;z-index: 2;}
.inwrap .connect_01 .line { border-left: 1px solid #ebebeb;border-right: 1px solid #ebebeb; }
.inwrap .connect_01{margin-bottom: 65px;}
.inwrap .connect_01 ul{overflow: hidden;margin: 0 -40px;}
.inwrap .connect_01>ul>li{float: left;width: 33.33%;*margin-left: -1px;}
.inwrap .connect_01 dl{padding: 0 40px;padding-bottom: 20px;}
.inwrap .connect_01>ul>li:first-child dl{border-left: 0;}
.inwrap .connect_01 dt{border-bottom: 6px solid #f1f1f1;padding-bottom: 12px;margin-bottom: 10px;}
.inwrap .connect_01 dt img{width: 70px;height: 70px;margin: 40px 0 10px;display: block;}
.inwrap .connect_box{color:#3b3b3b;}
.inwrap .connect_box h3{margin-bottom: 20px;}
.inwrap .connect_box01 .connect_p01 .normal { font-weight: normal; font-size: 16px; }
.inwrap .connect_box01 .connect_p01 ol { margin-bottom: 20px; }
.inwrap .connect_box01 .connect_p01 li span{color: #7e7e7e; font-size: 16px; font-weight: bold; }
.inwrap .connect_box01 .connect_p01 li p{color: #3b3b3b;font-weight: bold; font-size: 16px; }
.inwrap .connect_p01{line-height: 1.5em;}
.inwrap .connect_box01 .connect_p01 li{margin-bottom: 5px;}
.inwrap .connect_box01 .connect_p01 li:first-child p{color: #7e7e7e;font-weight: normal; font-size: 16px; }
.inwrap .connect_box01 .connect_p01 li:first-child p a{color: #00a0e9;}
.inwrap .connect_box01 .connect_p01 li:first-child p a:hover{color: #005BAC;}
.inwrap .connect_wx{width: 110px;}
.inwrap .connect_wx img{width: 100%;margin-bottom: 10px;}
.inwrap .connect_box02 .connect_p01 li:first-child span{color: #666666;}
.inwrap .connect_box02 .connect_p01 li:first-child p{color: #666666;}
.inwrap .connect_box03 .connect_p01 li{overflow: hidden;margin-bottom: 20px;line-height: 1.5em;}
.inwrap .connect_box03 .connect_p01 li span{float: left;color: #7e7e7e;}
.inwrap .connect_box03 .connect_p01 li p {color: #3b3b3b; font-size: 16px; }
.inwrap .connect_box03 .connect_p01 li p span { font-weight: bold; color: #333; }
.inwrap .map { width: 100%; height: 600px; }

/*footer*/
.footer {  background: #161616;  position: relative;  z-index: 3;  padding-bottom: 2.8%; margin-top: 50px; }
.footer .footer-box1 {  padding: 6% 0 5%;  border-bottom: 1px solid #6b6b6b;}
.footer .footer-box1 li {  float: left;  width: 18.4%;  text-align: left;}
.footer .footer-box1 li:last-child {  width: 8%;  float: right;}
.footer .footer-box1 dl { display: inline-block;  text-align: left;}
.footer .footer-box1 dt { margin-bottom: 22px;  color: #dadada;}
.footer .footer-box1 dd {  margin-bottom: 5px; font-size: 14px; }
.footer .footer-box1 dd a { color: #898989; }
.footer .footer-box1 dd a:hover,.footer .box2-nav a:hover,.footer .footer-box2 .left p a:hover {  color: #fff !important; }
.footer .footer-box2 { padding-top: 35px;}
.footer .box2-nav { margin-bottom: 20px; font-size: 16px; }
.footer .box2-nav a {  padding-right: 14px;  border-right: 1px solid #3f3f3f;  margin-right: 14px;  color: #dadada; }
.footer .box2-nav a:last-child {  border-right: none; }
.footer .footer-box2 .left p {  color: #898989;  margin-bottom: 10px; font-size: 14px; }
.footer .footer-box2 .left p a {  color: #898989; }
.footer .footer-box2 .right {  width: 200px;  text-align: right;}
.footer .footer-box2 .right a {  display: inline-block;  color: #005bac;}
.footer .footer-box2 .right i {  display: inline-block;  width: 32px;  height: 32px;    background-size: cover;  margin-right: 18px;}
.footer .footer-box2 .right a.share {  float: none;  padding-left: 0;  margin: 0 0 0 20px !important;  width: 32px;  height: 32px; }
.footer .footer-box2 .fr a { cursor: pointer; margin-left: 15px; }
.bdshare-button-style0-16:after {  height: auto !important; }
.footer .ewm{ display: none; position:fixed;width:260px; height:260px; z-index:100000; left:50%; top:50%; margin:-80px 0 0 -150px; background:#fff; border:1px solid #ddd; border-radius:4px; box-shadow:2px 2px 2px #ddd;}
.footer .ewm .close { position:absolute; width:30px; height:30px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;}
.footer .ewm h2{ position:relative; line-height:30px; font-size:16px; padding-left:10px;}
.footer .ewm .img{ padding:20px 10px; text-align:center; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.footer .ewm .img img{ width:129px; height:129px;}
.footer .ewm p{ padding:15px 10px 0; text-align: center;}
.footer .container {  max-width: 1260px;  margin: 0 auto;  width: 92%; }
.footer .fnt_22 {	font-size: 20px;	font-weight: 700; 	letter-spacing: 0.1em; }
.footer .fnt_16 {	font-size: 16px; }

.footer_top {  background: #363636; margin-top: 30px; }
.f_nav li { float: left; margin-right: 20px; font-size: 16px; }
.f_nav li a { display: block; padding: 12px 10px 12px 10px; color: #fff; }
.f_nav li a:hover { background: #616161; }
.f_contnet { color: #3e3e3e; }
.f_contnet .left { float: left; width: 880px; margin-top: 20px; color: #3e3e3e; font-size: 16px; }
.f_contnet .left p { margin: 7px 0; font-size: 14px; }
.f_contnet .left .p2 { margin: 20px 0 25px 0; }
.f_contnet .left span { margin-left: 8px; }
.f_contnet .left a:hover { color: #3e3e3e; text-decoration: underline; }
.f_contnet .right { float: right; width: 198px; margin-top: 30px; }
.f_contnet .right dt { float: left; width: 110px; text-align: center; font-size: 14px; margin-top: 20px; line-height: 22px; color: #999; }
.f_contnet .right dd { float: right; width: 84px; }

.aboutlist { margin: 10px 0 30px 0; float: left; width: 580px; }
.aboutlist li { float: left; margin-right: 20px; font-size: 18px; }
.aboutlist li a { display: block; border: 1px solid #bebebe; padding: 5px 10px; color: #333; border-radius: 5px; }
.aboutlist li a:hover { color: #1f3490; border: 1px solid #1f3490; }
.aboutlist .active a  { color: #1f3490; border: 1px solid #1f3490; font-weight: bold; }

.titleh3 { height: 450px; width: 100%; margin-top: 88px; -webkit-transition: all 5s;  transition: all 5s;  background-size: 100%; background-position: top center;  background-repeat: no-repeat; }
.titleh3 > img { transform: scale(1); }
.titleh3:hover > img { transform: scale(1.1); }

.h3wrap { width:  1200px; margin: 0 auto; }
.h3wrap .p1 { position: absolute; font-size: 250%; font-weight: bold; color: #fff; top: 200px; max-width: 1200px; text-shadow: 2px 2px #000; }
.h3wrap .p2 { position: absolute; font-size: 200%; color: #fff; top: 300px; max-width: 1200px; text-shadow: 2px 2px #000; }
.soluleft { float: left; margin: 20px 0 30px 27px; }
.caseleft { float: left; margin: 20px 0 10px 18px; }

.banner .p1 {  font-size: 300%; font-weight: bold; color: #fff; max-width: 1150px; margin: 0 auto; margin-bottom: 40px; text-shadow: 2px 2px #000; }
.banner .p2 {  font-size: 150%; color: #fff;  max-width: 1150px; margin: 0 auto; text-shadow: 2px 2px #000; }

.pagess { text-align: center; margin: 20px 0; }
.pagess a{ display:inline-block; border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#666; }
.pagess a:hover { background: #fafafa; color: #000;}

.result { font-size: 16px; margin-bottom: 15px; }
.result strong { color: #e31612; }

}

@media (min-width: 1200px) and (max-width: 1400px) { 

.m_nav { display:none; }
.m_img { display:none; }

.wrap {	width: 1200px;	margin: 0 auto; overflow: hidden; }
.wrap1080 {	width: 1080px;	margin: 0 auto; overflow: hidden; }
.title_common { height: 28px; padding-top: 3px; background: url(../images/hongda_17.gif) no-repeat; padding-left: 55px; font-weight: bold; font-size: 25px; color: #2a79be; margin-bottom: 15px;  }
.btn_more a { display: block; border: 1px solid #cecece; border-radius: 20px; padding: 8px 10px 8px 10px; width: 85px; text-align: center; font-size: 15px; font-weight: bold; line-height: 15px; }
.btn_more a:hover { background: #0265c9; color: #fff; border: 1px solid #115da9; }
.btn_all a { display: block; border: 1px solid #cecece; border-radius: 20px; background: #0265c9; padding: 9px 10px; width: 85px; text-align: center; font-size: 15px; color: #fff;  font-weight: bold; }
.btn_all a:hover { background: #fff; color: #0265c9; border: 1px solid #115da9; }
.btn_more2 { display: block; border: 1px solid #cecece; border-radius: 20px; padding: 8px 10px 8px 10px; width: 85px; text-align: center; font-size: 15px; font-weight: bold; line-height: 15px; }
.btn_more2:hover { background: #0265c9; color: #fff; border: 1px solid #115da9; }
.title_position { height: 28px; padding-top: 3px; background: url(../images/icon_home.gif) no-repeat; padding-left: 38px; font-size: 15px; color: #333; margin-bottom: 15px;  }
.title_position a { color: #2a79be; }
.title_position a:hover { color: #666; }
.marginTop30 { margin-top: 30px; }
.marginBottom30 { margin-bottom: 30px; }
.magin020 { margin: 0 20px; }
.p_right { float: right; width: 380px; text-align: right; font-size: 15px; }
.p_right a { color: #2a79be; }
.p_right a:hover { color: #666; }
.ht50 {	height: 50px;}

/*header*/

.header{ height:88px; overflow:hidden; position: fixed; top: 0; left: 0; background: #fff; z-index: 10000; width: 100%; }
.top-head{height:132px;position:fixed;top:0;width:100%;z-index:1000;background:none;}
.top02_center { width:1200px;margin:0 auto; }

.top02{ height:88px;width:100%; background: #fff; }
.top02 .logo{ width:130px;;float:left;padding-top:10px; }
.top02 .nav{ float: left; width: 760px; font-size: 18px; padding: 0 0 0 30px; }
.top02 .nav ul{width:760px;}
.top02 .nav li{float: left; text-align: center; /* position:relative;*/}
.top02 .nav li a{ display: block; width: 140px; height:88px; line-height: 88px; vertical-align: middle; text-align: center; color: #666; /*overflow:hidden;*/}
.top02 .nav li a:hover { color: #2973d6; }
.top02 .nav .on a {  }
.top02 .nav .sub{display:none;width:100%;padding:0;position:fixed;top:88px;text-align:left;z-index:110;left:0px;background-color:#f7f7f7;padding: 20px 0 40px 0;}
.top02 .nav .pic { width: 1308px; margin: 0 auto; }
.top02 .nav .pic p { float: left; width: 376px; height: 204px; margin: 20px 30px; }
.top02 .nav .pic p a { display: block; text-align: center; width: 376px; height: 204px; line-height: 204px; vertical-align: middle; font-size: 26px; color: #fff; text-shadow: 2px 2px #000; }
.top02 .nav .chlid { width: 1200px; margin: 0 auto; }
.top02 .nav .chlid .textlist { float: left; width: 320px; border-right: 1px solid #cacaca; margin-top: 20px; min-height: 250px; }
.top02 .nav .chlid .textlist p { margin: 10px 0; width: 320px; text-align: left; padding-left: 40px; }
.top02 .nav .chlid .textlist p a { height: 35px; width: 320px; text-align: left; line-height: 35px; vertical-align: middle; }
.top02 .nav .chlid .textlist p img { float: left; margin: 8px 8px 0 0; }
.top02 .nav .chlid .textlist .active { color: #2973d6; }
.top02 .nav .chlid .rightimd { float: left; width: 308px; text-align: center; margin: 50px 0 0 50px; }
.top02 .nav .chlid .rightimd img { width: 308px; }
.top02 .nav .chlid .rightimd div { display: none; }
.top02 .nav .chlid .rightimd div:first-child { display: block; }

.top02 .search { float:right; width: 250px; }
.top02 .search_wrap { border: 1px solid #a7a7a7;  margin-top: 28px; }
.top02 .s_keywords { float: left; width: 185px; border: 0; height: 33px; padding: 0 10px; font-size: 14px; color: #666; }
.top02 .s_btn { float: right; width: 32px; height: 29px; margin: 2px 5px 0 0;  border: 0; background: url(../images/search.gif) no-repeat; cursor: pointer; }

.banner{position: relative;overflow: auto;text-align: center;width:100%; margin:88px auto 0 auto;}
.banner .dots{position:absolute;left:0;right:0;bottom:30px;z-index:3;}
.banner .dots li{display:inline-block;width:10px;height:10px;margin:0 4px;text-indent:-999em;border:2px solid #fff;border-radius:6px;cursor:pointer;opacity:.4;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s}
.banner .dots li.active{background:#fff;opacity:1}
.banner .arrow{position:absolute;width:20px;height:37px;top: 45%; margin-top: -18px; overflow: hidden;z-index: 2; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.banner #al{left:15px; width: 54px; height: 104px; }
.banner #ar{right:15px; width: 54px; height: 104px; }
.banner ul{z-index: 1;width: 600%;overflow: hidden;}
.banner ul .slider-item { height: 500px; width: 1200px; -webkit-transition: all 2s;  transition: all 2s; background-position: center;  background-repeat: no-repeat; background-size: 100%; }
.banner ul .slider-item:hover { background-size: 120%; }
.banner ul .slider-item .itemwrap { width:  1200px; margin: 0 auto; }
.banner ul .slider-item .itemwrap p { margin-bottom: 15px; }
.banner ul .slider-item .itemwrap .p1 { padding-top: 180px;  font-size: 200%; text-align: left; color: #fff; top: 200px; max-width: 1200px; text-shadow: 2px 2px #000; }
.banner ul .slider-item .itemwrap .p2 { font-size: 300%; font-weight: bold; color: #fff; top: 260px; max-width: 1200px; text-shadow: 2px 2px #000; text-align: left; }
.banner ul .slider-item .itemwrap .p3 { font-size: 150%; color: #fff; top: 320px; max-width: 1200px; text-shadow: 2px 2px #000; text-align: left; }
.banner ul .slider-item .itemwrap .p4 {  font-size: 110%;  top: 340px; max-width: 1200px; }
.banner ul .slider-item .itemwrap .p4 a { display: block; width: 140px; height: 45px; line-height: 45px; vertical-align: middle; color: #fff; background: #00a0e9; }
.banner ul .slider-item .itemwrap .p4 a:hover { background: #32bfff; color: #0c6086; }
.banner .progress{position:absolute;left:0;bottom:0;width:15%;min-height:3px;overflow:hidden;z-index:2;background:#00d8ff}

/*about*/
.about { background: url(../images/aboutbg.gif) repeat-x; min-height: 371px; margin-top: 40px;  }
.about .leftbar { float: left; width: 500px; }
.about .rightbar { float: right; width: 500px; height: 367px; overflow: hidden; }
.about .rightbar img { width: 550px; height: 367px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.about .rightbar img:hover { width: 550px; height: 367px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.about .jianjie { height: 240px; line-height: 32px; font-size: 16px; padding-right: 40px; color: #555; background: url(../images/jianjiebg.gif) no-repeat right bottom; position: relative; }
.about .more { position: absolute; bottom: 20px; }

.aboutus  { background: #f0f0f0; margin: 20px 0; }
.aboutus .left { float: left; width: 560px; }
.aboutus .right h2 { font-size: 22px; margin-top: 15px; }
.aboutus .right { float: right; width: 540px; font-size: 17px; margin-right: 20px; }
.aboutus .right p { margin-top: 15px; line-height: 28px;  }
.aboutus .right ul { margin-top: 10px; }
.aboutus .right li { float: left; width: 260px; font-weight: bold; font-size: 18px; margin: 6px 0; color: #4d6da0; }
.about_title { background: #f5f5f5; text-align: center; font-size: 26px; font-weight: bold; margin: 20px 0; padding: 15px 0; }

/*solution*/
.solution { margin-top: 30px; background: #fff; }
.solution .list { width: 1230px; margin-top: 10px; }
.solution .list dl { float: left; width: 385px; margin-right: 20px; background: #f7f7f7; }
.solution .list dt { width: 385px; height: 253px; overflow: hidden; }
.solution .list img { width: 385px; height: 253px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.solution .list img:hover { width: 385px; height: 253px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.solution .gengdou { width: 105px; margin: 15px auto; }
.solution .titlebg { height: 40px; border-bottom: 1px solid #d7d7d7; margin: 10px 0; position: relative; }
.solution .titlebg p { font-size: 20px; font-weight: bold; position: absolute; border-bottom: 3px solid #0265c9; padding: 5px 0 8px 0; margin-left: 15px;  }
.solution .intro { line-height: 23px; padding: 0 15px; height: 80px; color: #606060; font-size: 15px; }
.solution .list2 { width: 1170px; margin: 0 15px; }
.solution .list2 dl { float: left; width: 365px; height: 450px; margin: 0 12px 20px 12px; background: #f7f7f7; }
.solution .list2 dl a { display: block; width: 365px; height: 450px; }
.solution .list2 dl a:hover { box-shadow: 0 0 10px #999; transition: all .3s ease-in; }
.solution .list2 dt { width: 365px; height: 240px; overflow: hidden; }
.solution .list2 img { width: 365px; height: 240px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.solution .list2 img:hover { width: 380px; height: 251px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.solution .titlebg2 { height: 40px; border-bottom: 1px solid #d7d7d7; margin: 10px 0; position: relative; }
.solution .titlebg2 a { color: #000; }
.solution .titlebg2 a:hover { color: #0265c9; }
.solution .titlebg2 p { font-size: 20px; font-weight: bold; position: absolute; border-bottom: 3px solid #0265c9; padding: 5px 0 8px 0; margin-left: 15px;  }


/*case*/
.case { margin-top: 30px; }
.casebg { }
.casebg .list { width: 1230px; margin-top: 10px; }
.casebg .list li { float: left; width: 385px; height: 385px; margin-right: 20px; position: relative; overflow: hidden; }
.casebg .list li img { width: 385px; height: 385px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.casebg .list li img:hover { width: 385px; height: 385px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.casebg .list li p { width: 100%; position: absolute; bottom: 0; height: 20px; padding: 10px 0; background: #333; opacity: 0.8; color: #fff; font-size: 16px; text-align: center; }
.casebg .list2 { width: 1178px; margin: 10px 10px 20px 12px; }
.casebg .list2 li { float: left; width: 375px; height: 375px; margin: 7px; position: relative; overflow: hidden; }
.casebg .list2 li img { width: 375px; height: 375px; }
.casebg .list2 li img { width: 375px; height: 375px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.casebg .list2 li img:hover { width: 375px; height: 375px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.casebg .list2 li p { width: 100%; position: absolute; bottom: 0; height: 20px; padding: 10px 0; background: #333; opacity: 0.8; color: #fff; font-size: 16px; text-align: center; }


/*news*/
.news { padding-top: 30px;  background: #fff; }
.news .list dl { background: #f8f8f8; height: 209px; margin: 10px 0; }
.news .list dt { float: left; width: 317px; height: 209px; overflow: hidden; }
.news .list dt img { width: 317px; height: 209px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.news .list dt img:hover { width: 317px; height: 209px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); } 
.news .list dd { float: right; }
.news .list .title { width: 860px; font-size: 22px; font-weight: bold; position: relative; margin: 30px 0 15px 0; color: #333; }
.news .list .title p { position: absolute; width: 100px; height: 22px; right: 30px; top: 2px; font-size: 16px; font-weight: normal; }
.news .list .title a { color: #333; }
.news .list .title a:hover { color: #0265c9; }
.news .list .intro { width: 830px; height: 135px; line-height: 23px; margin-right: 30px; position: relative; color: #707070; font-size: 16px; }
.news .list .intro .gengdou { position: absolute; bottom: 10px;; right: 0; }

.newsleft { float: left; margin-left: 20px; }
.news .list2 dl { background: #f8f8f8; height: 209px; margin: 10px 0 10px 0; }
.news .list2 dt { float: left; width: 317px; height: 209px; overflow: hidden; } 
.news .list2 dt img { width: 317px; height: 209px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.news .list2 dt img:hover { width: 317px; height: 209px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); } 
.news .list2 dd { float: right; }
.news .list2 .title { width: 800px; font-size: 22px; font-weight: bold; position: relative; margin: 30px 0 15px 0; color: #333; }
.news .list2 .title p { position: absolute; width: 100px; height: 22px; right: 30px; top: 2px; font-size: 16px; font-weight: normal; }
.news .list2 .title a { color: #333; }
.news .list2 .title a:hover { color: #0265c9; }
.news .list2 .intro { width: 770px; height: 135px; line-height: 23px; margin-right: 30px; position: relative; color: #707070; font-size: 16px; }
.news .list2 .intro .gengdou { position: absolute; bottom: 10px; right: 0; }

.newspage .titleh2 { width: 1200px; margin: 0 auto; font-size: 40px; font-weight: bold; color: #fff; height: 150px; position: relative;  }
.newspage .titleh2 p { position: absolute; top: 60px; color: #154ca3; padding-left: 30px; }
.news .newstext { padding: 0 30px; }
.news .newstitle { font-size: 24px; font-weight: bold; text-align: center; border-bottom: 1px dashed #ccc; padding: 10px 0; }
.news .titleitem { text-align: center; padding: 5px 0 20px 0; color: #999; font-size: 14px; }
.news .newscontent { line-height: 25px; font-size:16px; color: #333; }
.news .newscontent .pic { text-align: center; }
.news .newscontent p { margin-bottom: 10px; }
.news .newscontent img { max-width: 100%; }
.news .newstext2 { padding: 0 30px; }
.news .customer li { float: left; width: 190px; margin: 10px 5px; }

.newsbottom { margin: 20px 0; }
.newsbottom .leftbar { float: left; width: 500px; }
.newsbottom .rightbar { float: right; width: 60px; background: url(../images/return.gif) no-repeat 0 2px; padding-left: 20px; text-align: right; font-size: 14px; }
.newsbottom .leftbar .share_text { float: left; margin-right: 10px; font-size: 14px; }
.news .morenews { padding: 10px 0 20px 0; border-top: 1px dashed #ccc; font-size: 14px; }
.news .morenews p { padding: 3px 0; }
.news .left_position { margin-left: 30px; margin-bottom: 10px; height: 28px; padding: 3px 0 0 8px; font-size: 15px; color: #333; }
.news .left_position a { color: #2a79be; }
.news .left_position a:hover { color: #666; }

/*joinus*/

.joinwrap { background: #fff; }
.joinus  { background: #f0f0f0; margin: 20px 20px; }
.joinus .left { float: left; width: 560px; }
.joinus .right h2 { font-size: 22px; margin-top: 15px; }
.joinus .right { float: right; width: 560px; font-size: 17px; margin-right: 20px; }
.joinus .right p { margin-top: 15px; line-height: 28px;  }
.joinus .right ul { margin-top: 10px; }
.joinus .right li { float: left; width: 260px; font-weight: bold; font-size: 18px; margin: 6px 0; color: #4d6da0; }
.joinwrap .yuangong { margin: 0 20px; }
.joinwrap .hdpic { width: 1160px; margin-top: 15px; }
.joinwrap .hdpic ul { margin-right: -23px; }
.joinwrap .hdpic li { float: left; width: 371px; margin-right: 23px; }
.joinwrap .topbar h3 { float: left; border: 1px solid #6687ac; width: 130px; text-align: center; padding: 8px 0; color: #154ca3; border-radius: 5px; }
.joinwrap .topbar p { float: right; margin-top: 10px; font-size: 16px; }
.joinwrap .fuli { font-size: 15px; margin: 10px 0; }
.joinwrap .fuli p { margin: 5px 0; }
.joinwrap .fenlei { height: 36px; border-bottom: 1px solid #ccc; padding-left: 20px; }
.joinwrap .fenlei li { float: left; margin-right: 15px; text-align: center; }
.joinwrap .fenlei li a { display: block; width: 150px; border: 1px solid #ccc; border-bottom: none; height: 25px; padding: 5px 0; background: #fff; }
.joinwrap .fenlei li.active a { height: 26px; color: #154ca3; background: #f3f7fd; font-weight: bold; }
.joinwrap .zhaopin { margin: 20px 0; }
.joinwrap .content { font-size: 16px; padding: 15px 10px; }
.joinwrap .content p { margin-bottom: 10px; }
.joinwrap .content h3 { width: 100px; font-size: 18px; color: #ff7e00; margin-bottom: 10px; }
.joinwrap .content li { margin-bottom: 20px; border-bottom: 1px dashed #ccc; position: relative; padding-bottom: 10px; }
.joinwrap .content .btn_jl { position: absolute; top: 10px; right: 0;}
.joinwrap .content .btn_jl a { display: block; border: 1px solid #6687ac; width: 80px; text-align: center; padding: 5px 0; color: #154ca3; border-radius: 5px; }
.joinwrap .content .btn_jl a:hover { background: #ffe4ca; color: #ff7e00; border: 1px solid #d5873b; }

.zptopbar { height: 35px; padding-top: 10px; background: #818181; margin-top: 20px; color: #fff; font-size: 16px; }
.zplist li { float: left; text-align: left; font-size: 15px; }
.zplist li span { font-weight: bold; }
.zplist li.p1 { width: 280px; font-weight: bold; padding-left: 20px; }
.zplist li.p2 { width: 280px; overflow: hidden; font-size: 14px; }
.zplist li.p3 { width: 200px; }
.zplist li.p4 { width: 200px; }
.zplist li.p5 { width: 180px; }

.zpbox { margin:10px auto; width:100%; height: auto; }
.zpbox .title { font-weight: normal; font-size: 16px; }
.zpbox .collapsing{ width: 100%; height: 40px; line-height: 40px; cursor: pointer; border-bottom: 1px solid #e3e3e3; text-align: center; background: url(../images/pro_left.png) 1060px 8px no-repeat #f9f9f9; margin: 2px 0 0 0; color: #333; }
.zpbox .coll_body{ display: none; font-size: 16px; position: relative; padding: 20px; line-height: 26px; border: 1px solid #e3e3e3; border-top: none; }
.zpbox .current{ background-image:url(../images/pro_down.png);}
.zpbox .coll_body .btn_jl { position: absolute; bottom: 30px; right: 50px;}
.zpbox .coll_body .btn_jl a { display: block; border: 1px solid #6687ac; width: 80px; text-align: center; padding: 5px 0; color: #154ca3; }
.zpbox .coll_body .btn_jl a:hover { background: #dbebf5; color: #1074b4; border: 1px solid #99bed5; }

/* zhaopin折叠 */
#mrq{width:1150px; margin:20px auto;border:1px solid #ccc; padding:2px}
#Marquee_x { overflow:hidden; width: 1150px } 
#Marquee_x ul li ,#Marquee_x ul li div{ float:left;line-height:25px;overflow:hidden} /* 横向滚动必须让所有li左浮动 */
#Marquee_x ul li div{ float:left;line-height:25px;height:280px; overflow:hidden}
#Marquee_x ul li div img{ border:1px solid #DADADA; height:280px; display:block}
#Marquee_x ul li div span{ display:block; font-size: 14px; text-align: center; margin-top: 5px; }

/* zhaopin内容切换 */
.zhaopin #nav>li {	float: left;	box-sizing: border-box;	text-align: center;	font-size: 16px; display: block; padding: 8px 20px;	height: 36px;	background: #fff;	border: 1px solid #ccc; border-bottom: none;	cursor: pointer;	user-select: none;}
.zhaopin #nav>li.liShow { font-weight: bold;	color: #154ca3;	border: 1px solid #ccc;	height: 37px;	border-bottom: none;	background-color: #fff;}
.zhaopin #pic { margin-top: 10px; }
.zhaopin #pic>div { box-sizing: border-box;	display: none;}
.zhaopin #pic>div.imgShow {display: block; }
.zhaopin .fenlei { height: 36px; border-bottom: 1px solid #ccc; padding-left: 20px; }
.zhaopin .fenlei li { margin: 0 10px; }
.zhaopin #pic dl { float: left; width: 335px; margin: 0 20px 20px 22px; font-size: 17px; }
.zhaopin #pic dt { background: #fbfbfb; border: 1px solid #dedede; border-radius: 5px; height: 175px; display: flex; }
.zhaopin #pic dt img { align-self: center; margin: 0 auto; }
.zhaopin #pic dd { height: 40px; line-height: 25px; text-align: center; margin-top: 8px; }

/* zz content */
.zhaopin #pic .list2 {  border: 1px solid #e6e6e6;  border-right: none;  border-bottom: none;}
.zhaopin #pic .list2 li {  float: left;  padding: 5% 0;  width: 33.25%;  border-bottom: 1px solid #e6e6e6;  background: #fff;  text-align: center;  border-right: 1px solid #e6e6e6;}
.zhaopin #pic .list2 li span {  display: block;  margin: 0 0 15px;}
.zhaopin #pic .list2 li span img {  width: 84px;  height: 84px;}
.zhaopin #pic .list2 li p {  padding: 0 20px;  height: 3.2em; overflow: hidden;  color: #645f5d;}

/*select zhaopin*/
.joinIndex_01{margin: 3% 0 8% 0;overflow: hidden; } 
.joinIndex_01 h1{text-align: center;}
.joinIndex_01-le,.joinIndex_01-re{width: 49%;margin-top: 3%;position: relative;cursor: pointer;}
.joinIndex_01-le img,.joinIndex_01-re img{width: 100%;}
.joinIndex_01-le{float: left;margin-right: 2%;}
.joinIndex_01-re{float: right;}
.maskbox01{position: absolute;left: 0;top:0;background: url(../images/bg_b.png) left bottom repeat-x rgba(0, 0, 0, 0.1);width: 100%;height: 100%;}
.joinIndex_01-span{position: absolute;bottom:8%;display: block;width: 100%;text-align: center;color: #fff;}
.maskbox02{ position: absolute; left: 0; top:0; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; opacity: 0; 
  transform: translateY(300px); -webkit-transform: translateY(300px); 
  -ms-transform: translateY(300px); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; color: #fff; -moz-transform: translateY(300px); -o-transform: translateY(300px);
}
.joinIndex_01 .fnt_40 {	color: #666666; 	font-size: 40px; 	font-weight: 700; }
.maskbox02 a{color: #fff;text-align: center;}
.maskbox02 a:hover{color: #fff!important;}
.spanLine{height: 2px;width: 35px;background: #3598db;margin: 20px auto;}
.pbutton{ width: 87px;height: 26px; margin: 0 auto; border:1px solid #3598db;text-align: center;line-height: 24px;margin-top: 23%;color: #3598db;}
.joinIndex_01-item:hover .maskbox01{opacity: 0;}
.joinIndex_01-item:hover .maskbox02{opacity: 1;transform: translateY(0px); -webkit-transform: translateY(0px);-ms-transform: translateY(0px);}
.joinIndex_01 .fnt_32 {	color: #fff; 	font-size: 40px; 	font-weight: 700; 	letter-spacing: 0.05em; }
.joinIndex_01 .pbutton { color: #0096e0; 	font-weight: 700;} 
.joinIndex_01 p {	color: #fff;}
.joinIndex_01 .totop { margin-top: 100px; }

/*join fuli*/
.morefuli { width: 100%; height: 543px; background: url(../images/20191217173.jpg) no-repeat center center; background-size:cover; position: relative;  }
.morefuli .mask { background: #000; opacity: 0.69; z-index: -1; height: 543px; }
.morefuli .fuh3 { position: absolute; top: 85px; left: 50%; transform: translate(-50%,-50%);font-size: 28px; color: #fff; z-index: 1; font-weight: bold; }
.morefuli .fuwrap { width: 82%; margin: 0 auto; border-left: 1px solid #6f7171; }
.morefuli .fuwrap li { float: left; width: 24.8%; min-height: 543px; color: #fff; text-align: center; font-size: 15px; border-right: 1px solid #6f7171; }
.morefuli .fuwrap .firstchild { font-size: 24px; font-weight: bold; margin-top: 15px; }
.morefuli .fuwrap li p { margin: 15px 0; opacity: 1; }
.morefuli .fuwrap .content { padding-top: 53%; }
.morefuli .fuwrap li img,
.morefuli .fuwrap li p { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }
.morefuli .fuwrap li:hover img,
.morefuli .fuwrap li:hover p { transform:translateY(-20px); -webkit-transform:translateY(-20px); -moz-transform:translateY(-20px); -ms-transform:translateY(-20px); -o-transform:translateY(-20px); }

/*contact us*/
.inwrap { max-width: 1200px; width: 100%; margin: 0 auto; }
.inwrap .h6 { font-size: 22px; font-weight: 700; letter-spacing: 0.05em; color: #000; margin-bottom: 20px; }
.inwrap .h7 { font-size: 18px; font-weight: 700; letter-spacing: 0.05em; color: #333;  }
.inwrap .connect_banner{position: relative;/*max-width: 100%;*/text-align: center;color: #fff;margin-bottom: 55px;}
.inwrap .blank_57{position: absolute;top:0;left: 0;background: rgba(0,0,0,0.57);width: 100%;height: 100%;}
.inwrap .connect_int{padding: 20px 0;}
.inwrap .connect_int h2{position: relative;z-index: 2;}
.inwrap .connect_01 .line { border-left: 1px solid #ebebeb;border-right: 1px solid #ebebeb; }
.inwrap .connect_01{margin-bottom: 65px;}
.inwrap .connect_01 ul{overflow: hidden;margin: 0 -40px;}
.inwrap .connect_01>ul>li{float: left;width: 33.33%;*margin-left: -1px;}
.inwrap .connect_01 dl{padding: 0 40px;padding-bottom: 20px;}
.inwrap .connect_01>ul>li:first-child dl{border-left: 0;}
.inwrap .connect_01 dt{border-bottom: 6px solid #f1f1f1;padding-bottom: 12px;margin-bottom: 10px;}
.inwrap .connect_01 dt img{width: 70px;height: 70px;margin: 40px 0 10px;display: block;}
.inwrap .connect_box{color:#3b3b3b;}
.inwrap .connect_box h3{margin-bottom: 20px;}
.inwrap .connect_box01 .connect_p01 .normal { font-weight: normal; font-size: 16px; }
.inwrap .connect_box01 .connect_p01 ol { margin-bottom: 20px; }
.inwrap .connect_box01 .connect_p01 li span{color: #7e7e7e; font-size: 16px; font-weight: bold; }
.inwrap .connect_box01 .connect_p01 li p{color: #3b3b3b;font-weight: bold; font-size: 16px; }
.inwrap .connect_p01{line-height: 1.5em;}
.inwrap .connect_box01 .connect_p01 li{margin-bottom: 5px;}
.inwrap .connect_box01 .connect_p01 li:first-child p{color: #7e7e7e;font-weight: normal; font-size: 16px; }
.inwrap .connect_box01 .connect_p01 li:first-child p a{color: #00a0e9;}
.inwrap .connect_box01 .connect_p01 li:first-child p a:hover{color: #005BAC;}
.inwrap .connect_wx{width: 110px;}
.inwrap .connect_wx img{width: 100%;margin-bottom: 10px;}
.inwrap .connect_box02 .connect_p01 li:first-child span{color: #666666;}
.inwrap .connect_box02 .connect_p01 li:first-child p{color: #666666;}
.inwrap .connect_box03 .connect_p01 li{overflow: hidden;margin-bottom: 20px;line-height: 1.5em;}
.inwrap .connect_box03 .connect_p01 li span{float: left;color: #7e7e7e;}
.inwrap .connect_box03 .connect_p01 li p {color: #3b3b3b; font-size: 16px; }
.inwrap .connect_box03 .connect_p01 li p span { font-weight: bold; color: #333; }
.inwrap .map { width: 100%; height: 400px; }

/*service*/
.servicewrap { width: 1000px; background: #fff; padding: 30px; }
.servicewrap .topbar { background: url(../images/service_03.png) no-repeat; height: 49px; padding: 12px 0 0 70px; border-bottom: 1px dashed #ccc; font-size: 24px; font-weight: bold; color: #555; }
.servicewrap .intro { margin: 20px 0 5px 0;  }
.servicewrap .intro .left { float: left; width: 360px; }
.servicewrap .intro .right { float: left; margin-left: 50px; padding-top: 20px; font-size: 16px; width: 680px; line-height: 35px; color: #333; }
.servicewrap .fuwu { width: 1100px; height: 508px; margin-top: 30px; }
.servicewrap .fuwu .leftmap { float: left; width: 550px; }
.servicewrap .fuwu .list { position: absolute; top: 35px; left: 600px; }
.servicewrap .fuwu .list li { margin-bottom: 20px; font-size: 18px; line-height: 28px; }
.servicewrap .fuwu .list li span { font-weight: bold; }
.servicewrap .fuwu .network { float: left; margin-left: 50px; width: 500px; font-size: 16px; }
.servicewrap .fuwu .network ul { width: 300px; margin-top: 40px; }
.servicewrap .fuwu .network li { float: left; margin: 0 20px 20px 0; line-height: 28px; }
.servicewrap .fuwu .network li span { font-weight: bold; }
.servicewrap .fuwu .network .tips { color: #777; }
.servicewrap .fuwu .network .tips2 { margin-top: 10px; font-size: 15px; line-height: 28px; }

.servicewrap .professional { margin-bottom: 20px; }
.servicewrap .professional dl { float: left; width: 162px; margin: 0 14px; }
.servicewrap .professional dd { font-size: 16px; text-align: center; }
.servicewrap .professional dd span { font-size: 20px; font-weight: bold; }
.servicewrap .p1 { margin: 20px 0; }
.servicewrap .yingji { margin: 20px 0; font-size: 16px; }
.servicewrap .yingji p { margin-bottom: 10px; }


/* footer */

.footer {  background: #161616;  position: relative;  z-index: 3;  padding-bottom: 2.8%; margin-top: 50px; }
.footer .footer-box1 {  padding: 6% 0 5%;  border-bottom: 1px solid #6b6b6b;}
.footer .footer-box1 li {  float: left;  width: 17.5%;  text-align: left;}
.footer .footer-box1 li:last-child {  width: 12.5%;  float: right;}
.footer .footer-box1 dl { display: inline-block;  text-align: left;}
.footer .footer-box1 dt { margin-bottom: 22px;  color: #dadada;}
.footer .footer-box1 dd {  margin-bottom: 5px; font-size: 16px; }
.footer .footer-box1 dd a { color: #898989; }
.footer .footer-box1 dd a:hover,.footer .box2-nav a:hover,.footer .footer-box2 .left p a:hover {  color: #fff !important; }
.footer .footer-box2 { padding-top: 35px;}
.footer .box2-nav { margin-bottom: 20px; font-size: 16px; }
.footer .box2-nav a {  padding-right: 14px;  border-right: 1px solid #3f3f3f;  margin-right: 14px;  color: #dadada; }
.footer .box2-nav a:last-child {  border-right: none; }
.footer .footer-box2 .left p {  color: #898989;  margin-bottom: 10px; font-size: 14px; }
.footer .footer-box2 .left p a {  color: #898989; }
.footer .footer-box2 .right {  width: 200px;  text-align: right;}
.footer .footer-box2 .right a {  display: inline-block;  color: #005bac;}
.footer .footer-box2 .right i {  display: inline-block;  width: 32px;  height: 32px;    background-size: cover;  margin-right: 18px;}
.footer .footer-box2 .right a.share {  float: none;  padding-left: 0;  margin: 0 0 0 20px !important;  width: 32px;  height: 32px; }
.footer .footer-box2 .fr a { cursor: pointer; margin-left: 15px; }
.bdshare-button-style0-16:after {  height: auto !important; }
.footer .ewm{ display: none; position:fixed;width:260px; height:260px; z-index:100000; left:50%; top:50%; margin:-80px 0 0 -150px; background:#fff; border:1px solid #ddd; border-radius:4px; box-shadow:2px 2px 2px #ddd;}
.footer .ewm .close { position:absolute; width:30px; height:30px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;}
.footer .ewm h2{ position:relative; line-height:30px; font-size:16px; padding-left:10px;}
.footer .ewm .img{ padding:20px 10px; text-align:center; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.footer .ewm .img img{ width:129px; height:129px;}
.footer .ewm p{ padding:15px 10px 0; text-align: center;}
.footer .container {  max-width: 1460px;  margin: 0 auto;  width: 96%; }
.footer .fnt_22 {	font-size: 20px;	font-weight: 700; 	letter-spacing: 0.1em; }
.footer .fnt_16 {	font-size: 16px; }

.footer_top {  background: #363636; margin-top: 30px; }
.f_nav li { float: left; margin-right: 20px; font-size: 16px; }
.f_nav li a { display: block; padding: 12px 10px 12px 10px; color: #fff; }
.f_nav li a:hover { background: #616161; }
.f_contnet { color: #3e3e3e; }
.f_contnet .left { float: left; width: 880px; margin-top: 20px; color: #3e3e3e; font-size: 16px; }
.f_contnet .left p { margin: 7px 0; font-size: 14px; }
.f_contnet .left .p2 { margin: 20px 0 25px 0; }
.f_contnet .left span { margin-left: 8px; }
.f_contnet .left a:hover { color: #3e3e3e; text-decoration: underline; }
.f_contnet .right { float: right; width: 198px; margin-top: 30px; }
.f_contnet .right dt { float: left; width: 110px; text-align: center; font-size: 14px; margin-top: 20px; line-height: 22px; color: #999; }
.f_contnet .right dd { float: right; width: 84px; }


.aboutlist { margin: 10px 0 30px 0; float: left; width: 580px; }
.aboutlist li { float: left; margin-right: 20px; font-size: 18px; }
.aboutlist li a { display: block; border: 1px solid #bebebe; padding: 5px 10px; color: #333; border-radius: 5px; }
.aboutlist li a:hover { color: #1f3490; border: 1px solid #1f3490; }
.aboutlist .active a  { color: #1f3490; border: 1px solid #1f3490; font-weight: bold; }

.titleh3 { height: 450px; margin-top: 88px; width: 100%; -webkit-transition: all 5s;  transition: all 5s;  background-size: 100%; background-position: top center;  background-repeat: no-repeat; }
.titleh3:hover { background-size: 110%; }
.h3wrap { width:  1200px; margin: 0 auto; }
.h3wrap .p1 { position: absolute; font-size: 250%; font-weight: bold; color: #fff; top: 200px; max-width: 1200px; text-shadow: 2px 2px #000; }
.h3wrap .p2 { position: absolute; font-size: 200%; color: #fff; top: 300px; max-width: 1200px; text-shadow: 2px 2px #000; }
.soluleft { float: left; margin: 20px 0 30px 27px; }
.caseleft { float: left; margin: 20px 0 10px 18px; }

.banner .p1 {  font-size: 300%; font-weight: bold; color: #fff; max-width: 1150px; margin: 0 auto; margin-bottom: 40px; text-shadow: 2px 2px #000; }
.banner .p2 {  font-size: 150%; color: #fff;  max-width: 1150px; margin: 0 auto; text-shadow: 2px 2px #000; }

.pagess {clear: both;margin: 20px 0 60px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}

.result { font-size: 16px; margin-bottom: 15px; }
.result strong { color: #e31612; }

}

@media (min-width: 1024px) and (max-width: 1200px) { 

.m_nav { display:none; }
.m_img { display:none; }

.wrap {	width: 1200px;	margin: 0 auto; overflow: hidden; }
.wrap1080 {	width: 1080px;	margin: 0 auto; overflow: hidden; }
.title_common { height: 28px; padding-top: 3px; background: url(../images/hongda_17.gif) no-repeat; padding-left: 55px; font-weight: bold; font-size: 25px; color: #2a79be; margin-bottom: 15px;  }
.btn_more a { display: block; border: 1px solid #cecece; border-radius: 20px; padding: 8px 10px 8px 10px; width: 85px; text-align: center; font-size: 15px; font-weight: bold; line-height: 15px; }
.btn_more a:hover { background: #0265c9; color: #fff; border: 1px solid #115da9; }
.btn_all a { display: block; border: 1px solid #cecece; border-radius: 20px; background: #0265c9; padding: 9px 10px; width: 85px; text-align: center; font-size: 15px; color: #fff;  font-weight: bold; }
.btn_all a:hover { background: #fff; color: #0265c9; border: 1px solid #115da9; }
.btn_more2 { display: block; border: 1px solid #cecece; border-radius: 20px; padding: 8px 10px 8px 10px; width: 85px; text-align: center; font-size: 15px; font-weight: bold; line-height: 15px; }
.btn_more2:hover { background: #0265c9; color: #fff; border: 1px solid #115da9; }
.title_position { height: 28px; padding-top: 3px; background: url(../images/icon_home.gif) no-repeat; padding-left: 38px; font-size: 15px; color: #333; margin-bottom: 15px;  }
.title_position a { color: #2a79be; }
.title_position a:hover { color: #666; }
.marginTop30 { margin-top: 30px; }
.marginBottom30 { margin-bottom: 30px; }
.magin020 { margin: 0 20px; }
.p_right { float: right; width: 380px; text-align: right; font-size: 15px; }
.p_right a { color: #2a79be; }
.p_right a:hover { color: #666; }
.ht50 {	height: 50px;}

/*header*/

.header{ height:88px; overflow:hidden; position: fixed; top: 0; left: 0; background: #fff; z-index: 10000; width: 100%; }
.top-head{height:132px;position:fixed;top:0;width:100%;z-index:1000;background:none;}
.top02_center { width:980px;margin:0 auto; }

.top02{ height:88px;width:100%; background: #fff; }
.top02 .logo{ width:130px;;float:left;padding-top:10px; }
.top02 .nav{ float: left; width: 760px; font-size: 18px; padding: 0 0 0 30px; }
.top02 .nav ul{width:760px;}
.top02 .nav li{float: left; text-align: center; /* position:relative;*/}
.top02 .nav li a{ display: block; width: 140px; height:88px; line-height: 88px; vertical-align: middle; text-align: center; color: #666; /*overflow:hidden;*/}
.top02 .nav li a:hover { color: #2973d6; }
.top02 .nav .on a {  }
.top02 .nav .sub{display:none;width:100%;padding:0;position:fixed;top:88px;text-align:left;z-index:110;left:0px;background-color:#f7f7f7;padding: 20px 0 40px 0;}
.top02 .nav .pic { width: 1308px; margin: 0 auto; }
.top02 .nav .pic p { float: left; width: 376px; height: 204px; margin: 20px 30px; }
.top02 .nav .pic p a { display: block; text-align: center; width: 376px; height: 204px; line-height: 204px; vertical-align: middle; font-size: 26px; color: #fff; text-shadow: 2px 2px #000; }
.top02 .nav .chlid { width: 1000px; margin: 0 auto; }
.top02 .nav .chlid .textlist { float: left; width: 320px; border-right: 1px solid #cacaca; margin-top: 20px; min-height: 250px; }
.top02 .nav .chlid .textlist p { margin: 10px 0; width: 320px; text-align: left; padding-left: 40px; }
.top02 .nav .chlid .textlist p a { height: 35px; width: 320px; text-align: left; line-height: 35px; vertical-align: middle; }
.top02 .nav .chlid .textlist p img { float: left; margin: 8px 8px 0 0; }
.top02 .nav .chlid .textlist .active { color: #2973d6; }
.top02 .nav .chlid .rightimd { float: left; width: 308px; text-align: center; margin: 50px 0 0 50px; }
.top02 .nav .chlid .rightimd img { width: 308px; }
.top02 .nav .chlid .rightimd div { display: none; }
.top02 .nav .chlid .rightimd div:first-child { display: block; }

.top02 .search { float:right; width: 250px; }
.top02 .search_wrap { border: 1px solid #a7a7a7;  margin-top: 28px; }
.top02 .s_keywords { float: left; width: 185px; border: 0; height: 33px; padding: 0 10px; font-size: 14px; color: #666; }
.top02 .s_btn { float: right; width: 32px; height: 29px; margin: 2px 5px 0 0;  border: 0; background: url(../images/search.gif) no-repeat; cursor: pointer; }

.banner{position: relative;overflow: auto;text-align: center;width:100%; margin:88px auto 0 auto;}
.banner .dots{position:absolute;left:0;right:0;bottom:30px;z-index:3;}
.banner .dots li{display:inline-block;width:10px;height:10px;margin:0 4px;text-indent:-999em;border:2px solid #fff;border-radius:6px;cursor:pointer;opacity:.4;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s}
.banner .dots li.active{background:#fff;opacity:1}
.banner .arrow{position:absolute;width:20px;height:37px;top: 45%; margin-top: -18px; overflow: hidden;z-index: 2; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.banner #al{left:15px; width: 54px; height: 104px; }
.banner #ar{right:15px; width: 54px; height: 104px; }
.banner ul{z-index: 1;width: 600%;overflow: hidden;}
.banner ul .slider-item { height:500px; width: 1000px; -webkit-transition: all 2s;  transition: all 2s; background-position: center;  background-repeat: no-repeat; background-size: 100%; }
.banner ul .slider-item:hover { background-size: 120%; }
.banner ul .slider-item .itemwrap { width:  1000px; margin: 0 auto; }
.banner ul .slider-item .itemwrap p { margin-bottom: 15px; }
.banner ul .slider-item .itemwrap .p1 { padding-top: 180px;  font-size: 200%; text-align: left; color: #fff; top: 200px; max-width: 1200px; text-shadow: 2px 2px #000; }
.banner ul .slider-item .itemwrap .p2 { font-size: 300%; font-weight: bold; color: #fff; top: 260px; max-width: 1200px; text-shadow: 2px 2px #000; text-align: left; }
.banner ul .slider-item .itemwrap .p3 { font-size: 150%; color: #fff; top: 320px; max-width: 1200px; text-shadow: 2px 2px #000; text-align: left; }
.banner ul .slider-item .itemwrap .p4 {  font-size: 110%;  top: 340px; max-width: 1200px; }
.banner ul .slider-item .itemwrap .p4 a { display: block; width: 140px; height: 45px; line-height: 45px; vertical-align: middle; color: #fff; background: #00a0e9; }
.banner ul .slider-item .itemwrap .p4 a:hover { background: #32bfff; color: #0c6086; }
.banner .progress{position:absolute;left:0;bottom:0;width:15%;min-height:3px;overflow:hidden;z-index:2;background:#00d8ff}

/*about*/
.about { background: url(../images/aboutbg.gif) repeat-x; min-height: 371px; margin-top: 40px;  }
.about .leftbar { float: left; width: 650px; }
.about .rightbar { float: right; width: 550px; height: 367px; overflow: hidden; }
.about .rightbar img { width: 550px; height: 367px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.about .rightbar img:hover { width: 550px; height: 367px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.about .jianjie { height: 240px; line-height: 32px; font-size: 16px; padding-right: 140px; color: #555; background: url(../images/jianjiebg.gif) no-repeat right bottom; position: relative; }
.about .more { position: absolute; bottom: 20px; }

.aboutus  { background: #f0f0f0; margin: 20px 0; }
.aboutus .left { float: left; width: 560px; }
.aboutus .right h2 { font-size: 22px; margin-top: 15px; }
.aboutus .right { float: right; width: 540px; font-size: 17px; margin-right: 20px; }
.aboutus .right p { margin-top: 15px; line-height: 28px;  }
.aboutus .right ul { margin-top: 10px; }
.aboutus .right li { float: left; width: 260px; font-weight: bold; font-size: 18px; margin: 6px 0; color: #4d6da0; }
.about_title { background: #f5f5f5; text-align: center; font-size: 26px; font-weight: bold; margin: 20px 0; padding: 15px 0; }

/*solution*/
.solution { margin-top: 30px; background: #fff; }
.solution .list { width: 1230px; margin-top: 10px; }
.solution .list dl { float: left; width: 380px; margin-right: 30px; background: #f7f7f7; }
.solution .list dt { width: 380px; height: 251px; overflow: hidden; }
.solution .list img { width: 380px; height: 251px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.solution .list img:hover { width: 380px; height: 251px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.solution .gengdou { width: 105px; margin: 15px auto; }
.solution .titlebg { height: 40px; border-bottom: 1px solid #d7d7d7; margin: 10px 0; position: relative; }
.solution .titlebg p { font-size: 20px; font-weight: bold; position: absolute; border-bottom: 3px solid #0265c9; padding: 5px 0 8px 0; margin-left: 15px;  }
.solution .intro { line-height: 23px; padding: 0 15px; height: 80px; color: #606060; font-size: 15px; }
.solution .list2 { width: 1170px; margin: 0 15px; }
.solution .list2 dl { float: left; width: 365px; height: 450px; margin: 0 12px 20px 12px; background: #f7f7f7; }
.solution .list2 dl a { display: block; width: 365px; height: 450px; }
.solution .list2 dl a:hover { box-shadow: 0 0 10px #999; transition: all .3s ease-in; }
.solution .list2 dt { width: 365px; height: 240px; overflow: hidden; }
.solution .list2 img { width: 365px; height: 240px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.solution .list2 img:hover { width: 380px; height: 251px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.solution .titlebg2 { height: 40px; border-bottom: 1px solid #d7d7d7; margin: 10px 0; position: relative; }
.solution .titlebg2 a { color: #000; }
.solution .titlebg2 a:hover { color: #0265c9; }
.solution .titlebg2 p { font-size: 20px; font-weight: bold; position: absolute; border-bottom: 3px solid #0265c9; padding: 5px 0 8px 0; margin-left: 15px;  }


/*case*/
.case { margin-top: 30px; }
.casebg { }
.casebg .list { width: 1212px; margin-top: 10px; }
.casebg .list li { float: left; width: 297px; height: 297px; margin: 2px 4px 2px 0; position: relative; overflow: hidden; }
.casebg .list li img { width: 297px; height: 297px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.casebg .list li img:hover { width: 297px; height: 297px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.casebg .list li p { width: 100%; position: absolute; bottom: 0; height: 20px; padding: 10px 0; background: #333; opacity: 0.8; color: #fff; font-size: 16px; text-align: center; }
.casebg .list2 { width: 1178px; margin: 10px 10px 20px 12px; }
.casebg .list2 li { float: left; width: 375px; height: 375px; margin: 7px; position: relative; overflow: hidden; }
.casebg .list2 li img { width: 375px; height: 375px; }
.casebg .list2 li img { width: 375px; height: 375px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.casebg .list2 li img:hover { width: 375px; height: 375px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.casebg .list2 li p { width: 100%; position: absolute; bottom: 0; height: 20px; padding: 10px 0; background: #333; opacity: 0.8; color: #fff; font-size: 16px; text-align: center; }


/*news*/
.news { padding-top: 30px;  background: #fff; }
.news .list dl { background: #f8f8f8; height: 209px; margin: 10px 0; }
.news .list dt { float: left; width: 317px; height: 209px; overflow: hidden; }
.news .list dt img { width: 317px; height: 209px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.news .list dt img:hover { width: 317px; height: 209px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); } 
.news .list dd { float: right; }
.news .list .title { width: 860px; font-size: 22px; font-weight: bold; position: relative; margin: 30px 0 15px 0; color: #333; }
.news .list .title p { position: absolute; width: 100px; height: 22px; right: 30px; top: 2px; font-size: 16px; font-weight: normal; }
.news .list .title a { color: #333; }
.news .list .title a:hover { color: #0265c9; }
.news .list .intro { width: 830px; height: 135px; line-height: 23px; margin-right: 30px; position: relative; color: #707070; font-size: 16px; }
.news .list .intro .gengdou { position: absolute; bottom: 10px;; right: 0; }

.newsleft { float: left; margin-left: 20px; }
.news .list2 dl { background: #f8f8f8; height: 209px; margin: 10px 0 10px 0; }
.news .list2 dt { float: left; width: 317px; height: 209px; overflow: hidden; } 
.news .list2 dt img { width: 317px; height: 209px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.news .list2 dt img:hover { width: 317px; height: 209px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); } 
.news .list2 dd { float: right; }
.news .list2 .title { width: 800px; font-size: 22px; font-weight: bold; position: relative; margin: 30px 0 15px 0; color: #333; }
.news .list2 .title p { position: absolute; width: 100px; height: 22px; right: 30px; top: 2px; font-size: 16px; font-weight: normal; }
.news .list2 .title a { color: #333; }
.news .list2 .title a:hover { color: #0265c9; }
.news .list2 .intro { width: 770px; height: 135px; line-height: 23px; margin-right: 30px; position: relative; color: #707070; font-size: 16px; }
.news .list2 .intro .gengdou { position: absolute; bottom: 10px; right: 0; }

.newspage .titleh2 { width: 1200px; margin: 0 auto; font-size: 40px; font-weight: bold; color: #fff; height: 150px; position: relative;  }
.newspage .titleh2 p { position: absolute; top: 60px; color: #154ca3; padding-left: 30px; }
.news .newstext { padding: 0 30px; }
.news .newstitle { font-size: 24px; font-weight: bold; text-align: center; border-bottom: 1px dashed #ccc; padding: 10px 0; }
.news .titleitem { text-align: center; padding: 5px 0 20px 0; color: #999; font-size: 14px; }
.news .newscontent { line-height: 25px; font-size:16px; color: #333; }
.news .newscontent .pic { text-align: center; }
.news .newscontent p { margin-bottom: 10px; }
.news .newscontent img { max-width: 100%; }
.news .newstext2 { padding: 0 30px; }
.news .customer li { float: left; width: 190px; margin: 10px 5px; }

.newsbottom { margin: 20px 0; }
.newsbottom .leftbar { float: left; width: 500px; }
.newsbottom .rightbar { float: right; width: 60px; background: url(../images/return.gif) no-repeat 0 2px; padding-left: 20px; text-align: right; font-size: 14px; }
.newsbottom .leftbar .share_text { float: left; margin-right: 10px; font-size: 14px; }
.news .morenews { padding: 10px 0 20px 0; border-top: 1px dashed #ccc; font-size: 14px; }
.news .morenews p { padding: 3px 0; }
.news .left_position { margin-left: 30px; margin-bottom: 10px; height: 28px; padding: 3px 0 0 8px; font-size: 15px; color: #333; }
.news .left_position a { color: #2a79be; }
.news .left_position a:hover { color: #666; }

/*joinus*/

.joinwrap { background: #fff; }
.joinus  { background: #f0f0f0; margin: 20px 20px; }
.joinus .left { float: left; width: 560px; }
.joinus .right h2 { font-size: 22px; margin-top: 15px; }
.joinus .right { float: right; width: 560px; font-size: 17px; margin-right: 20px; }
.joinus .right p { margin-top: 15px; line-height: 28px;  }
.joinus .right ul { margin-top: 10px; }
.joinus .right li { float: left; width: 260px; font-weight: bold; font-size: 18px; margin: 6px 0; color: #4d6da0; }
.joinwrap .yuangong { margin: 0 20px; }
.joinwrap .hdpic { width: 1160px; margin-top: 15px; }
.joinwrap .hdpic ul { margin-right: -23px; }
.joinwrap .hdpic li { float: left; width: 371px; margin-right: 23px; }
.joinwrap .topbar h3 { float: left; border: 1px solid #6687ac; width: 130px; text-align: center; padding: 8px 0; color: #154ca3; border-radius: 5px; }
.joinwrap .topbar p { float: right; margin-top: 10px; font-size: 16px; }
.joinwrap .fuli { font-size: 15px; margin: 10px 0; }
.joinwrap .fuli p { margin: 5px 0; }
.joinwrap .fenlei { height: 36px; border-bottom: 1px solid #ccc; padding-left: 20px; }
.joinwrap .fenlei li { float: left; margin-right: 15px; text-align: center; }
.joinwrap .fenlei li a { display: block; width: 150px; border: 1px solid #ccc; border-bottom: none; height: 25px; padding: 5px 0; background: #fff; }
.joinwrap .fenlei li.active a { height: 26px; color: #154ca3; background: #f3f7fd; font-weight: bold; }
.joinwrap .zhaopin { margin: 20px 0; }
.joinwrap .content { font-size: 16px; padding: 15px 10px; }
.joinwrap .content p { margin-bottom: 10px; }
.joinwrap .content h3 { width: 100px; font-size: 18px; color: #ff7e00; margin-bottom: 10px; }
.joinwrap .content li { margin-bottom: 20px; border-bottom: 1px dashed #ccc; position: relative; padding-bottom: 10px; }
.joinwrap .content .btn_jl { position: absolute; top: 10px; right: 0;}
.joinwrap .content .btn_jl a { display: block; border: 1px solid #6687ac; width: 80px; text-align: center; padding: 5px 0; color: #154ca3; border-radius: 5px; }
.joinwrap .content .btn_jl a:hover { background: #ffe4ca; color: #ff7e00; border: 1px solid #d5873b; }

.zptopbar { height: 35px; padding-top: 10px; background: #818181; margin-top: 20px; color: #fff; font-size: 16px; }
.zplist li { float: left; text-align: left; font-size: 15px; }
.zplist li span { font-weight: bold; }
.zplist li.p1 { width: 280px; font-weight: bold; padding-left: 20px; }
.zplist li.p2 { width: 280px; overflow: hidden; font-size: 14px; }
.zplist li.p3 { width: 200px; }
.zplist li.p4 { width: 200px; }
.zplist li.p5 { width: 180px; }

.zpbox { margin:10px auto; width:100%; height: auto; }
.zpbox .title { font-weight: normal; font-size: 16px; }
.zpbox .collapsing{ width: 100%; height: 40px; line-height: 40px; cursor: pointer; border-bottom: 1px solid #e3e3e3; text-align: center; background: url(../images/pro_left.png) 1060px 8px no-repeat #f9f9f9; margin: 2px 0 0 0; color: #333; }
.zpbox .coll_body{ display: none; font-size: 16px; position: relative; padding: 20px; line-height: 26px; border: 1px solid #e3e3e3; border-top: none; }
.zpbox .current{ background-image:url(../images/pro_down.png);}
.zpbox .coll_body .btn_jl { position: absolute; bottom: 30px; right: 50px;}
.zpbox .coll_body .btn_jl a { display: block; border: 1px solid #6687ac; width: 80px; text-align: center; padding: 5px 0; color: #154ca3; }
.zpbox .coll_body .btn_jl a:hover { background: #dbebf5; color: #1074b4; border: 1px solid #99bed5; }

/* zhaopin折叠 */
#mrq{width:1150px; margin:20px auto;border:1px solid #ccc; padding:2px}
#Marquee_x { overflow:hidden; width: 1150px } 
#Marquee_x ul li ,#Marquee_x ul li div{ float:left;line-height:25px;overflow:hidden} /* 横向滚动必须让所有li左浮动 */
#Marquee_x ul li div{ float:left;line-height:25px;height:280px; overflow:hidden}
#Marquee_x ul li div img{ border:1px solid #DADADA; height:280px; display:block}
#Marquee_x ul li div span{ display:block; font-size: 14px; text-align: center; margin-top: 5px; }

/* zhaopin内容切换 */
.zhaopin #nav>li {	float: left;	box-sizing: border-box;	text-align: center;	font-size: 16px; display: block; padding: 8px 20px;	height: 36px;	background: #fff;	border: 1px solid #ccc; border-bottom: none;	cursor: pointer;	user-select: none;}
.zhaopin #nav>li.liShow { font-weight: bold;	color: #154ca3;	border: 1px solid #ccc;	height: 37px;	border-bottom: none;	background-color: #fff;}
.zhaopin #pic { margin-top: 10px; }
.zhaopin #pic>div { box-sizing: border-box;	display: none;}
.zhaopin #pic>div.imgShow {display: block; }
.zhaopin .fenlei { height: 36px; border-bottom: 1px solid #ccc; padding-left: 20px; }
.zhaopin .fenlei li { margin: 0 10px; }
.zhaopin #pic dl { float: left; width: 335px; margin: 0 20px 20px 22px; font-size: 17px; }
.zhaopin #pic dt { background: #fbfbfb; border: 1px solid #dedede; border-radius: 5px; height: 175px; display: flex; }
.zhaopin #pic dt img { align-self: center; margin: 0 auto; }
.zhaopin #pic dd { height: 40px; line-height: 25px; text-align: center; margin-top: 8px; }

/* zz content */
.zhaopin #pic .list2 {  border: 1px solid #e6e6e6;  border-right: none;  border-bottom: none;}
.zhaopin #pic .list2 li {  float: left;  padding: 5% 0;  width: 33.25%;  border-bottom: 1px solid #e6e6e6;  background: #fff;  text-align: center;  border-right: 1px solid #e6e6e6;}
.zhaopin #pic .list2 li span {  display: block;  margin: 0 0 15px;}
.zhaopin #pic .list2 li span img {  width: 84px;  height: 84px;}
.zhaopin #pic .list2 li p {  padding: 0 20px;  height: 3.2em; overflow: hidden;  color: #645f5d;}

/*contact us*/
.inwrap { max-width: 800px; width: 100%; margin: 0 auto; }
.inwrap .h6 { font-size: 22px; font-weight: 700; letter-spacing: 0.05em; color: #000; margin-bottom: 20px; }
.inwrap .h7 { font-size: 18px; font-weight: 700; letter-spacing: 0.05em; color: #333;  }
.inwrap .connect_banner{position: relative;/*max-width: 100%;*/text-align: center;color: #fff;margin-bottom: 55px;}
.inwrap .blank_57{position: absolute;top:0;left: 0;background: rgba(0,0,0,0.57);width: 100%;height: 100%;}
.inwrap .connect_int{padding: 20px 0;}
.inwrap .connect_int h2{position: relative;z-index: 2;}
.inwrap .connect_01 .line { border-left: 1px solid #ebebeb;border-right: 1px solid #ebebeb; }
.inwrap .connect_01{margin-bottom: 65px;}
.inwrap .connect_01 ul{overflow: hidden;margin: 0 -40px;}
.inwrap .connect_01>ul>li{float: left;width: 33.33%;*margin-left: -1px;}
.inwrap .connect_01 dl{padding: 0 40px;padding-bottom: 20px;}
.inwrap .connect_01>ul>li:first-child dl{border-left: 0;}
.inwrap .connect_01 dt{border-bottom: 6px solid #f1f1f1;padding-bottom: 12px;margin-bottom: 10px;}
.inwrap .connect_01 dt img{width: 70px;height: 70px;margin: 40px 0 10px;display: block;}
.inwrap .connect_box{color:#3b3b3b;}
.inwrap .connect_box h3{margin-bottom: 20px;}
.inwrap .connect_box01 .connect_p01 .normal { font-weight: normal; font-size: 16px; }
.inwrap .connect_box01 .connect_p01 ol { margin-bottom: 20px; }
.inwrap .connect_box01 .connect_p01 li span{color: #7e7e7e; font-size: 16px; font-weight: bold; }
.inwrap .connect_box01 .connect_p01 li p{color: #3b3b3b;font-weight: bold; font-size: 16px; }
.inwrap .connect_p01{line-height: 1.5em;}
.inwrap .connect_box01 .connect_p01 li{margin-bottom: 5px;}
.inwrap .connect_box01 .connect_p01 li:first-child p{color: #7e7e7e;font-weight: normal; font-size: 16px; }
.inwrap .connect_box01 .connect_p01 li:first-child p a{color: #00a0e9;}
.inwrap .connect_box01 .connect_p01 li:first-child p a:hover{color: #005BAC;}
.inwrap .connect_wx{width: 110px;}
.inwrap .connect_wx img{width: 100%;margin-bottom: 10px;}
.inwrap .connect_box02 .connect_p01 li:first-child span{color: #666666;}
.inwrap .connect_box02 .connect_p01 li:first-child p{color: #666666;}
.inwrap .connect_box03 .connect_p01 li{overflow: hidden;margin-bottom: 20px;line-height: 1.5em;}
.inwrap .connect_box03 .connect_p01 li span{float: left;color: #7e7e7e;}
.inwrap .connect_box03 .connect_p01 li p {color: #3b3b3b; font-size: 16px; }
.inwrap .connect_box03 .connect_p01 li p span { font-weight: bold; color: #333; }
.inwrap .map { width: 100%; height: 400px; }

/*service*/
.servicewrap { width: 980px; background: #fff; padding: 30px; }
.servicewrap .topbar { background: url(../images/service_03.png) no-repeat; height: 49px; padding: 12px 0 0 70px; border-bottom: 1px dashed #ccc; font-size: 24px; font-weight: bold; color: #555; }
.servicewrap .intro { margin: 20px 0 5px 0;  }
.servicewrap .intro .left { float: left; width: 360px; }
.servicewrap .intro .right { float: left; margin-left: 50px; padding-top: 20px; font-size: 16px; width: 680px; line-height: 35px; color: #333; }
.servicewrap .fuwu { width: 1100px; height: 508px; margin-top: 30px; }
.servicewrap .fuwu .leftmap { float: left; width: 550px; }
.servicewrap .fuwu .list { position: absolute; top: 35px; left: 600px; }
.servicewrap .fuwu .list li { margin-bottom: 20px; font-size: 18px; line-height: 28px; }
.servicewrap .fuwu .list li span { font-weight: bold; }
.servicewrap .fuwu .network { float: left; margin-left: 50px; width: 500px; font-size: 16px; }
.servicewrap .fuwu .network ul { width: 300px; margin-top: 40px; }
.servicewrap .fuwu .network li { float: left; margin: 0 20px 20px 0; line-height: 28px; }
.servicewrap .fuwu .network li span { font-weight: bold; }
.servicewrap .fuwu .network .tips { color: #777; }
.servicewrap .fuwu .network .tips2 { margin-top: 10px; font-size: 15px; line-height: 28px; }

.servicewrap .professional { margin-bottom: 20px; }
.servicewrap .professional dl { float: left; width: 162px; margin: 0 14px; }
.servicewrap .professional dd { font-size: 16px; text-align: center; }
.servicewrap .professional dd span { font-size: 20px; font-weight: bold; }
.servicewrap .p1 { margin: 20px 0; }
.servicewrap .yingji { margin: 20px 0; font-size: 16px; }
.servicewrap .yingji p { margin-bottom: 10px; }


/* footer */

.footer {  background: #161616;  position: relative;  z-index: 3;  padding-bottom: 2.8%; margin-top: 50px; }
.footer .footer-box1 {  padding: 6% 0 5%;  border-bottom: 1px solid #6b6b6b;}
.footer .footer-box1 li {  float: left;  width: 17.5%;  text-align: left;}
.footer .footer-box1 li:last-child {  width: 12.5%;  float: right;}
.footer .footer-box1 dl { display: inline-block;  text-align: left;}
.footer .footer-box1 dt { margin-bottom: 22px;  color: #dadada;}
.footer .footer-box1 dd {  margin-bottom: 5px; font-size: 16px; }
.footer .footer-box1 dd a { color: #898989; }
.footer .footer-box1 dd a:hover,.footer .box2-nav a:hover,.footer .footer-box2 .left p a:hover {  color: #fff !important; }
.footer .footer-box2 { padding-top: 35px;}
.footer .box2-nav { margin-bottom: 20px; font-size: 16px; }
.footer .box2-nav a {  padding-right: 14px;  border-right: 1px solid #3f3f3f;  margin-right: 14px;  color: #dadada; }
.footer .box2-nav a:last-child {  border-right: none; }
.footer .footer-box2 .left p {  color: #898989;  margin-bottom: 10px; font-size: 14px; }
.footer .footer-box2 .left p a {  color: #898989; }
.footer .footer-box2 .right {  width: 200px;  text-align: right;}
.footer .footer-box2 .right a {  display: inline-block;  color: #005bac;}
.footer .footer-box2 .right i {  display: inline-block;  width: 32px;  height: 32px;    background-size: cover;  margin-right: 18px;}
.footer .footer-box2 .right a.share {  float: none;  padding-left: 0;  margin: 0 0 0 20px !important;  width: 32px;  height: 32px; }
.footer .footer-box2 .fr a { cursor: pointer; margin-left: 15px; }
.bdshare-button-style0-16:after {  height: auto !important; }
.footer .ewm{ display: none; position:fixed;width:260px; height:260px; z-index:100000; left:50%; top:50%; margin:-80px 0 0 -150px; background:#fff; border:1px solid #ddd; border-radius:4px; box-shadow:2px 2px 2px #ddd;}
.footer .ewm .close { position:absolute; width:30px; height:30px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;}
.footer .ewm h2{ position:relative; line-height:30px; font-size:16px; padding-left:10px;}
.footer .ewm .img{ padding:20px 10px; text-align:center; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.footer .ewm .img img{ width:129px; height:129px;}
.footer .ewm p{ padding:15px 10px 0; text-align: center;}
.footer .container {  max-width: 1460px;  margin: 0 auto;  width: 96%; }
.footer .fnt_22 {	font-size: 20px;	font-weight: 700; 	letter-spacing: 0.1em; }
.footer .fnt_16 {	font-size: 16px; }

.footer_top {  background: #363636; margin-top: 30px; }
.f_nav li { float: left; margin-right: 20px; font-size: 16px; }
.f_nav li a { display: block; padding: 12px 10px 12px 10px; color: #fff; }
.f_nav li a:hover { background: #616161; }
.f_contnet { color: #3e3e3e; }
.f_contnet .left { float: left; width: 880px; margin-top: 20px; color: #3e3e3e; font-size: 16px; }
.f_contnet .left p { margin: 7px 0; font-size: 14px; }
.f_contnet .left .p2 { margin: 20px 0 25px 0; }
.f_contnet .left span { margin-left: 8px; }
.f_contnet .left a:hover { color: #3e3e3e; text-decoration: underline; }
.f_contnet .right { float: right; width: 198px; margin-top: 30px; }
.f_contnet .right dt { float: left; width: 110px; text-align: center; font-size: 14px; margin-top: 20px; line-height: 22px; color: #999; }
.f_contnet .right dd { float: right; width: 84px; }

.aboutlist { margin: 10px 0 30px 0; float: left; width: 580px; }
.aboutlist li { float: left; margin-right: 20px; font-size: 18px; }
.aboutlist li a { display: block; border: 1px solid #bebebe; padding: 5px 10px; color: #333; border-radius: 5px; }
.aboutlist li a:hover { color: #1f3490; border: 1px solid #1f3490; }
.aboutlist .active a  { color: #1f3490; border: 1px solid #1f3490; font-weight: bold; }

.titleh3 { height: 450px; margin-top: 88px; width: 100%; -webkit-transition: all 5s;  transition: all 5s;  background-size: 100%; background-position: top center;  background-repeat: no-repeat; }
.titleh3:hover { background-size: 110%; }
.h3wrap { width:  1200px; margin: 0 auto; }
.h3wrap .p1 { position: absolute; font-size: 250%; font-weight: bold; color: #fff; top: 200px; max-width: 1200px; text-shadow: 2px 2px #000; }
.h3wrap .p2 { position: absolute; font-size: 200%; color: #fff; top: 300px; max-width: 1200px; text-shadow: 2px 2px #000; }
.soluleft { float: left; margin: 20px 0 30px 27px; }
.caseleft { float: left; margin: 20px 0 10px 18px; }

.banner .p1 {  font-size: 300%; font-weight: bold; color: #fff; max-width: 1150px; margin: 0 auto; margin-bottom: 40px; text-shadow: 2px 2px #000; }
.banner .p2 {  font-size: 150%; color: #fff;  max-width: 1150px; margin: 0 auto; text-shadow: 2px 2px #000; }

.pagess {clear: both;margin: 20px 0 60px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}

.result { font-size: 16px; margin-bottom: 15px; }
.result strong { color: #e31612; }

}

@media (max-width: 1024px) { 

#headdiv { display: none; }
.msgNum { display: none; }
.slider{margin-top: 44px;}
.head{display:none}
.m_img{display:block;height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;overflow: hidden;}
.m_img .headlf{padding-top:8px;padding-left:5px;float: left;}
.m_img .headlf .m_logo{ width: 160px; height: 26px; display: block; margin: 8px 0 0 0; }
.m_img .headrg{padding-right:5%;padding-top:14px;float: right;}
.m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
.m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.m_nav .closeicon{position:absolute;width:20%;left:20px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
.m_nav .m_navList ul{padding-left:5%;padding-right:5%}
.m_nav .m_navList ul li{border-bottom:1px solid #232530}
.m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
.m_nav .m_navList ul li .m_f_a a{flex: 1;}
.m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
.m_nav .icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.m_nav .icon_on{background:url(../images/plus_k.png) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
.m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}

.wrap {	width: 96%;	margin: 0 auto; overflow: hidden; }
.wrap1080 {	width: 1080px;	margin: 0 auto; overflow: hidden; }
.title_common { height: 28px; padding-top: 3px; background: url(../images/hongda_17.gif) no-repeat; padding-left: 55px; font-weight: bold; font-size: 25px; color: #2a79be; margin-bottom: 15px;  }
.btn_more a { display: block; border: 1px solid #cecece; border-radius: 20px; padding: 8px 10px 8px 10px; width: 85px; text-align: center; font-size: 15px; font-weight: bold; line-height: 15px; }
.btn_more a:hover { background: #0265c9; color: #fff; border: 1px solid #115da9; }
.btn_all a { display: block; border: 1px solid #cecece; border-radius: 20px; background: #0265c9; padding: 9px 10px; width: 85px; text-align: center; font-size: 15px; color: #fff;  font-weight: bold; }
.btn_all a:hover { background: #fff; color: #0265c9; border: 1px solid #115da9; }
.btn_more2 { display: block; border: 1px solid #cecece; border-radius: 20px; padding: 8px 10px 8px 10px; width: 85px; text-align: center; font-size: 15px; font-weight: bold; line-height: 15px; }
.btn_more2:hover { background: #0265c9; color: #fff; border: 1px solid #115da9; }
.title_position { height: 28px; padding-top: 3px; background: url(../images/icon_home.gif) no-repeat; padding-left: 38px; font-size: 15px; color: #333; margin-bottom: 15px;  }
.title_position a { color: #2a79be; }
.title_position a:hover { color: #666; }
.marginTop30 { margin-top: 30px; }
.marginBottom30 { margin-bottom: 30px; }
.magin020 { margin: 0 20px; }
.p_right { font-size: 15px; }
.p_right a { color: #2a79be; }
.p_right a:hover { color: #666; }
.ht50 {	height: 0;}

/*header*/

.header{ height:88px; overflow:hidden; position: fixed; top: 0; left: 0; background: #fff; z-index: 10000; width: 100%; }
.top-head{height:132px;position:fixed;top:0;width:100%;z-index:1000;background:none;}
.top02_center { width:700px;margin:0 auto; }

.top02{ height:88px;width:100%; background: #fff; }
.top02 .logo{ width:130px;;float:left;padding-top:10px; }
.top02 .nav{ float: left; width: 760px; font-size: 18px; padding: 0 0 0 30px; }
.top02 .nav ul{width:760px;}
.top02 .nav li{float: left; text-align: center; /* position:relative;*/}
.top02 .nav li a{ display: block; width: 140px; height:88px; line-height: 88px; vertical-align: middle; text-align: center; color: #666; /*overflow:hidden;*/}
.top02 .nav li a:hover { color: #2973d6; }
.top02 .nav .on a {  }
.top02 .nav .sub{display:none;width:100%;padding:0;position:fixed;top:88px;text-align:left;z-index:110;left:0px;background-color:#f7f7f7;padding: 20px 0 40px 0;}
.top02 .nav .pic { width: 1308px; margin: 0 auto; }
.top02 .nav .pic p { float: left; width: 376px; height: 204px; margin: 20px 30px; }
.top02 .nav .pic p a { display: block; text-align: center; width: 376px; height: 204px; line-height: 204px; vertical-align: middle; font-size: 26px; color: #fff; text-shadow: 2px 2px #000; }
.top02 .nav .chlid { width: 800px; margin: 0 auto; }
.top02 .nav .chlid .textlist { float: left; width: 320px; border-right: 1px solid #cacaca; margin-top: 20px; min-height: 250px; }
.top02 .nav .chlid .textlist p { margin: 10px 0; width: 320px; text-align: left; padding-left: 40px; }
.top02 .nav .chlid .textlist p a { height: 35px; width: 320px; text-align: left; line-height: 35px; vertical-align: middle; }
.top02 .nav .chlid .textlist p img { float: left; margin: 8px 8px 0 0; }
.top02 .nav .chlid .textlist .active { color: #2973d6; }
.top02 .nav .chlid .rightimd { float: left; width: 308px; text-align: center; margin: 50px 0 0 50px; }
.top02 .nav .chlid .rightimd img { width: 308px; }
.top02 .nav .chlid .rightimd div { display: none; }
.top02 .nav .chlid .rightimd div:first-child { display: block; }

.m_nav .search { width: 86%; margin-left: 30px; background: #fff; }
.m_nav .search_wrap { border: 1px solid #a7a7a7;  margin-top: 28px; }
.m_nav .s_keywords { float: left; width: 70%; background: #fff; border: 0; height: 33px; padding: 0 10px; font-size: 14px; color: #666; }
.m_nav .s_btn { float: right; width: 32px; height: 29px; margin: 2px 5px 0 0;  border: 0; background: url(../images/search.gif) no-repeat; cursor: pointer; }

.banner{position: relative;overflow: auto;text-align: center;width:100%;margin: 15px auto 0 auto; }
.banner .dots{position:absolute;left:0;right:0;bottom:30px;z-index:3;}
.banner .dots li{display:inline-block;width:10px;height:10px;margin:0 4px;text-indent:-999em;border:2px solid #fff;border-radius:6px;cursor:pointer;opacity:.4;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s}
.banner .dots li.active{background:#fff;opacity:1}
.banner .arrow{position:absolute;width:20px;height:37px;top: 48%; margin-top: -18px; overflow: hidden;z-index: 2; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.banner #al{left:5px; width: 20px; height: 39px; }
.banner #ar{right:5px; width: 20px; height: 39px; }
.banner ul{z-index: 1;width: 100%;overflow: hidden;}
.banner ul .slider-item { height: 400px; width: 100%; -webkit-transition: all 2s;  transition: all 2s; background-position: center;  background-repeat: no-repeat; }
.banner ul .slider-item:hover { background-size: 300%; }
.banner ul .slider-item .itemwrap { width:  100%; margin: 0 auto; }
.banner ul .slider-item .itemwrap p { margin-bottom: 15px; padding-left: 30px; }
.banner ul .slider-item .itemwrap .p1 { padding-top: 90px; font-size: 5em; text-align: left; color: #fff; text-shadow: 1px 1px #000; }
.banner ul .slider-item .itemwrap .p2 { font-size: 8em; font-weight: bold; color: #fff; text-shadow: 1px 1px #000; text-align: left; }
.banner ul .slider-item .itemwrap .p3 { font-size: 4em; color: #fff; text-shadow: 1px 1px #000; text-align: left; }
.banner ul .slider-item .itemwrap .p4 {  font-size: 4em; }
.banner ul .slider-item .itemwrap .p4 a { display: block; width: 120px; height: 45px; border-radius: 5px; line-height: 45px; vertical-align: middle; color: #fff; background: #00a0e9; }
.banner ul .slider-item .itemwrap .p4 a:hover { background: #32bfff; color: #0c6086; }
.banner .progress{position:absolute;left:0;bottom:0;width:15%;min-height:3px;overflow:hidden;z-index:2;background:#00d8ff}

/*about*/
.about { background: url(../images/aboutbg.gif) repeat-x; min-height: 371px; margin-top: 10px;  }
.about .leftbar { float: left; width: 650px; }
.about .rightbar { float: right; width: 550px; height: 367px; overflow: hidden; }
.about .rightbar img { width: 550px; height: 367px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.about .rightbar img:hover { width: 550px; height: 367px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.about .jianjie { height: 240px; line-height: 32px; font-size: 16px; color: #555; background: url(../images/jianjiebg.gif) no-repeat right bottom; position: relative; }
.about .more { position: absolute; bottom: 10px; }

.aboutus  { background: #f0f0f0; margin: 20px 0; }
.aboutus .left { width: 100%; }
.aboutus .right h2 { font-size: 22px; margin-top: 15px; }
.aboutus .right { width: 100%; font-size: 17px;  }
.aboutus .right p { margin-top: 15px; line-height: 28px;  }
.aboutus .right ul { margin-top: 10px; }
.aboutus .right li { float: left; width: 49%; font-weight: bold; font-size: 18px; margin: 6px 0; color: #4d6da0; }
.about_title { background: #f5f5f5; text-align: center; font-size: 26px; font-weight: bold; margin: 20px 0; padding: 15px 0; }

/*solution*/
.solution { margin-top: 30px; background: #fff; }
.solution .list { width: 100%; margin: 10px auto 0 auto; }
.solution .list dl { width: 100%; margin-right: 30px; background: #f7f7f7; }
.solution .list dt { width: 100%;  overflow: hidden; }
.solution .list img { width: 100%; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.solution .list img:hover { width: 96%; height: 251px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.solution .gengdou { width: 105px; margin: 0 auto; padding: 12px 0 8px 0; margin-bottom: 10px; }
.solution .titlebg { height: 40px; border-bottom: 1px solid #d7d7d7; margin: 10px 0; position: relative; }
.solution .titlebg p { font-size: 20px; font-weight: bold; position: absolute; border-bottom: 3px solid #0265c9; padding: 2px 0 8px 0; margin-left: 15px;  }
.solution .intro { line-height: 23px; padding: 0 15px; height: 80px; color: #606060; font-size: 15px; }
.solution .list2 { width: 100%; margin: 0 auto; }
.solution .list2 dl { width: 100%;  margin: 0 0 20px 0; padding-bottom: 12px; background: #f7f7f7; }
.solution .list2 dl a { display: block; }
.solution .list2 dl a:hover { box-shadow: 0 0 10px #999; transition: all .3s ease-in; }
.solution .list2 dt { width: 100%; overflow: hidden; }
.solution .list2 img { width: 100%; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.solution .list2 img:hover { width: 96%; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.solution .titlebg2 { height: 40px; border-bottom: 1px solid #d7d7d7; margin: 10px 0; position: relative; }
.solution .titlebg2 a { color: #000; }
.solution .titlebg2 a:hover { color: #0265c9; }
.solution .titlebg2 p { font-size: 20px; font-weight: bold; position: absolute; border-bottom: 2px solid #0265c9; padding: 3px 0 8px 0; margin-left: 15px;  }


/*case*/
.case { margin-top: 30px; }
.casebg { }
.casebg .list { width: 100%; margin: 10px auto 0 auto; }
.casebg .list li { width: 100%;  margin: 15px 0; position: relative; overflow: hidden; }
.casebg .list li img { width: 100%;  transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.casebg .list li img:hover { width: 100%; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.casebg .list li p { width: 100%; position: absolute; bottom: 0; height: 20px; padding: 10px 0; background: #333; opacity: 0.8; color: #fff; font-size: 16px; text-align: center; }
.casebg .list2 { width: 100%; margin: 10px auto; }
.casebg .list2 li { width: 100%; margin: 7px 0; position: relative; overflow: hidden; }
.casebg .list2 li img { width: 100%;  }
.casebg .list2 li img { width: 100%; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.casebg .list2 li img:hover { width: 100%; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.casebg .list2 li p { width: 100%; position: absolute; bottom: 0; height: 20px; padding: 10px 0; background: #333; opacity: 0.8; color: #fff; font-size: 16px; text-align: center; }


/*news*/
.news { padding-top: 5px;  background: #fff; }
.news .list dl { background: #f8f8f8; height: 209px; margin: 10px 0; }
.news .list dt { float: left; width: 317px; height: 209px; overflow: hidden; }
.news .list dt img { width: 317px; height: 209px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.news .list dt img:hover { width: 317px; height: 209px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); } 
.news .list dd { float: right; }
.news .list .title { width: 860px; font-size: 22px; font-weight: bold; position: relative; margin: 30px 0 15px 0; color: #333; }
.news .list .title p { position: absolute; width: 100px; height: 22px; right: 30px; top: 2px; font-size: 16px; font-weight: normal; }
.news .list .title a { color: #333; }
.news .list .title a:hover { color: #0265c9; }
.news .list .intro { width: 830px; height: 135px; line-height: 23px; margin-right: 30px; position: relative; color: #707070; font-size: 16px; }
.news .list .intro .gengdou { position: absolute; bottom: 10px;; right: 0; }

.newsleft { float: left; margin-left: 20px; }
.news .list2 dl { height: 259px; margin: 10px 0 10px 0; }
.news .list2 dt { width: 100%; height: 209px; overflow: hidden; } 
.news .list2 dt img { width: 100%; height: 209px; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.news .list2 dt img:hover { width: 100%; height: 209px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); } 
.news .list2 dd { float: right; }
.news .list2 .title { width: 100%; font-size: 22px; font-weight: bold; position: relative; margin: 15px 0 15px 0; color: #333; }
.news .list2 .title p { width: 100px; height: 22px; right: 30px; top: 30px; font-size: 16px; font-weight: normal; }
.news .list2 .title a { color: #333; }
.news .list2 .title a:hover { color: #0265c9; }
.news .list2 .intro { width: 100%; height: 135px; line-height: 23px; position: relative; color: #707070; font-size: 16px; padding-bottom: 10px; }
.news .list2 .intro .gengdou { position: absolute; bottom: 10px; left: 0; }

.newspage .titleh2 { width: 1200px; margin: 0 auto; font-size: 40px; font-weight: bold; color: #fff; height: 150px; position: relative;  }
.newspage .titleh2 p { position: absolute; top: 60px; color: #154ca3; padding-left: 30px; }
.news .newstext { padding: 0 10px; }
.news .newstitle { font-size: 24px; font-weight: bold; text-align: center; border-bottom: 1px dashed #ccc; padding: 10px 0; }
.news .titleitem { text-align: center; padding: 5px 0 20px 0; color: #999; font-size: 14px; }
.news .newscontent { line-height: 25px; font-size:16px; color: #333; }
.news .newscontent .pic { text-align: center; }
.news .newscontent p { margin-bottom: 10px; }
.news .newscontent img { max-width: 100%; }
.news .newstext2 { padding: 0; }
.news .customer li { float: left; width: 50%; margin: 10px 0; text-align: center; }
.news .customer li img { width: 90%; }

.newsbottom { margin: 20px 0; }
.newsbottom .leftbar { float: left; width: 500px; }
.newsbottom .rightbar { float: right; width: 60px; background: url(../images/return.gif) no-repeat 0 2px; padding-left: 20px; text-align: right; font-size: 14px; }
.newsbottom .leftbar .share_text { float: left; margin-right: 10px; font-size: 14px; }
.news .morenews { padding: 10px 0 20px 0; border-top: 1px dashed #ccc; font-size: 14px; }
.news .morenews p { padding: 3px 0; }
.news .left_position { height: 28px; padding: 3px 0 0 8px; font-size: 15px; color: #333; }
.news .left_position a { color: #2a79be; }
.news .left_position a:hover { color: #666; }

/*joinus*/

.joinwrap { background: #fff; }
.joinus  { background: #f0f0f0; margin: 20px 0; }
.joinus .left { width: 100%; }
.joinus .right h2 { font-size: 22px; margin: 15px 10px 0 10px;  }
.joinus .right { width: 100%; font-size: 17px; }
.joinus .right p {  margin: 15px 10px 0 10px; line-height: 28px;  }
.joinus .right ul { margin: 10px 10px 0 10px; }
.joinus .right li { float: left; width: 49%; font-weight: bold; font-size: 18px; margin: 6px 0; color: #4d6da0; }
.joinwrap .yuangong { }
.joinwrap .hdpic { width: 100%; margin-top: 15px; }
.joinwrap .hdpic ul { margin-right: -23px; }
.joinwrap .hdpic li { float: left; width: 371px; margin-right: 23px; }
.joinwrap .topbar h3 { float: left; font-size: 4em; border: 1px solid #6687ac; width: 130px; text-align: center; padding: 8px 0; color: #154ca3; border-radius: 5px; }
.joinwrap .topbar p { float: right; margin-top: 10px; font-size: 16px; }
.joinwrap .fuli { font-size: 15px; margin: 10px 0; }
.joinwrap .fuli p { margin: 5px 0; }
.joinwrap .fenlei { height: 36px; border-bottom: 1px solid #ccc; padding-left: 20px; }
.joinwrap .fenlei li { float: left; margin-right: 15px; text-align: center; }
.joinwrap .fenlei li a { display: block; width: 150px; border: 1px solid #ccc; border-bottom: none; height: 25px; padding: 5px 0; background: #fff; }
.joinwrap .fenlei li.active a { height: 26px; color: #154ca3; background: #f3f7fd; font-weight: bold; }
.joinwrap .zhaopin { margin: 20px 0; }
.joinwrap .content { font-size: 16px; padding: 15px 10px; }
.joinwrap .content p { margin-bottom: 10px; }
.joinwrap .content h3 { width: 100px; font-size: 18px; color: #ff7e00; margin-bottom: 10px; }
.joinwrap .content li { margin-bottom: 20px; border-bottom: 1px dashed #ccc; position: relative; padding-bottom: 10px; }
.joinwrap .content .btn_jl { position: absolute; top: 10px; right: 0;}
.joinwrap .content .btn_jl a { display: block; border: 1px solid #6687ac; width: 80px; text-align: center; padding: 5px 0; color: #154ca3; border-radius: 5px; }
.joinwrap .content .btn_jl a:hover { background: #ffe4ca; color: #ff7e00; border: 1px solid #d5873b; }

.zptopbar { height: 35px; padding-top: 10px; background: #818181; margin-top: 20px; color: #fff; font-size: 16px; }
.zplist li { float: left; text-align: left; font-size: 14px; }
.zplist li span { font-weight: bold; }
.zplist li.p1 { width: 50%; font-weight: bold; padding-left: 5px; overflow: hidden; }
.zplist li.p2 { width: 24%; overflow: hidden; font-size: 14px; overflow: hidden; }
.zplist li.p3 { width: 20%; overflow: hidden; }
.zplist li.p4 { display: none; width: 17.5%; overflow: hidden; }
.zplist li.p5 { display: none; width: 18%; overflow: hidden; }

.zpbox { margin:10px auto; width:100%; height: auto; }
.zpbox .title { font-weight: normal; font-size: 16px; }
.zpbox .collapsing{ width: 100%; height: 40px; line-height: 40px; cursor: pointer; border-bottom: 1px solid #e3e3e3; text-align: center; background: url(../images/pro_left.png) 1060px 8px no-repeat #f9f9f9; margin: 2px 0 0 0; color: #333; }
.zpbox .coll_body{ display: none; font-size: 16px; position: relative; padding: 20px; line-height: 26px; border: 1px solid #e3e3e3; border-top: none; }
.zpbox .current{ background-image:url(../images/pro_down.png);}
.zpbox .coll_body .btn_jl { margin-top: 15px; }
.zpbox .coll_body .btn_jl a { display: block; border: 1px solid #6687ac; width: 80px; text-align: center; padding: 5px 0; color: #154ca3; }
.zpbox .coll_body .btn_jl a:hover { background: #dbebf5; color: #1074b4; border: 1px solid #99bed5; }

/* zhaopin zhedie */
#mrq{width:100%; margin:20px auto;padding:2px}
#Marquee_x { overflow:hidden; width: 1150px } 
#Marquee_x ul li ,#Marquee_x ul li div{ float:left;line-height:25px;overflow:hidden} /* 横向滚动必须让所有li左浮动 */
#Marquee_x ul li div{ float:left;line-height:25px;height:280px; overflow:hidden}
#Marquee_x ul li div img{ border:1px solid #DADADA; height:280px; display:block}
#Marquee_x ul li div span{ display:block; font-size: 14px; text-align: center; margin-top: 5px; }

/* zhaopin content */
.zhaopin #nav>li {	float: left;	box-sizing: border-box;	text-align: center;	font-size: 16px; display: block; padding: 8px 10px;	height: 36px;	background: #fff;	border: 1px solid #ccc; border-bottom: none;	cursor: pointer;	user-select: none;}
.zhaopin #nav>li.liShow { font-weight: bold;	color: #154ca3;	border: 1px solid #ccc;	height: 37px;	border-bottom: none;	background-color: #fff;}
.zhaopin #pic { margin-top: 10px; }
.zhaopin #pic>div { box-sizing: border-box;	display: none;}
.zhaopin #pic>div.imgShow {display: block; }
.zhaopin .fenlei { height: 36px; border-bottom: 1px solid #ccc; padding-left: 20px; }
.zhaopin .fenlei li { margin: 0 10px; }
.zhaopin #pic dl { float: left; width: 335px; margin: 0 20px 20px 22px; font-size: 17px; }
.zhaopin #pic dt { background: #fbfbfb; border: 1px solid #dedede; border-radius: 5px; height: 175px; display: flex; }
.zhaopin #pic dt img { align-self: center; margin: 0 auto; }
.zhaopin #pic dd { height: 40px; line-height: 25px; text-align: center; margin-top: 8px; }

/* zz content */
.zhaopin #pic .list2 {  border: 1px solid #e6e6e6;  border-right: none;  border-bottom: none; }
.zhaopin #pic .list2 li {  float: left;  padding: 5% 0;  width: 49.55%;  border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;  background: #fff;  text-align: center;  }
.zhaopin #pic .list2 li span {  display: block;  margin: 0 0 15px;}
.zhaopin #pic .list2 li span img {  width: 84px;  height: 84px;}
.zhaopin #pic .list2 li p {  padding: 0 20px; font-size: 4em; height: 80px; overflow: hidden;  color: #645f5d;}

/*select zhaopin*/
.joinIndex_01{margin: 2% 0 8% 0;overflow: hidden; } 
.joinIndex_01 h1{text-align: center;}
.joinIndex_01-le,.joinIndex_01-re{width: 100%;margin-top: 3%;position: relative;cursor: pointer;}
.joinIndex_01-le img,.joinIndex_01-re img{width: 100%;}
.joinIndex_01-le{float: left;margin-right: 2%;}
.joinIndex_01-re{float: right;}
.maskbox01{position: absolute;left: 0;top:0;background: url(../images/bg_b.png) left bottom repeat-x rgba(0, 0, 0, 0.1);width: 100%;height: 100%;}
.joinIndex_01-span{position: absolute;bottom:8%;display: block;width: 100%;text-align: center;color: #fff;}
.maskbox02{ position: absolute; left: 0; top:0; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; opacity: 0; 
  transform: translateY(300px); -webkit-transform: translateY(300px); 
  -ms-transform: translateY(300px); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; color: #fff; -moz-transform: translateY(300px); -o-transform: translateY(300px);
}
.joinIndex_01 .totop { margin-top: 40px; }
.joinIndex_01 .fnt_40 {	color: #666666; 	font-size: 8em; 	font-weight: 700; }
.maskbox02 a{color: #fff;text-align: center;}
.maskbox02 a:hover{color: #fff!important;}
.spanLine{height: 2px;width: 35px;background: #3598db; margin: 20px auto; }
.pbutton{ width: 87px;height: 26px; margin: 0 auto; border:1px solid #3598db;text-align: center;line-height: 24px;margin-top: 23%;color: #3598db;}
.joinIndex_01-item:hover .maskbox01{opacity: 0;}
.joinIndex_01-item:hover .maskbox02{opacity: 1;transform: translateY(0px); -webkit-transform: translateY(0px);-ms-transform: translateY(0px);}
.joinIndex_01 .fnt_32 {	color: #fff; 	font-size: 24px; 	font-weight: 700; 	letter-spacing: 0.05em; }
.joinIndex_01 .pbutton { color: #0096e0; 	font-weight: 700; margin-top: 50px; } 
.joinIndex_01 p {	color: #fff; font-size: 4em; }


/*join fuli*/
.morefuli { width: 100%; background: url(../images/20191217173.jpg) no-repeat center center; background-size:cover; position: relative; padding-bottom: 40px;  }
.morefuli .mask { background: #000; opacity: 0.69; z-index: -1; height: 543px; }
.morefuli .fuh3 { position: absolute; top: 35px; left: 5%; transform: translate(-5%,-50%);font-size: 28px; color: #fff; z-index: 1; font-weight: bold; }
.morefuli .fuwrap { width: 100%; margin: 0 auto; border-left: 1px solid #6f7171; }
.morefuli .fuwrap li { width: 100%; color: #fff; text-align: center; font-size: 15px; border-bottom: 1px solid #6f7171; }
.morefuli .fuwrap .firstchild { font-size: 24px; font-weight: bold; margin-top: 15px; }
.morefuli .fuwrap li p { margin: 15px 0; opacity: 1; }
.morefuli .fuwrap .content { padding: 10% 0; }
.morefuli .fuwrap li img,
.morefuli .fuwrap li p { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }
.morefuli .fuwrap li:hover img,
.morefuli .fuwrap li:hover p { transform:translateY(-20px); -webkit-transform:translateY(-20px); -moz-transform:translateY(-20px); -ms-transform:translateY(-20px); -o-transform:translateY(-20px); }

/*service*/
.servicewrap { width: 96%; margin: 0 auto; background: #fff; padding: 10px 0 0 0; }
.servicewrap .topbar { background: url(../images/service_03.png) no-repeat; height: 49px; padding: 12px 0 0 70px; border-bottom: 1px dashed #ccc; font-size: 24px; font-weight: bold; color: #555; }
.servicewrap .intro { margin: 20px 0 5px 0;  }
.servicewrap .intro .left { width: 100%; }
.servicewrap .intro .left img { width: 100%; }
.servicewrap .intro .right { padding-top: 15px; font-size: 16px; line-height: 25px; color: #333; }
.servicewrap .fuwu { width: 100%;  margin-top: 30px; }
.servicewrap .fuwu .leftmap { width: 100%; }
.servicewrap .fuwu .leftmap img { width: 100%; }
.servicewrap .fuwu .network { width: 90%;  margin: 0 auto 10px auto; }
.servicewrap .fuwu .network li { float: left; margin: 0 20px 20px 0; font-size: 18px; line-height: 28px; }
.servicewrap .fuwu .network li span { font-weight: bold; }
.servicewrap .fuwu .network .tips { font-size: 16px; color: #777; margin-bottom: 10px; }
.servicewrap .fuwu .network .tips2 { width: 100%; font-size: 16px; line-height: 25px; }
.servicewrap .fuwu .list { position: absolute; top: 35px; left: 600px; }
.servicewrap .fuwu .list li { margin-bottom: 20px; font-size: 18px; line-height: 28px; }
.servicewrap .fuwu .list li span { font-weight: bold; }

.servicewrap .professional { margin-bottom: 20px; }
.servicewrap .professional dl { float: left; width: 49%; }
.servicewrap .professional dd { font-size: 16px; text-align: center; }
.servicewrap .professional dd span { font-size: 20px; font-weight: bold; }
.servicewrap .p1 { margin: 20px 0; font-size: 4em; }
.servicewrap .yingji { margin: 20px 0; font-size: 16px; }
.servicewrap .yingji p { margin-bottom: 10px; }

/*contact us*/
.inwrap { max-width: 700px; width: 100%; margin: 0 auto; }
.inwrap .h6 { font-size: 22px; font-weight: 700; letter-spacing: 0.05em; color: #000; margin-bottom: 20px; }
.inwrap .h7 { font-size: 18px; font-weight: 700; letter-spacing: 0.05em; color: #333;  }
.inwrap .connect_banner{position: relative;/*max-width: 100%;*/text-align: center;color: #fff;margin-bottom: 55px;}
.inwrap .blank_57{position: absolute;top:0;left: 0;background: rgba(0,0,0,0.57);width: 100%;height: 100%;}
.inwrap .connect { width: 96%; margin: 0 auto; } 
.inwrap .connect_int{padding: 20px 0;}
.inwrap .connect_int h2{position: relative;z-index: 2;}
.inwrap .connect_01 .line { border-left: 1px solid #ebebeb;border-right: 1px solid #ebebeb; }
.inwrap .connect_01{margin-bottom: 65px;}
.inwrap .connect_01 ul{overflow: hidden;margin: 0 -40px;}
.inwrap .connect_01>ul>li{}
.inwrap .connect_01 dl{padding: 0 40px;padding-bottom: 20px;}
.inwrap .connect_01>ul>li:first-child dl{border-left: 0;}
.inwrap .connect_01 dt{border-bottom: 6px solid #f1f1f1;padding-bottom: 12px;margin-bottom: 10px;}
.inwrap .connect_01 dt img{width: 70px;height: 70px;margin: 20px 0 10px;display: block;}
.inwrap .connect_box{color:#3b3b3b;}
.inwrap .connect_box h3{margin-bottom: 20px;}
.inwrap .connect_box01 .connect_p01 .normal { font-weight: normal; font-size: 16px; }
.inwrap .connect_box01 .connect_p01 ol { margin-bottom: 20px; }
.inwrap .connect_box01 .connect_p01 li span{color: #7e7e7e; font-size: 16px; font-weight: bold; }
.inwrap .connect_box01 .connect_p01 li p{color: #3b3b3b;font-weight: bold; font-size: 4em;line-height: 1.5em; }
.inwrap .connect_p01{line-height: 1.5em;}
.inwrap .connect_box01 .connect_p01 li{margin-bottom: 15px;}
.inwrap .connect_box01 .connect_p01 li:first-child p{color: #7e7e7e;font-weight: normal; font-size: 4em; }
.inwrap .connect_box01 .connect_p01 li:first-child p a{color: #00a0e9;}
.inwrap .connect_box01 .connect_p01 li:first-child p a:hover{color: #005BAC;}
.inwrap .connect_wx{width: 110px;}
.inwrap .connect_wx img{width: 100%;margin-bottom: 10px;}
.inwrap .connect_box02 .connect_p01 li:first-child span{color: #666666;}
.inwrap .connect_box02 .connect_p01 li:first-child p{color: #666666; line-height: 1.5em; }
.inwrap .connect_box03 .connect_p01 li{overflow: hidden;margin-bottom: 20px;line-height: 1.5em;}
.inwrap .connect_box03 .connect_p01 li span{float: left;color: #7e7e7e;}
.inwrap .connect_box03 .connect_p01 li p {color: #3b3b3b; font-size: 4em; line-height: 1.5em; }
.inwrap .connect_box03 .connect_p01 li p span { font-weight: bold; color: #333; }
.inwrap .map { width: 100%; height: 400px; }


/* footer */

.footer {  background: #161616;  position: relative;  z-index: 3;  padding-bottom: 2.8%; margin-top: 10px; }
.footer .footer-box1 {  padding: 6% 0 5%;  border-bottom: 1px solid #6b6b6b;}
.footer .footer-box1 li { width: 100%; text-align: left; clear: both; margin-bottom: 15px;  }
.footer .footer-box1 li:last-child { }
.footer .footer-box1 dl { text-align: left;}
.footer .footer-box1 dt { margin-bottom: 5px; font-size: 16px;  color: #dadada;}
.footer .footer-box1 dd { float: left; margin-right: 10px; margin-bottom: 5px; font-size: 13px; }
.footer .footer-box1 dd a { color: #898989; }
.footer .footer-box1 dd a:hover,.footer .box2-nav a:hover,.footer .footer-box2 .left p a:hover {  color: #fff !important; }
.footer .footer-box2 { padding-top: 35px;}
.footer .box2-nav { margin-bottom: 20px; font-size: 16px; }
.footer .box2-nav a {  padding-right: 14px;  border-right: 1px solid #3f3f3f;  margin-right: 14px;  color: #dadada; }
.footer .box2-nav a:last-child {  border-right: none; }
.footer .footer-box2 .left p {  color: #898989;  margin-bottom: 10px; font-size: 14px; }
.footer .footer-box2 .left p a {  color: #898989; }
.footer .footer-box2 .right {  width: 200px;  text-align: right;}
.footer .footer-box2 .right a {  display: inline-block;  color: #005bac;}
.footer .footer-box2 .right i {  display: inline-block;  width: 32px;  height: 32px;    background-size: cover;  margin-right: 18px;}
.footer .footer-box2 .right a.share {  float: none;  padding-left: 0;  margin: 0 0 0 20px !important;  width: 32px;  height: 32px; }
.footer .footer-box2 .fr a { cursor: pointer; margin-left: 15px; }
.bdshare-button-style0-16:after {  height: auto !important; }
.footer .ewm{ display: none; position:fixed;width:260px; height:260px; z-index:100000; left:50%; top:50%; margin:-80px 0 0 -150px; background:#fff; border:1px solid #ddd; border-radius:4px; box-shadow:2px 2px 2px #ddd;}
.footer .ewm .close { position:absolute; width:30px; height:30px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;}
.footer .ewm h2{ position:relative; line-height:30px; font-size:16px; padding-left:10px;}
.footer .ewm .img{ padding:20px 10px; text-align:center; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.footer .ewm .img img{ width:129px; height:129px;}
.footer .ewm p{ padding:15px 10px 0; text-align: center;}
.footer .container {  max-width: 1460px;  margin: 0 auto;  width: 96%; }
.footer .fnt_22 {	font-size: 20px;	font-weight: 700; 	letter-spacing: 0.1em; }
.footer .fnt_16 {	font-size: 16px; }

/* footer2 */

.footer_top {  background: #363636; }
.f_nav li { float: left; margin-right: 20px; font-size: 16px; }
.f_nav li a { display: block; padding: 12px 10px 12px 10px; color: #fff; }
.f_nav li a:hover { background: #616161; }
.f_contnet { color: #3e3e3e; }
.f_contnet .left { float: left; width: 880px; margin-top: 20px; color: #3e3e3e; font-size: 16px; }
.f_contnet .left p { margin: 7px 0; font-size: 14px; }
.f_contnet .left .p2 { margin: 20px 0 25px 0; }
.f_contnet .left span { margin-left: 8px; }
.f_contnet .left a:hover { color: #3e3e3e; text-decoration: underline; }
.f_contnet .right { float: right; width: 198px; margin-top: 30px; }
.f_contnet .right dt { float: left; width: 110px; text-align: center; font-size: 14px; margin-top: 20px; line-height: 22px; color: #999; }
.f_contnet .right dd { float: right; width: 84px; }

.aboutlist { margin: 10px 0 30px 0; }
.aboutlist li { float: left; margin-right: 20px; font-size: 18px; }
.aboutlist li a { display: block; border: 1px solid #bebebe; padding: 5px 10px; color: #333; border-radius: 5px; }
.aboutlist li a:hover { color: #1f3490; border: 1px solid #1f3490; }
.aboutlist .active a  { color: #1f3490; border: 1px solid #1f3490; font-weight: bold; }

.titleh3 { margin-top: 54px; margin-top: 15px; height: 120px; width: 100%; -webkit-transition: all 5s;  transition: all 5s;  background-size: 100%; background-position: top center;  background-repeat: no-repeat; }
.titleh3:hover { background-size: 110%; }
.h3wrap { width:  90%; margin: 0 auto; }
.h3wrap .p1 { position: absolute; font-size: 6em; font-weight: bold; color: #fff; top: 64px; max-width: 1200px; text-shadow: 2px 2px #000; }
.h3wrap .p2 { position: absolute; font-size: 3.5em; color: #fff; top: 109px; max-width: 1200px; text-shadow: 1px 1px #000; }
.soluleft { float: left; }
.caseleft { float: left; }

.banner .p1 {  font-size: 5em; font-weight: bold; color: #fff; text-align: left; margin-left: 10px;  margin-bottom: 5px; text-shadow: 1px 1px #000; }
.banner .p2 {  font-size: 4em; color: #fff; text-align: left; margin-left: 10px;  text-shadow: 1px 1px #000; }

.pagess {clear: both;margin: 20px 0 60px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}

.result { font-size: 16px; margin-bottom: 15px; }
.result strong { color: #e31612; }

.about .rightbar { display: none; float: right; width: 550px; height: 367px; overflow: hidden; }
.about .leftbar { width: 100%; }
.title_common { height: 28px; padding-top: 3px; background: url(../images/hongda_17.gif) no-repeat; padding-left: 55px; font-weight: bold; font-size: 22px; color: #2a79be; margin-bottom: 15px;  }
.btn_all { margin-top: 8px; }
.btn_all a { display: block; border: 1px solid #cecece; border-radius: 10px; background: #0265c9; padding: 6px 8px; width: 70px; text-align: center; font-size: 13px; color: #fff;  }
.btn_all a:hover { background: #fff; color: #0265c9; border: 1px solid #115da9; }
.btn_more2 { display: block; border: 1px solid #cecece; border-radius: 20px; padding: 8px 10px 8px 10px; width: 85px; text-align: center; font-size: 15px; font-weight: bold; line-height: 15px; }
.btn_more2:hover { background: #0265c9; color: #fff; border: 1px solid #115da9; }

.solution .list dl { width: 100%; margin-right: 30px; background: #f7f7f7; }


}