/* CSS Document */

*{margin: 0;padding: 0;}
html,body{font-family: "Microsoft Yahei",sans-self;font-size: 14px;color: #333;}
a{text-decoration: none;}
.clearfix:after{
    content: "";
    display: block;
    height: 0;
    clear:both;
    visibility: hidden;
}
.clearfix{
    *zoom: 1;
}
.container{width: 1200px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}

/*文章分页样式*/
#fenye{clear:both; width:100%;margin-top: 20px;}
#fenye a{text-decoration:none; display:inline;border-radius: 3px;line-height:25px;}
#fenye .prev,#fenye .next{width:52px; text-align:center;  line-height:25px;}
#fenye a.curr{width:22px;background:#0C9AD8; border:1px solid #0C9AD8; color:#fff; font-weight:bold; text-align:center;}
#fenye a.curr:visited {color:#fff;}
#fenye a{color:#333333;background:#fff; margin:0px 5px; border:1px solid #dcdddd; float:left; text-align:center;height:22px;line-height:22px}
#fenye a.num{width:22px;}
#fenye a:visited{color:#1f3a87;} 
#fenye a:hover{ float:left;}
#fenye span{line-height:30px; font-size:13px; height:30px;}

/*header*/
.header-top{background: #f1f2f3;border-bottom: 1px solid #ddd;font-size: 12px;height: 30px;line-height: 30px;color: #666;}
.header-mid{padding:20px 0;height: 100px;}
.header-mid table{width: 100%;height:100px;}
.header-mid .logo{width: 270px;}
.header-mid .slogan{width: 375px;}
.header-mid .slogan p{
    padding-left: 25px;
    color: #000;
    font-weight: bold;
    border-left: 1px solid #ddd;
    font-size: 16px;
    line-height: 2em;
}
.header-mid .tel{width: 555px;text-align: right;font-size:16px;line-height:2em;}
.header-mid .tel i{color:#ff2a00;}
.header-mid .tel span{font-size:24px;color:#ff2a00;font-weight:bold;}

.header-bot{background-color:#0cb153;height:50px;line-height:50px;}
.header-bot ul li{list-style:none;float:left;width:11.111111111%;text-align:center;}
.header-bot ul li a{color:#fff;display: block;}
.header-bot ul li:hover{background:#ff2a00;}


/*company*/
.company{padding:60px 0;}
.company .section-1{text-align: center;margin-bottom: 30px;}
.company .section-1 h3{font-size: 28px;font-weight: bold;margin-bottom: 10px;color:#ff2a00;}
.company .section-1 h3 span{color:#000;}
.company .section-1 p{font-size: 16px;}

.company .section-2 table{border-collapse: collapse;}
.company .section-2 td.img{width: 50%;padding-right: 15px;}
.company .section-2 td.img img{max-width: 100%;}
.company .section-2 td.info{width: 50%;padding-left: 15px;}
.company .section-2 td.info h4{font-size: 18px;margin-bottom: 10px;font-weight: bold;}
.company .section-2 td.info p{line-height: 2em;margin-bottom: 10px;color: #666;}
.company .section-2 td.info a{display: inline-block;padding: 6px 20px;color: #333;border:1px solid #0cb153;transition: all linear 0.4s;float: right;}
.company .section-2 td.info a:hover{background: #0cb153;color: #fff;}

.company .section-3{margin-top:20px;}
.company .section-3 ul li{width:358px;margin-right: 30px;float: left;border:1px solid #ddd;padding:10px;list-style: none;}
.company .section-3 ul li:last-child{margin-right: 0;}
.company .section-3 ul li img{max-width: 100%;}


/*service*/
.service{padding: 60px 0;background-color: #f5f2f0;border-top:1px solid #ddd;border-bottom: 1px solid #ddd;}
.service .section-1{text-align: center;}
.service .section-1 h3{font-size: 28px;font-weight: bold;margin-bottom: 10px;color:#ff2a00;}
.service .section-1 h3 span{color:#000;}
.service .section-1 p{font-size: 16px;}

.service .section-2 .item{
    -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    margin-top: 30px;
    margin-right: 30px;
    background-color:#fff;
    border: 1px solid #c5d8db;
    height: 246px;
    width:378px;
    float: left;
}
.service .section-2 .item:nth-child(3n){margin-right: 0;}
.service .section-2 .item .img{width: 100%;overflow: hidden;height: 189px;}
.service .section-2 .item .img img{width: 378px;height: 189px;transition: all ease 0.5s;}
.service .section-2 .item .info{padding: 18px 25px;font-size: 16px;}
.service .section-2 .item .info a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;color: #333;}

.service .section-2 .item:hover{
    -webkit-box-shadow: 0 0 15px rgba(186, 204, 207, 0.7);
    -moz-box-shadow: 0 0 15px rgba(186, 204, 207, 0.7);
    box-shadow: 0 0 15px rgba(186, 204, 207, 0.7);
}
.service .section-2 .item:hover img{transform: scale(1.2);}
a.more{display: block;
margin: 0 auto;
width: 4em;
padding: 10px 30px;
border: 1px solid #0cb153;
margin-top: 30px;
color:#666;
transition: all linear 0.4s;
}
a.more:hover{background-color: #0cb153;color: #efefef;}

/*case*/
.case{padding: 60px 0;}
.case .section-1{text-align: center;}
.case .section-1 h3{font-size: 28px;font-weight: bold;margin-bottom: 10px;color:#ff2a00;}
.case .section-1 p{font-size: 16px;}

.case .section-2 .item{margin-top:30px;margin-right: 30px;float: left;width:380px;}
.case .section-2 .item:nth-child(3n){margin-right: 0;}
.case .section-2 .item .img{overflow: hidden;}
.case .section-2 .item img{width: 380px;height: 253.333px; transition: all linear 0.4s;}
.case .section-2 .item .info{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #666;margin-top: 5px;}
.case .section-2 .item .info a{display: inline-block;color: #333;font-size: 16px;}


/*adv*/
.adv{background:url("../img/adv-bg.gif")center no-repeat;padding: 50px 0;color: #fff;}
.adv span.fl{padding-left: 100px;}
.adv h3{font-size: 28px;margin-bottom: 10px;margin-top:5px}
.adv h5{font-size: 18px;font-weight: normal;}
.adv span.fr{padding-right: 100px;text-align: center;}
.adv p{font-size:18px;padding:10px 30px;border: 1px solid #ddd;margin-bottom: 10px;}
.adv em{font-size: 18px;font-weight: bold;color: #ffe100;letter-spacing: 3px;}

/*youshi*/
.youshi .section{padding: 50px 0;}
.youshi .tit{text-align: center;padding-top:60px;padding-bottom: 30px;background: url("../img/ys_bj.png")bottom center no-repeat;}
.youshi .tit h3{font-size:28px;margin-bottom: 10px;background: linear-gradient(to right, rgba(0,128,209,.9) 0%, rgba(0,209,101,.9) 100%) top center/100% 100% no-repeat;background-attachment: local;-webkit-background-clip: text;background-clip: text;color: transparent; }
.youshi .section table{border-collapse: collapse;}
.youshi .section .img{width: 600px;}
.youshi .section .img img{max-width: 100%;}
.youshi .section:nth-child(odd){background: #f5f2f0;border-top:1px solid #ddd;border-bottom: 1px solid #ddd;}
.youshi .section:nth-child(even) .img,.youshi .section:nth-child(odd) .info{padding-left: 25px;}
.youshi .section:nth-child(even) .info,.youshi .section:nth-child(odd) .img{padding-right: 25px;}

.youshi .section .info{width: 600px;}
.youshi .section .info dl{padding-left: 90px;}
.youshi .section .info dt{float: left;width: 75px;margin-left: -90px;}
.youshi .section .info h4{font-size: 24px;font-weight: bold;color: #0cb153;padding-top:10px;margin-bottom: 5px;}
.youshi .section .info em{font-size: 14px;color: #999;font-style: normal;display: block;}
.youshi .section .info hr{border: 0;border-top: 1px solid #ddd;height: 1px;background-color: transparent;margin-top: 10px;margin-bottom: 10px;}
.youshi .section .info p{color: #666;line-height: 2em;padding-left: 1em;font-size: 16px;margin-bottom: 10px;}
.youshi .section .info p i{margin-left: -1em;margin-right: 0.5em;}


/*流程*/
.liucheng{padding:60px 0;}
.liucheng .tit{text-align: center;padding-bottom: 30px;background: url("../img/ys_bj.png")bottom center no-repeat;}
.liucheng .tit h3{font-size: 24px;color:#ff2a00;margin-bottom: 10px;}
.liucheng .tit p{color: #666;}
.liucheng .list{margin-top:50px;}
.liucheng .list table{width: 100%;border-collapse: collapse;}
.liucheng .list table td{text-align: center;}
.liucheng .list table td h5{font-size: 18px;font-weight: normal;margin-top:10px;}
.liucheng .list table td p{font-size: 10px;color: #666;}
.liucheng .list table td i{color:#999;}
.liucheng .list table td:nth-child(odd){width:180px;}
.liucheng .list table td:nth-child(even){width: 24px;}
.liucheng .list table td:hover h5,.liucheng .list table td:hover p{color:#0cb153;}

.liucheng .list dt{background: url("../img/liucheng.png")left top no-repeat;width:64px;height: 64px;margin: 0 auto;}
.liucheng .list dt.dt2{background-position: 0 -64px;}
.liucheng .list dt.dt3{background-position: 0 -128px;}
.liucheng .list dt.dt4{background-position: 0 -192px;}
.liucheng .list dt.dt5{background-position: 0 -256px;}
.liucheng .list dt.dt6{background-position: 0 -320px;}
.liucheng .list table td:hover dt.dt1{background-position: -64px 0px;}
.liucheng .list table td:hover dt.dt2{background-position: -64px -64px;}
.liucheng .list table td:hover dt.dt3{background-position: -64px -128px;}
.liucheng .list table td:hover dt.dt4{background-position: -64px -192px;}
.liucheng .list table td:hover dt.dt5{background-position: -64px -256px;}
.liucheng .list table td:hover dt.dt6{background-position: -64px -320px;}

.liucheng .contact{margin-top: 50px;padding: 50px 0;background-color: #fff;border: 2px dashed #0cb153;text-align: center;}
.liucheng .contact h3{font-size: 20px;margin-bottom: 20px;}
.liucheng .contact h3 i{color: #ff2a00;}
.liucheng .contact h3 span{color:#ff2a00;letter-spacing: 3px;font-size: 28px;}
.liucheng .contact p{width:60em;margin: 0 auto;line-height: 2em;}

/*新闻*/
.xinwen{padding-bottom: 50px;}
.xinwen .fl{width: 398px;border:1px solid #0cb153;}
.xinwen .fr{width:750px;}
.xinwen .tit{height: 40px;line-height: 40px;background-color: #0cb153;padding-left: 15px;border:1px solid #ddd;font-size: 16px;color: #efefef;}

.xinwen .tit a{float: right;margin-right: 15px;color: #efefef;font-size: 12px;}
.xinwen .tit a:hover{color: #ff2a00;font-weight: bold;}

.xinwen .fl .list{margin: 15px;overflow: hidden;height: 502px;}
.xinwen .fl .list ul{}
.xinwen .fl .list ul li{list-style: none;text-align: center;padding: 9px;border: 1px solid #ddd;margin-bottom: 15px;min-height: 236px;}
.xinwen .fl .list ul li a{color:#333;}
.xinwen .fl .list ul li img{max-width: 100%;max-height: 215px;}
.xinwen .fl .list ul li p{margin-bottom: 10px;margin-top: 3px;}
.xinwen .fl .list ul li:hover{border-color: #ff2a00;}
.xinwen .fl .list ul li:hover a{color:#ff2a00;}

.xinwen .fr .top{margin-bottom: 30px;}
.xinwen .fr .list{border: 1px solid #0cb153;border-top: 0;padding: 15px;}
.xinwen .fr .list ul{margin-top:-5px;}
.xinwen .fr .list ul li{list-style: none;height: 40px;line-height: 40px;border-bottom: 1px dashed #ddd;}
.xinwen .fr .list ul li a{float: left;width: 80%;overflow: hidden;display: inline-block;color: #333;}
.xinwen .fr .list ul li span{display: inline-block;width: 20%;text-align: right;}
.xinwen .fl .list ul li a:hover{color: #ff2a00;}


/*友情链接*/
.link{padding:20px 0;border-top:1px solid #ddd;}
.link p{padding-left: 6em;color: #999;line-height: 2em;}
.link p b{float: left;margin-left: -6em;color: #0cb153;}
.link a{display: inline-block;margin-left: 1em;margin-right: 1em;color: #333;}
.link a:hover{color: #ff2a00;}

/*底部*/
footer .f-nav{background: #0cb153;height: 40px;line-height: 40px;}
footer .f-nav nav{text-align: center;color: #fff;}
footer .f-nav a{display: inline-block;color: #fff;margin:0 15px;}
footer .f-nav a:hover{color:#ff2a00;}

footer .f-content{padding:20px 0;}
footer .f-logo{width: 270px;}
footer .f-logo img{max-width: 100%;}
footer .f-contact{width: 790px;padding-left: 25px;border-left: 1px solid #ddd;}
footer .f-contact h3{font-size: 20px;margin-bottom: 10px;}
footer .f-contact p{line-height: 2em;color: #666;}
footer .f-contact p a{color:#ff2a00;}
footer .wx{width:140px;text-align: center;}


/*main*/
.main{padding: 30px 0;}
.main .main-left{width: 275px;}
.main .main-right{width: 875px;}
.main .main-left .box{border: 1px solid #0cb153;margin-bottom: 30px;}
.main .main-left .box h3{font-size: 24px;color: #efefef;padding-top: 20px;padding-bottom: 10px;background-color: #0cb153;padding-left: 15px;}
.main .main-left .box h3 em{font-size: 12px;}
.main .main-left .box .nav{padding:0 15px 15px 15px;}
.main .main-left .box .nav li{list-style: none;height: 40px;line-height: 40px;border:1px solid #ddd;border-radius: 5px;margin-top: 15px;transition: all linear 0.4s;position: relative;padding:0 35px 0 15px;overflow: hidden;}
.main .main-left .box .nav li a{color:#333;display: block;}
.main .main-left .box .nav li i{position: absolute;right:15px;top:13px;}
.main .main-left .box .nav li:hover{background-color: #0cb153;}
.main .main-left .box .nav li:hover a{color: #efefef;}

.main .main-left .list{padding: 15px;}
.main .main-left .list h5{margin-top:10px;margin-bottom: 10px;font-size: 18px;}
.main .main-left .list p{padding:10px 0;border-bottom:1px dashed #ddd;line-height: 2em;}

.location{height: 30px;line-height: 30px;padding-top: 20px;padding-bottom: 10px;font-size: 16px;border-bottom:1px solid #ddd;}
.location a{color:#666;}
.location a:hover{color: #ff2a00;}

.main .main-right .content{margin-top:20px;}
.main .main-right .content h4{font-size: 16px;color: #000;margin-top: 10px;margin-bottom: 20px;text-align: center;}
.main .main-right .content p{color: #666;line-height: 2em;text-indent: 2em;margin-bottom: 10px;}
.main .main-right .content p img{margin-left: -2em;max-width: 100%;}
.main .main-right .content p iframe{margin-left: -2em;}

.main .main-right .list{padding-top: 20px;}
.main .main-right .list li{float: left;list-style: none;width:275px;margin-right: 25px;text-align: center;}
.main .main-right .list li:nth-child(3n){margin-right: 0;}
.main .main-right .list li .img{border:1px solid #ddd;position: relative;padding:5px;height: 174px;}
.main .main-right .list li .img img{max-width: 100%;max-height: 174px;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.main .main-right .list li a{color:#666;}
.main .main-right .list li a:hover{color:#ff2a00;}
.main .main-right .list li a:hover .img{border-color: #ff2a00;}
.main .main-right .list li p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 5px;margin-bottom: 10px;}


#service{padding-bottom:30px;}
#service .item{
    -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    margin-top: 30px;
    margin-right: 30px;
    background-color:#fff;
    border: 1px solid #c5d8db;
    height: 246px;
    width:378px;
    float: left;
}
#service .item:nth-child(3n){margin-right: 0;}
#service .item .img{width: 100%;overflow: hidden;height: 189px;}
#service .item .img img{width: 378px;height: 189px;transition: all ease 0.5s;}
#service .item .info{padding: 18px 25px;font-size: 16px;}
#service .item .info a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;color: #333;}

#service .item:hover{
    -webkit-box-shadow: 0 0 15px rgba(186, 204, 207, 0.7);
    -moz-box-shadow: 0 0 15px rgba(186, 204, 207, 0.7);
    box-shadow: 0 0 15px rgba(186, 204, 207, 0.7);
}
#service .item:hover img{transform: scale(1.2);}

#service h4{font-size: 16px;color: #000;margin-top: 20px;margin-bottom: 20px;text-align: center;}
#service #MyContent p{color: #666;line-height: 2em;text-indent: 2em;}
#service #MyContent p img{margin-left: -2em;max-width: 100%;}
#service #MyContent p iframe{margin-left: -2em;}

.main .main-right .news-list{}
.main .main-right .news-list li{padding:20px 0;border-bottom: 1px dashed #ddd;list-style: none;}
.main .main-right .news-list dl{padding-left: 1em;}
.main .main-right .news-list i{float: left;margin-top:5px;}
.main .main-right .news-list dt{height: 24px;line-height: 24px;margin-bottom: 10px;}
.main .main-right .news-list dt a{width: 85%;display: block;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;}
.main .main-right .news-list dt span{font-size: 12px;}
.main .main-right .news-list dd{line-height: 2em;color: #999;}

.main .main-right .news-list dt a:hover{color: #ff2a00;}
.main .main-right .news-list li:hover i{color: #ff2a00;}