*{margin:0;padding:0;}
body{font:12px/22px "Microsoft YaHei","SimSun"; font-size:100%;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal; outline:none;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none; }
.img-position-absolute{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; max-width: 100%; max-height: 100%;display: block;	margin:auto;padding: auto;}
.img-position-absolute-max{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; width: 100%; height: 100%;display: block;	margin:auto;padding: auto;}
.img-none{display:none;}

.wrap{ max-width:1200px !important; margin:0 auto;}
/*图片限制*/
.index_img_item_inner{position: relative;}
.index_img_item_inner .img-top{padding-top: 69.91%}

.index_design .index_img_item_inner .img-top{padding-top: 72.95%}

.index_team .img-top{padding-top: 154%}

.team_main ul .img-top{padding-top: 154%}

.news_item .img-top{padding-top: 61.82%}

.index_news .news-list .img-top{padding-top: 93.68%}
.index_news .news-list{margin: 0;border-top: solid 1px #e5e5e5}
.index_news_left .img-top{padding-top: 58.18%}
.index_news_left .news-left{width: 100%;height: 100%}
.index_news_left .news-left img{width: 100%; max-height: 100%}
.index_news_left .news-right-ny{width: 100%}
.index_news_left .news-right-ny button{border: none;padding: 10px 15px;background-color: #474747;color: #ffffff;}
.index_news .index_news_right .news-left {  width: 150px;  height: 150px;}
.index_news .index_news_right .news-right-ny {  width: calc(100% - 150px);}
.index_news .news-right-ny{padding: 5px}
.news-right-ny>p {overflow : hidden;height: 52px;font-size: 12px}
.index_news .news-right-ny>p {  line-height: 1.5;  margin-top: 5px;  text-align: left;}
.index_news .left-tit>h4{color: #000000;}
.index_news .news-right-ny>small{color: #000000;}
.index_news .news-right-ny>small:hover{color: #000000;}
/*===========*/


/*公共样式*/
body{
 background-color: #e6f1ff;
}

/*header*/
header{width:100%; float:left;}
.header{width:100%; float:left;margin: 0;}
/*顶部条*/
.header .header_top{  width: 100%;  height: 25px;  color: #000;  font-size: 12px;  text-align: center;  display: flex;  justify-content: space-between}
.header_top_right{display: flex;justify-content: space-between;width: 40%;line-height: 25px}
.header_top_right a{display: block;}
.header_top_right span{display: block;width: 25px;height: 25px;background: url("../images/small_pic.png")}
.header_top_right span.qq{background-position: -108px -8px}
.header_top_right span.tencent{background-position: -136px -8px}
.header_top_right span.wechat{background-position: -165px -8px}
.header_top_right a:last-child span{width: 120px;height: 30px;background-position: -108px -44px}

.logo_text,.tel_text{color: #e26000;text-align: left;font-size: 35px}
.tel_text{font-size: 27px;}
.tel_text span{font-size: 12px;color: #a2a2a2;line-height: 15px}
.tel_text i{float: left;margin-left: 10%; line-height: 2;padding: 5px}
/*手机端小图标*/
.header .logo i{  color: #2472c7;}
/*pc导航*/
nav{width:100%;height: 100% ;float:left; background-color: #1c6cc3;margin: 0px auto;background: url("../images/nav_02.png") no-repeat center;background-size: cover}
/*导航下拉开始*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{width:100%; float:left; position:relative; z-index:1;}
#nav{display: flex;justify-content: space-between;}
.nav a{ color:#fff;  }
.nav .nLi{width:11%; float:left; position:relative; display:inline;padding:10px 5px;}
.nav .nLi h3{width:100%; float:left;}
.nav .nLi h3 a{display:block;border-right: solid 1px #095fb9; padding: 5px 0;line-height: 19px; text-align:center; font-family:'Microsoft YaHei'; font-size:14px; color:#fff; overflow:hidden; transition:all 0.3s;}
.nav .nLi:last-child a{border: none}
.nav .nLi h3 a>span{font-size:12px }
.nav .nLi:hover{background-color: #ffffff;color: #1c6cc3;}
.nav .nLi:hover a{color: #1c6cc3;border: none}
.nav .sub{ display:none; width:100%; padding:2px; left:0; top:49px;  position:absolute; z-index:999;background:rgba(13, 98, 188, 0.7) none repeat scroll 0 0 !important;}
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; height:36px; line-height:36px; text-align:center; font-family:"Microsoft YaHei"; font-size:14px; color:#fff !important; transition:all 0.3s;}
.nav .sub a:hover{ background:#fff; color:#0d62bc !important;  }
/*导航下拉结束*/

/*banner*/
.focus{width:100%;float:left; height:580px;position:relative;}
.focusbox{width:100%;height:580px;overflow:hidden}
.focusbox li{width:100%;height:580px;overflow:hidden;}
.focusbox li a{width:100%; height:580px; float:left; overflow:hidden; }
.rslides{width:100%;height:100%; position:relative;list-style:none;padding:0}
.rslides_nav{height:51px;width:31px;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.5;text-indent:-9999px;overflow:hidden;text-decoration:none;background:url(../images/prev.jpg) no-repeat center center;margin-top:-28px}
.rslides_nav:active{opacity:1.0}
.rslides_nav.next{left:auto;background:url(../images/next.jpg) no-repeat center center;right:0}
.rslides_tabs{width:100%; position:absolute;left:0;bottom:10px; z-index:2; text-align:center;}
.rslides_tabs li{display:inline-block;width:14px;height:14px;margin:0 3px;*display:inline;zoom:1;}
.rslides_tabs a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.rslides_tabs .rslides_here a{background-position:0 0;}

/*移动端轮播*/
#content1 {padding:0px;float:left;width:100%;}
.slideBox {position:relative;overflow:hidden;margin:0px auto;max-width:100%;/* 设置焦点图最大宽度 */}
.slideBox .hd {position:absolute;height:28px;line-height:28px;bottom:0;right:0;z-index:1;}
.slideBox .hd li {display:inline-block;width:10px;height:10px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#333;text-indent:-9999px;overflow:hidden;
 margin:0 6px 0 6px;}
.slideBox .hd li.on {background:#fff;}
.slideBox .bd {position:relative;z-index:0;}
.slideBox .bd li {position:relative;text-align:center;}
.slideBox .bd li img {vertical-align:top;width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a {-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}  /* 去掉链接触摸高亮 */
.slideBox .bd li .tit {display:block;width:100%;position:absolute;bottom:0;text-indent:10px;height:28px;line-height:28px;color:#fff;text-align:left;}
/*==首页内容==*/
main{width:100%; float:left;}
/*project_contact*/
.project_contact{width: 100%;background: url("../images/bg_border.png") no-repeat  center;background-size: cover;padding:15px 0px;background-color: #ffffff;margin: 20px auto;display: flex;justify-content: space-between;flex-wrap: wrap}
.project_contact fieldset{border: solid 1px #ebebeb;height: 100%;padding: 10px}
.index_project legend{width: 33%;}
.project_contact_title{font-size: 20px;padding: 2px;border: solid 1px #ebebeb;}
.project_contact_title span{display: block;padding: 10px 10px;background-color: #c6e2ff}

/*project*/
.index_project .project_contact_title{margin-left: 10px;}
/*.index_project fieldset{margin-top: 10px}*/
.project_contact #myCarousel{margin:0 auto;position: relative}
.project_contact .carousel-inner .item{width: 100%;margin: 15px auto 0}
.project_contact .carousel-inner .item img{width: 100%}
.project_contact .carousel-caption{width: 100%;height: 60px;position: absolute;left: 0;bottom: 0;background-color: rgba(0,0,0,0.5);text-align: left;padding: 10px}
.project_contact .carousel-caption a{color: #ffffff}
.project_contact .carousel-caption span{font-size: 18px;}
.project_contact .carousel-indicators {  position: absolute;  bottom: 10px;  left: 90%;}
.project_contact .carousel-indicators li {  width: 20px;  height: 3px;  margin: 1px;  background-color: #ffffff;  border:none;  border-radius: 0px;  }
.project_contact .carousel-indicators li.active {  width: 20px;  height: 3px;  margin: 1px;  background-color: #e26000;  }
.project_contact .carousel-control {  top: 15px;  width: 15%;  opacity: 0.2;}

/*contact*/
.index_contact{position: relative}
.index_contact legend{width: 88%;}
.index_contact>p{font-size: 13px;line-height: 26px}
.index_contact a{display: block;margin-bottom: 10px !important;text-align: center;}
.index_contact .contact_pic{display: block;width: 70px;height: 70px;background: url("../images/small_pic.png") no-repeat;margin: 5px auto}
.index_contact span.contact_pic1{background-position: -110px -110px;width: 70px;height: 70px;}
.index_contact span.contact_pic2{background-position: -336px 8px}
.index_contact span.contact_pic3{background-position: -252px 16px;}
.pic_content{float: left;}
/*case+design*/
.index_case{width: 100%;margin: 15px auto;padding: 0}
.index_second_title{width: 100%;height: 50px;background: url("../images/index_01_03.png") no-repeat center;background-size: cover;text-align: center}
.index_second_title>span{font-size: 25px;font-weight: bold}
.under_title_btn{text-align: center;margin: 20px auto}
.under_title_btn>a{display: inline-block;border: solid 1px #d5d5d5;padding: 5px 10px;margin: 5px;color: #000000;background-color: #ffffff}
.index_img_item{padding: 20px;margin: 0;}
.index_img_item .index_img_item_inner{width: 100%;padding: 0;position: relative;overflow: hidden}
/*.index_img_item_inner>img{width: 100%;}*/
.index_img_item_inner .case_name{background-color: rgba(0,0,0,0.5);font-size: 15px;line-height:3.5;color: #ffffff;display: flex;justify-content: space-between;width: 100%;height: 50px;position: absolute;left: 0px;bottom: 0px;padding: 0 15px}
.index_img_item_inner .case_name>span{display: inline-flex}
.index_img_item_inner .case_name>span{width: 24px;height: 24px;margin-top:13px;background: url("../images/small_pic.png") -203px -12px;}
/*case*/
.index_case_more{text-align: center;}
.index_case_more .btn{background-color: #0e62bb;color: #fff;padding: 10px 25px;}
.index_img_item{overflow: hidden;}
.index_img_item:hover img{-ms-transform:scale(1.2,1.2); /* IE 9 */  -webkit-transform: scale(1.2,1.2); /* Safari */  transform: scale(1.2,1.2); /* 标准语法 */transition: all .5s}
/*index_intro_msg*/
.index_intro_msg .wrap{overflow: hidden}
.index_intro_msg{width: 100%;background: url("../images/index_02.png") center no-repeat;background-size: cover;}
.index_intro_msg_title>div,.index_intro_img>div,.index_msg_pic>div{width: 170px;height: 60px;background-color: #0558b1;color: #ffffff;text-align: center;padding: 10px 15px;margin:0px auto 10px;}
.index_intro_msg_title>div span{font-size: 20px;}
.index_intro .index_intro_container,.index_msg{background-color: rgba(255,255,255,0.8)}
/*.index_intro*/
.index_intro{padding: 30px}
.index_intro_img>div{width: 170px; margin-left: -43px;margin-bottom: 5px;}
index_intro_txt{padding: 5px;text-align: left}
.index_intro_txt_title{color: #000000;}
.index_intro_container{padding: 17px}
.index_intro_txt_btn{background-color: #ff6a00;color: #ffffff;padding: 1px 15px;border-radius: 15px}
.index_intro_txt_btn:hover{background-color: transparent;border: solid 1px #ff6a00;color: #ff6a00}
/*index_msg*/
.index_msg_pic{display: inline-flex;justify-content: space-between}
.index_msg_pic>div{margin-left: -43px;  margin-top: 40px;  margin-bottom: 0px;  background-color: #ff6a00;}
.index_msg_pic>img{margin-right: -45px;margin-bottom: 0px}
.index_msg label>i{font-size: 18px;line-height: 18px;border-right: solid 1px rgba(0,0,0,0.3);padding-right: 5px}
.index_msg label{padding: 2px;  padding-top: 7px;}
.index_msg form .form-group{margin: 10px 0;padding:5px 0;background-color: #ffffff;border: solid 1px rgba(0,0,0,0.3);}
.index_msg form .form-group:last-child{background-color: transparent;border: transparent}
.index_msg form .form-group input,.index_msg form .form-group textarea{border: transparent;box-shadow: none;padding: 0px}
.index_msg form .form-group textarea{width: 100%;}
.index_msg form .form-group button{background-color: #ff6a00;color: #ffffff;padding: 1px 15px;border-radius: 15px;box-shadow: none;border-width: 1px}
.index_msg form .form-group button:hover{background-color: transparent;border: solid 1px #ff6a00;color: #ff6a00}
.index_intro_msg_title{height: 60px;margin: 10px 0}
.index_msg{position: relative}
.index_msg_service{position: absolute;right: -9px;bottom: 0}
/*index_design*/
.index_design{margin: 40px 0 0;}
/*index_news*/
.index_news{width: 100%;background: url("../images/bg_border.png") no-repeat  center;background-size: cover;background-color:#ffffff;padding:25px 15px;margin: 20px auto;float: left;position: relative}
.index_news fieldset>div:nth-child(2) .media-left{width: 100%;float: left}
.index_news fieldset>div:nth-child(2) .media-body{width: 100%;float: left}
.index_news fieldset{border: solid 1px #ececec;position: relative;padding: 10px}
.index_news fieldset legend:first-child{width: 100px;border: solid 1px #ececec;margin-left: 85%;padding: 0}
.index_news fieldset legend:first-child span{display: inline-block;width: 100%;text-align: center;padding: 5px}
.index_news fieldset legend:first-child span a{color: #000000}
.index_news fieldset .media-body a{color: #000;font-weight: bold}
.index_news fieldset .media-body a:hover{text-decoration: underline !important;}
.index_news fieldset .media-body span{color: #c6c6c6;}
.index_news fieldset a[type="button"]{display: inline-block;background-color: #474747;color: #ffffff;padding:5px 10px;}
.index_news fieldset h5{font-weight: bold}
.index_news fieldset .media-body{border-top: solid 1px #ececec}
.index_news fieldset>div:nth-child(2) .media{background-color: #ececec;}
.index_news fieldset .media-body{padding: 3px;width: 100%}
.index_news fieldset>div:nth-child(2) .media-body{padding: 10px}
.index_news fieldset>div:nth-child(2) .media-left{text-align: center;padding-right: 0px}
.index_news fieldset>div:nth-child(2) .media img{width: 100%}
.index_news fieldset{z-index: 5}
.index_news div.index_news_title{position: absolute;left: 34px;top:20px}
.index_news_title{font-size: 20px;padding: 2px;border: solid 1px #ebebeb;background-color: #ffffff;z-index: 55}
.index_news_title span{display: block;padding: 10px 10px;background-color: #c6e2ff}
.media:hover{background-color: #e5e5e5}
/*.media:first-child{background-color: transparent}*/
.media:first-child .media{width: 100%}

/*公司团队*/
.index_team{width: 100%;background: url("../images/bg_border.png") no-repeat  center;background-size: cover;background-color:#ffffff;padding:40px 15px;margin: 20px auto;float: left;position: relative}
.index_team fieldset{border: solid 1px #ececec;position: relative;padding: 10px}
.index_team fieldset legend:first-child{width: 100px;border: solid 1px #ececec;margin-left: 85%;padding: 0}
.index_team fieldset legend:first-child span{display: inline-block;width: 100%;text-align: center;padding: 5px}
.index_team fieldset legend:first-child span a{color: #000000}
.index_team div.index_team_title{position: absolute;left: 34px;top:20px;width: auto; border: solid 1px #ebebeb;}
.index_team_title{font-size: 20px;padding: 2px;background-color: #ffffff;z-index: 55;border: solid 1px #e6e6e6}
.index_team_title span{display: block;padding: 10px 10px;background-color: #c6e2ff}
.index_team fieldset{z-index: 5}
.index_team fieldset ul{width: 100%;margin: 0px}
.index_team fieldset ul li{padding: 10px;margin: 0px;}
.index_team fieldset ul li a{display: block;width: 100%;position: relative;overflow: hidden}
.index_team fieldset ul li a img{width: 100%;margin: 0px auto;}
.index_team fieldset ul li a .person_intro{width: 100%;height:60px;background-color: rgba(0,0,0,0.6);position: absolute;left: 0px;bottom:0px;color: #ffffff;padding: 5px}
.index_team fieldset ul li a .person_intro span{font-size: medium}
.index_team fieldset ul li:hover{transform: rotate(5deg);  -ms-transform: rotate(5deg);  -webkit-transform: rotate(5deg);
 transition: all .3s}


/*index_partner*/
.index_partner{width: 100%;background-color: #000000;float: left;padding:0px;text-align: center;}
.index_partner .wrap{border-bottom: solid 1px #ffffff;padding: 30px 0px}
.index_partner_title{ color: #ffffff;width: 100%;text-align: left;font-size: 14px;margin: 10px auto}
.index_partner_title span{font-size: 20px;}

.index_partner .swiper-container_footer {  width: 100%;  overflow: hidden;  height: 100px;  margin: 20px auto;  position: relative;  }
.index_partner .swiper-slide {  text-align: center;  font-size: 18px;  display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  -webkit-justify-content: center;  justify-content: center;  -webkit-box-align: center;  -ms-flex-align: center;  -webkit-align-items: center;  align-items: center;  }

/*footer*/
footer{width:100%; float:left;background-color: #000;}
footer .wrap{width: 90%;color: #ffffff}
.footer ul{text-align: center;margin-top: 40px}
.footer ul li{margin-top: 10px;padding: 0;}
.footer ul li a{color: #ffffff;text-decoration: underline!important;}
.footer .wrap div{text-align: center;padding:30px 10px;}
footer .wrap>div>div{text-align: center;padding:0px ;}
footer .small_footer{text-align: center;background-color: #0e5b9d;color: #ffffff;margin-top: 10px;margin-bottom: 0;padding:10px 0px;background: url("../images/nav_04.png") no-repeat center;background-size: cover}
footer .small_footer a{color: #ffffff}
/*to_top*/
.to_top{display:block;position: fixed;bottom: 20px;right: 20px;width: 50px;height: 50px;border: solid 1px #e5e5e5;background-color: #025098;border-radius: 5px;text-align: center;line-height: 50px;font-size: 25px;color: #ffffff}
.to_top a{color: #ffffff}
/*================子页样式=================================================================================================*/
/*公共*/
.page_main{float: left;width: 100%;margin: 10px auto;min-height: 500px}
.page_title{width: 100%;height: 30px;background: url("../images/index_01_03.png") no-repeat center;background-size: cover;color: #000000;text-align: center;}
.page_title h3{font-weight: bold}
.page_main .breadcrumb{text-align: center;background-color: transparent;padding: 0px;margin: 0px;color: #666666}
.page_main .breadcrumb a{color: #666666}
/*company*/
.company_main{padding: 10px;line-height: 30px;font-size: 15px}
.company_main>span{margin: 10px;}
.company_main>span a{color: #000000;font-weight: bold;text-decoration: underline !important;}
/*case_detail_main*/
.case_detail_main{text-align: center;font-size: 13px}
.case_detail_main img{margin: 10px auto}
/*team*/
.team_main ul{width: 100%;margin: 0px}
.team_main ul li{padding: 10px;margin: 0px;}
.team_main ul li a{display: block;width: 100%;height: 100%;position: relative}
.team_main ul li a img{width: 100%;margin: 0px auto;}
.team_main ul li a .person_intro{width: 100%;height:60px;background-color: rgba(0,0,0,0.6);position: absolute;left: 0px;bottom:0px;color: #ffffff;padding: 5px}
.team_main ul li a .person_intro span{font-size: medium}
/*team_detail*/
.team_detail_intro span{font-weight: bold}
.team_detail_intro>div img{margin: 0 auto}
.team_detail_intro_txt{padding:5px 10px ;margin: 0}
.team_detail_main{float: left}
/*news*/
.news_item_main{float: left;padding: 0 10%}
.news-tit{border: solid 1px #e5e5e4;padding: 10px}
.news-list{float: left}
.news-list>a{display: block;}
.news-list>a:hover{background-color: #e5e5e5}
.news-list>a{color: #000000;background-color: rgba(255,255,255,0.5);}
.news-tit>h4>span{color: #ee7428;text-transform: uppercase;}
.news-tit>h4{font-size: 16px;color: #666666;font-weight: bold;}
.news-tit>h5{text-transform: uppercase;font-size: 12px;}
.news-tit{padding: 10px 0;margin: 20px 0;}
.news-left{width: 193px;height: 150px;position: relative;overflow: hidden;}
.news-top{padding-top: 77.72%;}
.news-right{width: calc(100% - 197px);height: 150px;padding: 0 5px;}
.news-right-ny {width: calc(100% - 195px);height: 150px;padding: 0 5px;}
.news-right-ny>p{overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 2;margin-top: 10px;text-align: left;}
.news-right-ny>small{display: block;text-transform: uppercase;margin-top: 5px;margin-right: 5px;color:#ee7428;}
.left-tit{margin: 6px 0;}
.left-tit>h4{font-size: 16px;color: #ee7428;width: 100%;overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 1;-webkit-box-orient: vertical;text-align: left;margin-top: 20px}
.left-tit>h6{font-size: 14px;display: inline-block;margin-right: 5px;}
.news-list{margin-bottom: 30px;}
.news-right>p{overflow: hidden;  display: -webkit-box; display: -moz-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;-moz-line-clamp: 3;-moz-box-orient: vertical;line-height: 2;margin-top: 10px;text-align: left;}
.news-right>small{display: block;text-transform: uppercase;margin-top: 5px;margin-right: 5px;}

/*news_detail*/
.news_detail_title{display: flex;justify-content: space-between;line-height: 15px;padding: 0 15px}
.news_detail_title .news_detail_txt span{margin-top: 0px}
.news_detail_main img{margin: 0 auto}
.news_detail_main p{font-size: 15px;line-height: 30px;padding: 10px}
.news_detail_btn button{background-color: transparent;border: solid 1px #1c8dd6;border-radius: 2px;border-left: none;padding: 3px 10px}
/*contact*/
.contact_main{padding: 0 15px}
/*地图*/
.contact_main #map {  height: 300px;  overflow: hidden;  border: 1px solid #ccc;  margin: 25px auto;  padding: 0;  }
#dituContent {  width: 100%;  height: 300px;  }
.contact_main ul{font-size: 15px;line-height: 30px;}

/*========子页  end=========*/
@media (max-width:1220px) {
 /*banner*/
 .focus{width:100%;height:434px;position:relative;}
 .focusbox{width:100%;height:434px;overflow:hidden}
 .focusbox li{width:100%;height:434px;overflow:hidden;}
 .focusbox li a{width:100%; height:434px; float:left; overflow:hidden; }
 /**/
 .header_top_right{width: 40%;}
 /*index_contact*/
 .index_project legend{width: 40%;}
 /*contact*/
 .index_contact>p{font-size: 10px;line-height: 20px}
 .index_contact legend{width: 95%;}
}

 @media (max-width:991px){
  /*手机端导航*/
  header .header{padding-left: 15px;}
  .header .logo {float: left;  padding:0;}
  .header{padding:0;}
  .header .icon-menu{float:right;margin-right: 15px; cursor:pointer; font-size:25px;color:#2472c7;position:absolute;right:1%;top:65%;}
  .header .sjdnav{position:absolute;right:0; top:100%;z-index:9999;background:rgba(36, 114, 199, 0.7)!important;}
  .header .sjdnav ul{ padding:0; margin:0;}
  .header .sjdnav li{ height:40px;display:block;text-align:center; margin:0; padding:0 50px; border-bottom:1px solid #fff;}
  .header .sjdnav li a{ font-family:'Microsoft YaHei'; font-size:18px; color:#fff;    line-height: 40px;}
  .header .sjdnavhide{ height:0; overflow:hidden;}
  .header .logo{width:100%; position:relative;}
  .mobile_header img{float: left}
  .mobile_header{font-size: 35px;color: #e26000;line-height: 90px}
  /*project_contact*/
  .project_contact{width: 90%;padding:10px;background-color: transparent;background: transparent}
  /*index_contact*/
  .index_project legend{width: 60%;text-align: center}
  /*contact*/
  .index_contact legend{width: 60%;text-align: center}
  .index_project,.index_contact{margin: 10px auto;background-color: #ffffff;}
/*index_news*/
  .index_news{background:none;background-color:#ffffff;padding:10px;position: inherit}
  .index_news legend{width: 60%;text-align: center}
  .index_news fieldset legend h5{font-weight: normal}
  .index_news .index_news_right .news-left {  width: 120px;  height: 120px;}
  .index_news .index_news_right .news-right-ny {  width: calc(100% - 120px);}
  .left-tit>h4{margin-top: 0px}
/*index_team*/
  .index_team{background:none;background-color:#ffffff;padding:10px;position: inherit}
  .index_team legend{width: 60%;text-align: center}
  .index_team fieldset legend h5{font-weight: normal}
  /*news*/
  .news_item{float: left;padding: 0 15px}
   /*banner*/
  .focus{width:100%;height:360px;position:relative;}
  .focusbox{width:100%;height:360px;overflow:hidden}
  .focusbox li{width:100%;height:360px;overflow:hidden;}
  .focusbox li a{width:100%; height:360px; float:left; overflow:hidden; }
/*index_design*/
  .index_design .index_img_item:first-child img{width: 100%}

  /*footer*/
  .footer .wrap{width: 100%;padding: 5px 30px}
  .footer .wrap>div:first-child{width: 100%}
  .footer .wrap>div:last-child{margin-top: 25px}
  .footer ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
  .small_footer .wrap {padding: 0}
 }

 @media (max-width:767px){
  header .logo>div{display: flex;justify-content: space-between;margin: 0;padding: 0}
  header .logo a>img{  max-height: 60px; max-width: 90% !important; }
  .header .logo {  float: left;padding: 0px}
  header .wrap{width: 100%;}
  .header .icon-menu {  top: 33%;}
  .mobile_header{font-size: 35px;color: #e26000;line-height: 90px}
  /*index_case*/
  .project_contact .carousel-caption {  height: 35px;}
  .index_img_item { padding: 5px;margin-bottom: 10px;}
  /*index_contact*/
  .index_project legend{width: 90%;text-align: center}
  /*contact*/
  .index_contact legend{width: 90%;text-align: center}
  .contact_main ul {  padding: 0;}
  .pic_content>a{padding: 5px}
/*index_news*/
  .index_news fieldset legend{width: 90%;text-align: center}
  .left-tit>h4{margin-top: 0px}

  /*index_team*/
  .index_team fieldset legend{width: 90%;text-align: center}
  .index_team fieldset ul li a>div{height:35px;line-height: 30px}
/*team*/
  .team_main ul li a>div{height:35px;line-height: 30px}
  /*news*/
  .news_item_main .media-left{float: left;width: 100%;margin-top: 10px}
  .news_item_main .media{padding: 5px;background-color:rgba(255,255,255,0.5)}
  .news-right-ny {  width: 100%;}
  .index_news .index_news_right .news-left {  width: 90px;  height: 90px;margin-top: 10px}
  .index_news .index_news_right .news-right-ny {  width: calc(100% - 90px);}
  .index_news .index_news_right .news-right-ny>p{margin-top: 3px;font-size: 12px;line-height:1.5;overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

/*手机端底部留白*/
 main{margin-bottom: 58px;}
}

/*手机底部*/
@charset "utf-8";
@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}

.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}

.hot{width:100%; height:58px; background:#1c6cc3; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }
footer ul li a{ padding: 0 10px; height: 12px; font-size: 12px; line-height: 12px; }




/*浮动QQ*/
.dock {
	position: fixed;
	right: 0px;
	width: 50px;
	-moz-opacity: 0.7;
	opacity: 0.7;
	z-index: 200;
}

.dock.close {
	z-index: 50;
}

.dock ul.icons {
	position: absolute;
	list-style: none;
	right: 0px;
	padding: 0px;
	width: 50px;
	border: 1px solid #333;
	border-right: none;
	background: #111;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.dock.close ul.icons {
	right: -70px;
}

.dock ul.icons li i {
	display: block;
	position: relative;
	width: 50px;
	height: 50px;
	background: url(../images/icons.png) no-repeat;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	z-index: 210;
}

.dock ul.icons li.active i {
	-moz-opacity: 0.4;
	opacity: 0.4;
}

.dock ul.icons li.up i {
	background-position: -63px -150px;
}

.dock ul.icons li.tel i {
	background-position: -62px -108px;
}

.dock ul.icons li.im i {
	background-position: -63px -20px;
}

.dock ul.icons li.wechat i {
	background-position: -59px -66px;
}

.dock ul.icons li.down i {
	background-position: -63px -190px;
}

.dock ul.icons li p {
	display: block;
	position: absolute;
	top: 50px;
	right: -260px;
	padding: 15px 20px;
	height: 120px;
	color: White;
	line-height: 30px;
	border: 1px solid #333;
	border-right: none;
	background: #111;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .4s ease-in-out .1s;
	-moz-transition: all .4s ease-in-out .1s;
	-ms-transition: all .4s ease-in-out .1s;
	-o-transition: all .4s ease-in-out .1s;
	transition: all .4s ease-in-out .1s;
	overflow: hidden;
	z-index: 201;
}

.dock ul.icons li.active p {
	right: 50px;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
}

.dock ul.icons li.tel p {
width: 143px;
    height:130px;
    line-height:30px
}

.dock ul.icons li.im p {
	width: 140px;
    height:170px;
    line-height:30px
}

.dock ul.icons li.im p a {
	display: block;
	margin-top: 12px;
	width: 100px;
	height: 35px;
	line-height: 32px;
	color: #00dfb9;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #00dfb9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.dock ul.icons li.im p a:hover {
	color: White;
	background: #0f8773;
	border: 1px solid #0f8773;
}

.dock ul.icons li.wechat p {
	width: 180px;
    height:180px;
    line-height:30px
}

.dock ul.icons li.wechat p img {
	
	border: 2px solid #000;
}

.dock a.switch {
	position: absolute;
	display: block;
	top: 270px;
	right: 11px;
	width: 26px;
	height: 26px;
	background: url(../images/icons.png) no-repeat 0px -640px;
	cursor: pointer;
	-webkit-transition-delay: .15s;
	-moz-transition-delay: .15s;
	-ms-transition-delay: .15s;
	-o-transition-delay: .15s;
	transition-delay: .15s;
}

.dock a.switch.off {
	background-position: -32px -640px;
}

/*清除样式*/
.clear { clear:both;}

/*分页css scott style pagination*/
div.scott{padding:3px;margin:3px;text-align:center;}
div.scott a{border:#ddd 1px solid;padding:2px 5px;color:#88af3f;margin:0 2px 0 0;text-decoration:none;}
div.scott a:hover{border:#85bd1e 1px solid;color:#638425;background-color:#f1ffd6;}
div.scott a:active{border:#85bd1e 1px solid;color:#638425;background-color:#f1ffd6;}
div.scott span.current{border:#b2e05d 1px solid;padding:2px 5px;font-weight:bold;color:#fff;margin:0 2px 0 0;background-color:#b2e05d;}
div.scott span.disabled{border:#f3f3f3 1px solid;padding:2px 5px;color:#ccc;margin:0 2px 0 0;}