/*头部*/
.header{background: #fff;}
.top .logo{float: left;padding: 28.5px 0;}
.top .toptext{float: left;font-size:  16px;color: #a7a7a7;margin: 27px 0 0 220px;text-align:  center;}
.top .topright{float: right;}
.top .topli{float: right;margin-top: 19px;} 
.top .topli li{float: left; position: relative;}
.top .topli li a{font-size:  12px;color:  #868686;margin-left: 18px;}
.top .topli li .iconfont{ font-size: 20px; display:  inline-block; margin: -2px 4px 0 0;vertical-align:  middle;}
.top .topli li img{position: absolute; left:50%; margin-left: -65px; top: 30px; z-index: 15; display: none;}
.top .topli li:hover img{display: block;}
.top .bottom{position:  relative;margin-top: 54px;}
.top .bottom input[type="text"]{width: 127px;height: 27px;border: 1px solid #ddd;border-radius:  5px;overflow:  hidden;text-indent: 5px;padding-right: 35px;}
.top .bottom a{width: 32px;color:  #fff;height: 29px;background: #24838D;display:  block;text-align:  center;line-height: 29px;position:  absolute;left: 132px;border-top-right-radius:  5px;top: 0px;border-bottom-right-radius: 5px;}
.top .bottom span{font-size: 18px; color: #a7a7a7; font-weight: bold; display: inline-block; margin-left: 20px;}
.top .bottom span .iconfont{display: inline-block;font-size: 18px;vertical-align: middle;margin: -3px 5px 0 0;}

.Nav{background: #24838D; height: 47px; border-bottom: 1px solid #fff;}
.Nav .w1200{background: #24838D;}
.Nav li{float: left; background: url(../images/navline.png) no-repeat left center; width: 11.11%; position: relative; text-align: center;transition: all .3s;}
.Nav li:first-child{background: none;}
.Nav li>a{padding: 11.5px 0;margin: 0 1px; display: block; font-size: 16px; color: #fff;}
.Nav li:hover>a,.Nav li.current>a{background: #30A7B4;}
.Nav li .menu{position: absolute; top: 47px; left: 0; width: 100%; z-index: 20; background: #fff; text-align: left; display: none;}
.Nav li .menu dd a{display: block;width: 80%; padding: 12px 10%; color: #666; transition: all .3s;}
.Nav li .menu dd a:hover{background: #30A7B4; color: #fff;}

/*footer*/
.footer{background: #3C3F44;}
.footer .w1200{background: #3C3F44;}
.footer .ft-nav{padding: 30px 0 45px;}

.fri_link{padding: 25px 0; border-bottom: 1px solid #777;}
.fri_link span{display: block;font-size: 14px;width: 80px;color: #f0f0f0;float:left;}
.fri_link .rig_list{float: right;width: 93%;}
.fri_link .rig_list a{color: #a9a9a9;font-size: 14px;margin-right: 20px;}
.fri_link .rig_list a:hover{color:#24838D}

.footer dl{float: left; width: 8.5%; margin-right: 2.61%;}
.footer dt a{color: #f0f0f0; padding-bottom: 10px; border-bottom: 1px solid #F0F0F0; display: block; margin-bottom: 5px;}
.footer dd a{font-size: 12px; color: #a9a9a9; display: block; line-height: 20px; padding: 3px 0;}
.footer dd a:hover{color:#24838D ;}

.copyright{background: #292C2F; padding: 10px 0 15px;}
.copyright .w1200{background: #292C2F;}
.copyright .left{float: left; font-size: 12px; color: #60646a;}
.copyright .left a{color: #60646a; }
.copyright .left .a_list{margin-left: -10px;}
.copyright .left .a_list a{padding: 0 10px; border-right: 1px solid #60646a; line-height: 14px; display: inline-block;}
.copyright .left .a_list a:last-child{border-right: none;}
.copyright .ft-tel{float: left; margin:15px 0 0 200px;}
.copyright .ft-tel .iconfont{font-size: 44px; float: left; display: inline-block; vertical-align: middle; margin: 15px 0 0;}
.copyright .ft-tel .phone{float: left; margin-left: 10px;}
.copyright .ft-tel span{font-size: 24px; font-weight: bold;}
.copyright .right{float: right; margin-top: 10px;}
.copyright .right .ft-logo{height: 32px; float: right;}
.copyright .right .topli{margin-top:40px;}
.copyright .right li{float: left; position: relative;}
.copyright .right li a{font-size:  12px;color:  #868686;margin-left: 18px;}
.copyright .right li .iconfont{ font-size: 20px; display:  inline-block; margin: -2px 4px 0 0;vertical-align:  middle;}
.copyright .right li img{position: absolute; left:50%; margin-left: -65px; top: -150px; z-index: 5; display: none;}
.copyright .right li:hover img{display: block;}

/*banner*/
.slideBox{display: block; width:100%; height:500px; overflow:hidden; position:relative; z-index: 0;  }
.slideBox .hd{ height:19px; overflow:hidden; width:100%; text-align:center; position:absolute; right:0; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; }
.slideBox .hd ul li{text-indent: -9999px; display: inline-block; margin:0 10px; width:13px; height:13px; 
background:#eee; cursor:pointer;border-radius: 50%; margin-bottom:15px;}
.slideBox .hd ul li.on{ background:#23838d; }
.slideBox .bd{ position:absolute; height:100%; z-index:0; width: 1920px; left: 50%; margin-left: -960px;  }
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img{ width:100%; height:100%; display:block; }

/*首页通用*/
.main_left{float: left; width: 668px; background: #fff; position: relative; padding: 0 18px; min-height: 352px;}
.main_right{float: right; width: 428px; background: #fff; position: relative;padding: 0 18px;min-height: 352px;}
.Line{width: 99px; height: 2px; background: #24838D; position: absolute; left: 0; top: 0; z-index: 10;}

.index_tit{width: 100%; position: relative; padding: 24px 0 20px;}
.index_tit h3{font-size: 18px; color: #000; font-weight: bold;}
.index_tit .index_more{font-size: 12px; color: #666; position: absolute; right: 0px; top: 24px;}
.index_tit .index_more:hover{color: #24838D;}

/*专家观点*/
.Expert{padding-bottom: 18px;}
.Expert li{float: left; border-top: 1px dashed #d6d6d6; border-right: 1px dashed #d6d6d6; margin-bottom: 25px; width: 323.5px; padding-right: 10px;
padding-top: 25px;}
.Expert li h4 a{display: block; font-size: 16px; color: #333; font-weight: bold;}
.Expert li p{color: #666; padding-top: 10px;}
.Expert li:hover h4 a{color: #24838D;}

/*新闻动态*/
.hot{padding-bottom: 18px; border-bottom: 1px dashed #d6d6d6;}
.hot .img{float: left; width: 175px;}
.hot .img img{width: 175px; height: 105px;}
.hot .text{float: right; width: 55%;}
.hot .text h4 a{display: block;font-size: 16px; color: #333; font-weight: bold;}
.hot .text h4 a:hover{color: #24838D;}
.hot .text p{color: #666; padding-top: 10px;}
.News .lists{padding-bottom: 10px;}
.News .lists li{position: relative; border-bottom: 1px dashed #D6D6D6;}
.News .lists li a{display: block; padding: 10px 0; width:75%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
.News .lists li span{font-size: 12px; color: #666; position: absolute; right: 0; top: 10px; z-index: 10;}
.News .lists li:hover a{color: #24838D;}

/*经典案例*/
.main_case{padding-bottom: 16px;}
.main_case li{float: left; width: 200px; margin-right: 34px;}
.main_case li .img{width: 200px; height: 120px; overflow: hidden;}
.main_case li .img img{width: 100%; height: 100%; transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);
transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;;}
.main_case li h4 a{display: block; font-size: 15px; color: #333; font-weight: bold; width: 100%; padding: 15px 0; border-bottom: 1px solid #d6d6d6;}
.main_case li p{color: #666; padding-top: 15px;}
.main_case li a.look{font-size: 12px; color: #23838D; padding-top: 6px; display: block}
.main_case li:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);}
.main_case li:hover h4 a{color: #24838D;}

/*行业热点*/
.hotspot{padding-bottom: 38px;}
.hotspot li{border-bottom: 1px dashed #d6d6d6; padding: 15px 0;}
.hotspot li h4 a{font-size: 15px; color: #363636; font-weight: bold; display: block; width: 70%;}
.hotspot li p{font-size: 12px; color: #414446; padding-top: 8px;}
.hotspot li:hover h4 a{color: #24838D;}

/*行业客户*/
.customer{}
.customer li{float: left; width: 120px; height: 120px; background: #A0A0A0; margin: 0 13px 42px 0; border-radius: 6px; text-align: center;transition: all .3s;}
.customer li a{display: block; color: #fff;}
.customer li a img{border:1px solid #ccc;border-radius:5px;}
.customer li .iconfont{display: block; font-size: 40px;}
.customer li span{display: block; color: #666; padding-top: 10px;}
.customer li:hover{background: #24838D;}

/*素材下载*/
.download{padding-bottom: 28px;}
.picScroll-left{ width:; overflow:hidden; position:relative; padding: 50px 40px 60px; background: #F9F9F9;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{position: absolute;left: 0; top: 100px; width:27px; height:45px; text-align: center; line-height: 45px;
	 cursor:pointer; background: #E6E6E6; font-size: 16px; color: #999;}
.picScroll-left .hd .next{left: auto; right: 0;}
.picScroll-left .bd ul{overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; width: 348px !important;}
.picScroll-left .bd ul li .img{float: left;}
.picScroll-left .bd ul li .img img{width: 126px; height: 162px;}
.picScroll-left .bd ul li .text{float: right; width: 58%;}
.picScroll-left .bd ul li .text h4 a{display: block; font-size: 15px; color: #333; font-weight: bold;}
.picScroll-left .bd ul li .text p{font-size: 12px;color: #414446;line-height: 21px;overflow: hidden;height:63px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-top: 15px;}
.picScroll-left .bd ul li .a_list{margin-top: 33px;}
.picScroll-left .bd ul li .a_list a{display: block; font-size: 12px; color: #666;}
.picScroll-left .bd ul li .a_list .see{float: left;}
.picScroll-left .bd ul li .a_list .down{float: right;}
.picScroll-left .bd ul li .a_list .down .iconfont{display: inline-block;vertical-align: middle;color: #4CB0BA;font-size: 14px;margin-right: 10px;}
.picScroll-left .bd ul li .a_list a:hover{color: #4CB0BA;}
.picScroll-left .bd ul li .text h4 a:hover{color: #24838D;}
.picScroll-left .bd .tempWrap{width: 348px !important;}

/*内页公用*/
.ibanner{width: 100%; height: 300px;position: relative; overflow: hidden;}
.ibanner img{position:absolute; left: 50%; margin-left: -960px; top: 0; z-index: 10;}

.Info{margin-top: 30px;}
.sidebar{float: left; width: 256px; background: #fff; border: 1px solid #EDEDED;}
.sidebar .top-tit{width: 100%; height: 87px; background: url(../images/leftitbg.jpg) no-repeat center center; text-indent: 20px;color: #fff;}
.sidebar .top-tit h2{font-size: 24px;padding-top: 20px;}
.sidebar .top-tit p{font-size: 16px; color: #80c6c9; padding-top: 6px;}
.sidebar li>a{display: block; font-size: 15px; color: #666; padding: 15px 0; text-indent: 20px; border-bottom: 1px solid #EDEDED;}
.sidebar li.current>a,.sidebar li:hover>a{color: #23838d;}
.sidebar li dl{display: none;}
.sidebar li dd{width: 100%;}
.sidebar li dd a{padding:10px 12%;display: inline-block;width:76%;}
.sidebar li dd a{border-bottom: 1px solid #EDEDED;}
.sidebar li.current dd.current a,.sidebar li.current dd:hover a{color: #23838d;}
.sidebar li.current dl{display: block;}
 
.info-main{float: right; width: 870px; padding: 25px 25px 60px; background: #fff;}
.info-main .info-tit{width: 100%; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.info-main .info-tit h3{float: left; font-size: 18px; color: #23838D; font-weight: bold;}
.info-main .info-tit .location{float: right;color: #23838D;}
.info-main .info-tit .location a{color: #999;}
.info-main .info-tit .location a:hover{color: #24838D;}

.pages{text-align: center; margin-top: 60px;}
.pages a{display: inline-block; padding:1px 10px; font-size: 14px; color: #666; background: #efefef; margin: 0 2px;}
.pages a:hover,.pages a.current{background: #24838D; color: #fff;}

.info-page{margin-top: 60px; font-size: 12px; color: #666;}
.info-page p{margin-top: 3px;}
.info-page a{color: #666;}
.info-page a:hover{color: #24838D;}

/*经典案例*/
.case-lists{}
.case-lists li{padding: 20px 0; border-bottom: 1px dashed #d6d6d6;position: relative;}
.case-lists li .img{float: left; width: 200px; height: 120px; overflow: hidden;}
.case-lists li .img img{width:100%;height:100%;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);
transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;}
.case-lists li .text{float: right; width: 74%;}
.case-lists li .text h3 a{font-size: 15px; color: #333; font-weight: bold;}
.case-lists li .text p{color: #999; padding-top: 7px;}
.case-lists li .text .info-more{font-size: 12px; color: #23838d;position: absolute; right: 0; bottom: 20px; ;}
.case-lists li:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);}
.case-lists li .text h3 a:hover{color: #24838D;}

/*客户展示*/
.show-lists{margin-left:-67px;}
.show-lists li{float: left; width: 120px; margin-left:67px; margin-top: 20px; text-align: center;}
.show-lists li .img{width: 100%; height: 120px; border: 1px solid #eee; text-align: center; line-height: 117px;}
.show-lists li .img img{max-width: 100%;}
.show-lists li p{color: #666; padding-top: 8px;}
.show-lists li:hover p{color: #24838D;}

/*新闻动态*/
.newslists .time{font-size: 12px; margin-top: 18px; color: #999;}
.newslists .time span{margin-right: 20px;}
.newslists .time span .iconfont{display: inline-block; vertical-align: middle; margin: -1px 1px 0 0; color: #bbb;}

/*图文模式 新闻详情*/
.Info .about{margin-top: 20px;}
.Info .about img{max-width: 100%; margin: 0 auto; display: block;}
.Info .about p{color: #333; font-size: 13px;}
.newsinfo .title{text-align: center;}
.newsinfo .title h1{font-size: 20px; color: #333; font-weight: bold; margin-top: 25px;}
.newsinfo .title p{font-size: 12px; color: #888; padding-top: 10px;}
.newsinfo .title span{margin: 0 15px;}
.newsinfo .title span .iconfont{color: #aaa; display: inline-block;vertical-align: middle; margin: -2px 1px 0 0;}

/*素材下载*/
.info-down{margin-left:-48px;}
.info-down li{ float:left; width:394px; min-height: 162px; background: #FAFAFA; padding: 23.5px 8px; margin:20px 0 0 48px;}
.info-down li .img{float: left;}
.info-down li .img img{width: 126px; height: 162px;}
.info-down li .text{float: right;width: 64%;}
.info-down li .text h4 a{display: block; font-size: 15px; color: #333; font-weight: bold; width:100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.info-down li .text p{font-size: 12px;color: #414446;line-height: 21px;overflow: hidden;height:84px;display: -webkit-box;-webkit-line-clamp: 4;
-webkit-box-orient: vertical;margin-top: 5px;}
.info-down li .a_list{margin-top: 15px;}
.info-down li .a_list a{display: inline-block;font-size: 12px;color: #666;width: 90px;border: 1px solid #ECECEC;background: #fff;border-radius: 24px;
text-align: center;margin-right: 26px; transition: all .3s;}
.info-down li .a_list .down .iconfont{display: inline-block;vertical-align: middle;color: #4CB0BA;font-size: 14px;margin-right: 10px;}
.info-down li .a_list  a:hover{color: #fff; background: #24838D; border-color: #24838D;}
.info-down li .text h4 a:hover{color: #24838D;}

/*表单*/
.change-words{margin-top: 20px;}
.change-words .ico-bar{margin-bottom: 15px;}
.change-words .ico-bar span{display: inline-block;width: 8%;text-align: right;}
.change-words .ico-bar input{width: 245px; height: 38px; border: 1px solid #ddd; text-indent: 5px;}
.change-words .ico-bar1{margin-top: -5px;}
.change-words .ico-bar1 input{width: 100px;}
.change-words .ico-bar1 img{margin-top: -2px; display: inline-block; vertical-align: middle; margin: -4px 0 0 4px;}
.change-words .ico-bar textarea{width: 235px; min-height: 115px;border: 1px solid #ddd;padding: 5px;}
.change-words .submit{width: 145px; height: 40px; background: #3C9AA4; color: #fff; margin-left:8.5%; font-size: 16px; border: none; border-radius: 5px;}