@font-face {
  font-family: 'iconfont';  /* project id 455609 */
  src: url('//at.alicdn.com/t/font_455609_gt0xju823n8z1tt9.eot');
  src: url('//at.alicdn.com/t/font_455609_gt0xju823n8z1tt9.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_455609_gt0xju823n8z1tt9.woff') format('woff'),
  url('//at.alicdn.com/t/font_455609_gt0xju823n8z1tt9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_455609_gt0xju823n8z1tt9.svg#iconfont') format('svg');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 13px;
    font-style: normal;
}

.key_tag{text-decoration:underline;}

/*导航栏样式*/
#menu{
	width:940px;
	float: right;
}
.nav{height:90px;}
.nav li{line-height:90px;height:90px;text-align:center;width:116px;float:left;position:relative;z-index:999;}
.nav li a{display:block;color:#333333;font-size:16px;}
.nav li p{color:#524848;font-family:arial;font-size:13px}
.nav li a:hover{color:#fff;text-decoration:none;background:#49a6f7}

.nav li::after {
    content: '';
    display: block;
    margin-top: -10px;
    width: 30%;
    height: 1px;
    background: transparent;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
/*
.nav li:hover::after {
    width: 100%;
    background:#1079b4;
}
*/
.nav .sec {
    opacity: 0;
    background: #fff;
    color: #333333;
    overflow: hidden;
    z-index: 9999;
    position: absolute;
    top: 90px;
    left: 0px;
    transition: all 0.3s ease-out 0s;
    transform: translate3d(0px, 10px, 0px); 
    -moz-transform: translate3d(0px, 10px, 0px);
   	-webkit-transform: translate3d(0px, 10px, 0px); 
   	visibility: hidden;
}
.nav .sec a{background:#49a6f7;color:#fff;display:block}
.nav .sec li{line-height:50px;height:50px;border-bottom:1px dashed #5cb1fc}
.nav .sec a:hover{background:#2f9bf9;text-decoration:none;}

.nav li .sec.active{
    opacity: 1;
    visibility: visible;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px); 
}

/*首页banner*/
.banner{width:1920px;margin-left:-960px;left:50%;position:relative;height:612px;}
.banner ul.bb{position:relative;padding:0px;margin:0px;z-index:5;}
.banner ul.bb li{position:absolute;display:none;}
.banner ul.bb li img{height:612px;}
.banner .num{position:absolute;right:48%;bottom:40px;z-index:100;}
.banner .num li{width:14px;height:14px;display:inline-block;margin:0 4px;border:2px solid #fff;border-radius:50%;line-height:18px;
	text-indent:-100px;overflow:hidden;border-radius:10px;}
.banner .num li.num_hover{background-color:#fff;}
.banner .num li.num_hover a{color:#fff;}
.banner .num li a{float:left;display:block;text-align:center;color:#666;text-decoration:none;cursor:pointer;width:14px;height:14px;line-height:18px;}

#serve-list{margin:50px 0}
.serve-tit{margin-bottom:20px;}
.serve-tit img{display:block;margin:0 auto;}
.serve-tit h2{font-size:26px;color:#000;font-weight:bold;text-align:center}
.serve-tit h2 span{color:#49a6f7;font-size:20px;font-family:Arial;font-weight:normal;text-transform: uppercase;padding-left:10px;line-height:56px}

#serve-list .serve-con li:hover{box-shadow: 0 0 16px #ddd;}
#serve-list .serve-con li:hover .serve-more{background:#2998f9}
#serve-list .serve-con li{width:222px;height:416px;float:left;border-radius:4px;border:1px solid #e2e2e2;margin-right:20px;transition: all 0.6s ease 0s;}
#serve-list .serve-con li:last-child{margin-right:0;}

.serve-view{padding:54px 25px;text-align:center}
.serve-view img{display:block;width:124px;height:124px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.serve-img{border:2px solid #7dc1fc;width:134px;height:134px;border-radius:50%;margin:0 auto;}
.serve-img div{overflow: hidden;width: 124px;height: 124px;margin: 5px;border-radius: 50%;}
#serve-list .serve-con li:hover img {
	transform: scale(1.1, 1.1)
}
.serve-view h3{font-size:18px;color:#000;line-height:48px;font-weight:normal}
.serve-view p{font-size:13px;line-height:26px;color:#666;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 52px;}
.serve-view a.serve-more{width:114px;height:32px;display:block;background:#49a6f7;color:#fff;line-height:32px;margin:20px auto}

#nybanner{ height:320px; overflow:hidden; width:100%; margin:0 auto 20px;}
#nybanner img{ display:block; position:relative; left:50%; margin-left:-960px;}

.ny-content{width:1200px;margin:0 auto;margin-top:20px;;}

.side_case{background:#f2f2f2}
.side_case li{width:240px;margin:10px auto;}
.side_case li img{width:240px;height:218px;}
.side_case li p{font-size:14px;line-height:44px;text-align:center;}



.side_zy{width:260px;float:left}
.side_zy .side_nav {padding: 0px;margin: 0 auto 20px auto;text-align: left !important;}
.side_zy .side_nav li {position: relative;width: 260px;display: inline-block;margin: 0;text-align:left;background:#f4f4f4}
.side_zy .side_nav ul li a {
    display: block;
    height: 50px;
    line-height: 50px;
    border-radius:0;
    color: #222;
    font-size: 16px;padding-left:30px;
    overflow: hidden;
}
.side_zy .side_nav ul li:hover {
    height: 50px;
}
.side_zy .side_nav ul li a:hover {color:#fff;background:#f4f4f4;color:#49a6f7}
.spage_body_zy{width:910px;float:right}
.side_zy .side_nav a{border:0}


.side_contact ul{padding:10px}
.side_contact ul li{line-height:40px;height:40px;overflow:hidden;border-bottom:1px dashed #ccc}
.side_contact ul li a{display:block;white-space: nowrap;text-overflow: ellipsis;
overflow: hidden;}
.side{margin-bottom: 12px;}
.side_nav,.side_contact{width: 100%; margin-bottom: 15px; }
.side_nav li{padding:4px 0;}
.side_nav dt{line-height: 26px;padding: 0 14px;
color: #444;font-size: 14px;}
.side_nav_title{width: 260px; height:50px;line-height:50px;overflow: hidden;background:#49a6f7;color:#fff;}
.side_nav_title h3{margin-left: 30px; font-size: 18px; }
.side_nav li{ position:relative;width:150px;display: inline-block;margin:0 20px;text-align:center}
.side_nav a{display: block;height: 50px; line-height: 50px; border: 1px solid #ebebeb; color: #222; font-size: 16px;overflow: hidden;background:#f7f7f7}
.side_nav a:hover{background: #49a6f7;color:#fff}
.side_nav .sub{ position:absolute; left:260px; top:0; background-color:#fff; display:none;}
.side_nav .sub a{ padding-right:30px;}
.side_nav_hover{border-left: 5px solid #cc2520 !important; background: #f1f1f1 !important;}
.side_contact p{line-height: 36px;border-left: 5px solid #fff;
    color: #222;font-size: 14px;padding:0 10px;}

	
.current1 { font-size: 12px; height: 20px; line-height: 20px; padding: 20px; background: url(../img/tb1.png) left center no-repeat; }
.current1 a { color: #555; }
.current1 a:hover { color: #1765bb; }
	

.spage_body *{font-size:14px;}
.spage_body_title{width: 100%; height:50px; line-height: 50px; border-bottom: 1px solid #ebebeb;}
.spage_body_title h3{float:left; font-size: 18px; margin-left: 5px;}
.spage_body_title p{float:right;width:700px;text-align:right}
.case-view{float: left !important;text-align: left !important;}
.case_img{width:400px !important;height:310px !important}
.case_img img{width:400px !important;height:300px !important;}
.case_img_alt{width:460px !important;height:310px !important}
.spage_body_title a{color: #333;}
.spage_body_title a:hover{color:#b79e75;}




.article_list_news li{height:96px;background-color: #fff;
padding: 12px 4px;margin-bottom: 0px;border-bottom: 1px dashed #c6c6c6;}
.article_list_news li .date{width:90px;height:76px;text-align: center;background-color: #f7f7f7;float: left;padding-top: 10px;}
.article_list_news li .date .ri{font-size:28px;font-weight:bold;color:#acacac}
.article_list_news li .date .all{font-size: 12px;font-weight:normal;display: block;color:#888;}
.article_list_news li .content {float: right;width:792px;line-height: 14px;}
.article_list_news li .content h2 a{font-size:15px;display: block;
line-height: 40px;font-weight:normal;color:#333}
.article_list_news li .content p{height:44px;line-height:22px;overflow:hidden;font-size:12px;color:#999}

.article_list li{width: 100%;
    padding: 30px;
    border: 1px solid #eee;
    margin-bottom: 14px;}
.article_list li img{display:block;width:280px;height:186px;float:left}
.article_list li .news-r{width:860px;float:right}
.article_list li span{float:right; color: #4d4d4d; margin-right: 20px;font-weight: normal;}
.article_list li h2{color: #4d4d4d; margin-left:10px; font-size:14px; font-weight:bold; line-height:40px;}
.article_list li h2 span{ font-weight:normal; font-size:12px;}
.article_list li .ms{ padding:0px;font-size: 14px;color: #666;}
.article_list li h3{line-height: 23px;height:46px}
.article_list li a{color: #333;
    width: 80%;
    display: block;
    float: left;
    font-size: 16px;
font-weight: 600;}
.article_list li a.news-more{background: #49a6f7;
    padding: 4px 16px;
    border: none;color:#fff;width:90px;font-size:14px;text-align:center;margin:10px 0;}
    
.article_list li a.news-more:hover{color:#fff !important;background:#369bf2}
.article_list li:hover a{color:#49a6f7}
.article_list li:hover a.news-more{color:#fff}
.pagelist{width:45%; height:50px; line-height: 50px; text-align: center; margin:0 auto;    margin-left: 435px}
#pege li{float:left; margin:0 10px;}
select {
    border-radius: 0px;
    border-color: rgb(169, 169, 169);
}
.newview p {
    float: left;
}
.spage_body_content{padding-top: 20px;     padding-left: 81px;
    padding-right: 106px;    line-height: 28px;}
.news_title{width: 100%; height: 40px; text-align: center;}
.news_title h3{font-size:16px;}
.news_alt{height:22px;border-bottom: 1px solid #EBEBEB;  border-top: 1px solid #EBEBEB; text-align: center;}
.news_alt span{display: inline-block; height: 20px; margin-right: 20px; color: #666;}
.news_content{padding: 20px 0; min-height: 400px;color: #444;}
.news_content p{}
.newview{
    width: 100%;
    height: 50px;
    line-height: 50px;
border-bottom: 1px solid #ebebeb;}
.newview p{float:left}

.relevant a{color:#666}

.pro_list{width: 100%; margin: 10px 0 30px;}
.pro_list li{float:left; width: 280px; margin-right:14px; margin-bottom: 8px;}
.pro_list li:nth-child(4n){margin-right: 0px;}
.pro_list li:hover{box-shadow: 0 0 15px #ddd;}
.pro_list img{width:280px; height:200px;border:1px solid #ddd}
.pro_list p{color: #333; line-height: 30px; text-align: center; margin: 5px 5px 10px 5px; overflow: hidden; font-size:14px; font-weight:bold;overflow: hidden;white-space: nowrap;}
.pro_list p:hover{color:#da251d;}

.case_list li:nth-child(3n){margin-right: 0px;}
.case_list li:nth-child(4n){margin-right:14px;}

.albums_list li{width:180px;margin-bottom:10px}
.albums_list li img{width:180px;height:80px}
.albums_list li:nth-child(6n){margin-right:0}
.albums_list li:nth-child(4n){margin-right:14px !important}

/* pro_view */
.pro_view_img{float:left; width:520px; height: 370px;}
.pro_view_img img{width:516px; height: 366px; display:block;margin:0 auto;}
.pro_view_alt{float:right; width:620px; height: 370px;}
.pro_view_alt li{height: 40px; line-height: 40px; border-bottom: 1px dashed #ebebeb;}
.pro_view_alt li:first-child{height: 60px; line-height: 60px;}
.pro_view_alt li:last-child{border-bottom:none;}
.pro_view_alt>ul>li>a{display: block; margin-top: 20px; width: 200px; height:35px; line-height:35px; font-size: 16px; border: 1px solid #1c1c1c; color: #1c1c1c; text-align: center;}
.pro_view_alt>ul>li>a:hover{color:#fff; background:#008cd7;border:1px solid #008cd7}
.pro_view_con{width: 100%; margin:30px 0;}
.pro_view_con>h3{ width:1180px; height:50px; line-height: 50px; padding-left: 20px; background: #f1f1f1;}
.pro_view_txt{padding:20px; min-height: 50px;color: #444;width: 1160px;}
.pro_view_txt p{}
.relevant{width: 100%; height: 40px; line-height: 40px;border-top: 1px solid #ddd;
    margin-top: 20px; }
.relevant a{color:#333;}
.relevant a:hover{color:#cc2520;}
.news_view_page{border:1px solid #ddd;padding:20px 10px;width: 1178px;}
.news_view_page a{color:#666}

.news_view_page1{border:1px solid #ddd;padding:20px 10px;width:100%;}
.news_view_page1 a{color:#666}

.side_nav{padding:0px;margin: 0 auto;text-align: center;}
.side_nav ul{margin:0px; padding:0px; list-style:none;border: 0;}
.side_nav ul li:hover{height:42px;}
.side_nav ul li:hover ul{display:block;}
.side_nav ul li a{    display: block;
    height: 40px;
    line-height: 40px;
	border-radius:25px;
    border-bottom: 1px solid #d0d0d0;
    color: #222;
    font-size: 16px;

    overflow: hidden;}
.side_nav ul li ul{display:none;position:relative; top:-51px; left:260px;}
.side_nav ul li ul li{margin:0px; padding:0px; background-color:#f2f2f2;}
.sech{background-color:#f2f2f2;}
.side_nav ul li ul li:hover{background:#49a6f7;}
.side_nav ul li ul li:hover ul{visibility:visible;}
.side_nav ul li ul li a:hover{border-left: 5px solid #fff;}
.side_nav ul li ul li ul{visibility:hidden; position:relative; top:-37px; left:121px;}
.thirdh{background-color: #1E90FF;}