/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#007dde;}
a:visited{color:#007dde;}
a:hover,a:active,a:focus{color:#f4a414;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.service-number{
    font-size: 14px;
    color: #333333;
    margin-top: 20px
}
.main-img{
       width: 399px;
    float: left;
}
.zuoban{
    float: right;
    width: 500px;
}
.zuoban_tt{
    font-size: 30px;
    font-weight: bold;
    color: #333333;
    line-height: 65px;
    border-bottom: #ccc 1px solid
}
.zuoban_fen{
    padding: 20px 0;
    font-size: 18px;
    color: #333333;
    float: left;
    width: 40%
}
.zuoban_fen1{
    padding: 20px 0;
    font-size: 18px;
    color: #333333;
    float: left;
    width: 60%
}
.liuyang{
    display: inline-block;
    width: 80%;
    line-height: 50px;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    background: #014e97;
    border-radius: 2px;
}
.liuyang a{
    color: #ffffff;
}
.xypg-detail-con-title span{
    float: left;
    width: 20%;
    line-height: 40px;
    margin-top: -1px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    background: #014e97;
}
.xypg-detail-con-title{
    border:#eee 1px solid;
        display: flex;
}


.wh{width: 1270px;margin:0 auto;}
.pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}


/*头部样式*/
#header,.w1200{width:1200px;margin:0 auto;}
.a2{width: 1200px;margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
p{margin:0 0 0 0;}

.tophead{width: 100%;height: 27px;background: #efefef;position: relative;}
.headtitle{font-size: 14px;color: #666;line-height: 27px;}
.k1{font-size: 14px;line-height: 27px;color: #666;}
.k1 a{color:#666}

.sechead{height:73px;position: relative;}
.logo{float:left;}
.sechead .k2{background: url(../images/i6.png) left center no-repeat;text-align: left;
    padding-left: 70px;font-size: 13px;color: #000;line-height: 24px;
    margin-top: 15px;background-size: 60px;
}

/* 导航 */
.menu{background: #0158aa;}
.demo-menu {width:1280px;margin:0 auto;}
.demo-menu>li {float:left;width:128px;position:relative;text-align:center;height: 57px;line-height: 57px;}
.demo-menu>li>a {display:block;font-size:17px;color:#fff;}
.demo-menu>li.active>a,.demo-menu>li>a:hover {background:#007dde;}
.demo-menu>li:after {content:"";position:absolute;z-index:100;width:100%;left:0;height:40px;opacity:0;top:100%}

/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

/* 搜索 */
.ss{height: 75px;border-bottom: 1px solid #b8b8b8}
.hotSearch{line-height: 75px;font-weight: normal;color: #000000;font-size: 16px;}
.hotSearch a{color: #999999;font-size: 16px;padding-right:6px;}
#formsearch{margin-top: 10px;width: 263px;height: 38px;background: url(../images/i7.png)no-repeat right #e8e8e8;border-radius: 40px}
#formsearch input{height:38px;background:none;border:none;line-height:38px;outline: none;float: left;padding-left: 12px;font-size: 14px}
#formsearch input#keyword{text-indent:8px;color:#686868;font-size: 11px;width: 238px;}
#formsearch input#s_btn{width: 25px;text-align:center;color:#fff;border:none;cursor:pointer;}

/* 内页 */
.left{width: 240px;float: left;}
.right{width: 940px;float: right;}
.product_list{}
.product_list li{float: left;width: 293px;border: 1px solid #eee;margin:0 10px 10px;padding:5px;}
.product_list li a.img{display: block;width: 281px;height: 236px;overflow: hidden;}
.product_list li img{width:281px;height: 236px;transition: all .5s ease;}
.product_list li h3{line-height: 35px;text-align: center;}
.product_list li h3 a{color: #5a5a5a;font-size: 14px;}
.product_list li:hover{border-color: #0158aa}
.product_list li:hover img{transform:scale(1.1);}


.chang{
    width: 1200px;
    margin: 0 auto;
}
.legyt{
    width: 600px;
    text-align: left;
}
.legyt_t{
    font:400 28px/30px "Microsoft Yahei";
    color: #fff;
    text-transform: uppercase;
    padding-top: 50px;
}
.legyt_yy{
    font:400 28px/50px "Microsoft Yahei";
    color: #007dde;
    text-transform: uppercase;
    padding-top: 10px;
}
.keren{
    font:400 17px/50px "Microsoft Yahei";
    color: #fff;
    text-transform: uppercase;
}
.hiang{
    float: right;
    text-align: left;
    color:#fff
}
.hainyu{
    font:400 18px/30px "Microsoft Yahei";
    padding-top: 55px;
}
.hiang .hainyu p{
    color: #fff;
    font-size: 18px;
    margin-top: 0;
}
.zaixn{
    float: left;
    width: 67px;
    font:400 12px/26px "Microsoft Yahei";
    text-align: center;
    color: #fff;
    background: #007dde;
    border-radius: 8px;
    margin-top: 30px;
}
.zaixn a{
    color: #fff;
}
.zaigg{
    float: left;
    width: 67px;
    font:400 12px/26px "Microsoft Yahei";
    text-align: center;
    color: #fff;
    background: #000000;
    border-radius: 8px;
    margin-top: 30px;
    margin-left: 15px;
}
.zaigg a{
    color: #fff;
}

/*  */
/*.a1{width: 1920px;margin-left: -960px;left:50%;position: relative;}*/

/* 产品 */
.pro{margin-top: 62px;}
.biaoti{text-align: center;color: #4c4c4c;font-size: 16px;line-height: 30px;padding: 85px 0 65px}
.biaoti h3{color: #000000;font-size: 48px;font-weight: bold;}
.biaoti h3 span{color: #007dde}
.biaoti p{font-size: 20px;color: #999999;margin-top: 25px}
.fenlei{margin-top: 60px;overflow: hidden;position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;}
.fenlei li{float: left;background: url(../image/shu.png)no-repeat right;padding-right: 40px;margin-right: 32px;}
.fenlei li a{color: #1f1f1f;font-size: 18px;}
.fenlei li:hover a{color: #0158aa}
.fenlei li:last-child{background: none;margin-right:0;padding-right: 0}
.product_list1{margin-top: 60px;}
.product_list1 li{float: left;margin-right: 14px;margin-bottom: 37px;}
.product_list1 li:nth-child(4n){margin-right: 0}
.product_list1 li img{width: 289px;height: 217px;}
.product_list1 li h3{font-weight: normal;text-align: center;line-height: 35px;background: #f5f5f5;border-bottom: 2px solid #00417d;font-size:15px;color: #2a2a2a;}
.product_list1 li:hover h3{border-bottom-color: #f3a31e;}

/* 优势 */
.ys{background: url(../image/you.png)no-repeat center top;margin-top: 37px;}
.ys-tit{text-align: center;}
.ys-tit h3{color: #fff;font-size: 60px;font-weight: bold;padding-top: 63px;text-indent: 100px;}
.ys-tit p{color: #fff;font-size:18px;margin-top: 18px;}
.ys-tit img{margin-top: 60px;}
.ys-cont{margin-top: 40px;position:relative;}
.ysimg1{position:absolute;top:0;left: 0}
.ysimg2{position:absolute;top:29px;right: 0}
.ysimg3{position: absolute;top:0;left:19px;}
.ysimg4{position: absolute;top:39px;right:15px;}

.ys1{width: 730px;float: right;height: 324px;}
.dbt{background: url(../image/ybj.png) no-repeat top center;width: 682px;height: 44px;margin-bottom: 40px;margin-left: 48px;}
.dbt span{color: #fff;font-size: 23px;line-height: 44px;text-indent: 78px;letter-spacing: 10px;}
.dbt i{color: #c7c7c7;font-size: 26px;text-transform: uppercase;margin: 13px 0 0 35px;}
.ysa{}
.ysa h3{color: #000;font-size: 27px;font-weight: bold;padding-left: 78px;}
.ysa .cont{margin-top: 22px;color: #585858;font-size: 15px;line-height: 27px;text-align: justify;padding-left: 78px;}

.ys2{background: url(../image/ys2.png)no-repeat left top;height: 338px;}
.ys2 .cont{width: 603px;}
.ys3{height: 310px;width: 683px;float: right;}
.ys4{background: url(../image/ys2.png)no-repeat left top;height: 360px;}
.ys4 .cont{width: 603px;}


/* 案例 */
.anli{background: url(../image/anli.jpg)no-repeat;height: 899px;padding-top: 65px;}
.anli-cont{height: 580px;background: #fff;padding-top: 33px;margin-top: 60px;overflow: hidden;width: 1200px;}
.case_list2{}
.case_list2 li{margin-left: 30px;margin-right: 5px;width: 356px;height: 248px;position: relative;border-bottom: 2px solid #3fa563;margin-bottom: 34px;float: left;}
.case_list2 li img{width: 356px;height: 248px;}
.case_list2 li h3{position: absolute;bottom: -2px;left:0;width: 356px;height: 38px;line-height: 38px;text-align: center;background:rgba(34,34,34,0.72);color: #fff;font-size: 18px;font-weight: lighter;}

.case_list2 li:hover h3{
    background:rgba(244,164,31,0.72);
}

.case_list2 li:hover{border-bottom-color: #0f8978}
.anli-more{width: 165px;height: 43px;margin:0 auto;margin-top: 57px;display: block;}


.bd1 ul li{
    float: left;
    width: 283px;
    height: 155px;
    margin-right: 10px;
    margin-bottom: 15px;

}
.bd1 ul li:hover img{
   border:1px solid #007dde;
}
.bd1 ul li img{
    width: 283px;
    height: 155px;
    overflow: hidden;
    border:1px solid #bfbfbf;
}
.bd1 ul li:nth-child(2n){
    float: right;
    margin-right: 0px;
}
/* 简介 */
.ab{margin-top: 61px;}
.ab-tit{position: relative;height: 39px;background: url(../image/tit2.png)no-repeat left bottom;line-height: 37px;}
.ab-tit h3{display: inline-block;background: url(../image/1.png)no-repeat left;padding-left: 27px;color: #0158aa;font-size: 24px;font-weight: bold;}
.ab-tit span{color: #959697;font-size: 16px;}
.ab-tit a{position: absolute;right: 0;top:0;}
.ab-cont{margin-top: 59px;height: 655px;background:url(../image/about.png)no-repeat 24px 42px #0158aa}
.ab-cont h3{color: #fff;font-size: 36px;font-weight: bold;padding-left: 25px;padding-top: 60px;}
.ab-cont .cont{margin-top: 32px;color: #fff;font-size: 15px;line-height: 27px;text-align: justify;width: 1200px;
/*margin-left: 20px;*/
height: 132px;}
.ab-cont .cont p{
    margin: 0px 20px; display: block;
}
.ab-cont .cont a{color: #cb0808;font-size: 15px;}
.ab-shi{
    width: 518px;
    height: 309px;
    border: 1px solid #81c1b9;
    margin-left: 19px;
    padding: 21px 16px 20px 28px;
    background: url(../image/hbj.png)no-repeat 412px 256px;
}
.ab-shi img{
    width: 100%;
    height: auto;
}
.ab-ri{width: 580px;overflow: hidden;margin-right: 16px;}
.ab-honor{position: relative;width: 616px;height: 118px;}
.ab-honor a{position: absolute;z-index: 99;width: 183px;height: 48px;line-height: 48px;text-align: center;color: #007dde;border:1px solid #007dde;font-size: 28px;font-weight: bold;top:39px;left:32px;}
.ab-img li{float: left;width: 299px;height: 201px;margin-right: 18px;}
.ab-img li img{width: 299px;height: 201px;}

/* 新闻 */
.xin{margin-top: 60px;height: 620px;background: #f3f1f1;padding-top: 59px;}
.xin-a{width: 755px;height: 467px;border: 1px solid #c2c1c1}
.xin-a .hd{height: 51px;line-height: 51px;overflow: hidden;position: relative;border-bottom:1px solid #0158aa}
.xin-a .hd li{float: left;width: 156px;text-align: center;border-right: 1px solid #949595;color: #302d2d;font-size: 20px;cursor: pointer;}
.xin-a .hd li.on{background: #0158aa;border-right-color: #0158aa;color: #fff;}
.xin-a .hd a{position: absolute;right:9px;top:13px;width: 65px;height: 25px;line-height: 25px;text-align: center;background: #007dde;color: #fff;font-size: 14px;}
.xin-a .bd{margin-top: 20px;margin-right: -27px;}
.xin-a .bd li{float: left;margin-right: 27px;margin-left: 23px;width: 334px;height: 51px;line-height: 51px;border-bottom: 1px solid #b7b7b7}
.xin-a .bd li span{display: inline-block;width: 19px;color: #2365af;font-size: 16px;}
.xin-a .bd li a{color: #302d2d;font-size: 16px;}
.xin-a .bd li:hover a{
    color: #0158aa;
}
.xin-a .bd li:hover span{
    color: #0158aa;
}
.xin-img{margin-left: 23px;margin-right: 27px;}

.xin-b{width: 426px;height: 467px;border:1px solid #c2c1c1;overflow: hidden;}
.xin-tit{height: 51px;line-height: 51px;position: relative;border-bottom: 1px solid #0158aa}
.xin-tit span{display: inline-block;margin-left: 23px;height: 23px;line-height: 23px;border-left: 5px solid #0158aa;padding-left: 10px;color: #302d2d;font-size: 20px;}
.xin-tit a{position: absolute;right:9px;top:13px;width: 65px;height: 25px;line-height: 25px;text-align: center;background: #007dde;color: #fff;font-size: 14px;}
.xin-b .pic{width: 390px;margin:0 auto;margin-top: 23px;}
.news_list2{}
.news_list2 li{height: 90px;border-bottom: 1px solid #c2c1c1;margin-bottom: 20px;}
.news_list2 li a{display: block;background: url(../image/wen.png)no-repeat left;padding-left:28px;color: #333;font-size: 16px;}
.news_list2 li:hover a{
    color:#0158aa;
}
.news_list2 li:hover p{
    color:#0158aa;
}
.news_list2 li p{margin-top: 4px;background: url(../image/da.png)no-repeat left 8px;padding-left: 28px;color: #302d2d;font-size: 14px;line-height: 23px;}

.f_link{margin-top: 35px;color: #222;font-size: 16px;}
.f_link a{color: #222;font-size: 16px;}

/* 底部 */
.foot{background:url(../image/ff.png) top center no-repeat;height: 265px;overflow: hidden;}
.ff_a{width: 520px;margin-top: 35px;}
.ff_a h3{color: #fff;font-size: 27px;font-weight: bold;}
.ff_lx{margin-top: 35px;color: #fff;font-size: 16px;line-height: 41px;}
.ff_lx img{margin-right: 7px;}
.copyright{margin-top: 55px;color: #fff;font-size: 14px;line-height: 30px;width: 400px;}
.copyright a{color: #fff;font-size: 14px;}
.er{width: 275px;height: 281px;background: #007dde;text-align: center;padding-top: 37px;}
.er div{width: 187px;height: 214px;border:1px solid #f6b446;margin:0 auto;padding-top: 19px;}
.er div span{display: block;margin-top: 15px;color: #fff;font-size: 14px}


.xypg-left{
    float: left;
    width: 240px;
}
.page-wrap-right{
    float: right;
    width: 920px;
}

#menu{background: #0158aa;}

/*导航栏样式*/
.nav li{text-align:center;float:left;position:relative;z-index:999;width: 165px;margin-right: 16px;    height: 70px;line-height: 70px; }
.nav li a{display:block;color:#fff;padding: 0;font-size: 18px;padding: 0;border-radius: 40px}
.nav li .selectc{color:#fff;text-decoration:none; background-image: linear-gradient(to top right, #13b0ff, #2f91ff);}
.nav li a:hover{color:#fff;text-decoration:none; background-image: linear-gradient(to top right, #13b0ff, #2f91ff);}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #007dde;
}

.nav .sec{height:0;background-image: linear-gradient(to top right, #13b0ff, #2f91ff);color:#fff;overflow:hidden;z-index:9999;position:absolute;top:57px;left:0px;width: 100%;}
.nav .sec a{background: #007dde;color:#fff;height:38px;line-height:38px;font-size: 14px;border-radius: unset}
.nav .sec a:hover{background: #007dde;text-decoration:none;}
/*.nav{margin-top: 13px}*/





















/*内页左侧样式*/


.container{width: 1200px!important;margin: 0 auto;padding: 0;}

/*.left{width: 225px;float: left;}
.right{width: 940px;float: right;}
.xypg-case-list li{width:300px;}
.xypg-product-list li{width: 293px;}
.xypg-product-list li .img img{width: 271px;height: 205px;}
.relate-product-slick .owl-item .img img{    width: 213px;height: 159px;}
.xypg-case-list li .img img{width: 300px;height: 300px;}
.page-product-inquiry a{color: #fff;}
.page-mob-tool{display: none;}*/
.page-product-inquiry a{color: #fff;}
.xypg-paginations {
    margin-top: 20px;
    text-align: center;
    font-size: 0;
}
.xypg-paginations a, .xypg-paginations #current, .xypg-paginations span {
    display: inline-block;
    font-size: 14px;
    color: #333333;
    font-family: "Microsoft YaHei",Arial;
    line-height: 26px;
    border: 1px solid #cbcbcb;
    margin: 0 5px;
    padding: 0 8px;
}
video::-webkit-media-controls-fullscreen-button {
    display: none;
}

.k1 span{
    font-size: 14px;
    font-weight: bold;
    margin: 0 5px 0 0;
    color: #d9d9d9;
}
.k1 a{
    color: #999999;
}
.headtitle{
    color: #999999;
}
.tophead{
    padding: 7px 0;
    height: 40px;
    background: #ececec;
}
#menu{
    background: #FFFFFF;
    /*border: 1px solid #ebebeb;*/
    height: 70px;
    line-height: 70px;
}
.nav li a{
    color: #000000;
}
.navline{
    height: 15px;
    border-right: 2px dotted #d9d9d9;
    display: block;
    float: right;
    margin-top: 14px;
}
.nav li a:hover .navline{
    display: none;
}
.clear{
    clear: both;
}
.ichoose{
    background: url("../images/i1.jpg") no-repeat;
    background-size: cover;
    padding-bottom: 95px;
}
.ichooselist{
    width: 32%;
    margin-right: 1%;
    float: left;
}
.ichooselist:last-of-type{
    margin-right: 0;
}
.ic1{
    display: none;
}
.ic2{
    display: block;
}
.ichoseselect .ic1{
    display: block;
}
.ichoseselect .ic2{
    display: none;
}
.ichooselist{
    background: #eaf5fc;
    padding: 40px 35px 0px;
    text-align: center;
    position: relative;
    height: 430px;
}
.ichoseselect{
    background: #0fb5ff;
    transition: all 0.8s;
}
.ichooselist img{
    margin: 0 auto;
}
.icp1{
    margin: 40px 0 20px;
    font-size: 20px;
    color: #000000;
}
.icp2{
    font-size: 16px;
    line-height: 25px;
    color: #666666;
}
.ichooselist a{
    display: block;
    width: 190px;
    text-align: center;
    padding: 15px 0;
    color: #666666;
    font-size: 16px;
    background: #bfe3f9;
    border-radius: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    bottom: 30px;
}

.ichoseselect .icp1,.ichoseselect .icp2{
    color: #FFFFFF;
}
.w550{
    width: 550px;
    margin: 0 auto;
}
.btp{
    display: flex;
    justify-content: space-between;
    padding-top: 25px;
}
.btspan{
    width: 50px;
    height: 2px;
    background: #007dde;
    display: block;
    margin-top: 15px;
}
.biaoti p{
    margin-top: 0;
}
.iprolists{
    display: flex;
    justify-content: space-between;
}
.ipro{
    background: url("../images/i2.jpg") no-repeat;
    background-size: cover;
    padding-bottom: 95px;
}
.iprol{
    width: 250px;
    background: #FFFFFF;
}
.ipror{
    width: 950px;
    padding: 18px 30px 0 30px;
    box-sizing: border-box;
    background: #FFFFFF;
    border-left: 1px solid #e4e4e4;
}
.iprocate{
    padding: 30px 0 25px;
    text-align: center;
    background: #007dde;
}
.iprocate h1{
    font-size: 36px;
    font-weight: bold;
    color: #FFFFFF;
}
.iprocate p{
    margin-top: 10px;
    font-size: 16px;
    color: #FFFFFF;
}
.iprocates{
    padding: 18px 30px;
    border: 1px solid #e6e6e6;
    border-top: 0;
    border-right: 0;
    display: flex;
    justify-content: space-between;
}
.iprocates p{
    font-size: 18px;
    color: #333333;
}
.iprocates img{
    width: 17px;
    height: 17px;
    margin-top: 5px;
}
.iprolist{
    width: 32%;
    margin-right: 2%;
    float: left;
}
.iprolist:nth-child(3n){
    margin-right: 0;
}
.iprolist p{
    font-size: 16px;
    color: #333333;
    margin: 15px 0;
    text-align: center;
}
.iprolist img{
    width: 100%;
}
.w760{
    width: 760px;
    margin: 0 auto;
}

.yy{padding-bottom: 95px}
.yylists {max-width: 1200px; margin: 0 auto;}
#slide {width: 100%;height: 420px;position: relative;overflow: hidden;}
#slide .pic { position: absolute;}
#slide .pic img {width: 100%;height: calc(100% - 14px);box-sizing: border-box;border: 2px solid #e4e4e4 }
#slide .p1 { z-index: 4;width: 400px;height: 315px;left: -4%;top: 20%;transition: all 0.8s}
#slide .p2 {z-index: 5; width: 540px;height: 400px; left: 24.5%;top: 14%;transition: all 0.8s}
#slide .p3 { z-index: 4; width: 400px; height: 315px; left: 66%; top: 20%;transition: all 0.8s}
#slide .btn {
    position: absolute;
    z-index: 6;
    bottom: 20%;
    width: 180px;  /* 计算得出 5*30+5*6=180 */
    margin-left: -90px;
    left: 50%;
}
#slide .btn span {
    width: 24px;
    height: 8px;
    border-radius: 3px;
    float: left;
    background-color: #dedede;
    margin: 0 3px;
}
#slide .btn .on {background-color: #ffd200; }
.mubu{
    position: relative;
    bottom: 70px;
    background: #000;
    opacity: 0.5;
    height: 70px;
    text-align: center;
}
.mp{
    position: absolute;
    color: #FFFFFF;
    font-size: 18px;
    bottom: 35px;
    left: 0;
    right: 0;
    text-align: center;
}
.news{
    /*background: #eaf5fc;*/
}
.ninfo{
    padding: 25px 30px 20px;
    background: #FFFFFF;
    display: flex;
    justify-content: space-between;
}
.ninfol{
    width: 665px;
}
.ninfor{
    width: 415px;
}
.ncate li a{
    color: #000000;
    font-size: 24px;
}
.ncate li{
    display: inline-block;
    padding: 8px 25px;
}
.ncate .cateh a{
    color: #FFFFFF;
}
.ncate .cateh{
    background: #ff0000;
}
.hotn{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    height: 200px;
}
.hotn img{
    width: 50%;
    border: 1px solid #e4e4e4;
    border-right: 0;
}
.hotr{
    width: 50%;
    padding: 30px 20px 15px;
    border: 1px solid #e4e4e4;
}
.hotr h1{
    font-size: 16px;
    color: #000000;
    margin-bottom: 15px;
}
.hotr p:nth-child(2){
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: auto;
}
.hotr p{
    font-size: 15px;
    color: #666666;
    line-height: 25px;
}
.hotr p:last-of-type{
    text-align: right;
    margin-top: 20px;
}
.ninfollist{
    padding: 15px 25px 15px 0;
    border-bottom: 1px dashed #e4e4e4;
    color: #666666 !important;
    display: flex;
    justify-content: space-between;
    font-size: 15px;
}
.ninfollist:hover{
    color: #ff0000 !important;
}
.ninfor{
    background-image: url("../images/i12.png"),url("../images/i12.png"),url("../images/i12.png"),url("../images/i12.png");
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: top left, top right, bottom left, bottom right;
    padding: 22px 15px 0 15px;
    position: relative;
}
.ninfor .ntitle{
    font-size: 24px;
    color: #333333;
    margin-bottom: 10px;
    padding-left: 20px;
}
.ninfor .ntitle a{
    color: #333333;
}
.ninforlist{
    display: block;
    padding: 25px 0;
    border-bottom: 1px dashed #e4e4e4;
    background: url("../images/i13.png") no-repeat left;
    padding-left: 25px;
    background-size: 20px;
    background-position-y: 28px;
}
.ninforlist h1{
    font-size: 16px;
    color: #333333;
    margin-bottom: 15px;

}
.ninforlist p{
    font-size: 15px;
    color: #333333;
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: auto;
}
.ninfor span{
    display: block;
    position: absolute;
}
.ninfor span:nth-child(1){
    width: 370px;
    height: 1px;
    background: #e4e4e4;
    top: 0;
    margin: 0 auto;
    right: 0;
    left: 0;
}
.ninfor span:nth-child(2){
    width: 370px;
    height: 1px;
    background: #e4e4e4;
    bottom: 0;
    margin: 0 auto;
    right: 0;
    left: 0;
}
.ninfor span:nth-child(3){
    width: 1px;
    height: 490px;
    background: #e4e4e4;
    left: 0;
}
.ninfor span:nth-child(4){
    width: 1px;
    height: 490px;
    background: #e4e4e4;
    right: 0;
}
.news{
    /*padding-bottom: 95px;*/

}
.yingy{
    box-shadow:0px 70px 50px -60px #000;
}
.hotpro{
    padding-bottom: 95px;
}
.picScroll-left li p{
    font-size: 16px;
    color: #333333;
    text-align: center;
    margin-top: 20px;
}
.picScroll-left{
    width: 380px;
    position: relative;
}
.picScroll-left li img,.picScroll-left li p{
    width: 360px;
}
.picScroll-left1 li p{
    font-size: 16px;
    color: #333333;
    text-align: center;
    margin-top: 20px;
}
.picScroll-left1{
    width: 280px;
    position: relative;
}
.picScroll-left1 li img,.picScroll-left li p{
    width: 260px;
}
.picScroll-left1 .hd .prev img,.picScroll-left1 .hd .next img{
    width: 40px;
}
.picScroll-left1 .hd .next{
    left: 1165px;
}
.picScroll-left1 .hd .prev{
    left: -75px;
}
.picScroll-left1 .hd .prev,.picScroll-left1 .hd .next{
    top: 80px;
}

.hd .prev,.hd .next{
    position: absolute;
    z-index: 1;
    top: 110px;
}
.hd .next{
    left: 1180px;
}
.hd .prev{
    left: -110px;
}
.iabout{
    position: relative;
    margin-bottom: 150px;
}
.abinfo{
    background: #FFFFFF;
    padding: 45px 80px 60px 80px;
    position: absolute;
    bottom: -70px;
    box-shadow:0px 0px 10px #ccc;
    max-width: 1200px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.iabout img{
    width: 100%;
}
.iabout p{
    font-size: 16px;
    color: #333333;
    line-height: 28px;
}
.iabout a{
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    text-align: right;
    position: absolute;
    bottom: 15px;
    right: 75px;
}

.footerch{margin-top: 20px}
.fimg{width: 100%}
.flogo{position: absolute;right: 0;top: -160px;width: 27%}
.w-1200{max-width: 1200px;margin: 0 auto;position: relative;}
.bluebg{background: #0051d3;padding: 100px 0 0px;}
.finfo ul{width: 15.6%;margin-right: 1%;float: left}
.finfo ul li a{color: #FFFFFF;font-size: 16px}
.finfo ul li {color: #FFFFFF;line-height: 30px;font-size: 14px}
.finfo ul li:first-of-type{font-size: 18px;margin-bottom: 10px;position: relative;}
.wxcode{float: right;width:60%; }
.ficp{padding: 5px 0;border-top: 1px solid #ffff;margin-top: 60px;}
.ficp p{font-size: 14px;color: #FFFFFF;margin: 15px 0}
.ficp p a{color: #FFFFFF}
.ficpw{display: flex;justify-content: space-between;width: 1200px;margin: 0 auto}
.wxp{font-size: 16px;color: #FFFFFF;margin-top: 10px;text-align: center;position: absolute;top: 110px;left: 98px;}
.finfo{padding-bottom: 20px}
.fphone{font-size: 24px !important;font-weight: bold}

.fctitle h1{
    font-size: 24px;
    color: #007dde;
    background: url("../images/fc.png") no-repeat left;
    padding-left: 30px;
    background-size: 23px;
    margin-bottom: 20px;
}
.pro-recom .proList li{
    margin-bottom: 10px;
}