@font-face {
  font-family: 'Regular';
  src: url('./Alibaba-PuHuiTi-Regular.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 !important;} 
.img{display: block;width:100%;} 
.box{width:1200px;margin:0 auto;}
.box1{width:68%;min-width:1200px;margin:0 auto;}
.over{overflow: hidden}
.fl{float: left}
.fr{float: right}
.border{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */ 
-webkit-box-sizing:border-box;}

.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%;}
.ht_img:hover{transform: scale(1.06);}



/* 首页 */
.header,.header_{width: 100%;height: 90px;position: fixed;top:0;left:0;z-index: 999}
.header>.box,.header_>.box{height: 90px; align-items: center;}
.hl{display: flex;align-items: center;}
.hl .logo{display: block;height: 55px;margin-right: 10px}
.hl p{font-size: 14px;}
.hl p b{font-size: 20px;}
.hr{width: 925px;height: 120px;}
.hr .htr{height: 60px;align-items: center}
.hr .htr p{font-size: 20px;}
.hr .htr div{font-size: 30px;}

.nav{width: 590px;}
.nav>ul>li{position: relative}
.nav>ul>li>a{height: 95px;color: #fff;font-size: 16px;position: relative}
.nav>ul>li>a::before{background: rgb(255, 255, 255); left: 0px; width: 0px; height: 2px; bottom: 20px; display: block; position: absolute; content: ""; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.nav>ul>li:hover>a::before{width: 74%; margin-left: 13%}
.nav>ul>li.hover>a::before{width: 74%; margin-left: 13%}

.header .mfsy{width: 158px;height: 38px;border-radius: 20px;border:1px solid #fff;font-size: 16px;color: #fff;}
.header .mfsy:hover{background: #fff;color: #2a47c7}
.header_{background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.header_ .nav>ul>li>a{color: #333}
.header_ .nav>ul>li>a::before{background: #2a47c7;}
.header_ .nav>ul>li:hover>a{color: #2a47c7}
.header_ .nav>ul>li:hover>a::before {width: 74%; margin-left: 13%;}
.header_ .nav>ul>li.hover>a{color: #2a47c7 }
.header_ .nav>ul>li.hover>a::before {width: 74%; margin-left: 13%;}
.header_ .mfsy{width: 158px;height: 38px;border-radius: 20px;border:1px solid #2a47c7;font-size: 16px;color: #2a47c7;}
.header_ .mfsy:hover{background: #2a47c7;color: #fff}


.falist{display: none; width: 100%;padding: 30px 0; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);position: fixed;top: 93px;left: 0; z-index: 998}
.falist dl>dd{text-align: center;margin: 0 60px;}
.falist dl>dd>h5{font-size: 20px;color: #2a47c7;margin:15px 0;}
.falist dl>dd>a{width: 100px;height: 26px;border-radius: 15px;border:1px solid #2a47c7;font-size: 14px;color: #2a47c7}
.falist dl>dd>a:hover{background: #2a47c7;color: #fff}

.fangan:hover .falist{display: block;}
.fangan1:hover .falist{display: block;}








.banner{width:100%;height:710px;}
.banner a{width: 203px;height: 53px;border-radius: 10px;border: 1px solid #fff;color: #fff; margin: 565px auto 0;}
.bos{  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}

.flexslider {position: relative;width: 100%;min-width:1200px;height:710px;overflow: hidden;zoom: 1;}
.flexslider .slides li {width: 100%;height: 710px;}
.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:30px;left:0;z-index: 99 ;text-align: center}
.flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {border:1px solid #ddd;border-radius: 50%; display: block;height: 14px;overflow: hidden;text-indent: -99em;width:14px;cursor: pointer;}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a {background: #ddd;}

.cor{color: #2a47c7;}
.cor1{color: #ffee02}
.cor2{color: #ffffff;}
/* 内容 */
.title{padding:55px 0 50px;text-align: center;}
.title h3{font-size: 34px;}
.title div{width: 50px;height: 3px;background: #2a47c7; margin: 10px auto 13px;}
.title p{font-size: 16px;}

.ht1{padding-bottom: 80px;}
.ht11{height: 617px;background: #fafafa;border-radius: 20px;padding:0 75px 0 115px;align-items: center;}
.ht12{height: 455px;padding: 33px 0 0 19px;background: url(../images/ht11.png) no-repeat left center}
.ht12 p{font-size: 20px;margin-bottom: 62px;display: flex;align-items: center;}
.ht12 p:last-child{margin-bottom: 0}
.ht12 p::before{display: block;content: '';margin-right: 37px; width: 18px;height: 18px;border-radius: 50%;background: #2a47c7}
.ht12 p:nth-child(2n)::before{background: #f5d251}
.ht12 p:nth-child(2n){margin-left: 31px;}
.ht12 p:nth-child(3){margin-left: 40px;}



.ht2{width: 100%;height: 599px; background-image: linear-gradient(to top, #cbe5fe, #f7fdfb);}
.ht20{padding: 77px 0 0 0 ;align-items: center}
.ht21 h3{font-size: 50px}
.ht21 h4{font-size: 22px;display: flex;align-items: center;margin: 30px 0;}
.ht211{font-size: 16px;line-height: 25px}
.ht21 a{margin-top: 40px}
.ht22{width: 585px;}

.ht3{padding-bottom: 80px}
.ht31{background: url(../images/ht30.jpg) no-repeat center bottom;margin-bottom: 35px}
.ht31 ul li{width: 200px;height: 100px;cursor: pointer;}
.ht31 ul li div{width: 200px;height: 80px;background-image: linear-gradient(to top, #f3faff, #e7f4ff);border-radius: 10px;font-size: 20px}
.ht31 ul li div img{margin-right: 15px}
.ht31_{border-bottom: 3px solid #0796e4}

.ht32{align-items: center;}
.ht32 .prev,.ht32 .next{cursor: pointer;}
.ht321{width: 950px;margin: 0 auto;}
.ht3211{width: 440px}
.ht3211 h4 b{display: inline-block;min-width: 127px;text-align: center; padding-bottom: 10px;margin-bottom: 35px; background: url(../images/ht300.jpg) no-repeat center bottom;font-size: 26px;}


.ht322 h5{display: flex;align-items: center;}
.ht322 h5 img{margin-right: 8px}
.ht322 p{font-size: 14px;margin-top: 5px;padding-left: 38px;margin-bottom: 25px}


.ht321 ul li a{width: 113px;height: 38px;border:1px solid #3656d5;border-radius: 5px;font-size: 16px;color: #2a47c7;margin-top: 35px}
.ht321 ul li a:hover{background: #3656d5;color: #fff;}
.ht321 ul li{align-items: center;}


.ht4{width: 100%;height: 880px; background: url(../images/ht4_.jpg) no-repeat center;}
.ht41{text-align: center;padding: 50px 0 60px;}
.ht41 ul li{display: inline-block;height: 60px; margin: 0 70px;font-size: 34px;color: #fff;position: relative}
.ht41 ul li::before{background: #f5d251; left: 0px; width: 0px; height: 2px; bottom: 0; display: block; position: absolute; content: ""; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.ht41 ul li.hover{color: #f5d251}
.ht41 ul li.hover::before{width: 74%; margin-left: 13%}

.ht41 ul li{cursor: pointer;}
.ht42{width: 1200px;height: 515px;background-color: #fff;border-radius: 16px;}
.ht42 ul li{width: 1200px;height: 515px;padding: 43px 75px;text-align: center;flex-wrap: wrap;}
.ht421{width: 250px; margin-bottom: 30px;cursor: pointer;}
.ht421 h5{width: 62px;height: 62px;margin:  0 auto 20px; background: url(../images/ht40.png) no-repeat center;font-size: 20px;color: #fff;}
.ht421 h4{font-size: 26px;}
.ht421 div{width: 50px;height: 1px;margin: 15px auto ;background: #333}
.ht421 p{font-size: 16px;line-height: 25px}
.ht421:hover h4{color: #2a47c7;font-weight: bold;}
.ht421:hover div{background: #2a47c7;}
.ht421:hover p{color: #2a47c7;}
.ht42 ul li:nth-child(1){align-items: center;}
.ht42 ul li:nth-child(1) .ht421{width: 250px;align-items: center;}
.sqsy{width: 200px;height: 53px;margin: 65px auto 0; border-radius: 28px;border:1px solid #fff;font-size: 18px;color: #fff;}
.sqsy:hover{background: #fff;color: #2a47c7}

.ht50{align-items: center;padding-bottom: 80px}
.ht51{width: 570px;height: 350px;background: #000; border-radius: 10px;margin-left: 35px;}
.ht52{width: 560px;}
.ht52 ul li{margin: 25px 0;color: #666666;cursor: pointer;}
.ht52 ul li h5{font-size: 26px;}
.ht52 ul li p{font-size: 16px;margin-top: 10px}
.ht52_ h5{padding-left: 30px;color: #333333; background: url(../images/ht5.png) no-repeat left center;}

.ht6{width: 100%;height: 799px; background: url(../images/ht6.jpg) no-repeat center;}
.ht61 ul li{width: 280px;height: 372px;cursor: pointer; margin-top: 20px;transition: All 0.5s ease-in-out; -webkit-transition: All 0.5s ease-in-out; -moz-transition: All 0.5s ease-in-out; -o-transition: All 0.5s ease-in-out; font-size: 20px;color: #666666;line-height: 70px;text-align: center; background: #fff;border-radius: 10px;overflow: hidden;}
.ht611{width: 280px;height: 230px; }
.ht61 ul li:hover{margin-top: 0}

.ht7{width: 100%;height: 600px; background: url(../images/ht7.jpg) no-repeat center;}
.ht71 ul{flex-wrap: wrap}
.ht71 ul li{width: 230px;height: 140px;margin: 0 20px 40px ;cursor: pointer; border-radius: 10px;border: 1px solid #fff;background: #fff;text-align: center;}
.ht71 ul li div h5{margin: 7px 0;}
.ht71 ul li div div{width: 22px;height: 1px;background: #2a47c7;margin: 0 auto 8px;}
.ht71 ul li div p{font-size: 14px;color: #666666;}
.ht71_{border-color: #2a47c7 !important;}



.gg{width: 100%;padding: 55px 0;}
.gg0{align-items: center}
.gg1{width: 550px;}
.gg1 h3{font-size: 50px;line-height: 70px;}
.gg11{font-size: 16px;line-height: 25px;margin: 35px 0 60px;}
.gg2{width: 557px;}
.mfsq{width: 203px;height: 53px;border-radius: 28px; background-image: linear-gradient(to top, #2641bc, #0796e4);color: #fff !important;}


/* 底部 */

.di01{padding-bottom: 50px;}
.di{width: 100%;background:#2a47c7;padding:50px 0 0;}
.di1{width: 580px;margin-top: 5px;}
.di1 ul li a{font-size: 16px;color: #fff;}
.di11 ul li{display: flex;align-items: center;margin-top: 120px;float: left;margin-right: 35px}
.di11 ul li img{width: 140px;margin-right: 25px;border:1px solid #bfbfbf;}
.di11 ul li p{font-size: 16px;line-height: 24px}
.di11 ul li p span{font-size: 20px;}
.di2{width: 453px}
.di2 .text{display: block; width:100%; height:31px;background: none;outline: none;border: none; border-bottom: 1px solid #fff;color: #fff;padding-bottom: 5px; font-size: 16px;margin-bottom: 30px; font-family: "REGULAR";}
.di2 .tj{width:100%; height:51px;background:#fff;color: #2a47c7;outline:none;cursor: pointer;font-size: 20px;border-radius: 25px; border: none; font-family: "REGULAR";}
.di2 ::-webkit-input-placeholder { /* WebKit browsers */
  color: #fff;
}

.di2 ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #fff;
}

.di2 :-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #fff;
}
.di02{flex-wrap: wrap;padding:20px 0;border-top: 1px solid #fff;}
.di02 p{display: flex;margin:5px 0;font-size: 20px}
.di3{width: 100%;height: 50px;background: #ffffff;font-size: 16px;color: #333;}
.di3 a{color: #333;}


/* 产品中心 */
.con{padding:0 0 100px;}

.position{width: 100%;height: 30px;background: #efefef;font-size: 14px;line-height: 30px;}
.position a:hover{color: #2a47c7}
/* 关于我们 */

.about_body{line-height: 30px;font-size: 20px;background:url(../images/gy1.jpg) no-repeat center bottom;padding: 0 55px 55px; white-space:-moz-pre-wrap;word-wrap:break-word;text-align: justify}
.about_body img{max-width:100%;}

.gy2{width: 100%;padding-bottom: 70px;}
.gy21 ul li{width: 582px;height: 347px;overflow: hidden;position: relative;float: left;margin-right: 36px;}
.gy21 ul li img{width: 100%;height: 100%;}
.gy21 ul li div{width: 558px;height: 322px;border:1px solid #fff;position: absolute;top:0;left:0;bottom:0;right: 0;margin:auto;}
.gy22{text-align: center;margin-top: 50px;}
.gy22 ul li{display: inline-block;width: 13px;height: 13px;cursor: pointer; border-radius: 50%;border:1px solid #2a47c7;line-height: 999px;overflow: hidden;margin:0 8px;}
.gy22 ul li.on{background:#2a47c7;}

.case_body{line-height: 30px;font-size: 20px;white-space:-moz-pre-wrap;word-wrap:break-word;text-align: justify}
.case_body img{max-width:100%;}

.ht81 ul li{width: 290px;float: left;margin: 0 13px 13px 0;border-radius: 10px;overflow: hidden;}
.ht81 ul li:nth-child(4n){margin-right: 0}
.c_img{display: block;width: 290px;height: 220px;}
.c_img img{width: 100%;height: 100%;}
.c_name{width: 290px;height: 50px;background: #efefef;}
.ht81 ul li:hover .c_name{background-color: #2a47c7;color: #fff}
/* 产品中心 */
.product{border: 1px solid #e8e8e8;border-radius: 10px;}
.product>ul>li{width: 239px;height: 500px;padding: 70px 0 0;overflow: hidden; border-right: 1px solid #e8e8e8; float: left;}
.product>ul>li:nth-child(5n){border:none;}
.cp_tb{width: 46px;height: 46px;margin:0 auto 12px;}
.cp_tb img{max-width: 100%;max-height: 100%;}
.cp_img{display: block;width: 239px;height: 239px;overflow: hidden;}
.cp_img img{max-width: 100%;max-height: 100%;}
.cp_name{display: block;text-align: center;height: 80px; font-size: 20px;color: #2a47c7 !important;}
.product>ul>li:hover{background: #fff;box-shadow: 0 0 12px rgba(38, 65, 189, 0.13);border-radius: 20px;border: none; }


/* 新闻资讯 */

.news>ul>li{width: 100%;height: 215px;background: #f7f7f7; padding: 25px;margin-bottom: 30px;align-items: center; overflow: hidden;}
.n_img{display: block;width: 248px;height: 165px;border-radius: 10px; overflow: hidden;}
.n_img img{width: 100%;height: 100%;}
.n_con{width: 870px;}
.n_con div{align-items: center}
.n_con div .n_title{display: block; font-size: 22px;font-weight: bold}
.n_con div p{font-size: 14px;color: #666666}
.n_des{display: block;font-size: 14px;line-height: 23px;height: 46px;margin: 12px 0 25px}
.n_more{width: 124px;height: 34px;border-radius: 17px;font-size: 14px;}

.news>ul>li:hover{background-image: linear-gradient(to top, #2641bc, #0796e4);color: #fff}
.news>ul>li:hover .n_title{color: #fff}
.news>ul>li:hover  div p{color: #fff}
.news>ul>li:hover .n_des{color: #fff}
.news>ul>li:hover .n_more{background: #fff;color: #2a47c7}

/* 联系我们 */
.lx11{width: 550px;margin-right: 35px}
.lx11 .text{display: block; width:100%; height:56px;background: #fff;outline: none;border: 1px solid #e5e5e5;border-radius: 3px; color: #333; font-size: 16px;margin-bottom: 20px;text-indent: 1em; font-family: "REGULAR";}
.lx11 .tj1{display: block;margin: 35px auto 0; width:203px; height:55px;border-radius: 28px; background-image: linear-gradient(to top, #2641bc, #0796e4);color: #fff;outline:none;cursor: pointer;font-size: 18px;border: none; font-family: "REGULAR";}
.lx11 .text1{padding:15px ;height: 205px !important; text-indent: 0 !important; }
.lx11 ::-webkit-input-placeholder { /* WebKit browsers */
  color: #7d7e81;
}

.lx11 ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #7d7e81;
}

.lx11 :-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #7d7e81;
}

.map{ width:1200px; height: 745px;overflow: hidden;margin:0 auto 100px;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

/* 页码 */



/* 上下篇 */
.sxy{margin-top: 30px;height:30px;font-size: 16px;color:#666}
.sxy1{width:50%;height:30px;float: left;}
.sxy2{width:50%;height:30px;float: right;text-align: right;}
.sxy a{color: #666}
.sxy a:hover{color: #2a47c7;}


/* 详情页 */
.article_title{text-align: center;padding: 50px 0 30px;border-bottom: 1px solid #a7a7a7;}
.article_title h2{font-size: 30px;color:#2a47c7;}
.article_title p{font-size: 14px;color:#858585;margin-top: 10px;}
.article_body{white-space:-moz-pre-wrap;word-wrap:break-word;font-size: 18px;line-height: 36px;padding:50px 0;border-bottom: 1px solid #a7a7a7;}
.article_body img{max-width:100%;}