﻿@charset "utf-8";
/* CSS Document */

/*-----whole-----*/
html{font-size:100px;}
/*body{font-size:.14rem;}*/
html, body{position:relative;height:100%;}

.Header-wrapper, .Container-wrapper, .Footer-wrapper, .container, .banner-container, .index-container{position:relative;left:0px;width:100%;height:auto;}
.contain{max-width:1180px;margin:0 auto; }

/*clearfix*/

.clearfix { *zoom:1;}
.clearfix:after { display: block; overflow: hidden; clear: both; height: 0px; visibility: hidden; content: "."; }

/*
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}*/

/*初始化按钮*/
.btn{display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}
.btn span{display:inline-block;}

/*通用img*/
img.rollover{position:absolute;top:0px;left:0px;opacity:0;filter:Alpha(opacity=0);z-index:2;}


/*--- Header ---*/
.Header-wrapper{height:100px;background-color:#fff;z-index:99;box-shadow: 0px 0px 5px #ccc}

.Header-wrapper .logo{height:100px;line-height:100px;font-size:0px;float:left;}/*logo*/
.Header-wrapper .logo img{width:100%;}

/*PC*/
.head-pc,.Hsrch{float:right;}
.Hsrch{height:100px;}

/*搜索*/
.Hsrch .Hsrch-btn{display:block;padding-left:30px;width:22px;height:100%;background:url(../images/icon-srch.png) no-repeat right center;}
.Hsrch-box{width:190px;height:40px;padding:0 30px 0 10px;background:#fff;position:absolute;right:0px;top:100px;overflow:hidden;opacity:0.7;display:none;}
.Hsrch-box .text{display:block;width:100%;height:100%;border:0px;background:none;}
.Hsrch-box .btn{display:block;width:30px;height:100%;background:url(../images/icon-srch.png) no-repeat center center;background-size:60% auto;position:absolute;right:0px;top:0px;}


/*导航*/
.Hnav{width:auto;float:left; margin-right:25px; }
.Hnav>li{padding: 0px 23px;float:left;margin-left:00px;}
.Hnav>li:first-child{margin-left:0px;}
.Hnav .name{display:block;height:100px;line-height:100px;font-size:16px;text-align:center;position:relative;overflow:hidden;}

/*下拉*/
.Hn2nd-box{padding: 0 20px 21px;background-color:#fff;position:absolute;top:100px;left: 8px;overflow:hidden;display: none;width: 150px;}
.Hn2nd-box a{display:block;width:100%;height:40px;line-height:30px;position:relative;overflow:hidden;float:left;}

.Hn2nd-pro span{display:block;padding-top:16px;font-size:14px;color:#2e3092;float:left;}
.Hn2nd-pro a{font-size:14px;color:#000000;height:48px;line-height:48px;}

.Hnav .name:after,
.Hn2nd-box a:after{display:block;content:'';width:100%;height:4px;background:#2e3092;position:absolute;bottom:0px;left:-100%;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}

.Hnav li.cur .name,
.Hnav li:hover .name,
.Hn2nd-box a.cur,
.Hn2nd-box a:hover{color: #2e3092;}
.Hnav li.cur .name:after,
.Hnav li:hover .name:after,
.Hn2nd-box a.cur:after,
.Hn2nd-box a:hover:after{left:0px;}

.Hnav li.Hn2nd .name:after{display:none;}
.Hnav li.Hn2nd.cur .name:after,
.Hnav li:hover .Hn2nd-box{display:block;}
.Hnav li.Hnpro .Hn2nd-box{width:186px;left:5px;}

/*语言*/
.Hlang{padding-left:27px;line-height:100px;font-size:16px;color:#333333;float:left;margin-right:20px;}


/*底部*/
/*-------footer start---------*/
.footer-box.cons{margin-top: -134px;position: relative;}
.footer-box{width: 100%;background-image: url(../images/footer-bg.png);background-repeat: no-repeat;background-position: top center;background-size: cover;}
.footer-box .footer{padding: 130px 0px 0px 0px;}
.footer .fot-pro{width: 178px;float: left;margin-right:60px;}
.footer .fot-about{width: 178px;float: left;}
.footer .fot-contact{width: 600px;float: right;}
.footer .tltle a{display: block;font-size: 20px;font-family:"OpenSans-Semibold";color:#6c6c6c;padding:20px 0px 10px 0px;color:#FFF;}
.footer .tltle i{display: block;width:100%;height:2px;margin-bottom: 20px;background-color: rgba(143,149,156,0.7);}
.footer .fot-contact .tltle i{width: 100%;}
.footer .list h2 a{display: block;font-family:"HelvLight Normal";font-size: 15px;margin-bottom: 12px;color:#FFF;padding-left: 14px;background: url(../images/footer-arrow.png)no-repeat left 5px;}
.footer .list h2 a:hover{color:#0ea6e8;}
.footer .fot-contact .left{width:348px;float:left;}
.footer .fot-contact .left p{position: relative;padding:0px 0px 20px 36px;color:#FFF;}
.footer .fot-contact .left p em{display: block;width:26px;height: 26px;background: url(../images/footer-contact-icon.png) no-repeat 0px 0px;position: absolute;left:0px;top:0px;}
.footer .fot-contact .left p.tel:hover em{background-position: -26px 0px;}
.footer .fot-contact .left p.fax em{background-position: 0px -32px;}
.footer .fot-contact .left p.fax:hover em{background-position: -26px -32px;}
.footer .fot-contact .left p.email em{background-position: 0px -64px;}
.footer .fot-contact .left p.email:hover em{background-position: -26px -64px;}
.footer .fot-contact .left p.add em{background-position: 0px -96px;}
.footer .fot-contact .left p.add:hover em{background-position: -26px -96px;}
.footer .fot-contact .left p a{color:#FFF;}
.footer .fot-contact .left p a:hover,.footer .fot-contact .left p:hover{color:#0ea6e8;}
.footer .fot-contact .right{width: 240px;float: right;}
.share-box{font-size: 0;-webkit-text-size-adjust: none;text-align: right;}
.share-box a{display:inline-block;*display:inline;*zoom:1;width:38px;height:39px;background: url(../images/footer-share-icon.png) no-repeat 0px 0px;margin-left: 9px;}
.share-box a:first-child{margin-left: 0px;}
.share-box a.twitter:hover{background-position: 0px -39px;}
.share-box a.facebook{background-position: -47px 0px;}
.share-box a.facebook:hover{background-position: -47px -39px;}
.share-box a.linkedin{background-position: -97px 0px;}
.share-box a.linkedin:hover{background-position: -97px -39px;}
.share-box a.google{background-position: -146px 0px;}
.share-box a.google:hover{background-position: -146px -39px;}
.share-box a.youtube{background-position: -195px 0px;}
.share-box a.youtube:hover{background-position: -195px -39px;}
.share-box_img{width:100%; padding-top:0%; text-align: center;}
.share-box_img img{width:64%; display: block; clear: both; margin: auto;}
.footer .fot-contact .code{padding-top: 22px;-webkit-text-size-adjust: none;text-align: right;}
.footer .fot-contact .code>a{display:inline-block;*display:inline;*zoom:1;width: 109px;height: auto !important;margin-left: 5px;}
.footer .fot-contact .code>a:first-child{margin-left: 0px;}

.designed p{padding:16px 0px;color:#FFF;font-size: 14px;}
.designed p a{font-weight: bold;color:#0ea6e8;}
.designed p a:hover{text-decoration: underline;}
/*底部*/

/*-----浮动右侧客服-----*/
.float_qq{ position:fixed; top:200px; right:0; width:57px;z-index:200;}
.float_qq li{ width:auto; height:58px; z-index:20;}
.float_qq li.float_qq1,
.float_qq li.float_qq4{ position:absolute; left:0; width:57px;}
.float_qq li.float_qq1{ top:0;}
.float_qq li.float_qq2{ position:absolute; top:60px; left:0;  width:225px;}
.float_qq li.float_qq3{position:absolute; top:120px; left:0; width:126px;}
.float_qq li.float_qq4{ position:absolute; top:180px; left:0;}
.float_qq4{ position:absolute; top:153px; left:0;}
.float_qq li a{ display:block;color:#FFF; font-size:14px; height:58px; line-height:58px; overflow:hidden; background-color:#0068b7;border-radius:6px;}
.float_qq li a img{ display:block; float:left; vertical-align:middle; width:57px; height:58px;}
.float_shwx{ position:absolute; top:-155px; left:-200px;width:216px; height:216px; padding-bottom:9px;display:none;}
.float_shwx img{ display:block; padding:14px; background-color:#FFF; width:188px; height:188px;}
.float_qq li:hover .float_shwx{display:block;}




/* banner部分 */

.banner_pc{}
.banner_yd{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}
.flex-pauseplay span {text-transform: capitalize;}
.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:20px;}
.flex-control-nav li {margin: 0 12px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:12px; height:12px; display: block; background:rgba(255,255,255,0.8);  cursor: pointer; text-indent: -9999px; border-radius:50px;}
.flex-control-paging li a:hover {  background:rgba(255,255,255,0.5);  }
.flex-control-paging li a.flex-active { background: #00aaff; cursor: default; }
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;}
.flex-direction-nav li a.flex-next{right:40px;}


/* search部分 */
.wrap-search {height: 64px;border-bottom: 1px solid #e0e0e0;}
.search .keyword {float: left; font-size: 14px;color: #333;margin-top: 25px;height: 16px;line-height: 16px;}
.search .keyword span {float: left;width: 90px;color: #333;}
.search .keyword p {float: left;}
.search .keyword p a {float: left;color: #333;font-size: 14px;margin-right: 10px;}
.search .keyword p a:hover {color: #ff6000;}
.search .keyword a:first-child {padding-left: 0;border-left: none;}
.search .inp {float: right;width: 330px; height: 35px;margin-top: 15px;overflow: hidden;background: #fff;}
.search .inp input {border:none;height: 33px;line-height: 33px;width: 269px;float: left; text-indent: 12px; font-size: 14px;color: #888;border: 1px solid #e1e1e1;border-right: none;}
.search .inp .sea {display: block; float: right; width: 60px;height: 35px;
background: #ff0000;color: #fff;text-align: center;line-height: 35px;}







/*--- Container ---*/





/*头部*/
.container-pageTop{border-bottom:1px solid #e5e5e5;}
.locate{padding-left:28px;line-height:70px;color:#666666;background:url(../images/icon-home.png) no-repeat left center;float:left;}
.locate span{display:inline-block;margin:0 7px;}
.pnav a{display:block;height:70px;line-height:70px;color:#666666;position:relative;float:left;overflow:hidden;margin-left:38px;}
.pnav a:after{display:block;content:'';width:100%;height:3px;background-color:#0068b7;position:absolute;bottom:0px;left:-100%;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.pnav a.cur,
.pnav a:hover{color:#0068b7;}
.pnav a.cur:after,
.pnav a:hover:after{left:0px;}

.pn2nd a{display:block;width:50%;height:.7rem;line-height:.7rem;text-align:center;font-size:16px;background-color:#eaeaea;float:left;}
.pn2nd a.cur,
.pn2nd a:hover,
.pn2nd a:active{background-color:#0068b7;color:#fff;}


#procenter { height: 140px;background: #117fc3;margin-top: -20px;}
#procenter .contain { position: relative;height: 100%;}
#procenter .contain .text { position: absolute;top: 50%;-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);left: 0;}
#procenter .contain .text h1 { font-size: 26px;color: #fff;margin-top: 0;font-weight: normal;}
#procenter .contain .text p { font-size: 16px;color: #fff;position: relative; padding-left: 60px;
    padding-top: 10px;}
#procenter .contain .text p:after { width: 20px;height: 1px;background: #f0f1f1;position: absolute;bottom: -20px;left: 0;}
#procenter .contain .int { width: 244px;height: 119px;background-size: contain;position: absolute;left: -155px;top: 50%;margin-top: -60px;}
#procenter a,#about .contain .left .text a,#news .title a { width: 110px;border: 2px solid #fff;color: #fff;border-radius: 20px;position: absolute;right: 0;top: 50%;line-height: 35px;padding-left: 15px;font-size: 14px;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;margin-top: -18px;}

#procenter a i,#about .contain .left .text a i,#news .title a i { width: 18px;height: 10px;background: url(../images/sprits.png) no-repeat -129px 0;position: absolute;right: 20px;top: 50%;margin-top: -5px;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
#procenter a:hover { background: #fff;color: #117fc3;}
#procenter a:hover i { background: url(../images/sprits.png) no-repeat -129px -13px;}


/* 解决方案 */
.c_middle{margin-bottom:50px; margin-top:50px; overflow:hidden;}
.c_middle .you{height:48px; line-height:48px; font-size:28px; color:#333; text-align:center;}
.c_middle .y_bri{height:28px; line-height:28px; text-align:center; font-size:14px; color:#555;}
.c_middle .y_list{margin-top:65px;}
.c_middle .y_list ul{margin-right:-62px;}
.c_middle .y_list li{width:250px; margin-right:45px;}
.c_middle .y_list li .pic_all{position:relative; width:152px; margin:0 auto; z-index:100; height:152px;}
.c_middle .y_list li .pic{width:152px; height:152px; overflow:hidden; position:absolute; left:0; top:0; z-index:101;-webkit-transition:all 800ms ease 0s; -moz-transition:all 800ms ease 0s; -ms-transition:all 800ms ease 0s; -o-transition:all 800ms ease 0s; transition:all 800ms ease 0s;position: relative;z-index: 1;}
.c_middle .y_list li .pic-hover{width: 100%;height: 100%;position: absolute;z-index: 1;left: 0;top: 0;opacity: 0;-webkit-transition:all 0s ease 200ms; -moz-transition:all 0s ease 200ms; -ms-transition:all 0s ease 200ms; -o-transition:all 0s ease 200ms; transition:all 0s ease 200ms;}
.c_middle .y_list li .pic.i0{background: url(../images/z1.jpg) no-repeat;}
.c_middle .y_list li .pic.i1{background: url(../images/z2.jpg) no-repeat;}
.c_middle .y_list li .pic.i2{background: url(../images/z3.jpg) no-repeat;}
.c_middle .y_list li .pic.i3{background: url(../images/z4.jpg) no-repeat;}
.c_middle .y_list li .pic.i0 .pic-hover{background: url(../images/z1_hover.jpg) no-repeat;}
.c_middle .y_list li .pic.i1 .pic-hover{background: url(../images/z2_hover.jpg) no-repeat;}
.c_middle .y_list li .pic.i2 .pic-hover{background: url(../images/z3_hover.jpg) no-repeat;}
.c_middle .y_list li .pic.i3 .pic-hover{background: url(../images/z4_hover.jpg) no-repeat;}
.c_middle .y_list li:hover .pic{transform: rotateY(180deg);}
.c_middle .y_list li:hover .pic .pic-hover{opacity: 1;}
.c_middle .y_list li .pic img{width:100%; height:100%;}
.c_middle .y_list li .pic_hover{width:0; height:194px; overflow:hidden; display:none; position:absolute; left:97px; top:0; z-index:101;}
.c_middle .y_list li .pic_hover img{width:100%; height:100%;}
.c_middle .y_list li .title{margin-top:20px; height:52px; line-height:52px; text-align:center; font-size:18px; color:#333;}
.c_middle .y_list li .brief{height:56px; line-height:18px; font-size:12px !important; color:#555; overflow:hidden;}
/*#content .c_middle .y_list li:hover .pic_hover{display:block; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transition: opacity .4s, -webkit-transform .5s; -moz-transition: opacity .4s, -moz-transform .5s; -ms-transition: opacity .4s, -ms-transform .5s; -o-transition: opacity .4s, -o-transform .5s; transition: opacity .4s, transform .5s;}
#content .c_middle .y_list li:hover .test{-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transition: opacity .4s, -webkit-transform .5s; -moz-transition: opacity .4s, -moz-transform .5s; -ms-transition: opacity .4s, -ms-transform .5s; -o-transition: opacity .4s, -o-transform .5s; transition: opacity .4s, transform .5s;}
#content .c_middle .y_list li:hover .test .pic{display:none;}*/
/* 解决方案 */



#about { position: relative;}
#about .right { width: 58%;height: 480px;background-repeat: no-repeat;background-size: cover;background-position: left center;position: absolute;top: 0;right: 0;}
#about .contain { position: relative;height: 480px;}
#about .contain .left { height: 480px; float: left;}
#about .contain .left .text {width: 35%; -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%); position: absolute;top:125px;}
#about .contain .left .text h1 { font-size: 26px;color: #117fc3;font-weight: normal;margin-top: 0; line-height: 50px;}
#about .contain .left .text p { font-size: 14px;color: #666;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 22px;}

#about .contain .left .text a,#news .title a { position: relative;color: #117fc3;border-color: #117fc3;display: block;margin-top: 60px;}
#about .contain .left .text a i,#news .title a i { background-position: -129px -13px;}
#about .contain .left .text a:hover i ,#news .title a:hover i{ background-position: -129px 0;}
#about .contain .left .text a:hover,#news .title a:hover { background: #117fc3;color: #fff;}

.aboutbg{background-image: url(../images/dbja.jpg);background-repeat: no-repeat;background-position: center top;background-attachment: fixed;height: auto; width: 100%;}
.aboutny{width:1180px; margin:0 auto; font-size:14px; line-height:26px; color:#333; padding:40px 0;}


.main{max-width:1180px; margin:60px auto 0; margin-bottom: 60px;}
.main_newsnr{max-width:1180px; margin:100px auto 0;}
.title {}
.title h1 { font-size: 26px;color: #333;font-weight: normal;margin-top: 0;margin-bottom: 60px; float: left;}
.title .more{float:right;color: #117fc3;border: 2px solid #117fc3;display: block; width: 110px; line-height: 35px; border-radius:25px; text-align: center;}
.title .more a {right: 0;top: 20px;margin-bottom: 65px;}
.main_newsl{width:530px; float:left;}
.main_newsl_pic{width:530px; float:left; overflow:hidden;}
.main_newsl_pic img{width:100%; display:block;-webkit-transition:all .3s; transition:all .3s;}
.main_newsl_pic a:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.main_newsl_text{width:530px; float:left; margin-top:30px;}
.main_newsl_textl{width:430px; float:left;}
.main_newsl_textl a h3{font-size:18px; color:#0037ab;} .main_newsl_textl a:hover h3{color:#01893a;}
.main_newsl_textl p{font-size:14px; margin-top:10px; line-height:24px;}
.main_newsl_textr{width:80px; float:right; border-left:1px solid #e6e6e6; padding-left:20px; text-align:center; color:#0037ab; box-sizing:border-box;}
.main_newsl_textr h3,.main_newsr li .time h3{font-size:50px; line-height:50px; font-weight:bold; font-family:Arial;}
.main_newsl_textr p,.main_newsr li .time h3 p{font-size:16px;font-family:Arial;}

.main_newsr{width:580px; float:right;}
.main_newsr li{width:580px; float:left; margin-bottom:38px;}
.main_newsr li:nth-child(4n){margin-bottom:0;}
.main_newsr li .text{width:480px; float:left;}
.main_newsr li .text h3{font-size:18px; color:#333;}
.main_newsr li .text a h3{color:#333;}
.main_newsr li .text a:hover h3{color:#0037ab;}
.main_newsr li .text p{font-size:14px; margin-top:10px; line-height:24px;}
.main_newsr li .time{width:80px; float:right; border-left:1px solid #e6e6e6; padding-left:20px; text-align:center; box-sizing:border-box;}


section.container {width:100%;margin:0px auto；height: auto !important; overflow: hidden;}
section.container h1 {
	color:#DDD;
	font-size:3em;
	font-weight:bold;
	text-align:center;
	text-shadow:0 1px 0px #000;
	text-transform:lowercase;
	margin-bottom:0.2em
}
section.container h2 {
	font-size:0.8em;
	color:#666;
	text-align:center;
	margin-bottom:4em;
	text-shadow:0 1px 0px rgba(0, 0, 0, 0.5)
}
section.container div#slider { position: relative;
}
section.container div#slider div.fluxslider div.surface {
	width:100%; 
	border:1px solid rgba(255, 255, 255, 0.1);
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	-ms-box-sizing:content-box;
	box-sizing:content-box
}
section.container div#slider div.fluxslider ul.pagination {
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	-ms-box-sizing:content-box;
	box-sizing:content-box;
	overflow:hidden; position: absolute; margin-top: -60px !important; z-index: 99999999999999;
}
section.container div#slider div.fluxslider ul.pagination li {
	text-indent:10000px;
	height:8px;
	width:8px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	background:rgba(255, 255, 255, 0.6);
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.1)
}
section.container div#slider div.fluxslider ul.pagination li.current {
	background:rgba(255, 255, 255, 0.2)
}


.index_about{ width:100%; height:480px; overflow: hidden; }
.index_about .contains{ width: 1180px; margin: 0 auto;}
.in_about_left{float: left; padding-top:50px; width:40%;}
.in_about_left h2{font-size: 26px;color: #117fc3;font-weight: normal;margin-top: 0; line-height: 50px;}
.in_about_left_text{font-size:12px;line-height: 22px;}
.in_about_rights{float:right; width:56%; height: 480px; background-repeat: no-repeat;background-size: cover;background-position: right center;}


/* 内页banner */
.listBanner { width: 100%; height: 350px; overflow: hidden;}
/* 内页banner */

.breadnav { height: 80px;line-height: 80px;color: #fff;background: #117fc3;box-shadow: 0 4px 10px rgba(0,0,0,.2);position: relative;}
.breadnav span { padding-left: 12px;font-size: 16px;border-left: 1px solid #439fd8;}
.breadnav .right { float: right;}
.breadnav .right a {color: #fff;padding: 0 15px;height: 80px;display: inline-block;font-size: 16px;}
.breadnav .right a.current { border-bottom: 4px solid #fff;}

/*联系我们*/
.news,.contactus{ padding: 65px 0;background: #f8fcfd;}
.contactus .maps { padding: 35px;background: #fff;height: 430px;position: relative;}

.contactus .maps .left { width: 695px;height: 430px;position: absolute;left: 35px;top: 35px;border: 1px solid #e4e4e4;overflow: hidden;}
.mapc{  width: 695px;height: 430px;position: absolute;left: -120%;top: 0;}
.mapc.on { left: 0;}
.anchorBL { display: none;}


.contactus .maps .right { width: 400px;position: absolute;top: 35px;right: 35px;}
.contactus .maps .right .tit {border-bottom: 1px solid #e9e9e9;}
.contactus .maps .right .tit a { font-size: 18px;color: #333;padding: 0 10px;position: relative;padding-bottom: 15px;display: inline-block;border-bottom: 3px solid transparent;margin-right: 20px;}
.contactus .maps .right .tit a.current { border-color: #cf1922;}
.contactus .maps .right h1 { font-size: 22px;color: #117fc3;margin-top: 45px;margin-bottom: 35px;}
.contactus .maps .right .box { display: none;}
.contactus .maps .right .box.show { display: block;}
.contactus .maps .right .lines { position: relative;padding-left: 36px;color: #999;font-size: 14px;line-height: 26px;margin-bottom: 20px;}
.contactus .maps .right .lines i { width: 26px;height: 26px;background: url(../images/sprits17.png) no-repeat;position: absolute;top: 0;left: 0;background-size: contain;}
.contactus .maps .right .line2s i {background: url(../images/sprits18.png) no-repeat;background-size: contain;}
.contactus .maps .right .line3s i {background: url(../images/sprits19.png) no-repeat;background-size: contain;}
.contactus .maps .right .line4s i {background: url(../images/sprits20.png) no-repeat;background-size: contain;}

/*新闻资讯*/
.news .item ,.worker .item{ background: #fff;margin-bottom: 30px;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.news .item a , .worker .item a { display: block;width: 100%;height: 100%;}
.news .item:hover { box-shadow: 0 0 10px rgba(0,0,0,.2);}
.news .item:hover h1{ color: #c31111;}
.news .item:hover .month { background: #c31111;}
.news .left { width: 100px;float: left;}
.news .left span { width: 100%;height: 60px;display: block;line-height: 60px;text-align: center;font-size: 22px;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.news .left span.month { background: #117fc3;color: #fff;}
.news .left span.year { background: #ededed;font-size: 24px;color: #999;}
.news .right { float: right;width: 1055px;padding-right: 20px;}
.news .right h1 { font-size: 18px;color: #333;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;margin: 20px 0;margin-bottom: 12px;}
.news .right p { color: #999;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 26px;font-size: 14px;}
#page ,#page2{
    text-align: center;
    height: 40px;
    width: 520px;margin: 0 auto;
    margin-top: 50px;
}
#page ol ,#page2 ol { display: inline-block;}
#page a ,#page2 a{ height: 33px;line-height: 33px;display: inline-block;padding: 0 12px;border-collapse: collapse;border: 1px solid #ccc;vertical-align: top;color: #666;font-size: 14px;}
#page a+a { border-left: none;}
#page ol,#page2 ol {display: inline-block;}
#page ol a ,#page2 ol a{ float: left;}
#page ol  a.on,#page2 ol  a.on { background: #117fc3;color: #fff;}
#page ol a+a, #page2 ol a+a{border-left: none;}
#page a.prev, #page2 a.prev { margin-right: -6px;}
#page a.next, #page2 a.next { margin-left: -6px;}
#page a.disabled ,#page2 a.disabled { background: #f5f5f5;cursor: default;}
/*资讯详情*/
.newsin ,.joinus { background: #f6f6f6;padding-top: 60px;padding-bottom: 140px;}
.newsin .newsinfo { padding: 40px 50px;background: #fff;}
.newsin .newsinfo h1 { font-size: 22px;color: #117fc3;text-align: center;}
.newsin .newsinfo h2 { font-size: 14px;color: #999;text-align: center;padding: 20px 0;margin-bottom: 30px;border-bottom:1px dashed #ccc}
/*.newsin .newsinfo p { font-size: 14px;color: #666;line-height: 26px;margin-top: 30px;text-align: justify;}*/
.newsin .newsinfo p { font-size: 14px;color: #666;line-height: 26px;text-align: justify;}
.newsin .newsinfo img { width: 100%;max-width: 100%;display: block;margin: 30px 0;}
.newsin .page {border-top:1px dashed #ccc;margin-top: 60px;padding-top: 45px;}
.newsin .page .left { width: 85%;float: left;}
.newsin .page .left p { margin-bottom: 10px;margin-top: 0;line-height: 18px;}
.newsin .page .left a { color: #666;width: 720px;overflow : hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;line-height:22px; height: 22px !important;}
.newsin .page .left a:hover { color: #117fc3;}
.newsin .page .right { width: 10%;float: right;}
.newsin .page .right a { width: 120px;height: 40px;line-height: 40px;background: #117fc3;color: #fff;display: block;text-align: center;-webkit-transition: all .25s ;
   -moz-transition: all .25s ;
    -ms-transition: all .25s ;
     -o-transition: all .25s ;
        transition: all .25s ;border: 1px solid #117fc3; }
.newsin .page .right a:hover { background: #fff;color: #117fc3;}

/*内页合作伙伴*/
.Partner {padding:0; height:auto; overflow:hidden;}
.Partner ul { list-style: none; overflow: hidden; margin-right: -1%; }
.Partner li { width: 18%; height: auto; overflow: hidden; margin:0 1%; float: left; }
.Partner li .pic {border: 1px solid #cdcdcd; height:auto; overflow: hidden;}
.Partner li a { display: block; width: 100%; overflow: hidden; }
.Partner li img { width: 100%;}
.Partner ul li div:hover { border: 1px solid #25a4dc; }
.Partner li span { display: block; text-align: center; line-height: 40px; color: #222; font-size: 13px; }
/*内页合作伙伴*/

/*内页方案设计*/
.design{width:100%; height: auto; overflow: hidden;}
.design ul li{width:100%;float:left;border-bottom:1px dashed #e6e6e6; padding-bottom:20px;margin-top:30px;}
.design ul li:nth-child(5n){border-bottom:none; padding-bottom:inherit;}
.design ul li .pic{width:220px; float:left; overflow:hidden; background:#e6e6e6; padding:3px;} 
.design ul li .pic img{width:100%; display:block; -webkit-transition:all .3s; transition:all .3s;}
.design ul li .pic img:hover{-webkit-transform: scale(1.1); transform: scale(1.1);}
.design ul li .text{width:920px;float:right;}
.design ul li .text .titnr{width:920px;float:left;}
.design ul li .text .tit a{font-size:16px; font-weight:bold; color:#0a186a; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 
.design ul li .text .tit a:hover{color:#362578;}
.design ul li .text .time{float:right; color:#787876;}
.design ul li .text .wz{width:920px;float:left; margin-top:10px; line-height:24px;}
/*内页方案设计*/

.dqwz{ height: 80px;line-height: 80px;color: #fff;background: #117fc3; box-shadow: 0 4px 10px rgba(0,0,0,.2);}
.dqwz h2{ font-size:36px; font-weight:bold;}
.dqwz .txt{}
.dqwz .txt span{border-left: 1px solid #439fd8; height: 21px; padding-left: 12px;  color:#fff;}

.con{ padding:0; margin-top:4%;}
.con_ln{ width:100%; float:left;}

.zong_left{overflow:hidden; float:left; width:22%;position:relative; z-index:111}
.zong_left .nt{  font-weight:normal; padding:15px 0; padding-left:20px; background:#117fc3 url(../images/hhBg.png) no-repeat 92% center;}
.zong_left .nt a{ font-size:20px; color:#fff; text-decoration:none;}
.zong_left strong{display:block; font-size:24px; color:#ffffff; font-weight:bold; padding-top:27px; padding-left:35px; height:70px;}
.zong_left strong span{font-size:14px; color:#ffffff; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:500; display:block;}
.zong_left ul{overflow:hidden; padding-bottom:35px;}
.zong_left li{overflow:hidden;line-height:50px; vertical-align:middle;-webkit-transition: all 0.5s ease-in-out;  border-bottom:1px #d9d9d9 solid;}
.zong_left li a{display:block; font-size:16px;  padding-left:10%;}
.zong_left li h3 {font-weight:500}
.zong_left li h3:hover {background: #d9e7ec;}
.zong_left li.hover,.zong_left li h3.hover{ background: #d9e7ec;}
.zong_left li a:hover{color:#2e3092; background: #d9e7ec;}
.zong_left li a.hover{color:#2e3092; background: #d9e7ec;}
.left_hide{height: auto;margin-bottom: 20px}
.left_hide p a{font-size: 14px; line-height: 35px;}
.left_hide p a:hover{color: #2e3092;background: #d9e7ec;}
.left_hide p a.hover{color: #2e3092;background: #d9e7ec; border-top:1px #d9d9d9 solid;}

.pro_img{width:75%; float:right;}
.pro_img li{width:278px; float:left; border:1px solid #d6d6d6; background:#fff;  margin:0 17px 25px 0; border-radius:10px;}
.pro_img li:nth-child(3n){margin-right:0;}
.pro_img li .pic{width:276px; float:left; padding:20px 0; }
.pro_img li .pic img{width:276px; height:120px;}
.pro_img li .pic img:hover{opacity:0.8;}
.pro_img li .txt{width:276px; float:left; background:#eee; padding:20px; box-sizing:border-box; line-height:24px; border-radius:0 0 10px 10px; font-size: 12px;}
.pro_img li .txt a{padding-top:10px; display:block; color:#1f4fa1;}
.pro_img li .txt a:hover{color:#f00;}
.pro_img li:hover{border-color:#1f4fa1;}

.promore_tit{width:100%; float:left; border-bottom:1px solid #e6e6e6; padding-bottom:30px; font-size:30px; color:#1f4fa1; text-align:center; line-height:30px;}
.promore_wznr{width:100%; float:left; margin-top:30px; font-size: 14px; line-height: 26px;}
.promore_wzl{width:600px; float:left; line-height:30px; font-size:14px; color:#787876;}
.promore_wzr{width:280px; float:right;}
.promore_bt{float:left; margin-top:40px; padding:0 30px; font-size:16px; line-height:45px; color:#1f4fa1; text-align:center; background:#fff; border:1px solid #e6e6e6; border-bottom:2px solid #fff; border-top:2px solid #1f4fa1; position:relative;}
.promore_nr{width:100%; float:left; background:#fff;padding:20px; box-sizing:border-box; line-height:30px; font-size:14px; color:#000; text-align: center !important;} 
.promore_nr table { margin-bottom:20px; border:1px solid #ccc; border-collapse:collapse;}
.promore_nr table td{ border:1px solid #CCC; text-align: center !important;}
.promore_nr table th{ border:1px solid #CCC; text-align: center !important;}
.biag thead .diyi{ background:#075384 !important; border:2px solid #fff !important;}
.biag .diyi { text-align:center; background:#007dcd !important;}
.biag .diyi th{ color:#fff; font-size:12px; line-height:40px; font-weight:normal;text-align: center;}
.biag td { text-align:center; height:30px; font-size:12px; line-height:30px; color:#333;}