*{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:#252525;}
body{min-width:1300px;max-width:1920px;margin: 0 auto;color:#252525;font-size: 18px;font-family: '微软雅黑';}
img{ border:0;}
.clear{clear:both;}
.no{display:none;}
.img{display: block;width:100%;}
.box{width:1200px;margin:0 auto;}

/* 首页 */

.header1{height:140px;}
.logo{display:block;float:left;margin-top:20px;}
.phone{float:right;margin-top:5px;line-height: 50px}
.phone span{vertical-align: top;}
.phone span:nth-child(3){font-size: 26px;color:#e50101;}
.header2{height:60px;width:100%;background: #eeeeee;}
.nav>ul>li{float:left;}
.nav>ul>li>a{display:block;width:150px;text-align: center;line-height: 60px;}
.nav>ul>li>a:hover{background:  #0154be;color: #fff;}
.nav_on{background:  #0154be !important;color: #fff !important;}
.banner{width:100%;height:500px;}

.flexslider {position: relative;width: 100%;min-width:1300px;height:700px;overflow: hidden;zoom: 1;}
.flexslider .slides li {width: 100%;height: 700px;}
.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:48%;z-index: 999 }
.flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -42px;display: block;height: 21px;overflow: hidden;text-indent: -99em;width:21px;cursor: pointer;}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a {background-position: 0 0;}
.flexslider .slides  img {width: 100%;height:700px;display: block;}

/*  内容 */
.title{text-align: center;padding:55px 0 35px;letter-spacing: 1px}
.title p:nth-child(1){font-size: 40px;color: #0154be}
.title p:nth-child(2){font-size: 26px;color: #1d1d1d;margin-top: 20px}

.ht1{margin:85px auto 50px;position: relative;}
.ht11{width: 100%;position: absolute;top:0;left:0;color: #fff;}
.ht11 img{display: block;float: left; margin:-25px 0 0 -50px;}
.ht111{width: 730px;float: right;margin-right: 45px;text-align: center;overflow: hidden;}
.ht111 p:nth-child(1){font-size: 17px;margin:15px 0 18px;letter-spacing: 2px}
.ht111 p:nth-child(2){font-size: 14px;letter-spacing: 1px}
.ht111 p:nth-child(3){line-height: 35px;margin:17px 0 16px;}
.ht111 p:nth-child(3) span{display: inline-block;padding:0 13px;border-radius: 10px;background: #de3933; margin:3px 0;}
.ht111 p:nth-child(4) b{font-size: 26px}


.ht2{text-align: center;}
.ht21 ul li{text-align: center;line-height: 26px;color: #505050; display: inline-block;margin:0 30px;cursor: pointer; width:28%;}
.ht211{width: 246px;height: 246px;border-radius: 50%;border:3px solid #e1e1e1;overflow: hidden;position: relative}
.ht211 img{transition: all linear .3s;filter: grayscale(100%);-webkit-filter: grayscale(100%);}
.ht211 p{width: 100%;color: #e50101; text-align: center;line-height: 56px;background: rgba(255,255,255,0.7);position: absolute;top:95px;left:0;}
.ht21 ul li>p{margin-top: 15px}
.ht21 ul li:hover .ht211 img{filter: grayscale(0);-webkit-filter: grayscale(0); filter: none;}
.ht21 ul li:hover .ht211 p{display: none}


.ht22{margin: 85px 0 75px; position: relative;text-align: left;letter-spacing: 2px }
.ht221{width: 534px;height: 119px;border:3px solid #0149a6;float: left;border-right: none}
.ht221 p:nth-child(1){font-size: 20px;color: #e50101;margin:25px 0 0 23px;}
.ht221 p:nth-child(2){font-size: 20px;color: #212121;margin:10px 0 0 23px;}
.ht222{width: 663px;height: 125px;float: right;background: url(../images/ht24.jpg) no-repeat center;color: #fff}

.ht222 p:nth-child(1){font-size: 14px;margin:32px 0 0 26px;}
.ht222 p:nth-child(2){margin:10px 0 0 26px;}
.ht222 p:nth-child(2) b{font-size: 26px;}
.ht22 img{display: block;position: absolute;top:-57px;right: 0}

@keyframes arrow1{
    0%{transform: translateX(0);}
    100%{transform: translateX(20px);}
}

@-webkit-keyframes arrow1{
    0%{-webkit-transform: translateX(0);}
    100%{-webkit-transform: translateX(20px);}
}

.ht22 img:hover{
	cursor: pointer;
    animation: arrow1 1s infinite;
    -webkit-animation: arrow1 1s infinite;
    animation-timing-function:ease-in-out;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction:alternate;
    animation-direction:alternate;
}

.ht4{width:100%;height: 2244px;background: url(../images/ht3.jpg) no-repeat center;color: #fff}
.ht4 .title p:nth-child(1){font-size: 36px;color: #fff}
.ht4 .title p:nth-child(1) span{font-size: 46px;}
.ht4 .title p:nth-child(2){font-size: 22px;color: #fff}

.ht41{position: relative}
.ht411{width: 1px;height: 1730px;background: #fff;margin:0 auto;}
.ht412{width: 100%;position: absolute;top:0;left:0;}

.ht4120 ul li{overflow: hidden;margin-bottom: -4px}


.ht4121{width: 486px;height: 216px;border-radius: 110px;overflow: hidden;border:2px solid #fff;float:left;margin:0 0 0 9px;}
.ht4122{width: 40px;height: 1px;background: #fff;margin-top: 109px;float: left}
.ht4123{width: 120px;height: 136px;background: url(../images/ht4.png) no-repeat center;text-align: center;line-height: 136px;font-size: 40px;color: #0154be;float: left;margin-top: 42px}
.ht4124{display: block;float:left;margin:98px 22px 0 15px;}
.ht4125{width: 480px;float: left;margin-top: 45px}
.ht41251 b{font-size: 24px;vertical-align: top;line-height: 30px}
.ht4125 p{font-size: 16px;line-height: 30px;margin-top: 15px;letter-spacing: 1px}

.ht41210{width: 486px;height: 216px;border-radius: 110px;overflow: hidden;border:2px solid #fff;float:right;margin:0 9px 0 0;}
.ht41220{width: 40px;height: 1px;background: #fff;margin-top: 109px;float: right}
.ht41230{width: 120px;height: 136px;background: url(../images/ht4.png) no-repeat center;text-align: center;line-height: 136px;font-size: 40px;color: #0154be;float: right;margin-top: 42px}
.ht41240{display: block;float:right;margin:98px 15px 0 22px;}
.ht41250{width: 480px;float: right;margin-top: 45px}
.ht412510 b{font-size: 24px;vertical-align: top;line-height: 30px}
.ht41250 p{font-size: 16px;line-height: 30px;margin-top: 15px;letter-spacing: 1px}




.ht33{display: block;width: 147px;height: 44px;border-radius: 10px;background: #0154be;text-align: center;line-height: 44px;color: #fff;margin:0 auto;}

.ht5{width: 100%;background: #f5f5f5;padding-bottom: 30px}
.ht51 ul li{width: 1200px;height: 496px;background: #fff;margin-bottom: 40px}
.ht51_img{display: block;width: 649px;height: 494px;border: 1px solid #d6d6d6;float: left;position: relative}
.ht51_img img{max-width: 100%;max-height: 100%;position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
.ht51_con{width: 520px;float: right;margin-top:10px;}
.ht51_con>p{font-size:12px;color: #1a1a1a;width: 420px;border-bottom: 2px solid #dadada;line-height: 53px; font-weight:bold }
.ht51_con1{overflow: hidden;margin-top: 15px}
.ht51_con1 p:nth-child(1){float: left;color: #e50101;line-height: 30px}
.ht51_con1 p:nth-child(2){width: 465px; float: left;line-height: 24px;font-size: 12px;}
.ht51_more{display: block;width: 110px;height: 35px;border-radius: 10px;background: #0154be;text-align: center;line-height: 35px;color: #fff;float: right;margin: 30px 30px 0 0}

.ht61{overflow: hidden;margin-bottom: 40px}
.ht61>ul>li{width: 281px;height: 349px;position: relative;float: left;margin:0 25px 60px 0;}
.ht61>ul>li:nth-child(4n){margin-right: 0}
.ht611{padding:15px;width: 120px;background: url(../images/ht60.jpg) no-repeat center;position: absolute;top:260px;left:20px;color: #fff;line-height: 45px;}
.ht6111{width: 20px;height: 1px;background: #fff;}


.ht7{width:100%;height: 603px;background: url(../images/ht7.jpg) no-repeat center;color: #fff}
.ht71{overflow: hidden;position: relative}
.ht71 ul li{width: 239px;height: 603px;float: left; border-right: 1px solid rgba(255, 255, 255, 0.1);text-align: center;cursor: pointer}
.ht711{width: 239px; height:383px;padding-top: 220px}
.ht711 img{display: block;margin:0 auto 45px;}
.ht711 p:nth-child(2){font-size: 20px;}
.ht711 p:nth-child(3){font-size: 12px;opacity: 0.5;margin:22px 0;letter-spacing: 2px}
.ht7111{width: 10px;height: 1px;background: #fff;margin:0 auto;}
.ht712{background: rgba(2, 154, 255, 0.5);}
.ht712 img{margin:0 auto 22px;}
.ht712 p:nth-child(3){margin:12px 0 30px;}
.ht712 p:nth-child(4){font-size: 16px;line-height: 30px;margin-bottom: 42px;}
.ht712 .ht7111{background: #e50101;}
.ht71 .title{width: 100%;position: absolute;top:0;left:0;}

.ht71 .title p:nth-child(1){font-size: 36px;color: #fff}
.ht71 .title p:nth-child(1) span{font-size: 46px;}
.ht71 .title p:nth-child(2){font-size: 22px;color: #fff}

.ht81{overflow: hidden;}
.ht81 ul li{width: 260px;float: left;margin-right:53px;}
.ht82{width: 1200px;height:490px;position: relative; background: url(../images/ht821.jpg) no-repeat center;}

.ht821{position: absolute;top:105px;left: 450px}
.ht8211{width: 20px;height: 80px;position: relative;overflow: hidden;}
.ht82111{width: 78px;height: 2px;background: #c93131;position: absolute;bottom: -40px; right: -37px;transition: All 1s ease-in-out; -webkit-transition: All 1s ease-in-out; -moz-transition: All 1s ease-in-out; -o-transition: All 1s ease-in-out;
    transform: rotate(85deg); 
-o-transform: rotate(85deg); 
-webkit-transform: rotate(85deg); 
-moz-transform: rotate(85deg); }
.ht8211:hover .ht82111{bottom: 38.3px; right: -31px;}

.ht822{position: absolute;top:185px;left: 253px}
.ht8221{width: 207px;height: 17px;overflow: hidden; position: relative;}
.ht82211{width: 207px;height: 2px;background: #c93131;position: absolute;bottom: 15px; right: -210px;transition: All 1s ease-in-out; -webkit-transition: All 1s ease-in-out; -moz-transition: All 1s ease-in-out; -o-transition: All 1s ease-in-out;
    transform: rotate(-2.5deg); 
-o-transform: rotate(-2.5deg); 
-webkit-transform: rotate(-2.5deg); 
-moz-transform: rotate(-2.5deg); }
.ht8221:hover .ht82211{right: 0px;bottom: 5px;}

.ht823{position: absolute;top:190px;left: 283px}
.ht8231{width: 177px;height: 50px;overflow: hidden; position: relative;}
.ht82311{width: 183px;height: 2px;background: #c93131;position: absolute;bottom:73px; right: -187px;transition: All 1s ease-in-out; -webkit-transition: All 1s ease-in-out; -moz-transition: All 1s ease-in-out; -o-transition: All 1s ease-in-out;
    transform: rotate(-15deg); 
-o-transform: rotate(-15deg); 
-webkit-transform: rotate(-15deg); 
-moz-transform: rotate(-15deg); }
.ht8231:hover .ht82311{right: -3.5px;bottom: 23px;}

.ht824{position: absolute;top:195px;left: 427px}
.ht8241{width: 40px;height: 96px;overflow: hidden; position: relative;}
.ht82411{width: 103px;height: 2px;background: #c93131;position: absolute;bottom:150px; right: -67px;transition: All 1s ease-in-out; -webkit-transition: All 1s ease-in-out; -moz-transition: All 1s ease-in-out; -o-transition: All 1s ease-in-out;
    transform: rotate(-71deg); 
-o-transform: rotate(-71deg); 
-webkit-transform: rotate(-71deg); 
-moz-transform: rotate(-71deg); }
.ht8241:hover .ht82411{right: -31px;bottom: 47px;}

.ht825{position: absolute;top:110px;left: 469px}
.ht8251{width: 263px;height: 82px;overflow: hidden; position: relative;}
.ht82511{width: 274px;height: 2px;background: #c93131;position: absolute;bottom:-40px; left: -278px;transition: All 1s ease-in-out; -webkit-transition: All 1s ease-in-out; -moz-transition: All 1s ease-in-out; -o-transition: All 1s ease-in-out;
    transform: rotate(163.5deg); 
-o-transform: rotate(163.5deg); 
-webkit-transform: rotate(163.5deg); 
-moz-transform: rotate(163.5deg); }
.ht8251:hover .ht82511{left: -5.5px;bottom: 40px;}

.ht826{position: absolute;top:145px;left: 469px}
.ht8261{width: 328px;height: 47px;overflow: hidden; position: relative;}
.ht82611{width: 330px;height: 2px;background: #c93131;position: absolute;bottom:-21px; left: -330px;transition: All 1s ease-in-out; -webkit-transition: All 1s ease-in-out; -moz-transition: All 1s ease-in-out; -o-transition: All 1s ease-in-out;
    transform: rotate(172.5deg); 
-o-transform: rotate(172.5deg); 
-webkit-transform: rotate(172.5deg); 
-moz-transform: rotate(172.5deg); }
.ht8261:hover .ht82611{left: 0px;bottom: 23px;}

.ht827{position: absolute;top:187px;left: 469px}
.ht8271{width: 360px;height: 55px;overflow: hidden; position: relative;}
.ht82711{width: 362px;height: 2px;background: #c93131;position: absolute;bottom:72px; left: -362px;transition: All 1s ease-in-out; -webkit-transition: All 1s ease-in-out; -moz-transition: All 1s ease-in-out; -o-transition: All 1s ease-in-out;
    transform: rotate(187deg); 
-o-transform: rotate(187deg); 
-webkit-transform: rotate(187deg); 
-moz-transform: rotate(187deg); }
.ht8271:hover .ht82711{left: 0px;bottom: 27px;}


.ht828{position: absolute;top:187px;left: 469px}
.ht8281{width: 505px;height: 147px;overflow: hidden; position: relative;}
.ht82811{width: 525px;height: 2px;background: #c93131;position: absolute;bottom:215px; left: -525px;transition: All 1s ease-in-out; -webkit-transition: All 1s ease-in-out; -moz-transition: All 1s ease-in-out; -o-transition: All 1s ease-in-out;
    transform: rotate(195.3deg); 
-o-transform: rotate(195.3deg); 
-webkit-transform: rotate(195.3deg); 
-moz-transform: rotate(195.3deg); }
.ht8281:hover .ht82811{left: -10px;bottom: 71px;}

.ht82>img{display: block;position: absolute;top:183px;left:475px;}




.ht9{width: 100%;height:1000px;overflow: hidden;position: relative; background: url(../images/ht9.jpg) no-repeat center top;color: #fff}

.sp{width: 50%;height: 600px;background: #000;position: absolute;top:60px;right:0;z-index: 99}
.ht91{width: 100%;margin-top: 85px;}
.ht9111{width: 580px;}
.ht9111 p:nth-child(1){font-size: 30px;}
.ht9111 p:nth-child(2){width: 580px; font-size: 24px;margin:16px 0 25px;}
.ht9111 p:nth-child(3){width: 580px; font-size: 12px;line-height: 21px;letter-spacing: 1.5px}
.ht9111 a{display: block;width: 176px;padding:13px 0;text-align: center;background: #de3933;margin: 30px 0 23px}
.ht9111 a span{font-size: 20px;color: #fff;}

.ht9112{overflow: hidden;}
.ht9112 ul li{font-size: 20px;color: #787879;cursor: pointer; float: left;margin-right: 25px}
.ht9112_on{font-weight: bold;color: #0154be !important}

.ht9113{margin-top: 45px;position: relative}
.ht911311 ul li{width: 278px;font-size: 16px;color: #707070;text-align: center;line-height: 50px;float: left;margin-right: 29px}
.ht9113 .prev{width: 20px;height: 20px;background: url(../images/n.png) no-repeat center;position: absolute;top:-54px;left:550px;cursor: pointer}
.ht9113 .next{width: 20px;height: 20px;background: url(../images/p.png) no-repeat center;position: absolute;top:-54px;left:500px;cursor: pointer}

.di{width:100%;background: #202020;padding:35px 0}
.di11{width: 320px;float: left}
.di11>p:nth-child(1){font-size: 20px;color:#fff;}
.di11>p:nth-child(1) span{vertical-align: top;line-height: 30px;font-family: 'LIGHT';font-size: 14px;color:#c3c3c3;}
.di111{width: 34px;height: 1px;background: #dcdcdc;margin:13px 0 18px; }
.di112 p{font-size: 14px;color: #959494;line-height: 36px;}
.di112 p span{color:#e0e0e0;}
.di112 ul li{float: left;margin-bottom: 10px}
.di112 ul li:nth-child(2n){float: right}
.di112 ul li a{font-size: 14px;color:#959494;}
.di1121{width:95px;overflow: hidden; }
.di2{width:100%;background:#131313;font-size: 14px;color: #7a7a7a;text-align: center;line-height: 24px;padding:12px 0 10px;}


/* 产品中心 */
.con{padding:50px 0 ;}
.e-title{text-align: center;}
.e-title p:nth-child(1){font-size: 40px;color: #0154be}
.e-title p:nth-child(2){font-size: 24px;color: #3f3f3f;line-height: 70px;}

.p-nav{text-align: center}
.p-nav ul li{display: inline-block}
.p-nav ul li a{display: block; width: 338px;height: 42px;border-radius: 10px;text-align: center;line-height: 42px;border:1px solid #d2d2d2;margin:5px 17px;color: #818181}
.p-nav ul li a:hover{color: #fff;background: #0154be;border:1px solid #0154be;}
.p-nav_on{color: #fff !important;background: #0154be !important;border:1px solid #0154be !important;}

.p-nav1{text-align: center;margin:25px auto 0;}
.p-nav1 ul li{display: inline-block;border-right:1px solid #8d8d8d;height: 20px;}
.p-nav1 ul li:last-child{border-right: none}
.p-nav1 ul li a{line-height: 20px;padding:0 10px;}
.p-nav1 ul li a:hover{color: #0154be}
.p-nav1_on{color: #0154be !important}


.product{overflow: hidden;margin-top: 25px}
.product>ul>li{float: left;text-align: center;line-height: 55px;margin:0 42px 30px 0;}
.product>ul>li:nth-child(3n){margin-right: 0}
.p_img{display: block;width: 372px;height: 372px;background: url(../images/pbj.jpg) no-repeat center; position: relative;}
.p_img>img{max-width: 65%;max-height: 50%;position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
.p_name{color:#626262;}
.ss{width: 372px;height: 372px;background: rgba(1, 84, 190, 0.8);position: absolute;top:0;left:0;color: #fff;line-height: 62px;}
.ss>img{display: block;margin: 140px auto 0;}
.product>ul>li:hover .ss{display: block}
/* 关于我们 */
.about{margin:30px 0;width:100%;word-wrap:break-word;font-size: 18px;color: #2a2a2a; line-height: 40px;}
.about img{max-width:100%;max-height: 350px}


/* 联系我们 */
.contact21{float: left;}
.contact21>p{font-size: 20px;}
.contact21>p>span{vertical-align: top;line-height: 30px;font-family: 'LIGHT';font-size: 14px;color: #979797}
.ccontact0{width:34px;height: 1px;background: #dcdcdc;margin:15px 0 20px;}
.contact211{float: left}
.contact211 p{font-size: 16px;color: #636363;line-height: 36px;}
.contact22{float: left;width: 95px;}

.map{width:1200px;height:620px;overflow: hidden;margin-top: 30px}

/* 荣誉资质 */
.honor{margin-top: 30px;overflow: hidden}
.honor>ul>li{width: 260px;float: left;margin:0 53px 25px 0;}
.honor>ul>li:nth-child(4n){margin-right: 0}
.h_img{display:block;width: 258px;height: 200px;border:1px solid #e8e8e8;position: relative}
.h_img>img{max-width: 100%;max-height: 100%;position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
.h_name{display: block;font-size: 16px;color: #707070;text-align: center;line-height: 60px;}
/* 新闻资讯 */
.news>ul>li{margin-bottom: 30px;overflow: hidden}
.news_img{display: block;width: 485px;height: 290px;background: #f8f8f8; overflow: hidden;float: left;position: relative}
.news_img img{mix-blend-mode: multiply;max-width: 80%;max-height: 80%;position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;}

.news_con{width: 663px;height: 253px;padding: 35px 25px  0; float: right;border: 1px solid #dfdfdf;}
.news_con1{font-size: 22px;color:#333;}
.news_con2{display: block;height: 130px;margin-top: 14px;letter-spacing: 1px; color:#909090;line-height: 30px}
.news_con4{display: block;width: 114px;line-height: 28px;border:1px solid #cb0002;color:#cb0002;font-size:16px;text-align: center;float: right;margin-top: 20px}




.pages{padding-top:30px;text-align: center;clear: both;}
.pages>ul>li{display:inline-block;font-size:18px;margin-right: 10px;}
.pages>ul>li>a{font-family:'微软雅黑';padding:10px 20px;color:#333;background-color: #e3e3e3;text-decoration:none}
.c{padding:10px 20px;background:#0154be;color:#fff;}


.sxy{margin:80px 0 0;width:100%;height:60px;font-size: 16px;color:#333}
.sxy1{width:398px;height:60px;float: left;}
.sxy2{width:550px;height:60px;float: right;text-align: right;}

.article_title{font-size: 30px;color:#333;text-align: center;padding:40px 0;}
.article_body{padding:40px 0;width:100%;word-wrap:break-word;font-size: 18px;line-height: 50px;}
.article_body img{max-width:80%;max-height: 350px}