@import url(common.css);
.banner{ background: #000; margin-left: auto; margin-right: auto; }
.banner .swiper-slide img{ width:100%;}
.banner .swiper-pagination-bullet{ width:18px; height: 18px; background: url(../images/bg_num.png);opacity:1;}
.banner .swiper-pagination-bullet-active{ background: url(../images/bg_num_cur.png)!important;}
.banner .prev,.banner .next{ position: absolute; top: 50%; width: 40px; height: 70px;  margin-top: -35px;z-index: 900;  }
.banner .prev{ left: 20px; background: url(../images/arr_l.png); }
.banner .next{ right: 20px;  background: url(../images/arr_r.png); }

.inews{ background: #f8f8f8; padding: 15px 0;}
.inews .container{ position: relative; }
.inews .tit { background: #dadada; position: absolute; left: 10px; top:3px; padding-right: 20px;height: 20px; line-height: 20px; }
.inews .tit span{ background: #00509b; height: 20px; line-height: 20px; color:#fff; vertical-align: middle; padding: 0 20px; margin-right: 20px; }
.inews .more{ position: absolute; right:10px; top:0px; z-index: 10; color:#00509b;}
.inews .ico{ position: absolute; left: 160px;}
.inews .inewsslide{ margin-left: 180px; margin-right: 100px; height: 26px; line-height: 26px;}

.ipro{ background: url(../images/bgipro.jpg); padding: 20px 0;}
.ipro .left,.ipro .right{ width:575px; background: #f3f3f3; border:1px solid #ccc; padding: 15px 15px 20px;}
.ipro .more{ padding-top: 5px;}
.ipro .tit{ margin-bottom: 5px;}
.ipro .box{ position: relative; padding-left:200px; min-height: 206px;}
.ipro .box .pic{ position: absolute; left:0px;}
.ipro .box ul li{ float: left; width: 50%; margin-bottom: 5px;}
.ipro .box ul li a{ display: block; line-height: 30px;}


.ipart2 .wrap{ background: #f3f3f3; border:1px solid #ccc; padding: 15px 20px 20px; min-height: 450px; }
.ipart2 .wrap .tit{ border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-left: 15px; position: relative; }
.ipart2 .wrap .tit:after{ content:''; background:#ec6624; border-radius: 2px; position: absolute; left: 0; width: 5px; height: 20px; top:50%; margin-top: -10px;}

.ipart2 .boxnews .wrap{ position: relative;  padding-left: 240px;} 
.ipart2 .boxnews .inewstop{ position: absolute; left:20px; top:20px;}
.ipart2 .boxnews .inewstop li{ margin-bottom:15px; }
.ipart2 .boxnews .inewstop img{ width:200px; height: 120px;}
.ipart2 .boxnews .inewslist li{ border-bottom: 1px dashed #ccc; line-height: 31px; }

.ipart3 .wrap{ background: #f3f3f3; border:1px solid #ccc; padding: 15px 20px 20px;}
.ipart3 .tit{ border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-left: 15px; position: relative; }
.ipart3 .tit:after{ content:''; background:#ec6624; border-radius: 2px; position: absolute; left: 0; width: 5px; height: 20px; top:50%; margin-top: -10px;}

.ipart3 .proslide{ margin-top:10px; position: relative;}
.ipart3 .proslide .bd{ width:1100px; margin-left: 14px; overflow: hidden;}
.ipart3 .proslide .bd li{ float: left; width:200px; margin: 0 10px;}
.ipart3 .proslide .bd li a{ display: block; padding-bottom: 30px; border-bottom: 3px solid #fff; border:1px solid #eee; border-bottom:3px solid #eee; padding: 4px; background: #fff;}
.ipart3 .proslide .bd li a img{ width: 100%; height: 135px;}
.ipart3 .proslide .bd li a:hover{ border-bottom: 3px solid #ff5f07;}
.ipart3 .proslide .prev,.proslide .next{ position: absolute; top: 50%; width: 33px; height: 63px;  margin-top: -31px;z-index: 900;  }
.ipart3 .proslide .prev{ left: -21px; background: url(../images/p_l.png); }
.ipart3 .proslide .next{ right: -21px;  background: url(../images/p_r.png); }



/*内页样式*/
.tWrap{margin-bottom: 40px;}
.inban{ width: 100%; height: 380px; position: relative; background-position: center; margin-bottom: 35px;}

.grayctn{ background: #f6f6f6;}
.grayctn .screensrv{ padding: 130px 0 100px;}
.grayctn .screensrv .Mtit{ margin-top: -160px;}

/**/
.ctitle{ border-bottom: 3px solid #ededed; margin-top: 25px; height: 60px; margin-bottom: 30px;}
.ctitle .f30 span{ display: inline-block; height: 60px; border-bottom: 3px solid #ff5f07;}

.crumb{ line-height: 60px;}
.crumb a{ color:#b4b4b4;}
.crumb a:last-child{ color:#00519b;}

.main{ color:#3c3c3c; width:930px; margin-bottom:40px; }

.mbody{ font-size: 14px!important; }
.mbody .content p{ line-height: 1.8; }

.sidebar{ width:220px; padding-bottom: 100px; background: #f4f4f4; border-radius:8px; overflow: hidden;}
.sidebar .stit{ height: 85px; background: #00519b; padding:15px 25px; color:#fff;}
.sidebar .stit .f34{ line-height: 36px;}
.sidebar .snav{ border-top:1px solid #e9e9e9;}
.sidebar .snav li{}
.sidebar .snav li a{ display: block; border:1px solid #f4f4f4; border-bottom: 1px solid #e9e9e9; border-top:0; line-height: 60px; padding-left: 25px; padding-right: 25px;}
.sidebar .snav li a span{ color:#a8a8a8;}
.sidebar .snav li.cur a,.sidebar .snav li a:hover{ background:#fff; color:#00519b; border-color:#eaeaea;}
.sidebar .snav li.cur a span,.sidebar .snav li a:hover span{ color: #00519b;}

.prosidebar .snav li.cur>a{ background: #ff5f07; color:#fff; }
.prosidebar .snav li.cur>a span{ color:#fff;}
.prosidebar .snav ul ul{ background: #f9f9f9;}
.prosidebar .snav ul ul li,.prosidebar .snav ul ul li a{ height: 40px; line-height: 40px; font-size: 13px;}
.prosidebar .snav li.soncur a,.prosidebar .snav ul ul li a:hover{ color:#ff5f07; }
.prosidebar .snav li.soncur a span,.prosidebar .snav ul ul li a:hover span{ color:#ff5f07; }

/*分页*/
.pages{ text-align:center; margin:40px auto 0; font-size:12px;}
.pages a, .pages span{ display:inline-block; padding:8px 15px; background:#f7f7f7; border:1px solid #e7e7e7; border-radius:5px; margin:0 2px; color:#aeaeae;}
.pages a:hover, .pages span.current{ background:#00519b; color:#fff; border-color:#00519b;}





/*单页*/




/*发展历程*/
.history ul{padding-bottom:40px;background: url(../images/ico_ddd.png) bottom center no-repeat;}
.history li{ min-height:143px; position:relative; padding-top:42px; background: url(../images/ico_ddd.png) top center repeat-y;}
.history li .year{ position:absolute; left:50%; margin-left:-50px; font-size: 20px; display:block; width:100px; height:100px; border:5px solid #fff; background:#e1e1e1; color:#fff; line-height:90px; border-radius:50%; text-align:center; box-shadow: 0 0 0 1px #e1e1e1; transition: all 0.3s ease-in-out;}
.history li .f20{ padding-top:30px; color:#000;}
.history li{ padding-left:530px;}
.history li .desc{ line-height: 1.8; padding-top:18px; color:#292828;}
.history li .desc p{ position: relative; padding-left: 15px; margin-bottom: 5px;}
.history li .desc p:before{ position: absolute; left: 0; top:1px;  font-family: "FontAwesome"; display: inline-block; content:"\f054"; color:#685859; font-size: 12px;}
.history li:nth-child(even){ padding-left:0; padding-right:530px; text-align:right;}
.history li:nth-child(even) .desc p{ padding-left: 0; padding-right: 15px;}
.history li:nth-child(even) .desc p:before{ right:0; left: auto;content:"\f053"; }
.history li div.text-gray{ padding-top: 5px;}
.history li:hover .year{ background:#ff5f07;}
.history li:hover .f20{color:#c6000f;}


/*详细页面*/
.content{ color:#3c3c3c; line-height:2; text-align: justify;}
.content .date{ border-bottom:1px dashed #c6c6c6; color:#b0b0b0;}
.content p{ line-height: 2;}
.content img{ max-width: 100%;}


/*联系我们*/
.cat { position:relative;}
.cat li{}
.cat li span{ margin-right: 5px; display: inline-block; width: 20px; text-align: center;}

.contact{ }
.contact .wrap{ margin-left: 10px;}
.mapwrap{ position: relative; width:100%; height: 500px; overflow: hidden; border:1px solid #ccc;}
#allmap {width: 100%;height:600px;overflow: hidden;margin:0;}




/*新闻列表*/
.newstop .float-left{  display: block; width:360px; height: 250px;}
.newstop .float-left img{width:360px; height: 250px;}
.newstop .con{ padding-left: 10px;}
.newstop .con .tit{ line-height: 30px; margin-bottom: 5px;}
.newstop .con .date{ padding-bottom: 8px; border-bottom: 1px dashed #b2b2b2; margin-bottom: 10px;}
.newstop .con .desc{ color:#878787; margin-bottom: 10px;}
.newstop .con .more a{ display: inline-block; padding: 2px 15px; border-radius: 8px; border:1px solid #ff5f07; color:#ff5f07; background: #fff;}

.newslist{}
.newslist li{ height: 100px; background: #f4f4f4; margin-bottom: 20px; position: relative; padding:20px 45px 20px 145px; transition: all 0.3s; }
.newslist li .con{display: block;}
.newslist li .date{ position: absolute; left: 0px; top: 0px; width:100px; height: 100px; background: #c2c2c2; color:#fff; text-align: center; line-height: 25px; font-size: 14px; padding-top: 15px;}
.newslist li .date span{ display: block; font-size:48px;line-height: 48px; font-weight: 100;}
.newslist li .desc{ line-height: 1.8;}
.newslist li .desc a{ display: block; color:#696969;}
.newslist li:hover{}
.newslist li:hover a{}
.newslist li:hover .text-black{ color:#ff5f07;}
.newslist li:hover .date{ background-color: #ff5f07;}





/*新闻标题列表*/
.newslist-line li{ line-height: 50px; padding:0 15px; height: 50px; clear: both;}
.newslist-line li:nth-child(odd){ border:1px solid #efefef; background: #f4f4f4;}
.newslist-line li a{ color:#3f3f3f;}
.newslist-line li a:hover{color:#e62129;}
.newslist-line li .text-gray{ color:#a8a8a8;}


/*新闻列表-图片*/
.newslist-pic li{ height: 220px;border:1px solid #f1f1f1; background: #f9f9f9; margin-bottom: 20px; position: relative; padding:40px 220px 40px 350px; transition: all 0.3s; }
.newslist-pic li .pic{ width: 310px; height: 220px; position: absolute; top: -1px; left: -1px;}
.newslist-pic li .pic img{ width:310px; height: 220px;}
.newslist-pic li .con{display: block;}
.newslist-pic li .date{ position: absolute; right: 50px; top: 60px; width:120px; padding-left: 40px;  height: 100px; border-left: 1px solid #d6d6d6; color:#a1a1a1; text-align: center; line-height: 25px; font-size: 18px;}
.newslist-pic li .date span{ display: block; font-size:72px;line-height: 72px; font-weight: 100;}
.newslist-pic li .desc{ line-height: 1.8;}
.newslist-pic li .desc a{ display: block; color:#696969;}
.newslist-pic li:hover{ border-color:#00a1d9; background: #fff;}
.newslist-pic li:hover a{}
.newslist-pic li:hover .desc{}
.newslist-pic li:hover .date{ color:#00a1d9; border-left-color: #00a1d9;}




/*下载*/
.downlist li{ line-height: 50px; padding-left:0px; font-size: 14px;}
.downlist li:nth-child(odd){ border:1px solid #efefef; background: #f4f4f4;}
.downlist li .text-gray{ color:#a8a8a8;}


/*合作伙伴*/
.partnerlist .line{ border-left:1px solid #e8ebf0;  border-top:1px solid #e8ebf0;}
.partnerlist .xb2{ border-right:1px solid #e8ebf0; border-bottom:1px solid #e8ebf0; height:120px;float:left;}
.partnerlist .xb2 a{ position: relative;display:block; width:100%; height:119px; line-height: 119px; background:#fff; text-align:center;}
.partnerlist .xb2 a:hover:before{ position: absolute; left:-1px; top:-1px; width:100%; height: 100%; content:''; border:1px solid #00a1d9; box-sizing: content-box;}
.partnerlist .xb2 a img{ vertical-align: middle; opacity:0.5; max-height:119px; max-width:100%;}
.partnerlist .xb2 a:hover img{ vertical-align: middle; opacity:1;}

/*prevNext*/
.prevNext{ background:#fcfcfc; border:1px solid #efefef; padding:15px 20px;}
.prevNext .xs6{ position: relative;}
.prevNext .xs6.prev{ padding-left: 70px;}
.prevNext .xs6.next{ padding-right: 70px;}
.prevNext a{ color:#8a8a8a;}
.prevNext a:hover{ color:#00a1d9;}
.prevNext span{ position: absolute; display:inline-block;}
.prevNext .prev span{ left: 0; padding-left:10px; background:url(../images/icon_prev.png) left center no-repeat;}
.prevNext .next span{ right:0; padding-right:10px; background:url(../images/icon_next.png) right center no-repeat;}


.caselist{ margin-left: -3px; margin-right: -3px; margin-bottom: 20px;}
.caselist .xs3{ margin-bottom: 6px; padding-left: 3px; padding-right: 3px;}
.caselist .xs3 a{ display: block; position: relative;border-radius:8px; overflow: hidden;}
.caselist .xs3 img{ width: 100%;  height: 222px;}
.caselist .xs3 .con{ opacity: 0; position: absolute;top:0; left: 0; background: #00a1d9; width:100%; height: 100%; z-index: 1; color:#fff; padding: 20px; text-align: center; transition: all 0.3s ease-in-out;}
.caselist .xs3 .con .f16{ margin-top: 5px; margin-bottom: 20px; height: 40px;}
.caselist .xs3 .con .ico span {display: inline-block; font-size: 30px; width: 50px; height: 50px; line-height: 44px; background: #fff; border-radius: 50%;    color: #00a1d9;}
.caselist .xs3 a:hover .con{ opacity: 1;}


/*lightbix*/
.albumlist{ }
.albumlist ul{ margin-left: -10px!important; margin-right: -10px!important;}
.albumlist li { padding-left: 10px!important; padding-right: 10px!important; margin-bottom: 20px;}
.albumlist li a{display: block; width:100%; margin-left: auto; margin-right: auto;}
.albumlist li .pic{ width:100%;}
.albumlist li .pic{width:100%; height: 200px; border:1px solid #eee; }
.albumlist li .tit{ display: block; padding:5px; background: #f8f8f8; border:1px solid #eee; border-top:0;}
.albumlist li a:hover .tit{ }



/*人物专访 团队*/
.teamlist .xs6{ margin-bottom: 20px;}
.teamlist .xs6 a{display: block; position: relative;}
.teamlist .xs6 a:after{ content:''; position: absolute; bottom:0; left: 0; width:0%; height: 3px; background: #ff5f07; transition: all ease 0.3s;}
.teamlist .xs6 img{ width:100%;}
.teamlist .xs6 .con{padding:10px 30px 20px; background: #fff; border:1px solid #ebebeb; border-top:0;}
.teamlist .xs6 .tit{ line-height: 30px; padding: 5px 0 10px; margin-bottom: 10px; border-bottom: 1px solid #ebebeb;}
.teamlist .xs6 .desc{ height: 72px; overflow: hidden;}
.teamlist .xs6 a:hover .con{ }
.teamlist .xs6 a:hover:after{ width:100%;}


/*帮助*/
.helpbox{ margin-bottom:35px; }
.helpbox .xs4 .wrap{ background:#f4f4f4; border:1px solid #e4e4e4; min-height:200px; padding:20px 30px 0 160px; position:relative;}
.helpbox .xs4 .wrap i{ position: absolute; left: 30px; top:40px; display: block; width:100px; height: 100px; border-radius: 50%; background-color: #bababa; background-position: center; background-repeat: no-repeat;}
.helpbox .xs4:nth-child(1) .wrap i{ background-image: url(../images/ico_h1.png);}
.helpbox .xs4:nth-child(2) .wrap i{ background-image: url(../images/ico_h2.png);}
.helpbox .xs4:nth-child(3) .wrap i{ background-image: url(../images/ico_h3.png);}
.helpbox .xs4:hover .wrap i{ background-color: #ff5f07;}

.helplist li a{ display: block;  line-height: 60px; padding: 0 20px; background: #f4f4f4;}
.helplist li:nth-child(even) a{ background: #fff;}
.helplist li a:hover{ background: #ff5f07; color:#fff;}
.helplist li a:hover .text-red{ color:#fff;}


/*视频*/
.videolist-y li{ height: 170px; border:1px solid #f4f4f4; background: #f4f4f4; margin-bottom: 20px; position: relative; padding:25px 25px 25px 280px; transition: all 0.3s;}
.videolist-y li .pic{ display: block; width: 256px; height: 170px; position: absolute; top: -1px; left: -1px;}
.videolist-y li .pic:after{ position: absolute; top:50%; left:50%; margin-left: -37px; margin-top: -37px; display: block; content:''; width:75px; height: 75px; background: url(../images/btn_video.png); background-size: 100% 100%;}
.videolist-y li .pic img{ width:256px; height: 170px;}
.videolist-y li .con{display: block;}
.videolist-y li .tit{ line-height: 20px;}
.videolist-y li .date{ margin-bottom: 10px;}
.videolist-y li .desc{ line-height: 1.8;}
.videolist-y li .desc a{ display: block; color:#696969;}
.videolist-y li:hover{ border-color:#e8e8e8; background: #fff; }
.videolist-y li:hover .tit a{ color:#ff5f07;}
.videolist-y li:after{ content:''; width:3px; background: #ff5f07; position: absolute; right:0; top:0;  height:0%; transition: all ease 0.3s;}
.videolist-y li:hover:after{ content:''; width:3px; background: #ff5f07; position: absolute; right:0; top:0;  height:100%;}

.videolist .xs4{ margin-bottom: 20px;}
.videolist .xs4 .pic{ height: 210px; position: relative; }
.videolist .xs4 .pic:after{ position: absolute; top:50%; left:50%; margin-left: -37px; margin-top: -37px; display: block; content:''; width:75px; height: 75px; background: url(../images/btn_video.png); background-size: 100% 100%;}
.videolist .con{ background: #f4f4f4; padding:8px 15px; position: relative; border:1px solid #f4f4f4;}
.videolist .con .tit{ line-height: 22px;}
.videolist .con .desc{ height: 60px; overflow: hidden;}
.videolist .xs4:hover .con{ position: relative; border:1px solid #e8e8e8; background: #fff;}
.videolist .xs4 .con:after{ content:''; position: absolute; bottom:0; left: 0; width:0%; height: 3px; background:#ff5f07; transition: all ease 0.3s; }
.videolist .xs4:hover .con:after{ width:100%;}

/*解决方案*/
.solulist .xs4{ margin-bottom: 20px;}
.solulist .xs4 .pic{ height: 210px; position: relative; }
.solulist .con{ background: #f4f4f4; padding:8px 15px; position: relative; border:1px solid #f4f4f4;}
.solulist .con .tit{ line-height: 22px;}
.solulist .con .desc{ height: 60px; overflow: hidden;}
.solulist .xs4:hover .con{ position: relative; border:1px solid #e8e8e8; background: #fff;}
.solulist .xs4 .con:after{ content:''; position: absolute; bottom:0; left: 0; width:0%; height: 3px; background:#ff5f07; transition: all ease 0.3s; }
.solulist .xs4:hover .con:after{ width:100%;}


.prolist .xs4{ margin-bottom: 20px;}
.prolist .xs4 .pic{ height: 210px; position: relative; border:1px solid #ebebeb; padding: 4px;}
.prolist .xs4 .pic img{ width:100%; height: 200px;}
.prolist .con{ background: #f4f4f4; padding:8px 15px; position: relative; border:1px solid #f4f4f4; border-top:0; }
.prolist .con .tit{ line-height: 22px;}
.prolist .con .desc{ height: 60px; overflow: hidden;}
.prolist .xs4:hover .con{ position: relative; border-color:#e8e8e8; background: #fff;}
.prolist .xs4 .con:after{ content:''; position: absolute; bottom:0; left: 0; width:0%; height: 3px; background:#ff5f07; transition: all ease 0.3s; }
.prolist .xs4:hover .con:after{ width:100%;}

.zoombox{ width:920px;}
.zoombox .tb-pic{ width:920px; height:610px; line-height:610px; text-align:center;}
.zoombox .tb-pic img{ vertical-align:middle;max-width:920px; max-height:610px;}
.zoombox .tb-thumb { height:91px; position:relative; margin-top: 10px;}
.zoombox .tb-thumb .prev, .zoombox .tb-thumb .next{ display:block; width:14px; height:40px; position:absolute; top:50%; margin-top:-20px;}
.zoombox .tb-thumb .prev{ left:-2px; background:url(../images/pic_l.jpg);}
.zoombox .tb-thumb .next{ right:-2px; background:url(../images/pic_r.jpg);}
.zoombox .tb-thumb .bd{width:896px; margin-left:12px;}
.zoombox .tb-thumb .bd li{ float:left; margin:1px;}
.zoombox .tb-thumb .bd li div{ width:126px; height:91px; padding:8px 3px 3px;}
.zoombox .tb-thumb .bd li .tb-selected{ background:url(../images/p_on.gif);}
.zoombox .tb-thumb .bd li img{ width:120px; height:80px;}



/*招聘*/
/*
.joinin{ color:#71889b; margin-bottom: 20px;}
.joinin a{ color:#145f9b; border-bottom: 1px solid #145f9b;}
*/

.joinlist{ }
.joinlist li{ border:1px solid #f4f4f4; background: #f4f4f4; padding:20px 30px; margin-bottom: 20px;  position: relative;}
.joinlist .text{ margin-bottom: 15px; margin-left: -31px;}
.joinlist .text span{ display: inline-block; background: #ff5f07; padding: 5px 100px 5px 30px; line-height: 40px; position: relative; height: 50px;}
.joinlist .text span:after{ content:''; position: absolute; right:-30px;;  top:0; width:0; height: 0; border-left:25px solid #ff5f07; border-top: 25px solid #ff5f07; border-right:25px solid transparent; border-bottom:25px solid #ff5f07;}
.joinlist li:hover{ background: #fff;  border-color:#ff5f07;}

/*表单*/
.gbook{ padding-top: 50px; padding-bottom: 150px;}
.gbook .media{ width:600px; margin: 0 auto 60px;}
.gbook .media .float-left span{ display: block; width:90px; height: 90px; background: #ff5f07; border-radius: 50%; font-size: 50px; text-align: center; line-height: 85px;}

.gbook .input{ border-radius: 0; border:2px solid #e8e8e8;box-shadow:none; height: auto; padding: 10px 15px;}
.gbook .icon{ border-left:1px solid #f2f0ed; display: inline-block; top:7px; right:5px; height: 30px; line-height: 30px;}
.gbook .sub .button{ height: 44px; width:140px;}
.gbook .refile #uploadimg{ position: absolute; right:5px; top:5px;}
.gbook .refile #uploadimg .uploader-list{ margin:0;}
.gbook .refile #uploadimg .webuploader-pick{ height: 34px; line-height: 14px; background: #e2e2e2; color:#6b6b6b;}