p{ margin: 0;}
a:hover{ text-decoration: none;}
.gz_top{ width: 100%; min-width: 1200px; min-height: 700px; background: url("../images/banner-index.jpg") no-repeat center;background-size:cover; position: relative;}
.hxys{width: 100%; min-width: 1200px; height: 580px; background: url("../images/top_bg02.jpg") no-repeat center;background-size:cover; position: relative;}
.hxys02{ background: url("../images/top_bg03.jpg") no-repeat center;}
.topBox{width: 100%; min-width: 1200px; height: 580px; background: url("../images/top_bg02.jpg") no-repeat center;background-size:cover; position: relative;}
.topBox2{ background: url("../images/top_bg03.jpg") no-repeat center;}
.header_bg{ width: 100%; background: url("../images/header_bg.png") ; height: 80px; line-height: 80px;}
.header{ width: 1200px; height: 80px; overflow:hidden;  margin: 0 auto; line-height: 60px;}
.header .logo{ float: left; width:300px;}
.header .logo a{ float:left; width:300px; height:30px; color:#fff; line-height:normal; margin-top:2px;}
.header .logo a h1{ font-weight:normal; float:left; font-size:26px; line-height:30px; margin:0 6px;}
.header .logo a img{ float:left; height:75px; margin-right:10px;}
.header .logo a p{ /*font-size:24px; */font-size:20px; margin-top:10px; /*margin-top:25px;*/}
.header .logo a span{ font-size:16px; }

.header .nav{ float: right;}
.header .nav li{ float: left; cursor:pointer;}
.header .nav li a{height: 30px; line-height: 30px; float: right; font-size:16px; color: #fff; padding:6px 15px;  margin: 18px 6px; background: none; transition: 0.3s;-moz-transition: 0.3s; /* Firefox 4 */-webkit-transition: 0.3s; /* Safari and Chrome */-o-transition: 0.3s; /* Opera */
}
.header .nav li a:hover{ background: #b0863e; /*animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;*/  transform: translate3d(0, 0, 0);  backface-visibility: hidden;  perspective: 1000px;box-shadow:2px 2px 4px #79736a;}
.header .nav li .cur{ background: #b0863e;box-shadow:2px 2px 4px #79736a;}
@media screen and (max-width:1200px){
    .header{ width: 1100px; height: 80px;  margin: 0 auto; line-height: 80px;}
	.header .nav li a{ font-size:12px;margin: 18px 0px;}
}
.banner_cont{ width: 1200px; height:300px; margin: 0 auto; color: #fff; position: absolute; top:50%; left: 50%; margin-top:-140px; margin-left: -600px;}
.banner_cont strong{ width: 1200px; display: block;  font-size: 70px; text-align: center; color: #fff; position:relative;}
.banner_cont strong img{ position:absolute; top:50%;}
.banner_cont strong img.lp{ left:140px;}
.banner_cont strong img.rp{ right:140px;}
.banner_cont .introduce{ width: 1200px; text-align: center; font-size: 38px; margin-top: 20px;}
.banner_cont ul{ width: 940px; text-align: center; margin: 0 auto; margin-top: 50px; animation: jianx 5s; }
.banner_cont ul li{  width: 425px; height: 65px; font-size: 18px; margin: 0 20px; text-align: center; float: left; line-height: 65px;}
.banner_cont ul li a{ width: 100%; height: 100%; display: block; color: #ffffff;}
.banner_cont ul li a img{ transition: 0.3s;}
.banner_cont ul li a:hover span img{transform:rotateY(180deg) ;}
.banner_cont ul li img{ vertical-align: middle;}

.topBox .txtinfo{ position:absolute; left:600px; bottom:110px;}


.every_top{ font-size: 30px;  text-align: center; padding: 70px 0 30px 0; color: #333;}
.every_top span{ display:inline-block; padding-bottom:10px; border-bottom:1px solid #cc0000;}
.every_top p{ font-size: 24px; padding-top:10px; color: #c5c8ca; letter-spacing:5px;}
.morelk{ width:167px; height:48px; line-height:48px; display:block; margin:0 auto; border-radius:8px; background-color:#d95257; color:#FFF; font-size:20px; text-align:center;box-shadow: -1px 3px 8px 1px #CCCCCC;}
.morelk:hover{ background-color:#dfae51; color:#FFF;}

.about{ margin-top:80px;}
.about .every_top{ padding: 10px 0 30px 0;} 
.about_cont .imgarea{ width:440px; float:left; padding-top:100px;}
.about_cont .txtarea{ width:740px; float:left; margin-left:19px;}
.about_cont .txtarea p{ font-size:18px; line-height:36px;}
.business{min-width: 1200px; background:url(../images/business_bg.jpg) top no-repeat; margin-top:90px; height:1100px;}
.business .every_top p{ font-size: 24px; padding-top:10px; color: #666666; letter-spacing:5px;}
.business .every_top em{ display:block; text-align:center; font-size:14px; color:#4c4b4b; font-style:normal; margin-top:15px;}
.business_cont{ width: 1200px; margin: 0 auto;}
.business_cont ul{ animation: jianx 8s;}
.business_cont ul li{ width: 270px; height: 366px; float: left; margin: 30px 15px 0; background-color:#FFF;box-shadow: -1px 3px 8px 1px #999999;}
.business_cont ul li:hover{/*animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;*/  transform: translate3d(0, 0, 0);  backface-visibility: hidden;  perspective: 1000px;  }
@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }
    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }
    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }
    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}
.business_cont .item{ display:block; height:360px; border:3px solid #FFF; text-align:center;}
.business_cont .item:hover{border:3px solid #F30;}
.business_cont .item img{}
.business_cont .item .text{ height:82px; overflow:hidden; margin: 5px 20px 10px; padding-top:15px; border-top:1px dashed #CCCCCC; text-align:left; font-size:16px; line-height:26px;}
.business_cont .moreb{ width:140px; height:40px; line-height:40px; background-color:#e3b55a; display:block; margin:0 auto; border-radius:8px; color:#FFF; font-size:20px; text-align:center;box-shadow: -1px 3px 8px 1px #CCCCCC;}
.business_cont .moreb:hover{ background-color:#d95257; color:#FFF;}
.business_cont .first{background-color:#d95257; }
/*核心优势*/
.advantage{ min-height:100%; padding-bottom:90px; background-color:#6D84D0; color:#FFF;}
.advantage_head{ font-size: 32px; text-align: center; padding: 60px 0; color:#FFF;}
.advantage_head h2{ height:32px; font-size: 32px;  margin-bottom:5px; margin-top:0px; font-weight:normal; line-height:100%; overflow:hidden;}
.advantage_head p{ display:inline-block; padding-top:2px; border-top:1px solid #f5f5f5; padding-left:5px; font-size:24px; font-weight:normal; letter-spacing: 5px;}
.advantage_cont li{ width:20%; float:left; text-align:center;}
.advantage_cont .advantage_item{ margin:0 10px;}
.advantage_cont .advantage_item h3{ font-weight:normal; font-size:28px; margin-bottom:15px;}
.advantage_cont .advantage_item p{ font-size:16px; line-height:1.8;}
.advantage_bottom{ width: 1200px; margin: 0 auto; margin-top: 60px;}
.advantage_bottom ul{ width: 1220px;}
.advantage_bottom ul li{ width: 292px; height: 180px; overflow: hidden; float: left;margin-right: 10px; position: relative;}
.advantage_bottom ul li img{ width: 292px; height: 180px;  transition: 0.3s;}
.advantage_bottom ul li:hover img{ margin-left: -10px; width: 312px; margin-top: -10px; height: 200px; }
.advantage_bottom ul li .text{ width: 280px; position: absolute; top: 40px; left: 50%; color: #fff; margin-left: -140px; text-align: center;}
.advantage_bottom ul li .text strong{ font-size: 30px;  }
.advantage_bottom ul li .text i{ width: 50px; height: 2px; background: #fbc28a; display: block; margin: 2px auto; }
.advantage_bottom ul li .text p{ font-size:16px; line-height: 24px; height: 48px; overflow: hidden; margin-top: 20px;}
.advantage_bottom02{ margin:60px auto 88px;}
/*评价和监督*/
.satisfaction{min-width: 1200px; background:url(../images/bg-pj.jpg) center no-repeat; height:740px; margin-top:90px;}
.satisfaction .every_top{ padding: 70px 0 30px 0;}
.satisfaction .every_top span{ color:#FFF;}
.satisfaction_cont{ width: 1200px; margin: 0px auto 100px;}
.satisfaction_cont ul{ display:block; width: 1200px;}
.satisfaction_cont ul li{ width: 270px; height: 240px; float: left; margin-right:40px;}
.satisfaction_cont ul li.mr0{ margin-right:0px;}
.satisfaction_cont ul li div{ padding:30px 18px 0; text-align:center;}
.satisfaction_cont ul li h1{ font-size:0; margin:15px 0 0 0; padding-left:18px;}
.satisfaction_cont ul li p{ margin-top:15px; padding:0 18px; font-size: 18px; line-height:36px; color:#fff; }

.demo{width:100px; }
.demo div{float:left; width:100px; margin: 35px 0 0 40px;}
.demo p{line-height:42px; font-size:16px}
.circliful {  position: relative;  }
.circle-text, .circle-info, .circle-text-half, .circle-info-half {  width: 100%;  position: absolute;  text-align: center;  display: inline-block; color: #fff;  }
.circle-info, .circle-info-half {  color: #999;  }
.circliful .fa {  margin: -10px 3px 0 3px;  position: relative;  bottom: 4px;  }

.ds_wrap{ width: 100%; background: #f5f5f5; padding-bottom: 65px;}

.case{ width: 1200px; margin-top: 20px; padding-bottom:20px; background:url(../images/case_middbg.png) center 120px no-repeat;}
.case ul{width: 300px; height: 40px; margin: 0 auto; margin-bottom: 50px;}
.case ul li{ width: 148px; float: left; background: #fff; text-align: center; line-height: 40px; border: 1px #cccccc solid; cursor: pointer; color: #666666; font-size: 18px;}
.case ul li:hover{ color: #fff; background: #cccccc;}
.case ul .cur{ color: #fff; background: #cccccc;}
.case_cont{ width: 544px; overflow: hidden; float: left; }
.case_cont>a{width: 544px; height: 198px;display: block; overflow: hidden; }
.case_cont>a img{ width: 544px; overflow: hidden;}
.case_list{ display: none;}
.case_list .case_cont:nth-child(2n){ float:right;}
.case_list h3 a{ width: 100%; height: 100%; display: block; overflow: hidden; font-size:20px; font-weight:normal; color:#333333;}
.case_list h3 a:hover{ color:#C30;}
.case_list .text{ font-size: 16px; color: #999; height: 60px; line-height: 28px; overflow: hidden;}
.case_list em{ font-style:normal; color:#CCC; display:block; text-align:right; font-size:16px; margin-top:15px;}
.case_list .hr{ border-top:1px dashed #CCCCCC;}

.friendlink{ width: 1200px;  margin: 0 auto; margin-top: 20px;}
.friendlink ul{ width: 1210px;}
.friendlink ul li{ width: 230px; height: 80px; float: left; margin-right: 12px;margin-bottom: 10px;}
.friendlink ul li a{ width: 230px; height: 80px; float: left; display: block;}
.friendlink ul li a img{ width: 100%; height: 100%;}
.friendlink ul li:hover a img{ opacity: 0.7;/*transform:rotateY(360deg);*/ transition: 0.3s;}

/*业务范围*/
.business_cont02 ul {  animation:none;}
.ywfwlr{ width:1200px; margin:60px auto 140px; border-top:#e0e7e8 1px solid;}
.ywfwlr_x{ float:left; margin-left:59px; width:1140px;border-left:#e0e7e8 1px solid; margin-top:80px; }
.ywfwlr_x h1{ font-size:24px; color:#209ff0; height:120px; line-height:120px; margin: 0 0 0 -60px;}
.ywfwlr_x h1 img{ margin-right:18px;} 
.ywfwlr_x h2{ float:left; height:30px; font-size:18px; color:#333; margin:20px 0 0 -20px;}
.ywfwlr_x h2 em{ display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; font-size:24px; color:#fff; margin-right:18px; background:#1e73ec; border-radius:5px; font-style:normal;}
.huda{ float:left; width:100%; margin-top:25px; margin-left:-20px; }
.huda em{ float:left;  font-style:normal; display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; font-size:24px; color:#fff; margin-right:18px; background:#209ff0; border-radius:5px;}
.huda_x{  float:left; width:1010px; font-size:16px; padding-bottom:30px; border-bottom:#e0e7e8 1px solid; margin-top:-5px;}
.huda_x p{ color:#999; line-height:28px;}
.ywfwlr_x .huda:last-child{position: relative;}
.ywfwlr_x .huda:last-child .huda_x{position: absolute; left:58px;}
/*关于我们*/
#down{width:1200px;margin:35px auto 100px; padding-bottom:70px; background-color:#f6f6f6;box-shadow:2px 2px 5px 1px #CCCCCC;}
#down:before{ content:".";display:block;height:0;visibility:hidden;}
#down:after{ content:".";display:block;height:0;visibility:hidden;}
#down .box1{margin:45px 50px 0;}
#down .box1>h2{width:100%; line-height:100%;border-bottom: 1px dashed #c9c7c7; padding:10px 0 20px; font-size:30px; font-weight:normal;}
#down .x{padding-top: 10px;}
#down .x div.lpic{width:446px;height:auto; float:left; margin-right:60px;}
#down .x div.rtxt{ width:590px;float:left; font-size:18px; line-height:32px; color:#666666;}

/*联系我们*/
.contact{ min-width:1200px; margin:0 auto; background-color:#f1f1f1;}
.contact_cont{ width:1100px; margin:0 auto; padding-bottom:90px;}

/*内容页列表页*/
.listPage{ padding:0 0 60px; margin-top:20px; color:#666; border-top:1px dashed #CCCCCC;}
.listPage ul{ display:block; width:1200px; margin:0 auto;}
.listPage li{ height:245px; overflow:hidden; padding:30px 0; border-bottom:1px dashed #CCCCCC;}
.listPage li .picarea{ width:365px; height:245px; overflow:hidden; float:right;}
.listPage li .picarea img{ width:365px; height:245px;}
.listPage li .txtarea{ width:685px; height:245px; float:left;}
.listPage li h3{ font-size:24px; margin:30px 0 20px; font-weight:normal; color:#000;}
.listPage li p{ font-size:16px; line-height:180%;}
.listPage li span{ display:block; text-align:right; padding:15px 0 0 0;}
.listPage li a{ display:block;}
.article-bg{ padding:50px 0; background-color:#f5f5f5;}
#article{ width:800px; margin:0 auto; background-color:#FFF; padding:50px 100px;}
#article h1{ font-size:26px; font-weight:600;  padding:5px 0 0px 0; text-align:center;}
#article h1.pb40{ padding-bottom:40px;}
#article .toolbar{border-bottom:dashed 1px #D6D6D6; font-size:12px; color:#999; padding-top:15px; padding-bottom:20px; margin-bottom:30px; text-align:center;}
#article .content{ padding-bottom:60px; font-size:16px; line-height:1.8; color:#333}

/* 分页 */
#pages { padding:10px 0 60px; text-align:center;}
#pages li { display:inline-block; height:22px; line-height:22px; font-size:20px; text-align:center; color:#333; padding:5px 15px;}
#pages li.thisclass a { color:#F90}
#pages li:hover { background:#f1f1f1; color:#000; text-decoration:none }