body{ min-width:320px;font:16px "微软雅黑","Arial,Microsoft YaHei";color:#333;line-height:24px;overflow-x: hidden; } .container{ margin:0 auto;height:auto; }
h1,h2,h3,h4,h5,p,div,span,ul,li,dl,dd,dt{margin:0;padding:0;} input,textarea{outline:none; font:16px "微软雅黑","Arial,Microsoft YaHei";}label{font-weight: normal;width:100%;}
a{text-decoration: none;outline:none;color:#333; } a:focus, a:hover{color:#333;text-decoration: none;outline: none;  outline-offset: 0;}
ul,li{list-style: none;} i,em{font-style:normal;}
.nav>li>a:focus, .nav>li>a:hover{background: none;}
.lt{float:left;}.rt{float:right;}.hide{display: none;}.show{display: block;} .imgMax{max-width:100%;max-height:100%;}
.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}.fwn{font-weight: normal}
.db{display: block;}.dib{display: inline-block;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}.oh{overflow: hidden;}
.transition{-webkit-transition: all  0.3s linear;-moz-transition: all  0.3s linear;-o-transition: all  0.3s linear; transition: all  0.3s linear; }
img.desaturate { filter: grayscale(100%);  -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  }
img.desaturate:hover { filter: grayscale(0);  -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  }
img{border:none;}
html{ width:100%;}
body{ width:100%; height:auto;position: relative;overflow-x: hidden;}
.slick-slide{outline: none;}
.slick-slide img{margin:0 auto;max-width:100%;}
.slick-dots li button:before{display: none;}
.slick-dotted.slick-slider{margin-bottom:0;}
.container{padding:0 10px;}


.header_box{background: #fff;}
.logo{position: relative;height:80px;display: inline-block;vertical-align: top;width: 30%;}
.logo a{display: block;position:relative;height:80px;}
.logo a img{display: block;position: absolute;top:0;bottom:0;left:0;margin:auto;}

.nav{width:70%;padding-right:195px;margin-top:5px;}
.nav li {float: left;text-align: center;position: relative;}
.nav li a{padding:0;display: block;height:75px;line-height: 75px;color:#5b5b5b;font-size: 16px;overflow: hidden;}
.child_nav{display:none;position: absolute;top:75px;left:0;width:160px;padding:10px;background: rgba(255,255,255,.9);z-index:20;}
.child_nav li{float: none;width:100%;text-align: left;}
.child_nav li a{line-height: 35px;height:35px;font-size: 14px;}
.nav li.on>a{color:#345ca5;}
.nav li.on>a:after{content:"";display: block;position: absolute;bottom:18px;left:0;right:0;margin:auto;width:22px;height:3px;background: #345ca5;}
.child_nav li a:hover{color:#345ca5;}

.top_ser{position: absolute;right:0;top:23px;}
.top_ser form{width:170px;height:30px;line-height: 30px;border-bottom:1px solid #434343;}
.top_ser input{height:30px;line-height: 30px;float: left;vertical-align: top;border:none;background: none;}
.top_ser .ser_txt{width:150px;padding:0 10px;font-size: 14px;}
.top_ser .ser_sub{width:20px;background: url(img/ser.png) no-repeat center center;}

#model_banner .slick-dots{bottom:115px;}
#model_banner .slick-dots li button{background: #fff;}


.section_one{}
.one_bg{height:100%;position: absolute;top:0;left:0;width:100%;overflow: hidden;}
.one_bg img{position: absolute;top:0;left:50%;width:1920px;margin-left:-960px;max-width: none;max-height: none;}

.pro_class{margin-top:25px;z-index:20;height:240px;margin-bottom:190px;}
.pro_class li{float: left;width:20%;text-align: center;position:relative;height:240px;
transition: all linear .3s;-webkit-transition: all linear .3s;}
.pro_class li div{background: #fff;display: inline-block;width:98%;overflow: hidden;}
.pro_class li i{font-size:95px;margin: 0px auto 0px;display: block; ;line-height: 120px;
    transition: all linear .3s;-webkit-transition: all linear .3s;}
.pro_class li h3{font-size: 18px;color:#000;line-height: 24px;height:24px;overflow:hidden;margin-bottom:45px;padding:0 5px;
    transition: all linear .3s;-webkit-transition: all linear .3s;}
.pro_class li a{display: block;margin-bottom:-55px;background: #345ca5;color:#fff;line-height: 55px;}
.pro_class li a img{margin-left:5px;vertical-align: middle;margin-top:-3px;}
.pro_class li i img{max-height: 100%;max-width: 100%;vertical-align: top;}



.s_title{padding-right:100px;position: relative;margin-bottom:70px;}
a.more{position:absolute;right:0;top:0;width:53px;height:43px;background: #345ca5;text-align: center;display: block;}
.s_title .cn{font-size: 32px;}
.s_title .en{font-size: 30px;opacity: .6;}
.s_title .cn:after{content:"";display: inline-block;vertical-align: middle;height:15px;width:3px;background: #345ca5;margin:-5px 10px 0 15px;}
.s_title span{vertical-align: top;display: inline-block;color:#345ca5;line-height: 35px;}


.pro_cont{padding-bottom:90px;}
.pro_cont .pro_list:nth-child(4n){margin-right:0;}
.pro_list{float: left;width:24%;margin-right:1.33%;margin-bottom:55px;text-align: center;background: #fff;position:relative;}
.pro_list dd{position:absolute;top:0;left:0;bottom:0;right:0;background: rgba(0,0,0,.4);transform: scale(0);-webkit-transform: scale(0);transition: all linear .3s;-webkit-transition: all linear .3s;}
.pro_list img{max-height: 100%;max-width: 100%;}
.pro_list dd a{display: block;width:185px;height:45px;line-height: 45px;border:1px solid rgba(194,194,194,.6);text-align: center;overflow: hidden;color:#fff;font-size: 18px;
position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.pro_list:hover dd{transform: scale(1);-webkit-transform: scale(1);}

.two_bg{height:100%;position: absolute;top:0;left:0;width:100%;overflow: hidden;}
.two_bg img{position: absolute;top:0;left:50%;width:1920px;margin-left:-960px;max-width: none;max-height: none;}
.about_cont{float: right;background: rgba(229,229,229,.4);width:615px;height:365px;margin:225px 0 115px;}
.about_cont .s_title{padding:55px 55px 0;margin:0;}
.about_cont .about_item{padding:33px 55px;}
.about_cont .about_item .about_txt .txt{color:#fff;line-height: 36px;font-size: 16px;height:144px;
   overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:4;}
.about_cont .about_item .about_txt{ display: none;}
.about_cont .about_item .about_txt.on{display: block;}

.about_tab{background:  rgba(229,229,229,.4);overflow: hidden;}
.about_tab li{cursor:pointer;text-align: center;float: left;width:33.33%;height:65px;line-height: 65px;font-size: 26px;color:#345ca5;position: relative}
.about_tab li.on:before{content:"";display: block;position: absolute;top:0;left:0;width:100%;height:4px;background: #345ca5;}


.section_three{padding:165px 0 120px;background: #f6f8fa;}
.news_list{background: #fff;margin:0 16px;border:3px solid transparent;}
.news_list dd{padding:12px 10px;}
.news_list dd h3{font-size: 16px;color:#2c2c2c;line-height: 24px;height:24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_list dd span{display:block;font-size: 16px;color:#5b5b5b;line-height: 20px;height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_list:hover {border:3px solid #345ca5;}
.news_cont .slick-prev,.news_cont .slick-next{margin-top:-35px;width:95px;height:115px;background: rgba(52,92,165,.6);z-index:20;text-align: center;}
.news_cont .slick-prev:before{content:"";background: url(img/tu3.png) no-repeat center center;}
.news_cont .slick-next:before{content:"";background: url(img/tu4.png) no-repeat center center;}
.news_cont .slick-prev:before,.news_cont .slick-next:before{width:19px;height:35px;display: block;margin:0 auto;opacity: 1;}


.footer{}
.foot_bg{}
.foot_bg img{position: absolute;top:0;left:50%;height:100%;width:1920px;margin-left:-960px;max-width: none;max-height: none;}
.footNav{float:left;width:55%;padding:55px 0;line-height: 30px;}
.footNav li{float: left;width:20%;color:#fff;}
.footNav li span a{color:#fff;font-size: 16px;display: block;margin-bottom:10px;opacity: 1;}
.footNav li a{color:#fff;font-size: 14px;display: block;opacity: .36}
.footNav li a:hover{opacity: 1;}

.contact{float: right;width:45%;padding:55px 0;}
.contact dl{float: left;overflow: hidden;color:#fff;width:55%;margin-bottom:20px;}
.contact dl dt{display: inline-block;vertical-align: top;float: left;width:45px;height:45px;border:1px solid rgba(255,255,255,.6);border-radius: 50%;}
.contact dl dd{margin-left:65px;color:#fff;line-height: 18px;font-size: 14px;opacity: .6;padding-top:5px;}
.contact dl:nth-child(2n){width: 45%;}
.contact dl dd p{word-wrap:break-word }


.copy{background: rgba(0,0,0,.5);font-size: 14px;color:#fff;opacity: .3;padding:5px 0;line-height: 25px;text-align: center;}
.copy a{color:#fff;}




/*pc端内页*/
.content_175color .quickbar_nav ul li.quickbar_weixin:hover .quickbar_hoverbox img{max-width: none;max-height: none;}
.content_175color .updown_fenlei .cont_nav .one .o_li a.ez_a {color: #fff;font-weight: bold;text-align: left;
    background:#345ca5;}
.content_175color .updown_fenlei .cont_nav .one .o_li a.ez_a  i{background: url(img/icon4_h.png) center no-repeat;background-size: 100% auto;}
.content_175color  .updown_fenlei .cont_nav .one .o_li:hover .one_a,
.content_175color  .updown_fenlei .cont_nav .one .o_li a.ez{
    background:#345ca5;}
.content_175color  .updown_posnav .nav_item a:hover,
.content_175color  .updown_posnav .nav_item a.on{color: #345ca5;}
.content_175color  .model-textlist-four ul li a:hover{background: #345ca5;}
.content_175color  .model-textlist-four ul li a:hover .textlist-r dd{color: #fff;}
.content_175color .model_page a.current,
.content_175color .model_page a:hover {color: #345ca5;border-bottom: 1px solid #345ca5;}
.content_175color #model_contant_main .model_dec_adress a:hover {color: #345ca5;}
.content_175color .model-dectil-bottom .model-dectil-chose a:hover {color: #345ca5;}
.content_175color .model-textlist-one ul .textlist-lifirst .textlist-text .textlist-more:hover{border-bottom:1px solid #345ca5;background-color: #345ca5;}
.content_175color .model-textlist-one ul li:hover{border-bottom:1px solid #345ca5;}
.content_175color .model-textlist-one ul li:hover dt{color: #345ca5;}
.content_175color .model-textlist-two ul li a:hover .textlist-l dt{color: #345ca5;}
.content_175color .model-textlist-two ul li a:hover .textlist-l p{color: #345ca5;}
.content_175color .model-textlist-two ul li a:hover .newtime{background: #345ca5;}
.content_175color .model-textlist-three ul li a:hover,
.content_175color .model-textlist-three ul li a:hover dt{color: #345ca5;}
.content_175color .model-textlist-three ul li a:before{background: #345ca5;}
.content_175color .model-imgtextlist-two ul li a:hover .imgtextlist-r dt{color: #345ca5;}
.content_175color .model-imgtextlist-one ul li a:hover .imgtextlist-l dt{color: #345ca5;}
.content_175color .model-imgtextlist-three ul li a:hover .imgtextlist-r dt{color: #345ca5;}
.content_175color .model-imgtextlist-three ul li .imgtextlist-r .time p{color: #345ca5;}
.content_175color .model-imgtextlist-four ul li a:hover .imgtextlist-text{background: #345ca5;}
.content_175color .model-imgtextlist-four ul li a:hover .imgtextlist-text dd{color: #fff;}
.content_175color .model-imgtextlist-four ul li a:hover .imgtextlist-text p{color: #fff;}
.content_175color .model-imglist-two ul li .pimg em span{background-color: #345ca5;}
.content_175color .model-imglist-two ul li a:hover p{background: #345ca5;}
.content_175color .model-imglist-three ul li a:hover{border:1px solid  #345ca5;}
.content_175color .model-imglist-three ul li a:hover p{color:  #345ca5;
    background: url(img/icon6.png) right center no-repeat;}
.content_175color .model_seach .model-seachdiv form .seabtn{background:  #345ca5;}
.content_175color .model-textlist-three ul li a:before{background:  #345ca5;}
.content_175color .model-dectil-img .slick-dots li button{border:1px solid   #345ca5;}
.content_175color .model-dectil-img .slick-dots li.slick-active button{background:   #345ca5;}
.content_175color  .model-textlist-four ul li a:hover{background:   #345ca5!important;}
.content_175color  .model-textlist-four ul li a:hover .textlist-r dt{color:#fff!important;}
.content_175color  .updown_posnav .nav_item a:hover, .updown_posnav .nav_item a.on {color:#345ca5;}
.content_175color  .model_page a.on,
.content_175color .model_page a:hover {color:#345ca5;border-bottom:1px solid #345ca5;}
.content_175color  .model-textlist-three ul li a:hover,
.content_175color .model-textlist-three ul li a:hover dt {font-weight: bold;color:#345ca5;}
.content_175color .model_page a.on,
.content_175color .model_page a:hover{font-weight: bold;color:#345ca5;border-bottom:1px solid #345ca5;}
.content_175color .model-imgtextlist-four ul li a:hover .imgtextlist-text dt{color:#fff!important;}
.content_175color .model_leftright_l .l_posnav{background:   #345ca5;}
.content_175color .moder_leftright_r .r_posnav p{border-bottom:4px solid   #345ca5;}
.content_175color .model_leftright_l .cont_nav .one .o_li a.one_a:hover,
.content_175color .model_leftright_l .cont_nav .one .o_li a.ez{color: #345ca5;}
.content_175color .model_leftright_l .cont_nav .second .e_li a:hover,
.content_175color .model_leftright_l .cont_nav .second .e_li a.sen_x{color: #345ca5;}
.content_175color .model_leftright_l .cont_nav .second .e_li a:hover:before,
.content_175color .model_leftright_l .cont_nav .second .e_li a.sen_x:before{background: #345ca5;}
.content_175color .moder_leftright_r .r_posnav span a:hover{color: #345ca5;}
.content_175color .updown_fenlei .cont_nav .one .one_a i{background: url(img/icon4.png) center no-repeat;}
.content_175color .model-classify-nav .one .o_li .one_a i{ background: url(img/icon6.png) center no-repeat;}

.content_175color .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:before{border-bottom: 12px solid #345ca5;}
.content_175color .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:before{border-top: 12px solid #345ca5;}
.content_175color .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:hover{border-bottom: 1px solid  #345ca5;}
.content_175color .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:hover{border-top: 1px solid  #345ca5;}


/*手机端内页*/
.content_175color .model-classify .model-classify-posnav {background: #345ca5;}
.content_175color .model-classify-nav .one .o_li a.ez{color:#345ca5}
.content_175color .model-classify-nav .second a.sen_x{color:#345ca5}
.content_175color .model-classify-nav .second a.sen_x:before{background:#345ca5}
.content_175color .model-phone-page span i{color:#345ca5;}
div.model-fixed{background:#ffffff;}
.model-fixed .iconfont{color:#345ca5;}
.model-fixed .fnavbox li .title{color:#345ca5;}
.model-leftnav-top{background:#345ca5;}
.model-leftnav-main .nnav .yiji.xz a.ce{color:#345ca5}

#model_banner .slick-dots li.slick-active button{background: #345ca5;}

.imgbox{ display:block; position:relative;  }
.imgbox:before{content:""; display:block; padding-top:75%}

.imgbox.imgbox1-2:before{ padding-top:125%}
.imgbox.imgbox1-1:before{ padding-top:100%}
.imgbox img{ height:100% ; position:absolute !important; width:100%;top:0; left:0; display:block; width:100%;}