@font-face {
  font-family: 'KentekenSmitsTweeduizendDertien';
  src: url('./KentekenSmitsTweeduizendDertien.otf');
}
@font-face {
  font-family: 'Allstar4';
  src: url('./Allstar4.ttf');
}
@font-face {
  font-family: 'REGULAR';
  src: url('./PINGFANG REGULAR_0.TTF');
}
*{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ font-style: normal; font-size:100%; font-weight:normal;}
li{list-style-type: none;}
a{text-decoration:none;color:#333333;}
body{min-width:1200px;max-width:1920px;margin: 0 auto;color:#333333;font-size: 18px;font-family: 'REGULAR';}
img{ border:0;}
.clear{clear:both;}
.no{display:none;}
.img{display: block;width:100%;}
.box{width:1200px;margin:0 auto;}
.over{overflow: hidden}
.border{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box;} 
.fr{float: right}
.fl{float: left}

.between{display: flex;flex-direction: row;justify-content: space-between;}
.img_center{display:flex;justify-content:center;align-items:center;}
.center{display: flex;flex-direction: row;justify-content: space-between;justify-content: space-around;}
.ht_img{cursor: pointer; transition: all 0.6s;width:100%;display: block}
.ht_img:hover{transform: scale(1.06);}

/* 首页 */
.banner{width: 100%;height: 380px;position: relative;padding-top: 100px}

.flexslider {position: relative;width: 100%;min-width:1200px;height:1016px;overflow: hidden;zoom: 1;}
.flexslider .slides li {width: 100%;height: 1016px;}
.flex-direction-nav a {width: 70px;height: 70px;line-height: 99em;overflow: hidden;margin: -35px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;border-radius: 35px;}
.flex-direction-nav .flex-next {background-position: 0 -70px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {opacity: 1;filter: alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom:25px;left:0;z-index: 999 ;text-align: center}
.flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: #fff;display: block;height: 8px;overflow: hidden;text-indent: -99em;width:8px;cursor: pointer;border-radius: 50%;}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a {background: #facfa4;width: 69px;border-radius: 4px;}
.flexslider .slides  img {width: 100%;height:1016px;display: block;}


.header{width: 100%;height: 99px;background: rgba(16, 45, 77, 0.8);border-bottom: 1px solid rgba(250, 207, 164, 0.5);position: absolute;top:0;left:0;font-family: '黑体'}
.logo{display: block;height: 55px; float: left;margin-top:22px;}
.header11{width:1px;height: 49px;background: #facfa4;float: left;margin:25px 10px 0;}
.header1>p{font-size: 16px;opacity: 0.6;line-height: 24px;float: left;margin-top: 26px;color: #facfa4;}
.phone{margin-top: 32px;font-size: 24px;color: #facfa4;border-left: 2px solid rgba(250, 207, 164, 0.8);height: 34px; font-family: 'KentekenSmitsTweeduizendDertien';}
.phone img{margin:0 10px 0 15px;}

.nav{margin-top: 28px;float: right}
.nav>ul>li{float: left;margin-right: 40px}
.nav>ul>li>a{display: block; line-height: 24px;color: #7a7a7a;font-size: 16px}
.nav>ul>li>a span{font-size: 11px;opacity: 0.3}
.nav>ul>li a:hover span{opacity: 1}
.nav_on{opacity:1  !important;}

/* 内容 */
.cor{color: #f9d2a7  !important}
.cor_{color: #102d4d  !important}
.back{background: #f9d2a7  !important}
.back_{background: #102d4d  !important}
.title{text-align: center;padding: 100px 0 40px;}
.title h1{font-size: 48px;line-height: 60px}
.title p{font-size: 20px;text-transform : uppercase;margin-top: 10px}
.title img{margin-bottom: 20px}

.padd{padding-bottom: 100px}
.ht11{border:5px solid #102d4d;padding:5px;}
.ht111{border:2px solid #102d4d;padding:60px 0;text-align: center}
.ht111 h3{font-size: 48px;line-height: 60px;padding:30px 0 20px;}
.ht111 p{font-size: 24px;line-height: 48px;padding:0 80px;}

.ht21{border:5px solid #f9d2a7;padding:5px;}
.ht211{background: #f9d2a7;padding:30px 0 55px;text-align: center}
.ht211>ul>li{width: 376px;height: 512px;border:2px solid #102d4d;overflow: hidden;display: inline-block;margin:0 2px;}
.ht211>p{font-size: 24px;line-height: 36px;padding:50px 0 15px;}
.ht211>div{font-size: 20px;width: 290px;height: 60px;color: #fff;margin:0 auto;}

.ht221{border:2px solid #f9d2a7;padding:50px 0;text-align: center}
.ht221 ul li{display: inline-block;margin:0 55px;font-size: 30px;line-height: 48px;}
.ht221 ul li p{margin-top:35px }

.ht31 ul{flex-wrap: wrap}
.ht31 ul li{margin:0 30px 60px; transition: all 0.6s;}
.ht31 ul li:hover{transform: scale(1.06);}
.ht311{width: 280px;height: 330px;}
.ht311 img{max-width: 100%;max-height: 100%}
.ht312{display: block; margin-top: -20px;text-align: center}
.ht312 p{font-size: 20px}
.ht312 div{width: 255px;height: 55px;background: #ce572d;font-size: 36px;color: #fff;font-family: 'Allstar4';border-radius: 30px;margin:5px auto;}
.ht312 h3{font-size: 30px;}
.ht3>a{width: 501px;height: 89px;margin:  0 auto; background: #cb542a;font-size: 36px;color: #fff;}

.ht41{padding-top: 70px;}
.ht41 ul li{width: 201px;height: 341px;text-align: center; border-radius: 110px;background: #f2f6fa;color: #999999;position: relative}
.ht41 ul li>img{position: absolute;top:-65px;left:0;right: 0;margin:auto;}
.ht41_{width: 221px !important; height: 341px !important; background: #facfa4!important; color: #cd562c !important;  }
.ht411{width: 146px;height: 119px;font-size: 36px;line-height: 105px}
.ht4111{background: url(../images/ht41.png) no-repeat center;}
.ht4112{background: url(../images/ht41_.png) no-repeat center;}
.ht412{font-size:20px;line-height: 30px;margin-top: 35px }

.ht41 ul li:nth-child(1),.ht41 ul li:nth-child(5){margin-top: 70px}
.ht41 ul li:nth-child(2),.ht41 ul li:nth-child(4){margin-top: 30px}
.ht42 ul li{width: 299px;}
.ht421{width: 299px;height: 299px;text-align: center; position: relative;}
.ht421 h3{font-size: 38px}
.ht421 p{font-size: 14px;margin-top: 10px}
.ht42 ul li:nth-child(2n+1) .ht421>img{display: block;position: absolute;bottom:0;left:0;right: 0;margin:auto;}
.ht42 ul li:nth-child(2n) .ht421>img{display: block;position: absolute;top:0;left:0;right: 0;margin:auto;}
.ht42 ul li:nth-child(2n+1) .ht421{margin-bottom: 1px}
.ht42 ul li:nth-child(2n) .ht421{margin-top: 1px}
.ht422{width: 299px;height: 299px;border:1px solid #facfa4;}


.ht511{width: 665px;margin-top: 20px}
.ht511 h3{font-size: 25px}
.ht511 h5{font-size: 75px;opacity: 0.1;font-family: 'Allstar4';margin:-15px 0 10px;letter-spacing: -2px}
.ht511 p{font-size: 16px;line-height: 30px}
.ht511 a{width: 165px;height: 41px;background: #102d4d;border-radius: 20px;color: #fff;font-size: 12px;margin-top: 50px}

.ht61 ul li{width: 291px;height: 482px;background-image: linear-gradient(to top, #facfa4, #f2c496);}
.ht611{width: 100%;height: 320px;}
.ht612{width: 51px;height: 2px;background: #102d4d;margin:0 auto 25px;}
.ht61 ul li p{text-align:center;font-size: 24px;line-height: 38px;}


/* 底部 */
.di{clear:both;width:100%;background-color: #102d4d;padding-top: 50px;color: #facfa4;}
.di11 h5{font-size: 30px}
.d_nav{float: right;}
.d_nav ul li{float: left;margin-left: 65px;}
.d_nav ul li a{display: block;line-height: 68px;color: #facfa4; font-size: 16px;}


.di2{padding: 45px 0 ; margin-top: 30px;border-top: 1px solid rgba(255,255,255,0.2);border-bottom: 1px solid rgba(255,255,255,0.2);}
.di21{float: left;width: 420px;height: 80px;border:2px solid #facfa4;font-size: 48px;color: #facfa4;font-family: 'KentekenSmitsTweeduizendDertien';margin:15px 80px 0 0;}
.di22{margin-top: 8px}
.di22 div{width: 430px; font-size:16px;line-height: 32px; }
.di23{float: right;margin:10px 0  0 15px}
.di23 img{display: block; height: 94px;padding: 2px;border: 1px solid #fff;float: right; }
.di23 p{width: 16px;height: 100px;float: right;margin-right: 6px; font-size: 16px;line-height: 18px;}


.di3 p{font-size: 12px;line-height: 85px; letter-spacing: 1px}

/* 产品中心 */
.con{padding:60px 0 80px;/* font-family: 'REGULAR' */}

.position{border-bottom:1px solid #e6e6e6;padding-bottom: 7px;line-height: 20px; overflow: hidden;/* text-align: right; */color:#999999;font-size: 16px;}
.position img{height:20px;vertical-align: top;}
.position a{color:#999;}
.position a:hover{color:#102d4d;}


/* 关于我们 */
.p_nav{width: 100%;text-align: center;}
.p_nav ul li{display: inline-block;margin:60px 60px 0;}
.p_nav ul li a{display: block; font-size: 20px;color: #707070;padding-bottom: 8px}
.p_nav ul li a:hover{border-bottom: 3px solid #102d4d;color: #102d4d}
.p_nav_on{border-bottom: 3px solid #102d4d;color: #102d4d !important}

.about_body{ margin:50px auto 0;line-height: 33px;word-wrap:break-word;}
.about_body img{max-width:90%;}

/* 产品中心 */
.product>ul{margin-top: 60px ;}
.product>ul>li{width: 388px;float: left; margin:0 18px 30px 0}
.product>ul>li:nth-child(3n){margin-right: 0}
.p_img{width: 388px;height: 291px}
.p_img img{max-width: 100%;max-height: 100%}
.p_title{width: 388px;height: 60px;font-size: 20px}

/* 新闻资讯 */
.news>ul>li{padding:26px 0 26px;border-bottom: 1px solid #c4c4c4;overflow: hidden}
.news1{width:342px;height:262px;overflow: hidden;float:left;}
.news2{width:830px;float: right;margin-top: 20px}
.news21{font-size:24px;color:#494949;line-height:60px;}
.news22{display:block;height:90px; overflow: hidden;font-size:16px;color:#676767;line-height: 29px;letter-spacing: 1px;opacity: 0.8}

.news231{display:block;width:100px;font-size:18px;color:#494949;float:right;margin-top:40px;}
.news232{display:block;width:100px;font-size:18px;color:#102d4d;float:right;margin-top:40px;}
.news24{display:block;float:left;margin-top: 35px;color:#000;opacity: 0.6}
.news25{display:none}
.news>ul>li:hover .news21{color:#102d4d;}
.news>ul>li:hover .news25{display: block;}
.news>ul>li:hover .news23{display: none;}

/* 页码 */
.pages{padding-top:50px;text-align: center;clear: both;}
.pages>ul>li{display:inline-block;font-size:16px;margin-right: 10px;}
.pages>ul>li>a{font-family:'微软雅黑';padding:8px 15px;color:#333;border: 1px solid #dcdcdc; text-decoration:none}
.c{padding:8px 15px;background:#102d4d;color:#fff;border: 1px solid #102d4d;}

/* 上下篇 */
.sxy{margin:30px 0 0;width:100%;height:30px;font-size: 16px;color:#333}
.sxy1{width:550px;height:30px;float: left;}
.sxy2{width:550px;height:30px;float: right;text-align: right;}

/* 详情页 */
.article_title{font-size: 30px;color:#333;text-align: center;padding:60px 0 40px;}
.article_body{width:100%;word-wrap:break-word;font-size: 18px;line-height: 40px;}
.article_body img{max-width:100%;}