@charset "utf-8";
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/* CSS Document */
/*内外边距*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td ,dd,dt{margin: 0;padding: 0;}
*{ margin:0; padding:0; outline:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; outline:none }
.clear{ clear:both; }
a,i{ text-decoration:none;color:#333;  margin: 0; padding: 0;}
a:hover{color:#cd1e20}
input{border:none;   outline:medium; padding:0 5px;font-family:微软雅黑;}
textarea{font-family:微软雅黑;}
body{ width:100%;font-family:微软雅黑; background:#fff; color:#333; font-size:14px;}
html{overflow-x: hidden;}
table{border-collapse:collapse}
img{border:none; max-width:100%;}
/** 常用class **/
ul,li,ol{/* list-style: none;*/}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display: table;line-height: 0;content:"";}
.clearfix:after{clear:both;}


.header-top-bg{ width:100%; height:5px; background:#003366;}
#wap-nav{ width: 100%; display: none;transition:ease-out .3s;}
.navbar{ padding: 20px 0; background:#e66811; overflow: auto;}
.navbar .navbar-brand{ float:left; width:75%; margin-left:10px; display: block;}
.navbar .toggle{width: 28px;height: 25px;float:right;cursor: pointer;margin-top: 8px;margin-right: 5px;}
.navbar .toggle span{display: block;width: 29px;height: 3px;background-color: #fff;position: relative;margin-top:6px;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s}
.navbar .toggle span:nth-child(1){ margin-top:0;    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
 }
.navbar .on span:nth-child(1){margin-top:0px; -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);-webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}
.navbar .on span:nth-child(2){ opacity:0;}
.navbar .on span:nth-child(3){margin-top: 7px; -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);-webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}
#wap-nav .nav{ position: absolute; width: 100%; opacity: 1;display: none;z-index: 10000;}
#wap-nav .nav li{list-style: none; background:#e66811 ; border-bottom: 1px dashed #fff; text-indent: 10px; padding: 10px 20px; width: 100%;}
#wap-nav .nav li a{ display: block; color: #fff;}
#wap-nav .nav li dl{ padding-left: 20px;}
#wap-nav .nav li dl dd{ margin: 15px 0;}

.w1200{ width: 1200px; margin: 0 auto;}
#pc-nav{ width: 100%; background: #e66811; color: #fff;padding: 30px 0 0 0; height: 73px;}
#pc-nav .navbar-brand{ float: left;}
#pc-nav  .nav-right{ float:right;}
#pc-nav  .nav-right form *{ display: block; float:right}
#pc-nav  .nav-right form input{ border: none;margin: 0 10px; border-bottom: 1px solid #fff;background: transparent; width: 50px; height: 20px; line-height: 20px;}
#pc-nav  .nav-right form span{ font-size: 14px; color: #fff; line-height: 22px; }
#pc-nav  .nav-right form button{ background: url(../images/search.png); width: 22px; height: 19px; border: none;}
#pc-nav  .nav-right .navbar-right{ margin-top:10px}
#pc-nav  .nav-right .navbar-right li{ list-style: none;float: left;position: relative; margin-left: 20px; color: #fff; padding: 0 10px;}
#pc-nav  .nav-right .navbar-right li>a{ display: block; color: #fff; padding-bottom: 20px;}
#pc-nav  .nav-right .navbar-right>li.cur-nav{ border-bottom: 4px solid #fff;}
#pc-nav  .nav-right .navbar-right li dl{position: absolute;z-index:2000000;transition:2s; top: 41px;display: none;left: -40px; padding: 10px 0; background:url(../images/nav-bg.png) repeat;}
#pc-nav  .nav-right .navbar-right li dl dd a{ display: block; color: #fff; height: 40px; line-height: 40px; width: 150px; text-align: center; letter-spacing: 1px;}
#pc-nav  .nav-right .navbar-right li dl dd a:hover{ color:#003366;}
#pc-nav  .nav-right .navbar-right li:hover dl{ display: block;}


.container{ width: 1200px; margin: 0 auto;}
#about{ background: #003366; padding: 70px 0; overflow: hidden;}
#about .container>h1{ color: #fff; text-align: center; font-size: 30px; font-weight: normal;}
.Line{ display: block; margin: 15px auto;}
.Text{ width: 90%; margin: 25px auto 20px auto; color:#fff; line-height: 24px; text-align:center;}
#about ul li{list-style: none;width: 151px; float: left;  text-align: center; margin-top: 15px;}
#about ul li:nth-child(2),#about ul li:nth-child(3),#about ul li:nth-child(4){margin-left:198px;}
#about ul li a{ display: block; color: #fff;}
#about ul li img{ display: block; margin: 0 auto;}
#about ul li h2{ margin-top: 15px; font-weight: normal; font-size: 20px;}
#about ul li p{ margin-top: 5px;}

#footer{ background: #e0e0e0; padding: 50px 0 30px 0; overflow: hidden;}
#footer .footer-top{}
#footer .footer-top>img{ display: block; float:left}
#footer .footer-top ul{ float: left;}
#footer .footer-top ul li{list-style: none; float: left; margin-left: 100px;}
#footer .footer-top ul li dt{ color: #333; margin-bottom: 10px;}
#footer .footer-top ul li dt a{ color: #333;}
#footer .footer-top ul li dd{ color: #999; line-height: 24px;}
#footer .footer-top ul li dd a{ color: #999;}
#footer .footer-top .footer-right{ float: right; text-align: right;}
#footer .footer-top .footer-right dt{  margin-bottom: 5px;}
#footer .footer-top .footer-right dd{  line-height: 24px; color: #999;}
#footer .footer-top .footer-right dl{ float: left;}
#footer .footer-top .footer-right .weichat{ float: left; margin-left: 1px;}
#footer .footer-bot{ padding: 20px 0; overflow: hidden; border-top: 1px solid #ccc; margin-top: 30px;}
#footer .footer-bot p{ color: #999; float: left; margin-top: 10px;}
#footer .footer-bot .bot-link{ float: right;}
#footer .footer-bot .bot-link a{ display: block; margin-left: 20px; float: left;vertical-align: middle; width:36px; height: 36px; background:url(../images/index.png) no-repeat top center;}
#footer .footer-bot .bot-link a:last-child{ background: url(../images/top.png);}

#wap-footer{display: none; }
#wap-footer dl{}
#wap-footer dl dd{ float: left; width: 25%;}
#wap-footer dl dd a{ display: block; background: #e66811; color: #fff; text-align: center;padding: 10px 0; border-bottom: none; }
#wap-footer dl dd a img{ display: block; width: 25%; margin: 0 auto;}
#wap-footer dl dd a span{ display: block; text-align: center; padding-top: 10px;}
#wap-footer dl dd a.cur-fnav{ background: #003366;}

.fullSlide{ position:relative; background:#000; margin:0 auto; }
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li img{width:100%; vertical-align:top;  }
.fullSlide .hd{position:relative; z-index:1; margin-top:-30px; height:30px; line-height:30px;  text-align:center;    }
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{list-style: none; cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:5px; background:url(../images/tg_flash_p.png) -15px 0 no-repeat; overflow:hidden;
    font-size:0;
}
.fullSlide .hd ul .on{ background-position:0 0; }
/*file:///I:/%E4%B8%8A%E6%B5%B7%E9%9F%AC%E7%93%B4%E4%BC%81%E4%B8%9A/%E4%B8%8A%E6%B5%B7%E9%9F%AC%E7%93%B4%E9%9D%99%E6%80%81%E9%A1%B5/images/banner-aboutM.jpg*/
.fullSlide .prev,.fullSlide .next{ z-index:1; display:block; width:55px; height:55px; position:relative; margin:-27% 0 0 3%; float:left;  background:url(../images/arrow.png) 0 0 no-repeat; filter:alpha(opacity=40);opacity:0.4  }
.fullSlide .next{  background-position:right 0; float:right; margin-right:3%  }
.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8 }
.wap_ban{ display: none;}

#banner{ width: 100%;}
#banner img{ display: block; width: 100%;}
#banner .pc-banner{}
#banner .wap-banner{ display: none;}

#gsjj{ margin: 60px 0;}
.nei-nav{text-align: center; margin-top: 20px;}
.nei-Title{ text-align: center; font-weight: normal;font-size: 35px; color: #333;}
.nei-nav li{list-style: none; display: inline-block; font-size: 20px;  }
.nei-nav li a{ display: block; border: 1px solid #e0e0e0; color: #999; border-radius: 5px;padding: 5px 15px; margin-left: 20px;}
.nei-nav li:nth-child(1) a{ margin-left: 0;}
.nei-nav li a.cur-nei,.nei-nav li a:hover{ color: #ff6600; border-color: #ff6600;}
.lines{ margin-top: 25px;}
.lines img{ display: block; width: 100%;}
.lines img:nth-child(2){ display: none;}
.about-con{ margin-top: 40px;}
.about-con .about-img{ display: block; float:left;}
.about-con .about-title{ float: left; padding: 30px 20px; background: #e66811; color: #fff; text-align: center; font-size: 23px; margin-left: -65px; margin-top: 200px;}
.about-con .about-title span{ display: block;  width: 30px; height: 2px; background: #fff; margin: 10px auto 0 auto;}
.about-con .about-text{ float: right; width: 550px; margin-top: -30px; font-size: 15px;}
.about-con .about-text p{ line-height: 26px; color: #999; margin-top: 30px; text-indent: 30px;}
.margin-top{ padding-bottom: 0px;}
.service-p{ width: 60%; margin: 10px auto; line-height: 26px; color: #999;}
.service-items li{list-style: none; float: left; width: 30%; margin-left: 0; margin-top: 15px; overflow:hidden;}
.service-items li img{ display: block; width: 100%;}
.service-items li:nth-child(3n-1){ margin-left:5%;margin-right:5%;}
.service-items li:nth-child(3n){ float: right;}
.service-items li h2{ margin: 10px 0; font-size: 20px; font-weight: normal; color: #333; text-align: center;height: 25px; overflow: hidden;}
.service-items li p{color: #999; line-height: 24px;height: 50px; overflow: hidden;}

.join-us{ margin-top: 30px;}
.join-us h3{ text-align: center; color: #333; font-size: 24px; font-weight: normal; margin-top: 15px;}
.join-item{ width: 70%; margin: 30px auto 0 auto;}
.join-item li{list-style: none; float: left; width: 25%; text-align: center;}
.join-item li h4{ margin: 10px 0; font-size: 20px; font-weight: normal;}

.hire-items{margin-top: 50px;}
.hire-items dl dt{ width: 100%; padding: 15px 0; overflow: hidden; background: #ff9900; color: #fff; }
.hire-items dl dt p{ float: left; text-indent: 15px; font-size:20px}
.hire-items dl dt p span{ margin-left: 50px;display: inline-block;}
.hire-items dl dt i{ font-style: normal; float: right; margin-right: 10px; cursor: pointer; font-size: 20px; width: 35px;height:18px; line-height: 18px; text-align: center; background: #fff; color: #ff9900;}
.hire-items dl dd{ line-height: 24px; color: #999; margin-top: 10px; margin-left: 30px;}
.hire-items dl{ margin-top: 15px;}
.hire-items dl:nth-child(2n) dt{ background: #003366;}
.hire-items dl:nth-child(2n) dt i{ color: #003366;}

.CaSe{}
.CaSe .case-Items{}
.CaSe .case-Items li{ list-style: none;float: left; width: 47%; cursor: pointer; margin-top: 10px; overflow: hidden;}
.CaSe .case-Items li:nth-child(2n){ float: right;}
.CaSe .case-Items li span{ width: 10px; height: 10px; background: #999; display: inline-block; border-radius: 50%; margin-right: 10px;}
.CaSe .case-Items li .img-text{ position: relative; }
.CaSe .case-Items li .img-text img{ width: 100%; height: 100%;}
.CaSe .case-Items li .img-text .text-p{display: none; position: absolute; background: url(../images/p-bg.png) repeat; width: 100%; height: 100%; left: 0; top: 0;}
.CaSe .case-Items li .img-text .text-p p{ width: 80%; color: #fff; margin: 10px auto; padding-top: 20px; line-height: 26px;}
.CaSe .case-Items li .img-text{ margin-top: 15px;}
.CaSe .case-Items li:hover .img-text .text-p{ display: block;}
.CaSe .case-Items li:hover span{ background:#ff6600 ;}
.CaSe .case-Items li:hover p{ color: #ff6600;}

.Team{}
.Team .team-items li{ list-style: none;float:left; width: 22%; margin-left: 2.5%; margin-top: 30px;}
.Team .team-items li .team-img{ position:relative}
.Team .team-items li .team-img img{ width: 100%;}
.Team .team-items li .team-img h3{ position: absolute; bottom: 0; left: 0; width: 100%; font-weight: normal; font-size: 20px; color: #fff; background: url(../images/p-bg.png) repeat; height: 35px; line-height: 35px; text-align: center;}
.Team .team-items li p{ font-size: 14px; line-height: 20px; margin-top: 15px;height: 40px; color: #999; overflow: hidden; width: 100%;}

.arcticle-time{ text-align: center; margin: 35px 0;}
.arcticle-time *{ display: inline-block;}
.arcticle-time img{ vertical-align: middle; margin-left: 40px;}
.arcticle-time span{ color:#999999; margin-left: 7px}
.content{ font-size: 14px; color: #333; line-height: 24px;}
.content p{ text-indent: 30px;}

/*知识分享 开始*/
.Knowledge{ }
.Knowledge .service-p,.Function .service-p{ text-align: center;}
.Knowledge .know-items{margin-top: 50px;}
.Knowledge .know-items>img{ display:block; float: left;}
.know-img img{ display: block; float: left;}
.Knowledge .Know-Items{ float: right; width: 850px;}
.Knowledge .Know-Items li{ list-style: none;margin-top: 13px;}
.Knowledge .Know-Items li:nth-child(1){ margin-top: 0;}
.Knowledge .Know-Items li h1{ font-weight: normal; font-size: 16px; color: #666;}
.Knowledge .Know-Items li h1 img{ vertical-align: middle; margin-right: 10px;}
.Knowledge .Know-Items li p{ color: #999999; line-height: 22px; margin-top: 10px;height: 40px; overflow: hidden;}
.Knowledge  .arcticle-time{ text-align: left; margin-top: 10px;}
.Knowledge  .arcticle-time{ margin-left: 5px;}
.Knowledge  .arcticle-time img{ margin-left: 10px;}
.Knowledge  .arcticle-time img:nth-child(1){margin-left: 0;}
.Knowledge  .arcticle-time span{ font-size: 13px;}
.Knowledge .page{ margin-top: 10px; }


#hexGrid { margin-top: 50px;}
#hexGrid li{ list-style: none;float: left; margin-left: 20px; color: #000; position:relative; }
#hexGrid li .center{ position:absolute; text-align:center; color:#fff; font-size:20px; left:50%;margin-left:-53px; top:50%; margin-top:-27px}
#hexGrid li:nth-child(1){ margin-left:130px;}





.page{ margin-top:50px; text-align: center;}
.page li{list-style: none; display: inline-block;  }
.page li a{ display: block; color: #333;padding:8px 10px; background: #eee;border-radius: 2px; -moz-border-radius: 2px;}
.page li.cur-page a,.page li a:hover{ background: #ff6600; color: #fff;}




.jz-more{overflow: hidden;padding:10px;text-align: center; :hidden}
.jz-more a{display: block;width: 120px;padding:8px 0;color:#fff;margin:0 auto;border:1px solid #999;text-align:center;border-radius:5px; color:#a0a0a0; margin-top:20px;}
.jz-more a:hover{text-decoration: none;border-color: #ff6600;color: #ff6600;}




/*合作商家*/
.coo{ width:1200px; max-width:94%; margin:40px auto 0;}
.cooul{}
.cooul li{list-style: none; width:16.66%; float:left; margin:-1px 0 0 -1px; position:relative;}
.cooul li a{ display:block; border:1px solid #ddd;}
.cooul li a img{ width:100%; display:block;}
.cooul li a:hover{ border-color:#e66811;}
.cooul li:hover{ z-index:999;}