/* 样式预定义 */
body{font-family: "Microsoft YaHei","微软雅黑";    font-size: 16px;max-width: 1920px;margin: 0 auto;}
dl, dd, p, h1, h2, h3, h4, h5, h6 {margin: 0}
ol, ul {margin: 0;padding: 0;list-style: none}
a{text-decoration: none;color: black;}
/* a:hover{ text-decoration:none} */
img{border: none;}
i{ font-style:normal}
input { outline: none }
* {padding: 0;margin: 0;border: 0; webkit-tap-highlight-color: transparent;outline: none}
*, *:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.ov {overflow: hidden;}
.pr {position: relative }
.di {display: inline-block;}
.href {cursor: pointer;}
.left {float: left}
.right {float: right}
.sn1 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; /*border:1px solid #ddd;*/}
.sn2 {word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.sn3 {word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
ol, ul {margin: 0;padding: 0;list-style: none}
.min1200{width: 100%;min-width: 1200px;position: relative;}
.w1200{margin: 0 auto;width: 1200px;position: relative;}
.mt30{margin-top: 30px;}
.more{font-size: 14px;color: #999;line-height: 30px;margin-top: 18px;}
.jews_href{cursor: pointer;}


/* focusBox */
.focusBox{ position: relative}
.focusBox .pic img{ display: block; width:100%; height:366px}
.focusBox .txt-bg{ position: absolute; bottom: 0px; z-index: 1; height: 90px; width:100%; background-color:#666; background: #c70000 }
.focusBox .txt{ position: absolute; bottom: 0px; z-index: 2; height: 70px; width:100%; overflow:hidden}
.focusBox .txt li{ height:70px; line-height:70px; position:absolute}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 18px}
.focusBox .num2{ position: absolute; z-index: 3; bottom: 14px; right: 18px; }
.focusBox .num li{ width: 30px;height: 30px;line-height: 30px;text-align: center; cursor: pointer; color:#c70000; background-color:#dbb1b1; margin-right:10px;        display: inline-block;overflow: hidden}
.focusBox .num li.on { background-color: #f19b14;width: 30px;height: 30px;line-height: 30px;text-align: center;}
.focusBox .num1920{display:table; text-align: center;bottom: 10px;width: 100%; position: absolute; z-index: 3;}
.focusBox .num1920 li.on { background:red;width: 10px;}

/*nav*/

.nav1920{width: 570px;background-size:cover;height: 56px;margin-top: 16px;}
.nav_1920_box{width:570px; margin:0 auto; height:56px;}
.cl{zoom:1}
.col960{width:570px;margin:auto;display: inline-block;float: left;}
.navbg{height:56px;display:inline-block;float: left; position:relative;z-index:99;left:0;}
#navul li{border:0; width: 150px;float:left;height:56px;position:relative;text-align:center;line-height:56px;box-sizing: border-box;padding: 0 14px;}
#navul li a{font-size:18px;;}
#navul li.navhome{}
#navul li a:link,#navul li a:visited{color:#000}
#navul li ul{display:none;position:absolute;z-index:10000;;background: #3788eb; opacity: .8; top: 56px;left: 0;width: 100%;box-sizing: border-box;}
#navul li ul li{display:block;float:none;margin-right:0;position:relative;font-size:18px;height: auto;padding: 5px 0px;}
#navul li.navmoon{background: #2664b0;}
#navul li.navmoon a{color:#fff}
#navul li.navhome a:hover{color:#fff}
#navul li.navmoon ul{display:block}
#navul li.navmoon ul li a{display:block;height:auto;line-height: 26px;padding: 8px 0;font-size: 16px;}
#navul li.navmoon ul li ul li a{font-size: 14px;}
.navmoon_li{background:#4176ad;}
.lis_mr{background:#4176ad;height:56px;line-height:56px;border-bottom:5px solid #c30b00!important;}
#navul li ul ul{display:none;position:absolute;z-index:10000;;background: #3384f2; overflow: hidden;left: 100%;top: 2px;}
#navul li.navmoon ul ul{display: none;}
#navul li.navmoons{background: #2664b0;}
#navul li.navmoons ul li:hover{background-color: #2664b0;}
#navul li.navmoons ul{display:block!important;;}
#navul li ul li ul li a{font-size: 14px;}
/*.navmoon_s{border-bottom: 3px solid white!important;}*/


/* 本例子css */

.head{height:88px;background-image: url("../images/top_bg.jpg");background-repeat: no-repeat;background-position: center;background-size: auto 100%;}
.head .left img{height: 54px;margin-top: 17px;}
.head_wx_oa{width: 170px;margin-left: 10px;}
.head_wx_oa .wx{font-size: 28px;color: #2664b0;position: relative;margin-top: 30px;line-height: 28px;z-index: 99;}
.head_wx_oa .wx div{width: 168px;height: 168px;padding: 3px;position: absolute;top:65px;left:-125px;border: 4px solid #2664b0; box-shadow: 0px 2px 10px #d6d6d6;display: none;background-color: white;}
.head_wx_oa .wx div:after {content: "";position: absolute;top: -30px;display: inline-block;vertical-align: middle;width: 0;height: 0;border-style: dashed;border-color: transparent;overflow: hidden;border-left-style: solid;border-left-color: #2664b0;border-width: 14px;transform: rotate(270deg);left: 88%;margin-left: -14px;}
.head_wx_oa .wx div img{width: 154px;height: 154px;margin-top: 0;}
.head_wx_oa .oa{height: 46px;width: 46px;border-radius: 4px;margin-top: 21px;color: white;line-height: 46px;background-color: #2664b0;font-size: 18px;text-align: center;}
.head_wx_oa .oa a{color: white;font-weight: bold;}

.head_wx_oa .sea{font-size: 28px;color: #2664b0;position: relative;margin-top: 30px;line-height: 28px;z-index: 99;margin-left: 30px;}
.head_wx_oa .sea .sea_div{width: 400px;height: 50px;padding: 3px;position: absolute;top:65px;right:0px;border: 2px solid #2664b0; box-shadow: 0px 2px 10px #d6d6d6;display: none;background-color: white;}
.head_wx_oa .sea .sea_div .keywords{width: 350px;height: 40px;float: left;}
.head_wx_oa .sea .sea_div .sea_an{font-size: 30px;line-height: 40px;margin-right: 5px;}

.banner{position: relative;min-width: 1200px;}
.banner .swiper{width: 100%;height: 820px;max-width: 1920px;margin: 0 auto;position: relative;
    overflow: hidden;}
.banner .swiper .swiper-slide{width: 100%;height: 820px;}
.banner .shubiao{position: absolute;bottom: 50px;z-index: 99;text-align: center;width: 80px;color: white;font-size: 14px;left: 50%;margin-left: -40px;}
.banner .shubiao img{float: left;}
.banner .shubiao p{height: 30px;line-height: 30px;float: right;}

.box1 .swiper{width: 710px;height: 510px;}
.box1 .swiper .swiper1{width: 710px;height: 510px;position: relative;}
.box1 .swiper .swiper-pagination-bullet{background:white;opacity: .8;}
.box1 .swiper .swiper-pagination-bullet-active{background:#2664b0;opacity:1;}
.box1 .swiper .swiper1 .swiper-slide{width:710px;height: 510px;}
.box1 .swiper .swiper1 .swiper-slide p{ position: absolute;width: 100%;height: 60px;line-height: 70px;bottom: 0px;color: white;background-image: linear-gradient( rgba(255,255,255,0),rgba(0,0,0,.7))!important;text-align: left;text-indent: 10px;}
.box1_news{width: 460px;}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{    text-align: right;padding-right: 10px;bottom: 14px;}

.box_title{height: 60px;width: 100%;border-bottom: 2px solid #dcdcdc;}
.box_title img{height: 30px;margin-top: 15px;}
.box_title h3{line-height: 60px;margin-left: 6px;color: #e1473d;font-size: 24px;}
.box_title .box_title_left{overflow: hidden;border-bottom:2px solid #2664b0;width: 150px;     height: 60px;}

.top_news{padding: 20px 0;height: 126px;}
.top_news h4{font-size: 18px;color: #e1473d;line-height: 34px;}
.top_news p{font-size: 16px;color: #888;line-height: 26px;}
.box_content_newslist .news_li{height: 46px;line-height: 46px;border-bottom: 1px dashed #dcdcdc;}
.box_content_newslist .news_li:last-child{border-bottom: 0;}
.box_content_newslist .news_li span{display: inline-block;float: right;font-size: 14px;color: #888;}

.box2 .swiper{width: 1200px;height: 120px;}
.box2 .swiper2{width: 1200px;height: 120px;position: relative;}
.box2 .swiper2 .swiper-slide{width: 1200px;height: 120px;}

.box2 .swiper2  .swiper-pagination-bullet {width: 20px;height: 20px;text-align: center;line-height: 20px;font-size: 12px;color: white;opacity: 1;background: rgba(0, 0, 0, 0.4);border-radius: 4px;}

.box3 .pro{width: 710px;}
.box3 .new{width: 460px;}
.box3 .pro .box_content{padding-top: 20px;}
.box3 .pro .pro_li{width: 347px;height: 225px;margin-right: 15px;margin-bottom: 15px;display: inline-block;float: left;position: relative;}
.box3 .pro .pro_li:nth-child(2n){margin-right: 0;}
.box3 .pro .pro_li .pro_title{position:absolute;width: 100%;height: 50px;line-height:60px;bottom: 0px;color: white;background-image: linear-gradient( rgba(255,255,255,0),rgba(0,0,0,.9))!important;text-align: left;text-indent: 5px;}
.box3 .pro .pro_li .pro_title span{width: 3px;height: 20px;background-color: white;margin-top: 20px;display: inline-block;float: left;margin-left: 6px;}
.box3 .pro .pro_li .xs_box{width: 347px;height: 225px;background: rgba(0,0,0,.7);z-index: 99;display: block;position: absolute;top: 0;}
.box3 .pro .pro_li .xs_box .xs{width: 327px;height: 205px;background-color: #2664b0;margin: 10px;padding-top: 75px;}
.box3 .pro .pro_li .xs_box .xs .title_block{font-size: 20px;color: white;width: 100%;text-align: center;line-height: 30px;}
.box3 .pro .pro_li .xs_box .xs .hx{width: 40px;height: 2px;background-color: white;margin: 10px auto 0;}
.box3 .pro .pro_li:hover .xs_box{display: block!important;}

.box4{background-color: #2664b0;padding: 30px 0;}
.box4 a{display: inline-block;float: left; width: 270px;height: 46px;line-height: 46px;text-align: center;border-radius: 6px;background-color: white;color: #2664b0;margin-right: 40px;margin-bottom: 20px;}
.box4 a:nth-child(4n){margin-right: 0;}

.foot{width: 100%;background-image: url("../images/bottom.jpg");height: 220px;background-repeat: no-repeat;background-size: cover;color: white!important;font-size: 14px;padding: 50px 0;}
.foot a{color: white!important;}
.foot .left p{line-height: 30px;}
.foot .right p{width: 110px;text-align: center;}


.right_fixed_nav{position: fixed;right: 2px;bottom: 30%;z-index: 999;}
.right_fixed_nav .list{width: 50px;height: 50px;margin-bottom: 10px;box-shadow: 0px 0px 10px #ccc;border-radius: 8px;background-color: white;}
.right_fixed_nav .list .ico{margin: 10px;height: 30px;width: 30px;}

.right_fixed_nav .list .right_wx{width: 168px;height: 168px;padding: 3px;position: absolute;right:66px;border: 4px solid #2664b0; box-shadow: 0px 2px 10px #d6d6d6;display: none;background-color: white;top: 40px;}
.right_fixed_nav .list .right_wx:after {content: "";position: absolute;top: 28px;display: inline-block;vertical-align: middle;width: 0;height: 0;border-style: dashed;border-color: transparent;overflow: hidden;border-left-style: solid;border-left-color: #2664b0;border-width: 14px;transform: rotate(0deg);right: -30px;margin-left: -14px;}
.right_fixed_nav .list .right_wx img{width: 154px;height: 154px;margin-top: 0;}
.right_fixed_nav .right_fixed_wx:hover .right_wx{display: block!important;}


.top_div{min-width: 1200px;max-width: 1920px;margin: 0 auto;}
.top_div img{width: 100%;display: block;}