* {
    margin: 0;
    padding: 0;
}
body {
    font-family: "微软雅黑",Arial;
}
div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dd, dt, img, p, form {
    border: 0 none;
    margin: 0;
    padding: 0;
}
ul, ol, li {
    list-style: outside none none;
}
input {
    font-family: Arial;
    margin: 0;
    padding: 0;
    text-shadow: none;
}
table {
    border-collapse: collapse;
}
a {
    text-decoration: none;
}
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.con{ width: 1200px; margin: 0 auto;}


/*首页*/
.top{width: 100%;}
.logo{float: left;margin-top: 8px;}
.logo img{display: block;}
.nav{float: right;width: 742px;}
.nav ul li{width: 106px;float: left;text-align: center;}
.nav ul li a{line-height: 100px;font-size: 16px;color: #333;}
.nav ul li:hover{background: #32accb;}
.nav ul li:hover a{color: #fff;}
.nav ul li.on{background: #32ACCB;}
.nav ul li.on a{color: #FFFFFF;}


/*banner*/
.banner{width: 100%;}
.slideBox{ width:100%; position:relative; }
		.slideBox .hd{ height:20px; overflow:hidden; position:absolute;
		 			   bottom:10px; z-index:1;padding: 0 46%; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;width: 110px;  }
		.slideBox .hd ul li{ float:left; margin:0 12px;  width:12px; height:12px; text-align:center; background:#fff; cursor:pointer;
		                     border-radius:6px ; }
		.slideBox .hd ul li.on{ background:#37cce5; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd li a{  width: 100%; display: block;}
		.slideBox .bd img{ width:100%;display: block; margin: 0 auto; }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow1.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }

/*服务*/
.fuwu{width: 100%;background: #f7f7f7;}
.fuwu_nr{width: 100%;}
.fuwu_nr ul Li{float: left;width: 299px;height: 200px;border-right:1px solid #c1c1c1 ;}
.fuwu_nr ul Li:last-child{border-right:0 ;}
.fuwu_nr_img{float: left;margin: 65px 0 0 20px;}
.fuwu_nr_p{float: left;margin: 68px 0 0 24px;}
.fuwu_nr_p1{font-size: 22px;color: #32ACCB;}
.fuwu_nr_p2{font-size: 16px;color: #666;margin-top: 10px;}


/*about*/
.sy_about{width: 100%;}
.sy_about_n{width: 100%;background: url(../img/sy_about_bg.jpg) no-repeat;
            padding: 80px 0 60px 0;}
.sy_about_n_img{float: left;}
.sy_about_n_img img{display: block;}
.sy_about_n_p{width: 566px;float: right;}
.sy_about_n_p1{text-align: center;font-size: 24px;color: #32ACCB;font-weight: 600;
              margin:26px 0 40px 0;}
.sy_about_n_p2{font-size: 16px;color: #333333;line-height: 28px;text-indent: 32px;}

.sy_about_more{width: 140px;border: 1px solid #32ACCB;text-align: center;margin: 60px 38% 0 38%;}
.sy_about_more a{line-height: 46px;font-size: 18px;color: #32ACCB;}
.sy_about_more:hover{background: #32ACCB;}
.sy_about_more:hover a{color: #FFFFFF;}


/*case*/
.sy_case{width: 100%;background: url(../img/sy_anli_bg.jpg) no-repeat;}
.sy_case_bt{margin: 40px 0 60px 0;}
.sy_case_n{}
.sy_case_n ul li{float: left;margin:0 36px 20px 0;position: relative;overflow: hidden;}
.sy_case_n ul li:nth-child(3n){margin-right: 0;}
.sy_case_n_p{width: 376px;line-height: 50px;background: rgba(0,0,0,0.5);
            text-align: center;font-size: 18px;color: #FFFFFF;position: absolute;z-index: 2;
            margin-top: 230px;}
.sy_case_n_img{position: relative;width: 376px;height: 280px;}
.sy_case_n_img img{display: block;}
.zhezhao{width: 376px;height: 280px;background: rgba(0,0,0,0.5);text-align: center;
		position: absolute;z-index: 3;height: 0;bottom: 0;}
.zhezhao_p1{font-size: 22px;color: #FFFFFF;padding: 80px 0 65px 0;}
.zhezhao_p2{width: 140px;line-height: 46px;border: 1px solid #FFFFFF;border-radius:6px  ;
            margin: 0 118px;font-size: 18px;color: #FFFFFF;}
.sy_case_n ul li:hover .zhezhao{ 
	height: 280px;
	transition: .6s;
	-moz-transition:.6s;
	-webkit-transition: .6s; 
	-o-transition: .6s; 
}
.sy_case_n ul li:hover .sy_case_n_p{
	opacity: 0;
	transition: .4s;
	-moz-transition:.4s;
	-webkit-transition: .4s; 
	-o-transition: .4s; 
}

.sy_case_more{width: 140px;border: 1px solid #32ACCB;text-align: center;margin: 60px 44% 60px 44%;}
.sy_case_more a{line-height: 46px;font-size: 18px;color: #32ACCB;}
.sy_case_more:hover{background: #32ACCB;}
.sy_case_more:hover a{color: #FFFFFF;}



/*新闻中心*/
.sy_new{width: 100%;margin: 30px 0;}
.sy_new_n_left{float: left;margin: 40px 0;}
.sy_new_n_left_img{width: 380px;height: 458px;overflow: hidden;position: relative;}
.sy_new_n_left_img img{ width:auto; margin:0 auto; overflow:hidden; transition: all 
 
0.5s; display:block;}

.sy_new_n_left_img:hover img {transform: scale(1.1);}
.sy_new_n_left_p{width: 380px;height: 166px;background: rgba(0,0,0,.5);
                 padding: 10px;box-sizing: border-box;position: absolute;z-index: 1111;
                 margin-top: 292px;}
.sy_new_n_left_p h1{font-size: 20px;color: #FFFFFF;font-weight:normal;
                    white-space:nowrap; text-overflow:ellipsis;overflow: hidden;}
.sy_new_n_left_p p{font-size: 16px;color: #FFFFFF;line-height: 28px;margin-top: 10px;
                   display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
     overflow: hidden;}
.sy_new_n_right{float: right;width: 770px;margin: 40px 0;}

.sy_new_n_right_bt{border-bottom: 1px solid #e9e9e9;overflow: hidden;padding-bottom: 16px;}
.sy_new_n_right_bt ul{float: left;}
.sy_new_n_right_bt ul li{float: left;margin-right: 40px;}
.sy_new_n_right_bt ul li a{font-size: 20px;font-weight: 600;color: #333;}
.sy_new_n_right_bt ul li:hover a{color: #32accb;}
.sy_new_n_right_bt ul li.on a{color: #32accb;}
.sy_new_n_right_bt p{float: right;margin-top: 8px;}
.sy_new_n_right_bt p a{font-size: 16px;color: #999999;}
.sy_new_n_right_n_img{float: left;width: 150px;height: 118px;overflow: hidden;}
.sy_new_n_right_n_img img{ width:auto; margin:0 auto; overflow:hidden; transition: all 
 
0.5s; display:block;}

.sy_new_n_right_n_img:hover img {transform: scale(1.1);}
.sy_new_n_right_n{margin-top: 10px;border-bottom: 1px solid #e9e9e9;padding-bottom: 10px;}
.sy_new_n_right_n_p{float: right;width: 600px;}
.sy_new_n_right_n_p h1{font-size: 18px;color: #333;font-weight: normal;margin: 10px 0 14px 0;
 						white-space:nowrap; text-overflow:ellipsis;overflow: hidden;}
.sy_new_n_right_n_p p{font-size: 16px;color: #666;line-height:28px;
 						display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
     overflow: hidden;}
.sy_new_n_right_n_p:hover h1{color: #32accb;}
.sy_new_n_right_n_p:hover p{color: #32accb;}



/*底部*/
.footer{width: 100%;background: #222222;}
.footer_p{float: left;width: 850px;}
.footer_p1{font-size: 26px;color: #FFFFFF;padding: 38px 0 42px 0;}
.footer_p2{font-size: 16px;color: #FFFFFF;line-height: 34px;}
.footer_img{float: right;text-align: center;margin-top: 58px;}
.footer_img1{width: 136px;height: 136px;}
.footer_img1 img{width: 100%;}
.footer_img p{font-size: 18px;color: #FFFFFF;margin-top: 20px;}

.banquan{text-align: center;border-top:1px solid #474747 ;padding: 20px 0;margin-top: 20px;}
.banquan_p1{color: #FFFFFF;}
.banquan_p1 a{font-size: 16px;color: #FFFFFF;margin: 0 10px;}
.banquan_p2{font-size: 14px;color: #FFFFFF;margin-top: 10px;}



/*内页*/

/*about*/
.about_banner{width: 100%;}
.about_banner img{width: 100%;display: block;}

.about_n{width: 100%;}
.about_n_bt{text-align: center;margin: 60px 0;}
.about_n_bt_p1{font-size: 28px;color: #333333;margin-bottom: 24px;}
.about_n_bt_p2{font-size: 20px;color: #32ACCB;}

.about_n_jj p{font-size: 16px;color: #666666;line-height: 28px;}
.about_n_jj img{margin: 30px 22%;}
.about_n_kh{margin: 40px 0 80px 0;}
.about_n_kh_p{font-size: 20px;color:#32accb;}
.about_n_kh_p1 ul li{float: left;width: 190px;height: 118px;background: url(../img/about_bg1.png) no-repeat;
                     margin: 22px 60px 0 0;text-align: center;font-size: 18px;color: #32accb;line-height: 32px;
                    padding: 24px 16px 0 16px;box-sizing: border-box;}
.about_n_kh_p1 ul li:nth-child(5n){margin-right: 0;}


/*new*/
.new_nav{width: 100%;background: #f5f5f5;}
.new_nav_n ul li{float: left;width: 200px;text-align: center;margin: 0 200px 0 200px;}
.new_nav_n ul li a{line-height: 100px;font-size: 20px;color: #333;}
.new_nav_n ul li:hover{background: #44b3d0;}
.new_nav_n ul li:hover a{color: #fff;}
.new_nav_n ul li.on{background: #44b3d0;}
.new_nav_n ul li.on a{color: #fff;}

.new_n{margin: 40px 0;}
.zy_new{width: 100%;background: #f7f7f7;overflow: hidden;margin-top:20px ;padding: 12px;}
.zy_new_img{float: left;width: 204px;height: 136px;overflow: hidden;}
.zy_new_img img{ width:auto; margin:0 auto; overflow:hidden; transition: all 
 
0.5s; display:block;}

.zy_new_img:hover img {transform: scale(1.1);}
.zy_new_p{width: 720px;float: left;padding-left: 40px;padding-top: 8px;}
.zy_new_p h1{font-size: 18px;color: #333333;font-weight: normal;padding: 10px 0;}
.zy_new_p p{font-size: 14px;color: #666666;line-height: 24px;padding-top: 10px;
             display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
     overflow: hidden;
}
.zy_new_p1{float: right;margin:14px 36px 0 0;}
.zy_new_sj{font-size: 20px;color: #999999;}
.zy_new_more{width: 104px;height: 34px;background: #44b3d0;border-radius:17px;
             text-align: center;line-height: 34px;color: #ffffff;font-size: 16px;
             margin-top: 60px;}

.zy_new:hover{background: #44b3d0;}
.zy_new:hover .zy_new_p h1{color: #FFFFFF;}
.zy_new:hover .zy_new_p p{color: #FFFFFF;}
.zy_new:hover .zy_new_p1 .zy_new_sj{color: #FFFFFF;}
.zy_new:hover .zy_new_p1 .zy_new_more{color: #44b3d0;background: #fff;}

.yema{text-align: center;margin: 40px 0;}



/*pro*/
.pro_nav_n ul li{float: left;width: 200px;text-align: center;margin-right: 130px;}
.pro_nav_n ul li:last-child{margin-right: 0;}
.pro_nav_n ul li a{line-height: 100px;font-size: 20px;color: #333;}
.pro_nav_n ul li:hover{background: #44b3d0;}
.pro_nav_n ul li:hover a{color: #fff;}
.pro_nav_n ul li.on{background: #44b3d0;}
.pro_nav_n ul li.on a{color: #fff;}

.pro_n{width: 100%;margin: 80px 0;}
.pro_n_p1{width: 100%;}
.pro_n_p1_z{float: left;font-size: 20px;color: #333;}
.pro_n_p1_z span{font-size: 20px;color: #44b3d0;font-weight: 600;}
.pro_n_p1_y{float: right;font-size: 20px;color: #333;}
.pro_n_p1_y span{font-size: 20px;color: #44b3d0;font-weight: 600;}
.pro_n_p1 img{margin: 50px 0;}

.pro_n_p2_h1{font-size: 20px;color: #333;font-weight: 600;}
.pro_n_p2_h2{font-size: 16px;color: #666;margin-top: 16px;}
.pro_n_p2 img{margin: 40px 0;}
.pro_n_p2_h3{font-size: 18px;color: #333;margin-top: 16px;}
.pro_img8{float: left;}
.pro_img9{float: right;}



.case_n{margin: 60px 0;}




.zhaopin{width: 100%;background: #f7f8fc;overflow: hidden;margin-top: 30px;}
.zhaopin_sj{width: 140px;background: #33accb;float: left;text-align: right;}
.zhaopin_sj_p1{font-size: 60px;color: #FFFFFF; padding: 30px 20px 16px 0;}
.zhaopin_sj_p2{font-size: 14px;color: #FFFFFF;padding:0 20px 30px 0;}
.zhaopin_n{float: left;padding-left: 40px;}
.zhaopin_n h1{font-size: 20px;color: #333333;font-weight: normal;padding: 30px 0 10px 0;}
.zhaopin_n p{font-size: 14px;color: #666666;margin-top: 20px;}
.zhaopin_more{float: right;width: 120px;height: 40px;line-height: 40px;text-align: center;
             border: 1px solid #999999;color: #999;margin: 100px 40px 0 0;}

.zhaopin_n h1:hover{color: #33accb;}
.zhaopin_n p:hover{color: #33accb;}
.zhaopin_more:hover{background: #33accb;color: #FFFFFF;border: none;}




.lianxi_n{margin: 40px 0;}
.lianxi_n_p{width: 100%;background: url(../img/lianxi_bg.jpg) no-repeat;
            background-size:100% ;padding: 50px 0 60px 60px;box-sizing: border-box;}
.lianxi_n_p1{font-size: 24px;color: #333333;}
.lianxi_n_p2{font-size: 22px;color: #333333;margin: 8px 0 20px 0;}
.lianxi_n_p3{font-size: 16px;color: #333333;line-height: 40px;}
.map{margin: 40px 0;}
.lianxi_bd_bt{text-align: center;font-size: 20px;color: #333;}
.lianxi_bd_n{margin: 40px 0 80px 0;}
.lianxi_bd_n_name{width: 570px;height: 56px;background: #f3f3f3;border: none;
                  border-radius:6px ;}
.lianxi_bd_n_phone{width: 570px;height: 56px;background: #f3f3f3;border: none;
                  border-radius:6px ;margin-left: 54px;}
.lianxi_bd_n_yx{width: 570px;height: 56px;background: #f3f3f3;border: none;
                  border-radius:6px ;margin-top: 20px;}
.gongsi{width: 570px;height: 56px;background: #f3f3f3;border: none;
                  border-radius:6px ;margin:20px 0 0 54px;}
.lian_ly{width: 1200px;height: 160px;background: #f3f3f3;border: none;
         border-radius:6px ;margin:20px 0;}
.cxtx{width: 570px;height: 56px;background: #808080;border: none;
      font-size: 18px;color: #fff;}
.lianxi_tj{width: 570px;height: 56px;background: #e87e14;border: none;
      font-size: 18px;color: #fff;margin-left: 54px;}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    padding-left: 10px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  padding-left: 10px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   padding-left: 10px;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   padding-left: 10px;
}  



.page{}
.page ul.pagination{ padding:10px; text-align:center;}
.page ul.pagination li{ display:inline-block; margin:0 5px;}
.page ul.pagination li a{ display:block; padding:5px 8px; border:1px solid #eee; text-decoration:none;}
.page ul.pagination li:hover a,
.page ul.pagination li.active a{ background-color:#0ae; color:#fff;}
.page ul.pagination li.disabled{ font-size:18px;}