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:#305dc3}
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;}
.clear{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;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: #333;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{background: #305dc3;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%;color: #fff;padding: 30px 0 0 0;/* height: 73px; */}
#pc-nav .navbar-brand{float: left;margin-top: -10px;}
#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{float: left;position: relative;margin-left: 20px;color: #fff;padding: 0 10px;}
#pc-nav  .nav-right .navbar-right li>a{display: block;color: #333;padding-bottom: 26px;font-size: 16px;}
#pc-nav  .nav-right .navbar-right>li.cur-nav{border-bottom: 4px solid #305dc3;color: #305dc3;}
#pc-nav  .nav-right .navbar-right>li.cur-nav>a{ color: #305dc3;}
#pc-nav  .nav-right .navbar-right li dl{position: absolute;z-index:2000000;transition:2s;top: 51px;display: none;left: -14px;padding: 0px 0;background: rgba(0,0,0,0.5);}
#pc-nav  .nav-right .navbar-right li dl dd a{display: block;color: #fff;height: 40px;line-height: 40px;width: 110px;text-align: center;letter-spacing: 1px;border-bottom: 1px solid #9ba1a9;font-size: 15px;}
#pc-nav  .nav-right .navbar-right li dl dd a:hover{ color:#fff;}
#pc-nav  .nav-right .navbar-right li:hover dl{ display: block;}

.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: 0px;}
.fullSlide .hd ul li{
    cursor:pointer;
    display:inline-block; *
    display:inline;
    zoom:1;
    width: 20px;
    height: 4px;
    margin:5px;
    background: url(../images/tg_flash_p.png) right 0 no-repeat;
    overflow:hidden;
    font-size:0;
}
.fullSlide .hd ul .on{ background-position:0 0; }
.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;}

#index-about{background: #f5f5f5;padding: 80px 0;overflow: hidden;}
#index-about .index-abImg{ float: left;width: 580px;}
#index-about .index-abImg img{ width: 100%;}
#index-about .about-Text{float: right;width: 580px;}
#index-about .about-Text h2{font-size: 24px;color: #305dc3;}
#index-about .about-Text p{margin-top: 50px;}
#index-about .about-Text p span{display: block;text-indent: 28px;line-height: 38px;color: #666;margin-top: 15px;}
#index-about .about-Text a{display: block;width: 143px;height: 40px;line-height:40px;border: 1px solid #305dc3;color: #305dc3;text-align: center;margin-top: 20px;}
#index-about .about-Text a:hover{ background: #305dc3;color: #fff;}

#index-about{}
.Index-Title *{display: block;text-align: center;}
.Index-Title h2{font-size: 25px;font-weight: normal;}
.Index-Title p{text-transform: uppercase;color: #666;margin: 7px 0;}
.Index-Title img{margin: 5px auto;}

#index-pro{margin-top: 50px;}
#index-pro ul li{float: left;width: 30%;margin-left: 2.5%;margin-top: 30px;}
#index-pro ul li img{display: block;}
#index-pro ul li a{display: block;background: #f5f5f5;padding: 10px 0;height: 75px;overflow: hidden;}
#index-pro ul li a span,#index-pro ul li a i{display: block;text-indent: 17px;line-height: 22px;}
#index-pro ul li a span{
    padding-top: 10px;
    font-size: 18px;
}
#index-pro ul li a i{font-style: normal;color: #999;margin-top: 8px;}
#index-pro ul li a:hover{ background: #305dc3;}
#index-pro ul li a:hover span,#index-pro ul li a:hover i{color: #fff;}

#index-case{background: #f5f5f5;padding: 80px 0;overflow: hidden;margin-top: 70px;}
#index-case ul{margin-top: 30px;}
#index-case ul li {float: left;width: 24.25%;margin-left: 1%;position: relative;margin-top: 20px;}
#index-case ul li:nth-child(4n-3){margin-left: 0;}
#index-case ul li a{display: block;}
#index-case ul li img{width: 100%;}
#index-case ul li p{width: 100%;height: 100%;background: rgba(48,93,195,0.64); position: absolute;left: 0;top: 0;}
#index-case ul li p {text-align: center;font-size: 22px;color: #fff;display: none;}
#index-case ul li p span{display: block;margin-top: 42%;font-size: 13px;}
#index-case ul li:hover p{display: block;}

