h1, h2, h3, h4, h5 { padding: 0; margin: 0; } 

* { margin: 0; padding: 0; box-sizing: border-box; }

a { text-decoration: none; border: none; }

a:hover { text-decoration: none !important;}
a:focus,
a:active,
a:focus-visible {
  outline: none;
}

li { list-style: none; }

img { border: 0; }

body { font-size: 14px; font-family: '微软雅黑', Arial; background-color: #ffffff; }

input:focus, select:focus, textarea:focus { outline: none; }

.clear { height: 0; width: 100%; clear: both; }

.position { position: relative; }

.textWord { overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }



/*  head   */

.head { min-height: 82px; padding: 25px 50px; position: relative; z-index: 99; }

.head .navbar { margin-bottom: 0;  }

.head .nav { float: none; }

.head .navbar-brand { height: auto; padding: 0; margin-right: 45px; }

.head .navbar-default { background: none; border: none; }

.head .collapse { padding-top: 37px; }

.head .nav>li>a { padding: 0;  }

.head .navbar-nav>li { width: 8%; text-align: center; }

.head .navbar-default .navbar-nav>li>a { font-size: 18px; color: #00469c; }

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background: none !important; }





/*  foot   */

.bottom { background-color: #f5f5f5; padding: 20px 0; }

.bottom a { display: inline-block; width: 10.5%; text-align: center; font-size: 18px; color: #8c8c8c; }

.foot { padding: 40px 0; font-size: 12px; color: #7a7a7d; line-height: 26px; }

.foot .sale { display: block; width: 140px; height: 24px; line-height: 24px; border: 1px solid #00c9ff; text-align: center; color: #00c9ff; margin-top: 10px; }

.foot h4 { font-size: 20px; color: #00cafd;  }

.foot h5 { font-size: 14px; color: #5b5b5c; }





/*   index   */

.about { padding: 60px 0; background-color: #efefef; }

.about .aboutArc { padding-top: 30px; margin-top: 50px; border-top: 2px solid #a3a3a3; }

.aboutArc h2 { margin-top: 60px; font-size: 28px; color: #373737; font-weight: bold;  }

.aboutArc h4 { font-size: 14px; color: #9a9a9a; }

.aboutArc .arc1 { font-size: 14px; color: #373737; line-height: 32px; margin-top: 35px; }

.aboutArc a { display: block; margin-top: 30px; margin-bottom: 15px; }

.news { padding: 60px 0; }

.news .newsL li { height: 42px; line-height: 42px; border-bottom: 1px solid #e3e3e3; border-bottom-style: dashed; }

.news .newsL li a { display: block; width: 70%; color: #444444; font-size: 14px; }

.news .newsL li span { color: #444444; font-size: 14px; } 

.tabsNav { border-bottom: 1px solid #0089cf; }

.tabsNav a { display: inline-block; width: 115px; height: 45px; line-height: 45px; text-align: center; font-size: 16px; color: #4c4c4c; }

.tabsNav a.on { font-weight: bold; color: #fff; background-color: #0089cf; border-top-left-radius: 8px; border-top-right-radius: 8px;  }

.tabsCon .con { display: none; }

.tabsCon .con.on { display: block; }

.con li { margin-top: 25px; position: relative; height: 84px; }

.con .newsRtime { position: absolute; width: 115px; text-align: center; height: 84px; background-color: #dddddd; border-radius: 5px; }

.con .newsRtime h1 { margin: 0; font-size: 30px; color: #151515; font-weight: bold; padding-top: 15px; }

.con .newsRtime h3 { font-size: 13px; color: #151515; padding-top: 7px; }

.con .newsR { padding-left: 130px; }

.con h2 { font-size: 16px; color: #5a5858; padding-top: 5px; }

.con p { font-size: 14px; color: #666666; line-height: 100%; margin-top: 10px; line-height: 23px;  }

.proList li {
    margin-top: 20px;
}
.proList .hover img {
    display: inline;
}
.proList li .proName {
    display: block;
    width: 192px;
    height: 43px;
    background: url(../images/proBg.png) top center no-repeat;
    position: absolute;
    z-index: 9999;
    bottom: 15px;
    right: 15px;
    line-height: 43px;
    font-size: 26px;
    color: #034da2;
}
.proList li:hover .proName { display: none; }
.proList .ehover5 button.info {
    width: 90%;
    height: 90%;
    left: 5%;
    top: -10%;
    padding: 40px 0 0;
    border: 5px solid white;
}

@media (min-width: 1440px) {
    .proList li {
        width: 25% !important;
    }
}









/*   page   */

.innBan img { min-height: 150px; }

.keywords { padding: 20px 0; background-color: #edeeef; font-size: 14px; color: #0d77e5; }

.keywords span { color: #3a3a3a; margin-left: 12px; }

.t1 { background: url(../images/line.jpg) bottom right no-repeat; display: inline-block; margin-top: 50px; }

.t1 h2 { display: inline-block; color: #444444; font-size: 40px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;  }

.t1 span { display: block; line-height: 90%; margin-top: 10px; font-size: 24px; color: #353535; }

.innNav { margin-top: 20px; }

.innNav a { font-size: 14px; color: #000000; display: inline-block; border: 1px solid #e6e6e6; padding: 8px 30px; line-height: 100%; margin-right: 10px; }

.innNav a:hover , .innNav a.active { color: #007fe4; text-decoration: none;}

.content { border-top: 1px solid #f2f2f2; margin-top: 25px; padding-top: 30px; }

.newsTitle { padding-bottom: 10px; border-bottom: 1px solid #e6e8ea; border-bottom-style: dashed; }

.newsTitle span { display: inline-block; }

.newsTitle .t2 { font-size: 20px; color: #444444; }

.newsTitle .newsTime { font-size: 12px; color: #5793e7; margin-left: 90px; }

.newsArc { margin: 0 0 50px; font-size: 16px; color: #444444; line-height: 32px; }





/*   List  */

.newsList li { height: 225px; padding-bottom: 35px; border-bottom: 1px solid #eaeaea; margin-bottom: 40px; transition: all 0.6s; }

.newsList li a { display: block; }

.newsList li .newsLeft { width: 253px;  height: 190px; overflow: hidden;}

.newsList li .newsCen { width: 750px; margin-left: 30px; padding-top: 15px; }

.newsList li .newsCen h2 { font-size: 20px; color: #444444; }

.newsList li .newsCen p { font-size: 12px; color: #838282; margin-top: 30px; line-height: 22px; }

.newsList li .newsCen h5 { font-size: 12px; color: #438ae6; padding-top: 30px; }

.newsList li .newsRight { width: 130px; text-align: center; padding-top: 60px; }

.newsList li .newsRight h3 { font-size: 36px; color: #999999; }

.newsList li .newsRight h4 { font-size: 24px; color: #999999; }

.newsList li:hover h2 , .newsList li:hover h5 , .newsList li:hover h3 , .newsList li:hover h4 , .newsList li:hover p { color: #1f6eb1; }

.newsList li:hover img { transform: scale(1.3); transition: all 0.6s }

.page { text-align: center; margin-bottom: 50px; }

.page a { padding: 7px 12px; border: 1px solid #edebeb; color: #333333; font-size: 14px; }

.page span { padding: 7px 12px; border: 1px solid #1f6eb1; background-color: #1f6eb1; color: #fff; }

.proList li { margin-bottom: 30px; overflow: hidden; }

.proList li a { display: block; }

.proList li h2 { font-size: 16px; color: #3a3a3a;  text-align: center; padding: 15px 0; }

.proList li p { font-size: 12px; color: #909090; line-height: 20px; }

.proList li:hover h2 , .proList li:hover p { color: #1f6eb1; }





/*   轮播   */

.Box { padding: 0 120px; background-color: #efefef; padding-bottom: 30px; }

.Box .Box_con {position: relative; margin-top: 50px; }

.Box .Box_con .btn2 {display: block;width: 41px;height: 41px;position: absolute;top: 105px;cursor: pointer; z-index: 999; }

.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -36px;}

.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -60px;}

.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}

.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}

.Box .Box_con .conbox {position: relative;overflow-x: hidden; height: 405px;}

.Box .Box_con .conbox ul {position: relative;list-style: none;}

/*.Box .Box_con .conbox ul li {float: left;width: 375px;height: 435px; padding-top: 40px; margin: 0 25px;overflow: hidden; transition: all 0.7s; }*/

.Box .Box_con .conbox ul li {float: left;width: 375px;height: 385px; padding-top: ; margin: 0 25px;overflow: hidden; transition: all 0.7s; }

.Box .Box_con .conbox ul.newsList1 li a { display: block; }

.Box .Box_con .conbox ul li .padd { padding: 0;  transition: all 0.7s;}

.Box .Box_con .conbox ul li img { transition: all 0.5s; }

ul.newsList1 li h2 { font-size: 16px; font-weight: bold; color: #3a3a3a; padding: 25px 0; }

ul.newsList1 li .arc1 { font-size: 12px; color: #909090; line-height: 22px; }

/*.Box .Box_con .conbox ul li:hover { padding-top: 0; transition: all 0.7s; background-color: #fff; box-shadow: 0 0 30px #ccc; }*/

/*.Box .Box_con .conbox ul li:hover { transition: all 0.7s; background-color: #fff; box-shadow: 0 0 30px #ccc; }

.Box .Box_con .conbox ul li:hover .padd { padding: 0 20px; transition: all 0.7s; }*/

/*.Box .Box_con .conbox ul li:hover .more { opacity: 1; transition: all 0.7s; margin: -50px auto 0; }

.Box .Box_con .conbox ul li:hover a { text-decoration: none; }*/

.Box .BoxSwitch {margin-top: 0;text-align: center;}

.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 10px;height: 10px;background: #bfbfbf; border-radius: 50%; margin: 0 5px;cursor: pointer;}

.Box .BoxSwitch span.cur {background: #335aeb; width: 14px; height: 14px; }







.Box1 .Box_con1 {position: relative; margin-top: 50px; overflow: hidden; }

.Box1 .Box_con1 .btnl1 {position: absolute;}

.Box1 .Box_con1 .btn1 {display: block;width: 41px;height: 41px;position: absolute;top: 280px;cursor: pointer; z-index: 99999;}

.Box1 .Box_con1 .btnl1 {background: url(../images/jtl02.png) no-repeat center;left: 36px;}

.Box1 .Box_con1 .btnr1 {background: url(../images/jtr02.png) no-repeat center;right: 36px;}

.Box1 .Box_con1 .btnl1:hover {background: url(../images/jtl03.png) no-repeat center;}

.Box1 .Box_con1 .btnr1:hover {background: url(../images/jtr03.png) no-repeat center;}

.Box1 .Box_con1 .conbox1 {position: relative;overflow-x: hidden; height: 700px;}

.Box1 .Box_con1 .conbox1 ul {position: relative;list-style: none; overflow: hidden;}

.Box1 .Box_con1 .conbox1 ul li {float: left;width: 480px;height: 674px;overflow: hidden; }

.Box1 .Box_con1 .conbox1 ul li img { transition: all 0.6s;  }

.Box1 .Box_con1 .conbox1 ul li:hover img { transform: scale(1.1); }





@media (max-width:768px) {

	.head { min-height: auto; padding: 10px; }

	.head img { width: 100%; }

	.head .navbar-brand { margin-right: 0; width: 50%;  }

	.head .navbar-nav>li { width: 100%; margin: 10px 0; }

	.head .collapse { padding-top: 0; }

	.head .dropdown-menu li { text-align: center; }

	.foot { padding-top: 0; }

	.t1 { margin-top: 20px; }

	.t1 h2 { font-size: 24px; }

	.t1 span { font-size: 18px; }

	.innNav a { margin-top: 5px; margin-bottom: 5px; }

	.newsList li { position: relative; height: auto; padding-bottom: 0; margin-bottom: 15px; }

	.newsList li .newsLeft { width: 126px; height: 95px; float: none !important; position: absolute; }

	.newsList li .newsCen { width: 100%; margin-left: 0; float: none !important; padding-left: 135px; padding-top: 0; }

	.newsList li .newsCen h2 { font-size: 16px; }

	.newsList li .newsCen p { padding: 5px 0; margin: 0; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

	.newsList li .newsCen h5 { padding-top: 0; }

	.page { margin-top: 20px; }

	.Box { padding: 0; }

	.about { padding: 20px 0; }

	.about .aboutArc { padding-top: 0; margin-top: 20px; }

	.con p {display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 46px; }

	.Box .Box_con .conbox ul li { width: 335px; }

	.Box .Box_con .conbox ul li img { width: 100%; }

	.fcList { margin: 25px 0; }

	.fcList h2 {font-size: 16px; font-weight: bold; color: #3a3a3a; padding: 10px; }

	.fcList .arc1 { font-size: 12px; color: #909090; line-height: 22px; padding-left: 10px; padding-right: 10px; }

	.proList li h2 { overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 50px; }

}