﻿.container{max-width:1200px;}

/*网站公共样式*/
.clear{clear:both;overflow:hidden;}
.info-content{font-size:15px;line-height:2.5;margin:0 auto;max-width:1000px;}
a{color:#000;text-decoration:none;}                                            
a:hover{color:#3fbe72}
a:focus{color:#3fbe72}
a.btn-more{display:inline-block;width:140px;height:34px;line-height:34px;border:1px #CCC solid;color:#999;transition:all 0.5s ease;font-size:14px;transition:all 0.5s ease;text-align:center;margin:0px auto;margin-top:30px}
a.btn-more:hover{background:#40312f;border-color:#40312f;color:white;}
.banner{height:500px\9!important;overflow:hidden\9!important;overflow:hidden;} /*兼容ie低版*/

/*遮罩层*/
.mask-bg{position:fixed;width: 100%;height:100%;display:none;height:100vh;background-color: rgba(0, 0, 0, .7);overflow:hidden;z-index:99;top: 0;left: 0;}
.mask-bg.active{display:block;}

.back {transform: rotateY(-180deg);transform-style: preserve-3d;transition: ease-in-out 600ms;}
.ycxs{display:none;}

.logo img{max-width:100%;width:auto;}



/*自定义导航动画，也可以用animater.css中的动画，需要在script.js中修改*/
.nav .animated,.sub-nav .animated{-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.navSlide{-webkit-animation-name:navSlide;animation-name:navSlide}
@keyframes navSlide{0%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;visibility:visible}100%{-webkit-transform:translateY(0);opacity:1;transform:translateY(0)}}

/*主菜单*/
@media (min-width:1000px) /*pc端*/
{
    .header2{background:#000;color:#d9d9d9;line-height:35px;font-size:12px;}
    .toplxfs span{display:inline-block;padding-left:25px;}
    .toplxfs .s1{background:url(images/tel.png) no-repeat left center;background-size:auto 15px;}
    .toplxfs .s2{background:url(images/mail.png) no-repeat left center;background-size:auto 15px;margin-left:10px;}
    .topqqweixin{text-align:right;}
    .header1 {padding:0px 0;}
    .header1 .logo{margin:15px 0;display:block}
    .header1 .nav-toggle{display:none}
    .header1 .nav{padding-left:100px;}
    .nav > ul{float:right;}
    .nav>ul>li{float:left;text-align:center;margin:0 5px;}
    .nav>ul>li>ul{position:absolute;}
    .nav>ul>li>a{display:block;text-align:center;font-size:14px;position:relative;line-height:40px;height:40px;padding:0 15px;position:relative;border-radius:5px;margin-top:25px;}
    .nav>ul>li>a>p{font-size:13px}
    .nav>ul>li.active>a{background:#3fbe72;color:#FFF;}
    .nav>ul>li:hover >a{background:#3fbe72;color:#FFF;}
    .nav li:hover>ul{display:block}
    .nav ul li ul li a{display:block;width:100%;text-align:center;color:#000; font-size:15px;line-height:50px}
    .nav ul li ul li a:hover{text-decoration:none;color:#000;background:#eee}
    .nav ul li{position:relative}
    .nav ul li .arrow{display:none}
    .nav ul li ul{background:#fff;display:none;position:absolute;left:-20%;z-index:200;width:150px}
    .nav ul li ul li ul{left:100%;top:0px;display:none}


    .kuaijiepic{float:right}
    .kuaijiepic div.phbox {width: 20px;height: 20px;position: relative;margin:5px auto 0 auto;}
    .kuaijiepic .worksbox {width: 46px;height: 36px;position: relative;float: left;border-right:1px solid #949494;text-align:center}
    .kuaijiepic .worksbox.linend {padding-right: 0;}
    .kuaijiepic .worksbox a {border-style: none;background-color: none;padding: 3px;display: block;}
    .kuaijiepic .worksbox a:hover {border-style: none;background-color: #fffff;text-decoration: none;}
    .kuaijiepic .worksbox a span {display: none;text-align: center;font-size: px;}
    .kuaijiepic .worksbox a:hover span {font-size: 14px;display: block;background-color: #fffff;;width: 60px;position: absolute;bottom: 28px;left: 0px;line-height: 22px;z-index: 5;}
    .kuaijiepic .worksbox a img {width: 20px;height: 20px;}
    .kuaijiepic div.phbox{position:relative}
    .kuaijiepic div.phbox img.phfront {position: absolute;left: 0;top: 0;z-index: 2;}
    .kuaijiepic div.phbox img.phback {height: 20px;z-index: 3;position: absolute;left: 0;top: -20px;}
    .kuaijiepic div.phbox .erweima{position:absolute;top:20px;left:-20px;z-index:100;padding:10px 10px;width:120px;display:none;height:120px;}
    .kuaijiepic div.phbox .erweima img{width:100%;height:100%;}
    #worksbox1:hover .erweima{display:block}


}

@media (max-width:1000px) /*手机端*/
{
.header2{display:none;}
.header1 {padding:0px 0;}
.header1 .logo{line-height:60px;text-align:left;margin-left:10px;}
.header1 .logo img{height:auto;width:auto;max-width:250px;max-height:40px;}
.header1 .nav-toggle{position:absolute;right:0px;top:0px;font-size:20px;color:#000;min-width:60px;height:60px;line-height:60px;text-align:center;cursor:pointer;z-index:1;}
.header1 .nav-toggle.active{color:#ccc;}


.topcoms .col-xs-12{padding:0 0;}

.nav{position:fixed;z-index:100;top:0px;right:0px;width:0px;background:#fff;height:100%;height:100vh;opacity:0;transition: all 0.2s linear;overflow-y:auto}
.nav.active{opacity:1;width:300px;max-width:60%}
.nav ul li{line-height: 45px;text-align:left}
.nav ul li ul{display:none;} /*二级ul样式*/
.nav ul li a{padding-left:30px;display:block;color:#999;font-size:15px;line-height:3.5;border-bottom: 1px solid #dcdcdc}
.nav ul li ul li a{padding-left:60px;font-size:14px;background-color:#eeeeee}
.nav ul li ul li ul li a{padding-left:90px;}
.nav ul li ul li ul li li a{padding-left:120px;}
.nav ul li{position:relative;}
.nav ul li .arrow{position:absolute;right:0px;top:0px;width:50px;height:50px;line-height:50px; text-align:center;transition-duration:0s}
.nav ul li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}

.nav ul li.current > a{color:#5a342b;}
.nav ul li.active > ul{display:block}
.nav ul li.active > .arrow{transform:rotate(90deg)}
}


/*子栏目样式*/
.web_navs1{}
.zlm_dhxl{position:absolute;top:12px;right:10px;display:none;cursor:pointer;}
.zlm_dhxl i{font-size:18px;color:#FFF;}
.sub-nav-box {clear: both;position: relative;}
.sub-nav-box .sub-nav-title{text-align:center;padding:40px 0;background-size:100% auto;display:none;}
.sub-nav-box .sub-nav-title span{display:block;color:#FFF;}
.sub-nav-box .sub-nav-title .s0{font-size:20px;font-weight:bold;}

.sub-nav-box .sub-nav{clear:both;text-align:center;width:100%;overflow:visible;background:#f6f6f6;}
.sub-nav-box .sub-nav li{position:relative;display:inline-block;}
.sub-nav-box .sub-nav li a{padding:0 30px;display:block;line-height:45px;font-size:14px;text-align:center;color:#666;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";font-size:15px;}
.sub-nav-box .sub-nav li a:hover{background:#3fbe72;color:#Fff;}
.sub-nav-box .sub-nav ul li ul li a:hover{background:#f1f1f1;color:#000;}
.sub-nav-box .sub-nav li ul{display:none;width:100%;position:absolute;top:45px;left:0px;z-index:10;}
.sub-nav-box .sub-nav li ul li{display:block;position:relative;}
.sub-nav-box .sub-nav li ul li ul{position:absolute;top:0px;left:100%;}

.positions{position:absolute;top:45px;left:0px;background:#FFF;border:1px solid #DDD;z-index:100;}

.sub-nav-box li .arrow{display:none;position:absolute;right:0px;top:0px;width:45px;height:45px;line-height:45px; text-align:center;transition-duration:0.1s;cursor:pointer}
.sub-nav-box li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}


.sub-nav-box .sub-nav li.current > a{background:#3fbe72;color:#Fff;}
.sub-nav-box .sub-nav ul li ul li.current > a{background:#f1f1f1;color:#000;}
.sub-nav-box .sub-nav li.active > .arrow{transform:rotate(90deg)}


@media screen and (min-width:1000px){
    .sub-nav-box .sub-nav li:hover > ul{display:block}
}



@media screen and (max-width:1000px) {
    .web_navs1{margin-top:20px;}
    .zlm_dhxl{display:block;}
    .sub-nav-box .sub-nav-title{display:block;padding:0px 0px;background:#8c9935}
    .sub-nav-box .sub-nav-title .s0{font-size:16px;color:#FFF;padding:10px 0;text-align:left;padding-left:10px;}
    .sub-nav-box .sub-nav-title .s1{display:none}
    .sub-nav-box li .arrow{display:block;}
    .sub-nav-box .sub-nav{clear:both;text-align:left;width:100%;overflow:visible;background:#fafafa;margin:0 0 0px 0;}
    .sub-nav-box .sub-nav ul{display:none;}
    .sub-nav-box .sub-nav li{width:100%;padding:0px;text-align:left;position:relative;display:inline-block;}
    .sub-nav-box .sub-nav li a{padding-left:20px;text-align:left;}
    .sub-nav-box .sub-nav li.active > ul{display:block}
    .sub-nav-box .sub-nav li a:hover{background:#f1f1f1;color:#000;}
    .sub-nav-box .sub-nav li.current > a{background:#f1f1f1;color:#000;}
    .sub-nav-box .sub-nav li ul{position:static;top:0px;}
    .sub-nav-box .sub-nav li ul li ul{position:static;top:0px;left:0px;}
}


.centered-btns_nav { position: absolute; top: 50%; z-index: 2; width: 38px; height: 61px; margin-top: -40px; line-height: 200px;  overflow: hidden; opacity: 0;}
.wrap .prev{background:url(images/preImg.png) no-repeat left center;left:10px;}
.wrap .next{background:url(images/nexImg.png) no-repeat right center;right:10px;}
.wrap:hover .prev,.wrap:hover .next{opacity:1;}
.centered-btns_tabs { margin-top: 15px; text-align: center; font-size: 0; list-style-type: none;display:none}
.centered-btns_tabs li { display: inline-block; margin: 0 3px; *display: inline; *zoom: 1;}
.centered-btns_tabs a { display: inline-block; width: 9px; height: 9px; border-radius: 50%; line-height: 20px; background-color: rgba(0, 0, 0, .3); background-color: #ccc\9; overflow: hidden; *display: inline; *zoom: 1;}
.centered-btns_tabs .centered-btns_here a { background-color: rgba(0, 0, 0, .8); background-color: #666\9;}


.banners{position:relative;}
.banners .bannerscom{position:absolute;top:0px;left:0%;z-index:10;width:100%;height:100%;width:100%;}
.banners .bannerscom .bcoms{max-width:1000px;margin:15% auto 0 auto;background:url(images/blank501.png) repeat left top;padding:20px 0;}
.banners .bannerscom .bcoms .coms1{font-size:30px;color:#FFF;text-align:center;font-weight:bold;}

.xbanner{max-height:450px;overflow:hidden;}
.xbanner .banners{position:relative;margin-top:-7%}



@media screen and (max-width:1000px){
    .banners .bannerscom{display:none}
    .xbanner .banners{position:relative;margin-top:0%}
}


/*当前位置*/
.web_dqwz{border-bottom:1px solid #DDD;line-height:30px;background:url(images/Home1.png) no-repeat 10px 15px;padding-left:35px;margin-bottom:20px;font-size:12px;}



/*首页_模块通用*/
.sy_mk{padding-top:50px;padding-bottom:50px;}



/*首页_概括*/
.sy_youshi{}
.sy_youshi .sy_ys_tit{font-size:24px;line-height:45px;text-align:center;}
.sy_youshi .imgBox{background:#FFF;text-align:center;padding:30px 30px;margin:20px 0;}
.sy_youshi .imgBox .tits1{font-size:22px;line-height:35px;}
.sy_youshi .imgBox .picimg{height:85px;margin:20px 0;}
.sy_youshi .imgBox .coms1{line-height:30px;min-height:90px;}


@media screen and (max-width:1000px) {
    .sy_youshi .imgBox{padding:10px 30px;margin:10px 0;}
}





/*首页_关于我们*/
.sy_mk_about{background:#f3f3f3}
.sy_abbg{}
.sy_abbg .titles{font-size:22px;line-height:40px;background:url(images/t_line.png) no-repeat left bottom;padding-bottom:10px;}
.sy_abbg .coms{line-height:30px;margin-top:20px;}
.sy_abbg .links{margin-top:20px;}
.sy_abbg .links a{line-height:35px;background:#4ba722;color:#FFF;width:110px;height:35px;text-align:center;display:inline-block;margin:0 20px 0 0;}
.sy_ab_right{position:relative;text-align:right}
.sy_ab_right img{width:80%;}
.sy_ab_right .sy_ab_right_com{position:absolute;bottom:30px;left:0px;font-size:20px;color:#00aeef}

@media screen and (max-width:1000px) {
    .sy_ab_right{position:relative;text-align:left}
    .sy_ab_right img{width:100%;}
    .sy_ab_right .sy_ab_right_com{position:static;bottom:0px;left:0px;font-size:18px;color:#00aeef}
}




/*首页_服务项目*/
.sy_mk_fuwu{background:#1a3b66}
.sy_mk_fuwu .sy_mk_tit{}
.sy_mk_fuwu .sy_mk_tit .spanleft{text-align:left;color:#FFF;background:url(images/titbgs.png) no-repeat right center;font-size:24px;}
.sy_mk_fuwu .sy_mk_tit .spanright{line-height:35px;text-align:right}
.sy_mk_fuwu .sy_mk_tit .spanright a{display:inline-block;margin:0 5px;color:#c3d4ec;}
.sy_mk_fuwu .sy_mk_tit .spanright a.moreds{border:1px solid #c3d4ec;padding:0 15px;}
.sy_cppic{text-align:center;}
.sy_cppic span{display:block;}
.sy_cppic .tit{line-height:40px;color:#FFF;}
.sy_cppic .pic{overflow:hidden;}
.sy_cppic .pic img{transition:all 0.5s ease;height:200px;width:100%}
.sy_cppic a:hover img{transform:scale(1.1,1.1)}

@media screen and (max-width:1000px) {
    .sy_mk_fuwu .sy_mk_tit .spanleft{text-align:left;color:#FFF;background:none;font-size:24px;}
}





.sy_mk_women{}
.sy_mk_women .sy_mk_tit{font-size:22px;line-height:40px;background:url(images/t_line.png) no-repeat left bottom;padding-bottom:10px;}
.sy_mk_women .sy_mk_com1{margin-top:20px;}
.sy_mk_women .sy_mk_com1 .com1{}
.sy_mk_women .sy_mk_com1 .com2{margin:10px 0;}
.sy_mk_women .sy_mk_com1 .com3{text-align:center;line-height:30px;font-weight:bold;}
.sy_mk_women .sy_mk_com1 .com4{text-align:center;}
.sy_mk_women .sy_mk_com1 .com4 a{display:inline-block;margin:10px 10px;padding:0 30px;line-height:35px;}
.sy_mk_women .sy_mk_com1 .com4 a.a1{background:#3d85c6;color:#FFF;}
.sy_mk_women .sy_mk_com1 .com4 a.a2{background:#4ba722;color:#FFF;}
.sy_mk_women .sy_mk_com2{margin-top:20px;}
.sy_mk_women .sy_mk_com2 .com2{text-align:center;line-height:35px;margin-top:10px;}
.sy_mk_women .sy_mk_com2 .com3{text-align:center;line-height:35px;color:#ff9900;font-size:20px;}

.aui-content-box {position: relative;width:100%;height: 160px;margin: 0 auto;background: #fff;}
.aui-content-item-img {width: 90%;margin:0 auto;}
.aui-content-item-img img {width: auto;height: 160px;}
.aui-content-box-list ul {padding:0px 0px;}
.aui-content-box-list ul li {list-style: none;float: left;text-align: center;}
.aui-content-box-list ul li a {position: relative;display: block;text-align: center;margin: auto;}
.aui-content-box-ovf {width: 90%;overflow: hidden;position: relative;margin-left: 5%;height:160px;}
.aui-content-box-list {width: 9000px;position: absolute;left: 0px;top: 0px;}
.prev {position: absolute;left: 0px;top: 50%;margin-top: -40px;}
.next {position: absolute;right: 0;top: 50%;margin-top: -40px;}
.prev a {opacity: 0.6;background: #2f3430;position: absolute;left: 0;z-index: 100;width: 24px;height: 45px;}
.next a {background: #2f3430;position: absolute;right: 0;z-index: 100;width: 24px;height: 45px;opacity: 0.6;}
.prev img {width: 80%;display: block;border: none;position: absolute;left: 0;top: 12px;}
.next img {width: 80%;display: block;position: absolute;border: none;top: 13px;right: 0;}
.prev a:hover {opacity: 1;}
.next a:hover {opacity: 1;}

@media screen and (max-width:1000px){
    .aui-content-box {position: relative;width:100%;height: 120px;margin: 0 auto;background: #fff;}
    .aui-content-box-ovf {width: 90%;overflow: hidden;position: relative;margin-left: 5%;height:120px;}
}








/*首页_新闻*/
.sy_mk_news{background:#f3f3f3}
.sy_mk_news .sy_mk_tit{text-align:center;}
.sy_mk_news .sy_mk_tit .s1{background:url(images/mt_line.png) no-repeat center bottom;padding-bottom:15px;font-size:24px;line-height:35px;height:45px;display:block}
.news_item{margin-top:20px;}
.news_pic{max-height:150px}
.news_pic img{height:100%;width:100%;}
.news_item .dates{display:block;line-height:35px;}
.news_item .newcoms{}
.news_item .newcoms a{display:inline-block;font-size:18px;}
.news_item .newcoms span{display:block;line-height:25px;min-height:50px;}

.mored{width:150px;height:35px;line-height:35px;display:block;text-align:center;border:1px solid #ff9900;color:#ff9900;margin:30px auto;}
.mored:hover{color:#fff;background:#ff9900;transition:all 0.2s ease;}



.web_wz_wc{}
.web_wz_wc .web_wzwc_com{padding:20px 10px;}

@media screen and (max-width:1000px) {
    .sy_mk{margin:0 10px;padding-top:40px;padding-bottom:40px;}
    .sy_mk_news .sy_new_lmtit a{padding:0 10px;}

    .web_wz_wc{border:5px solid #f4f4f4;margin-bottom:30px;}
    .web_wz_wc .web_wzwc_com{padding:10px 10px;}
}






/*子栏目_新闻资讯*/
.zlm_news_mxlist{line-height:25px;margin:20px 0;text-align:center}
.zlm_news_mxlist img{height:240px;width:auto;}
.zlm_news_mxlist span{display:block;font-size:12px;}
.zlm_news_mxlist .tits{line-height:35px;font-size:16px;}
.zlm_news_mxlist .coms{line-height:30px;}

.zlm_rencai_mxlist{line-height:25px;padding:5px 0px;}
.zlm_rencai_mxlist span{display:inline-block;font-size:12px;float:right;}

.news_lis{border-bottom:1px solid #DDD;margin:0 20px;position:relative;padding:20px 0;}
.news_lis .titles{font-size:16px;line-height:35px;}
.news_lis .comes{line-height:25px;min-height:50px;}

@media screen and (max-width:760px){
    .zlm_news_mxlist img{height:auto;width:100%;}
}

/*联系方式*/
.lianxitit{text-align:center}
.lianxitit span{display:block;}
.lianxitit span.s1{font-size:18px;}
.lianxitit span.s2{color:#999}
.lianxicom{text-align:center}
.lxfscom{background:url(images/contact_bgx.jpg) no-repeat left top;padding:30px 20px;}
.lxfscom span{display:block;line-height:25px;}
.lxfscom span.s0{font-size:18px;line-height:40px;}
.lxfs{margin-bottom:30px;}
.lxylianxifs{padding:30px 0;}
.lxylianxifs .ewmpic{text-align:center;margin:30px 0;}
.lxylianxifs .ewmpic span{display:inline-block;margin:30px 10px;width:150px;}
.lxylianxifs .ewmpic span img{width:100%;}




/*图片组*/
.tupianz{max-width:500px;margin:0px auto;}



/*搜索*/
.topsousuo{float:right;width:200px;}
.topsousuo .shurukuang{margin-left:0px;height:28px;vertical-align:middle;}
.topsousuo .shurukuang input.s-inputs{height:28px;background:#000000;border:none}
.topsousuo .shurukuang .s-btns{height:28px;background:url(images/ssbg.png) no-repeat center center #000; border:none;width:50px;}



/*在线留言表单*/
.ui-validForm{padding-top:30px;}
.form-group::before,.form-group::after{content:"";display:table} 
.form-group::after{clear:both} 
.form-group{position:relative;padding:5px 0px;}
.form-group .control-label{position:absolute;left:0px;top:10px;}
.form-group .controls{padding-left:100px;}
.form-group .form-control{border:1px solid #DDD;height:32px;line-height:32px;width:100%;padding:2px 5px;font-size:14px;color:#666;transition:all .5s ease-in-out}
.form-group .form-control:focus{border-color:burlywood}
.form-group textarea.form-control{height:300px}
.form-group .help-block{display:block}
.btn{color:#fff;height:35px;width:100%;border-radius:5px;}
.btn:hover{color:#FFF;}
.form-group .controls-verificationCodeImage{position:relative;}
.form-group .lb_verificationCodeImage{position:absolute;display:inline-block;right:1px;top:38px;height:32px;overflow:hidden}
.form-group .lb_verificationCodeImages{position:absolute;display:inline-block;right:1px;top:5px;height:32px;overflow:hidden}
.form-group .lb_verificationCodeImage img{height:25px;}

.liuyancom{background:url(images/fback.jpg) no-repeat right border-box;min-height:660px;background-size:100% auto;}
.liuyancom .lycom_tit{line-height:45px;font-size:20px;margin-top:40px;color:#274e30}
.liuyancom .lycom_com{line-height:30px;margin-top:20px;max-width:400px;}

@media screen and (max-width:1000px){
    .liuyancom{background:url(images/fback.jpg) no-repeat right border-box;min-height:360px;background-size:100% auto;}
}


/*底部*/
.dibu2{background:#282828;padding:10px 0;}
.dibucom1{}
.dibucom1 .dibucom1_com{color:#999;margin:10px 0;}
.dibucom1 .dibucom1_lj{}
.dibucom1 .dibucom1_lj a{display:inline-block;margin:0 10px;}
.dibucom1 .dibucom1_lj img{max-width:40px;}
.dibulxfs_tit{color:#999;line-height:35px;font-size:18px;}
.dibulxfs_com{margin-top:25px;}
.dibulxfs_com span{display:block;padding:0 0px 0 30px;line-height:40px;color:#999;}
.dibulxfs_com span.s1{background:url(images/ico_add.png) no-repeat 3px center;background-size:auto 20px;}
.dibulxfs_com span.s2{background:url(images/ico_phone.png) no-repeat left center;background-size:20px auto;}
.dibulxfs_com span.s3{background:url(images/ico_mail.png) no-repeat left center;background-size:20px auto;}
.dibuewm{}
.dibuewm span{display:block;text-align:center;color:#FFF;margin:10px 10px;}
.bidu2lianjie{color:#999;border-top:1px solid #666}
.bidu2lianjie a{color:#999;display:inline-block;padding:0 10px;}
.dibulianjie{text-align:right;}



.wpsidebar-fkf {position: fixed;right: 18px;bottom: 10%;transform: translate(0,-50%);z-index:9999;border:1px solid #DDD;padding:10px 10px;background:#FFF;cursor:pointer;}


@media screen and (max-width:600px) {
    .dibucom .diburight{text-align:left;}
    .wpsidebar-fkf {max-width:45px;}
.dibulianjie{text-align:left;}
}