#index-news{margin-top: 50px;}
.News-Left,.News-Right{margin-top: 30px;}
.News-Left{float: left;width: 70%;}
.News-Left ul li{float: left;width: 49%;}
.News-Left ul li:nth-child(2n){float: right;}
.News-Left ul li a{display: block;}
.News-Left ul li a>img{ display: block;width: 100%;}
.News-Left ul li p{line-height: 23px;color: #333;margin: 10px 0;height: 50px;overflow: hidden;}
.News-Left ul li div{color: #999;}
.News-Left ul li div img{margin-right: 5px;display: inline-block;}
.News-Right{width: 26%;float: right;}
.News-Right dl{width: 100%;padding-bottom: 20px;border-bottom: 1px dashed #e1e1e1;margin-top: 20px;}
.News-Right dl:nth-child(1){margin-top: 0;}
.News-Right dl dt span{display: inline-block;width: 8px;height: 8px;background: #999;margin-right: 10px;vertical-align: middle;}
.News-Right dl dt a{color: #000;}
.News-Right dl dt a:hover{color: #305dc3;}
.News-Right dl dt{font-size: 16px;}
.News-Right dl dd{color: #999999;margin-top: 10px;}

#footer{width: 100%; background: #000;margin-top: 50px;padding-top: 40px;padding-bottom: 15px;}
.footer-cer ul{border-bottom: 1px solid #262626; overflow: hidden;color: #fff;padding-bottom: 30px;}
.footer-cer ul li{float: left;color: #fff;width: 14%;}
.footer-cer ul li span{display: block;color: #fff;}
.footer-cer ul li span:last-child{color: #595959;font-size: 15px;margin-top: 5px;}
.footer-cer ul li:nth-child(1) span{display: block; text-transform: uppercase;font-size: 22px;}
.footer-cer ul li:nth-child(1) span:last-child{color: #fff;}
.footer-cer ul li img{display: block;margin-bottom: 10px;}
.footer-cer ul li:nth-child(6){width: 16%;}
.footer-cer ul li:last-child img{display: block;margin: auto;}
.footer-cer p{text-align: center; padding-top: 15px;color: #737373;}

.nei-banner{}
.nei-banner img{display: block;width: 100%;}
.nei-banner img:last-child{display: none;}
.nei-title{width:100%;height: 60px;line-height: 60px;border-bottom: 1px solid #dedede;}
.nei-title .nt-left{float: left;height: 100%;overflow: hidden;}
.nei-title .nt-left a{display: block;height: 100%;width: 75px; overflow: hidden;float: left;text-align: center;color: #999;font-size: 13px;}
.nei-title .nt-left a:nth-child(1){background: #f4f4f4;}
.nei-title .nt-left a img{display: block;margin: 25px auto;}
.nei-title .nt-right{float: right;}
.nei-title .nt-right a{display: block;height: 100%;width: 100px;float: left;text-align: center;}
.nei-title .nt-right a.cur-nt,.nei-title .nt-right a:hover{background: #305dc3;color: #fff;}

#About{margin-top: 50px;}
#About>h2{font-size: 22px; color: #4c4c4c;}
#About>span{color: #ccc;text-transform: uppercase;margin-top: 10px;}
#About>p{line-height: 30px;color: #737373;margin-top: 20px;}
#About>p span{display: block;text-indent: 25px;margin-top: 10px;}
#About>img{display: block;margin-top: 20px;width: 100%;}

#Honor{}
#Honor ul {margin-top: 50px;}
#Honor ul li{float: left; width: 32%;}
#Honor ul li {margin-left: 2%;margin-top: 10px;}
#Honor ul li:nth-child(3n-2){margin-left: 0;}
#Honor ul li .honor-img{height: 230px;border: 1px solid #dedede;}
#Honor ul li img{display: block;width: 95%;height:95%;margin: 2.5% auto;}
#Honor ul li p{text-align: center; margin-top: 10px;font-size: 14px;height: 50px;overflow: hidden;}

#Pro-show{}
#page{ text-align:center; margin-top:50px}
.page li{ display:inline-block; }
.page li a{display:block;padding: 7px 12px;text-align:center;border:1px solid #ccc;background:#fff;color:#999;font-size: 14px;}
.page li a.cur-page,.page li a:hover{ background: #305dc3; color: #fff; border-color: #305dc3;}

#News{width: 100%; background: #f5f5f5;padding: 50px 0; overflow: hidden;}
#News ul.news-items li{width: 100%;background: #fff;padding: 15px 0;overflow: hidden;margin-top: 20px;}
#News ul.news-items li img{ float: left;display: block;width: 190px;height: 125px;margin-left: 10px;}
#News .new-cer{float: left;margin-left: 23px;width: 64%;margin-top: 15px;}
#News .new-cer h2{
    font-size: 18px;
    font-weight: normal;
}
#News .new-cer p{
    color: #999;
    margin-top: 13px;
    line-height: 22px;
}
#News ul.news-items li a{display: block;}
#News ul.news-items li .news-data{float:right;margin-right: 20px;}
#News ul.news-items li .news-data span{display: block;color: #999;font-weight: bold;margin-top: 15px;font-size: 16px;}
#News ul.news-items li .news-data i{font-style: normal;display: block;width: 80px;height: 35px;line-height: 35px;text-align: center;border: 1px solid #e1e1e1;border-radius: 20px;color: #666;margin-top: 20px;}
#News ul.news-items li .news-data i:hover{background: #305dc3;color: #fff;}
#News ul.news-items li:hover {box-shadow: 2px 2px 13px #e1e1e1;}

#News-More{margin-top: 40px;}
#News-More>h2{text-align: center;font-size: 24px;}
#News-More .data-news{text-align: center;margin-top: 15px;color: #999;}
#News-More .news-TexT{width: 100%;padding: 30px 0;border-top: 1px dashed #676767;margin-top: 30px;border-bottom: 1px solid #e1e1e1;}
#News-More .news-TexT p{line-height: 33px;color: #595959;}
#News-More .news-TexT img{display: block;margin: 15px auto;}
.bdsharebuttonbox{margin-top: 15px;float: right;}
.pre-next{margin-left: 10px;margin-top: 15px;color: #999;}
.pre-next li{margin-top: 10px;}
.pre-next a{color: #999;}
.pre-next a:hover{text-decoration: underline;}
#index-pro ul li a h2{text-align: center;font-weight: normal;font-size: 18px;color: #305dc3;padding: 20px 0;}
#index-pro ul li a p{text-align: center;width: 90%;margin: auto;line-height: 25px;color: #999;height: 57px;overflow: hidden;}
#index-pro ul li a.case-name{height: 150px;}
#index-pro ul li a.case-name:hover p,#index-pro ul li a.case-name:hover h2{color: #fff;}
#index-pro ul li a.case-name:hover{box-shadow:3px 3px 5px #E1E1E1;}

#Message{margin-top: 50px;}
#Message>h2{text-align: center;font-size: 35px;}
#Message>p{text-align: center;font-size: 15px;margin-top: 10px;}
#Message>img{display: block;margin: 30px auto;}
.mes-cer{}
.mes-cer form{width: 80%;margin: auto;}
.mes-cer .control-form{float: left;width: 48%;position: relative;margin-top: 25px;}
.mes-cer .control-form:nth-of-type(2n){float: right;}
.mes-cer .control-form input[type='text']{border: 1px solid #E1E1E1;height: 42px;width: 98%;text-indent: 30px;}
.mes-cer .control-form i,.control-textarea i{position: absolute;top: 15px;left: 13px;color: #cbcbcb;}
.mes-cer .control-textarea{width: 100%;position: relative;margin-top: 25px;}
.mes-cer .control-textarea textarea{width: 100%;display: block;height: 150px;border: 1px solid #E1E1E1;text-indent: 30px;padding: 10px 0;}
.mes-cer input[type='submit']{display: block;width: 150px;height: 50px;background: #305dc3;color: #fff;margin-top: 30px;border: none;font-size: 18px;font-weight: bold;margin: 30px auto 0 auto;cursor: pointer;}

#Contact-Us{margin-top: 50px;}
#Contact-Us .contact-left{float: left;width: 65%;}
#Contact-Us  .contact-right{float: right;width: 19%;margin-right: 33px;}
#Contact-Us .contact-left img{width: 100%;}
#Contact-Us  .contact-right ul li i{font-size: 47px;vertical-align: middle;color: #305dc3;float: left;}
#Contact-Us  .contact-right ul li p{
    float: left;
    margin-left: 20px;
}
#Contact-Us  .contact-right ul li p strong{display: block;margin-bottom: 10px;}
#Contact-Us  .contact-right ul li{margin-top: 60px;}
#Contact-Us  .contact-right ul li:nth-child(1){margin-top: 0;}