@charset "utf-8";
/* CSS Document */
.clear{ clear:both; content:"";}
body{ font-family:"微软雅黑"; padding-top:96px;}
.myheader{ border-top:solid 10px #000; background:#fff; border-bottom:solid 1px #adadad;transform: rotate(0deg) scale(1) translate(0%,0%); -webkit-transform: rotate(0deg) scale(1) translate(0%,0%); transition: All 0.7s ease; -webkit-transition: All 0.7s ease; -ms-transform: rotate(0deg) scale(1) translate(0%,0%); -o-transform: rotate(0deg) scale(1) translate(0%,0%); -moz-transform: rotate(0deg) scale(1) translate(0%,0%); -ms-transition: All 0.7s ease; -o-transition: All 0.7s ease; -moz-transition: All 0.7s ease;}
.mynav{ padding-top:20px; font-size:16px;transform: rotate(0deg) scale(1) translate(0%,0%); -webkit-transform: rotate(0deg) scale(1) translate(0%,0%); transition: All 0.7s ease; -webkit-transition: All 0.7s ease; -ms-transform: rotate(0deg) scale(1) translate(0%,0%); -o-transform: rotate(0deg) scale(1) translate(0%,0%); -moz-transform: rotate(0deg) scale(1) translate(0%,0%); -ms-transition: All 0.7s ease; -o-transition: All 0.7s ease; -moz-transition: All 0.7s ease;}
.myheader_m{ padding-top:20px; padding-bottom:20px;}
.navbar-brand{ position:relative;}
.navbar-brand img{ position:absolute; left:0px; top:-35px; z-index:333; width:180px; height:122px;transform: rotate(0deg) scale(1) translate(0%,0%); -webkit-transform: rotate(0deg) scale(1) translate(0%,0%); transition: All 0.7s ease; -webkit-transition: All 0.7s ease; -ms-transform: rotate(0deg) scale(1) translate(0%,0%); -o-transform: rotate(0deg) scale(1) translate(0%,0%); -moz-transform: rotate(0deg) scale(1) translate(0%,0%); -ms-transition: All 0.7s ease; -o-transition: All 0.7s ease; -moz-transition: All 0.7s ease; }
.navbar-default .navbar-nav li a{ color:#939393;}
.navbar-default .navbar-nav>.active>a{ background:none; border-bottom:solid 1px #fff;}
/*.navbar-default .navbar-nav>.active>a:hover{background:none;border-bottom:solid 1px #fff;}*/
/*.carousel-inner>.item>img{ min-height:260px;}*/
.trans{ padding-bottom:0px;}
.trans .mynav{ padding-top:0px;}
.trans .navbar-brand{ height:auto;}
.trans .myheader_m{ padding-bottom:0px; padding-top:0px;}
.trans .navbar-brand img{ width:120px; height:81px; top:-15px;}
/*头部结束*/

/*广告图开始*/

.swiper-slide {color: #fff;font-size: 36px;text-align: center;}
.swiper-slide img{ width:100%;}
.swiper-button-next, .swiper-button-prev{background-size:25px 28px;}
/*广告图结束*/

/*服务内容开始*/
.pub_title{ padding-top:50px; padding-bottom:30px;}
.pub_title h2{ font-size:38px;}
.pub_title p{ font-size:24px;}
.slow{transform: rotate(0deg) scale(1) translate(0%,0%); -webkit-transform: rotate(0deg) scale(1) translate(0%,0%); transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -ms-transform: rotate(0deg) scale(1) translate(0%,0%); -o-transform: rotate(0deg) scale(1) translate(0%,0%); -moz-transform: rotate(0deg) scale(1) translate(0%,0%); -ms-transition: All 0.5s ease; -o-transition: All 0.5s ease; -moz-transition: All 0.5s ease;}
.nopadding{ padding:0px;}
.service{ width:100%; position:relative; height:auto; min-height:425px !important;}
.service .box{ position:absolute; left:0px; top:0px; width:100%; z-index:2; border:solid 1px #dbdbdd; background:#fff;}
.service .boxright{right:0px;}
.service .box .top{ height:100px; background:#e5e6e6; text-align:center; font-size:20px; color:#333; padding-top:20px;}
.service .box .top span{ font-size:13px; color:#666;}
.service .box .main{ padding:15px 30px 10px 30px; margin-left:30px;}
.service .box .main li{ font-size:16px; color:#373D41; margin:20px 0px;}
.service .box .bottom{padding:15px; font-size:14px; background:#f8f7f7;}
.service .boxon{ top:-15px; left:0%; z-index:3; width:110%; border:solid 1px #ecbf11;}
.boxright .boxon{left:-10%; right:0px;}
.service .boxon .top{ background:#fed01f; height:115px; color:#333;}
.service .boxon .top span{ color:#333;}
.service .boxon .top span{ color:#333;}
.service .boxon .main li{ margin:20px 0px;}
.service .boxon .bottom{ display:block;}
/*服务内容结束*/


/*案例展示开始*/
.casebox{ background:#171717;margin-bottom:25px;}
.casebox a{ display:block; color:#fff; position:relative; overflow:hidden;}
.casebox a img{ width:100%;}
.casebox a p{ display:none; width:100%; height:100%; position:absolute; top:0px; left:0px; text-align:center; margin-bottom:0px; font-weight:bold; font-size:20px; background:url(../images/pubtm.png) repeat; color:#fed01f;}
.casebox a p span{ font-size:14px; color:#fff; font-weight:normal;}
.casebox a:hover p{ display:block;}
.casebox a:hover img{transform:scale(1.2);transition:all 2s;-webkit-transform:scale(1.2);-webkit-transition:all 2s;-moz-transform:scale(1.2);-moz-transition:all 2s;-o-transform:scale(1.2);-o-transition:all 2s;}
.btncase{ margin-top:50px;}
.btncase a{ display:block; width:237px; height:44px; border:solid 3px #d7d7d7; text-align:center; line-height:38px; font-size:14px; color:#666;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;margin:auto;}
.btncase a:hover{ background:#fed01f; color:#000; border:solid 3px #fed01f; text-decoration:none;}

.casetext h4{ font-weight:normal; margin-top:30px;}
.casetext h4 span{font-weight:normal; margin-left:5px; margin-right:5px; background:#c2c1c1;}
.casetextimg img{ width:100%;}
.casedata{ text-align:center; font-size:16px; color:#666; line-height:32px; margin-top:30px;}


/*案例展示结束*/


/*内页关于我们开始*/
.about_img img{ width:100%;}
.about{ text-align:center; line-height:36px; font-size:16px; margin-top:50px; padding:5px;}
.about_data{ font-size:18px; text-align:center; margin-top:30px;}
.about_data strong{ font-size:50px; font-weight:bold;}
.about_data strong span{font-size:50px; font-weight:bold; color:#999999;}
.about_data div{ margin-bottom:60px;}
/*内页关于我们结束*/


/*新闻动态开始*/
.newsbox{ margin-bottom:40px;}
.newsbox:hover{ background:#fed724;}
.newsbox a:hover{ text-decoration:none;}
.newsbox a span{ display:block; overflow:hidden; position:relative;}
.newsbox img{ width:100%; margin-bottom:15px; vertical-align:middle;}
.newsbox:hover img{transform:scale(1.2);transition:all 2s;-webkit-transform:scale(1.2);-webkit-transition:all 2s;-moz-transform:scale(1.2);-moz-transition:all 2s;-o-transform:scale(1.2);-o-transition:all 2s;}
.newsbox h4{ font-size:12px; color:#666; padding-left:10px;}
.newsbox h3{ font-size:14px; color:#000; font-weight:bold; padding-left:10px;}
.newsbox p{ font-size:14px; color:#666; height:100px; padding-left:10px; padding-right:10px;}
.newstext{ line-height:32px; font-size:16px; color:#666;}
.newstext img{ display:block; margin:auto; margin-bottom:30px; margin-top:30px;}
.padding{ padding:10px;}
/*新闻动态结束*/

/*联系我们开始*/
.contact_data ul{ height:170px; border-left:solid 1px #b9c0c6; padding-left:24px;}
.contact_data ul h3{ padding-left:40px; font-size:14px; font-weight:bold; margin-bottom:30px;}
.contact_data ul li{ padding-left:40px; margin-bottom:20px; list-style-type:none; color:#454545;}
.contact_data ul li.lia{background:url(../images/contact1.png) left center no-repeat;}
.contact_data ul li.lib{background:url(../images/contact2.png) left center no-repeat;}
.contact_data ul li.lic{background:url(../images/contact3.png) left top no-repeat;}
.contact_data ul li.lid{background:url(../images/contact7.png) left center no-repeat;}
.contact_data ul li.lie{background:url(../images/contact4.png) left center no-repeat;}
.contact_data ul li.lif{background:url(../images/contact5.png) left top no-repeat;}

/*联系我们结束*/


/*主营业务开始*/
.service_data{ margin-top:50px;}
.service_data li ac{ color:#000;cursor:pointer}
.service_data li ac:hover{ background:#f6f5ef; color:#000;cursor:pointer}
.service_data li.active ac{ background:#fed01f; color:#000;cursor:pointer}
.service_data li.active ac:hover{ background:#fed01f; color:#000;cursor:pointer}
/*主营业务结束*/

.pagemargin{ margin-top:40px;}

/*底部开始*/
.footer{ background:#07060d; text-align:center; padding-top:20px; margin-top:100px;}
.footer .top{ width:88px; height:125px;background:url(../images/footerlogo.png) no-repeat; margin:auto; margin-top:20px; margin-bottom:30px;}
.footer .contact_qq{ display:inline-block; width:99px; height:99px;background:url(../images/contact_1.png) no-repeat;}
.footer .contact_weixin{ display:inline-block; width:99px; height:99px;background:url(../images/contact_2.png) no-repeat; margin-left:25px; margin-right:25px;}
.footer .contact_weixin img{ display:inline-block; float:left;}
.footer .contact_phone{ display:inline-block; width:99px; height:99px;background:url(../images/contact_3.png) no-repeat;}
.footer .text{ line-height:99px; color:#737070; font-size:20px; text-align:center;}
.footer .contact_dizhi{ border-bottom:solid 7px #fed01f; text-align:center; font-size:16px; color:#737070; line-height:56px; margin-top:30px;}
.footer .contact_banquan{ text-align:center; font-size:14px; color:#737070; line-height:30px; padding-top:10px; padding-bottom:10px;}
.footer .contact_banquan a{ color:#737070;}
/*底部结束*/

@media only screen and (max-width:980px)
{
body{ font-family:"微软雅黑"; padding-top:61px;}


.swiper-slide {color: #fff;font-size: 36px;text-align: center;}
.swiper-slide img{ height:200px;}
.swiper-button-next, .swiper-button-prev{ display:none;}
.service{ width:100%; position:relative; height:auto; min-height:325px !important;}
.service .boxon{ width:100%;}
.boxright .boxon{left:0px; right:0px;}
}
@media only screen and (max-width:750px)
{
body{ font-family:"微软雅黑"; padding-top:61px;}
.myheader_m{ padding-top:0px; padding-bottom:0px;}
.navbar-brand{ position:absolute; left:50%; top:-10px; margin-left:-60px;}
.navbar-brand img{ width:120px; height:81px; top:0px;}
.trans .navbar-brand img{ width:120px; height:81px; top:0px;}

}