body{ font-family: "Microsoft YaHei","微软雅黑";}
ul{padding:0;}
ul li{ list-style-type: none;}
* {
    transition: all 0.5s ease 0s;
}
a {
    color: #4b4b4b;
    text-decoration: none;
}
a:hover{text-decoration:none; }
/*导航处理*/
.top{padding: 10px 0px; border-bottom: 10px #83b2ff solid;}
.top>span:first-child{ margin-right: 365px;}
.top>span:last-child{color: #3b3b3b;}
.navbar{ margin-bottom: 0px;}
.navbar-default{ background:#f5f5f5;  border: none;}
.allnav{text-align: center;}
.nav{ height: 54px;}
.main-nav{display: inline-block;float: none;}
.navbar-default .navbar-nav>li>a{ font-size: 18px; font-weight: bold}
/*.main-nav {margin: 0; padding: 0; position: relative; left: 50%;}*/
/*.main-nav>li {margin: 0;padding: 0;  list-style: none;  position: relative;  right:50%;}*/
.main-nav>li{ margin-right: 50px;}
.main-nav>li:last-child{ margin-right: 0px;}
.main-nav>li>a{padding:20px;  }
.main-nav>li:hover {background:  #346ebf}
/*.main-nav>li:first-child:hover {background: #0060bb;}*/
.navbar-default .navbar-nav>li>a{color: #636363}
.navbar-default .navbar-nav>li>a:hover {color: #ffffff;}

.navbar-default .navbar-nav>li:hover .dropdown-menu{ display: block}
.dropdown-menu>li>a{color: #636363;}
.dropdown-menu>li{ float: none}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background: #0060bb; background: rgba(30,33,130,1); color:#FFFFFF}

/*about*/
.about{ background: url("../images/abou-bg.png") no-repeat; background-size: cover; padding: 50px 0px 73px 0px;}
.about-tit{color: #5e5e5e}
.about-page{color: #3b3b3b; line-height: 2; letter-spacing: 2px; margin-bottom: 70px;}
.about-tu{ padding: 10px;}
.about-tu-icon{width: 100px; height: 100px;border: 2px #081ebe solid; border-radius: 50%;  margin: 0 auto; margin-bottom: 22px;}
.about-tu-icon>span{ color: #081ebe; font-size: 50px;line-height: 100px;  }
.about-tu-page>span{color: #424242}
.about-tu:hover{box-shadow: 5px 5px 5px #ccc;}
.about-tu-icon:hover{background:#081ebe;  transform:rotate(360deg);
    -ms-transform:rotate(360deg); 	/* IE 9 */
    -moz-transform:rotate(360deg); 	/* Firefox */
    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
    -o-transform:rotate(360deg); 	/* Opera */}
.about-tu-icon:hover>span{color: #FFFFFF;}
/*cases*/
.cases{background: url("../images/cases-bg.jpg") no-repeat; background-size: cover;padding: 80px 0px 24px 0px;}
.title{color: #081ebe;  }
.title span:first-child{letter-spacing: 8px;}
.title span:nth-child(2){ padding:0px 8px;}
.title span:last-child{letter-spacing: 5px; font-family: Arial}
.item-page{color: #FFFFFF}
/*proudct*/
.product{padding: 92px 0px;}
.product ul>li{ margin-bottom: 30px;position: relative}
.product-btn{ margin-top: 12px;}
.product-btn>a{color: #8b8b8b; padding: 12px 40px; border: 1px #081ebe  solid; border-radius: 30px;}
.product-btn>a:hover{background:#081ebe; color: #FFFFFF; }
.pro-show,.pro-show1{position: absolute; top: 0; left: 0; background: #2b62b0 ;text-align: center;
    line-height:7; color: #FFFFFF;opacity: 0;}
.pro-show{ transform: translateX(-100px);}
.pro-show-special{line-height: 15}
.product ul>li:hover .pro-show{opacity: 0.8; transform: translateX(0px);}
.product ul>li:hover .pro-show>p{opacity: 1;}
/*news*/
.news{padding: 80px 0px;}
.news-pic-div{position:relative}
.news-div-page{ margin-top: 30px;padding: 0px 15px;}
.news-div-page>p:first-child{color: #353535;}
.news-div-page>p:last-child{color: #7e7e7e; margin-top: 14px;line-height: 2}
.pro-show1{line-height: 6}
.news-pic-div:hover .pro-show1{opacity: 1;}
.news-div-page:hover{border: 1px #0e73ef solid}
.news-div-page:hover>p:first-child{color: #0e73ef}
/*culture*/
/*.all{float:left;margin: 0 auto}*/
/*cilutre*/
.culture{padding: 80px 0px; background: #e2e2e2; margin: 0 auto}
/*.cl-all{width:100%; margin: 0 auto;}*/
/*.cl-all ul>li{ margin-bottom: 20px;display: inline-block; float: none}*/
/*.cl-all ul>li:nth-child(odd){ margin-right: 22px;}*/
/*.cl-page{background: #336dcd; padding:30px 22px 24px 29px; width: 278px; height:200px;color: #FFFFFF;line-height: 1.8}*/
/*.cl-img{height: 200px;width: 278px;}*/
/*.cl-btn{ margin-top: 25px;}*/
.box{width:100%;margin:auto;}
/*ul,li{margin:0px;padding:0px;}*/
.box ul{ margin-bottom: 20px;display:table; width:1135px;list-style: none}
.box ul li{/*width:60px;*/text-align:center;
    /*float:left;*/ list-style:none;float:left;*float:none;*display:inline;*zoom:1;}
.box .ul1 li:nth-child(2),.box .ul2 li:nth-child(3){ margin-right: 20px;}
.box {*text-align:center;}
.cl-page{background: #336dcd; padding:30px 22px 24px 29px; width: 278px; height:200px;color: #FFFFFF;line-height: 1.8}
.cl-img{height: 200px;width: 278px;}
.cl-btn{ margin-top: 25px;}
.ul1 .cl-page:hover{border: 5px #336dcd solid; border-right: none; border-radius: 30px;}
.cl-img:hover img{
    border-radius: 30px;
}
.ul2 .cl-page:hover{border: 5px #336dcd solid; border-left: none;border-radius: 30px;}
.cl-page:hover::after{border-left-color: red;}
.cl-page{position: relative;}
.ul1 .cl-page::after{
    content: "";  /*:before和:after必带技能，重要性为满5颗星*/  display: block;  position: absolute;  /*日常绝对定位*/ margin: auto; right: -16px;bottom:35px;
    width: 0;
    height: 0;
    border: 16px solid red;
    border-left-color: #336dcd;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}
.ul2 .cl-page::before{
    content: "";  /*:before和:after必带技能，重要性为满5颗星*/  display: block;  position: absolute;  /*日常绝对定位*/ margin: auto;left: -16px;bottom:35px;
    width: 0;
    height: 0;
    border: 16px solid red;
    border-right-color: #336dcd;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}


.shiming{padding: 80px 0px}
.shiming-tit{color: #336dcd; }
.shiming-tit>p:first-child{letter-spacing: 12px;}
.shiming-tit>p:last-child{ font-family: Arial; margin-bottom: 50px;}
.one{margin:0px auto;height:180px;width:100%;overflow:hidden;position:relative; }
.one ul{height:180px;width:100000px;position:absolute;left:0;} /*ul width的宽不能过小*/
.one ul li{display:block;float:left;margin-right:20px;height:180px;position:relative;}
.one ul li a{display:inline-block;height:180px;}
.one ul li img{display:block;}
.one ul li a span{height:0;display:block;background:rgba(0,0,0,0.4);position:absolute;bottom:0;color:#fff;font-size:0px;}
.one ul li a:hover span{height:180px;line-height:180px;font-size:20px;text-align:center;transition:all 0.7s;}
/*bottom*/
.bottom{background: black}
.bottom ul li{ float: none}
.all-bot{margin-top: 67px;}
.bottom .bot,  .bot-img{ margin-right: 60px;  float: left;  }
.bot-img>p{color: #ececec}
.bot-img>p:last-child{ letter-spacing: 1px;}
.bottom .bot>ul>li>a{color: #ececec;line-height: 2.5;padding: 6px 5px; }
.bottom .bot>ul>li>a:hover{border-bottom: 1px #d71010 solid}
.bot-information{ margin-top:53px; text-align: center; margin-bottom: 46px;}
.bot-information>span{ float: left }
.bot-information>span{ font-size: 45px; padding:10px  20px; border-radius: 50%; border: 1px white solid; color: white; margin-right: 20px;}
.bot-information>div>span{color: white;line-height: 2}
.copyright{ padding: 10px 0px; background: #505050;color: #ececec; }
.copyright>p{ margin-bottom: 0px;}
/*contact*/
.breadcrumb>ul{ display:inline-block}
.breadcrumb>ul>li{float: none}
.page-nav1{ padding: 20px 0; background: #016ac4; margin-top: 40px; }

.ny-nav-ul{ margin-top: 10px; width: 100%; display: inline-block; text-align: center;}
.ny-nav-ul li{ margin: 0 5px; display: inline-block; float: none;
}
.ny-nav-ul li a{ border: 1px solid #fff; padding: 8px 26px; display: inline-block; color: #FFF;}
.ny-nav-ul li:hover a,.ny-nav-ul li.active a{ background: #83b2ff; color: #fff;  border: 1px solid #83b2ff;}
.neirong>h3{color: #0e73ef}
.neirong>p{line-height: 2.5;color: #636363}
/*case*/
.case-content{background: #FFFFFF;}
.case-content>ul{ text-align: center}
.case-content>ul>li{ display: inline-block; padding:30px  20px;}
.case-content>ul>li p{color:#0e73ef; padding-bottom: 10px; max-height: 30px; overflow: hidden; padding-right: 10px; padding-left: 10px; max-width: 340px;}
.case-content .item-content:hover{box-shadow: 5px 5px 5px 5px #ccc;}
/*公告*/
.chose-page{ padding: 14px 16px 4px 16px; border-bottom: 1px #dfdfdf solid}
.chose-page>div:first-child{ margin-bottom: 6px;}
.chose-page:last-child{ border-bottom: 2px #1e2182 solid}
.chose-page>div:first-child>span:first-child{color: #151515;}
.chose-page>div:first-child>span:last-child{color: #a6a6a6; margin-right: 10px;}
.chose-page>div:last-child>p{color: #636363;}
.pic{ margin-top: 50px;}
.chose-page:hover{ border: 2px #1e2182 solid; }
.chose-page:hover>div:first-child>span:first-child{ color: #1e2182}
.roll__list>li img,.roll__list>li span{ width: 279px; height: 180px;}
.news-div-page >a>p:first-child {
    color: #353535;
}
.news-div-page >a>p:last-child {
    color: #7e7e7e;
    margin-top: 14px;
    line-height: 1.8;
}
.news-div-page:hover>a>P:first-child{
    color:#0e73ef ;
}
.news-div-page:hover >p:first-child>a {
    color:#0e73ef;
}
.about-tu-page.text-center.f18 {
    height: 23px;
    overflow: hidden;
}
.chose-page:hover div {
    color:#0e73ef;
}
@media screen and (max-width: 768px) {
    .navbar-default .navbar-collapse{ background: #FFFFFF; text-align: left}
    .main-nav{ width: 100%;}
    .main-nav>li{ margin-right: 0px; width: 100%;}
    .main-nav>li>a{width: 100%}
    .navbar-collapse{ padding-right: 0px;}
    .top>span img{ width: 90%;}
    .top>span:last-child{ font-size: 1.1em}
    .navbar-collapse{background: #FFFFFF}
    .box ul{ width: 278px; margin: 0 auto}
    .box ul li:nth-child(2),.box ul li:nth-child(6){ margin-right: 0px;}
    .owl-theme .owl-controls .owl-buttons{ display: none}
    .shiming-tit>p:first-child,.shiming-tit>p:last-child{ font-size: 1.5em;}
    .bot-information{ text-align: left; margin-bottom: 20px;}
    .bot-information>span{ font-size: 30px; padding:10px 15px; border-radius: 50%; border: 1px white solid; color: white; margin-right: 10px;}
}

/*常用*/
.h100{height: 100%;}
.w100{ width: 100%; }
.f10{font-size: 10px;}
.f12{font-size: 12px;}
.f14{ font-size: 14px;}
.f16{ font-size: 16px;}
.f18{ font-size: 18px;}
.f20{ font-size: 20px;}
.f24{ font-size: 24px;}
.f30{ font-size: 30px;}
.f34{ font-size: 34px;}
.f40{ font-size: 40px;}
.f50{font-size: 50px;}
.fb{font-weight: bold;}
.mt0{ margin-top: 0px;}
.mt10{ margin-top: 10px;}
.mt14{ margin-top: 14px;}
.mt15{ margin-top: 15px;}
.mt17{ margin-top: 17px;}
.mt20{ margin-top: 20px;}
.mt26{ margin-top: 26px;}
.mt28{ margin-top:28px;}
.mt30{ margin-top: 30px;}
.mt40{ margin-top: 40px;}
.mt50{ margin-top: 50px;}
.mt55{ margin-top: 55px;}
.mt60{ margin-top: 60px;}
.mt74{ margin-top: 74px;}
.mt35{ margin-top:35px;}
.mb15{ margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb28{margin-bottom:28px;}
.mb30{margin-bottom: 30px;}
.mr30{ margin-right: 30px;}
.mr47{ margin-right: 47px;}
.p0{padding: 0;}
.pl0{padding-left: 0;}
.pr0{ padding-right: 0;}
.plr0{padding-left: 0; padding-right: 0;}
.fl{ float: left;}
.fr{float: right;}
.border0{ border: 0px;}
.fw{ font-weight: bold;}
/*分页*/
.fenyeys{ float:left; width:100%; text-align:center; margin:22px 0px 0px 0px; font-size: 12px; font-family: "微软雅黑";}
.fenyeys span{  margin:2px 6px; border-radius:25px;  padding:2px 10px; background:#346ebf;; color:#fff; }
.fenyeys a{ margin:2px 6px; border-radius:25px; padding:2px 10px; background:#ccc; color:#fff; }
.fenyeys a:hover{ background:#5e9633;}
.nyright-con .col-md-12{margin: 0px; padding: 0px;}