@charset "utf-8";
/*******CSS commont*************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0; border: 0;}
html{
  scroll-behavior:smooth;
}
img{border:0;}
ol,ul{list-style:none;}
h1,h2,h3{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}
input,textarea,select{*font-size:100%;}legend{color:#000;}
/*******CSS reset*************/
body{ background:#fff; overflow-x: hidden; overflow-y:auto; color:#333; font-size:12px; font-family:'Microsoft YaHei','微软雅黑',Arial;}
@media (min-width:1200px) 
{
    body{ font-size: 14px; }
}
@media (min-width:1601px) 
{
    body{ font-size: 15px; }
}
a{color:#333;text-decoration:none; cursor: pointer; transition: all 0.3s;}
a:link {color:#333; text-decoration:none;}
a:active:{color: #1354c0;}
a:visited {color:#333;text-decoration:none;}
a:hover{ text-decoration: none; color: #1354c0;}
.left{float:left;}
.right{float:right;}
.ovfl{ overflow:hidden;}
.mar{ margin:0px auto;}
.clear{clear:both;}
.hidden{display:none;}
.filter_bg8{ filter: alpha(opacity=80); opacity: 0.8; }
.imgbox {position:relative;overflow:hidden;width:100%;}
.imgbox:after {content:'';display:block;padding-top:75%;}
.imgbox img {width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.36s width; border:1px dashed #ccc;}
.imgbox:hover img {width:100%;transition:.36s width; border:1px dashed #0b56d2;}
@font-face{
    font-family: 'MONTS';
    src:url('MONTSERRAT-BLACK.TTF') format('truetype');
}
/*******Css header*******/
#header{ position: relative; height: 70px; background: #fff;}
.headerm{ height: 70px; display: none; }
.headerm.son{ display: block; }
#header .container{ position: relative; }
.logo{ position: absolute; top: 0px; left: 0px;  }
.logo img{ width: 90px; }
.logos{ width:68%; margin-left: 88px; margin-top: 10px; transition: all 0s;}
.logos img{ max-width: 100%; }
.map_open{ color: #1354c0; z-index:999; position: absolute; top: 50%; margin-top: -16px; right: 15px; width:26px; height:32px; line-height: 32px;}
.map_open .iconfont{ font-size: 28px; }
.map_open:hover{ color:rgba(255,255,255,1);  }
#menu_map{ transform: translateY(-100%);transition: all 800ms cubic-bezier(.8, 0, .33, 1);
    border-radius: 0 0 50% 50%;
    opacity: 0;position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030; background: #fff; width: 100%!important; height: 100%!important; overflow:hidden; }
#menu_map.down {
    border-radius: 0% 0% 0% 0%;
    transform: translateY(0);
    opacity: 1;
}
.map_closes{ height: 61px; line-height: 61px; overflow:hidden; }
.map_closes a{ text-align: center; float: right; margin-right: 2px; }
.map_closes a .iconfont{ font-size: 30px; color:#1354c0; }
.map_close:hover {
    transform: rotate(90deg);
    border-radius: 50%;
}
.navp1{ padding: 10px 0px 10px 30px;  }
.navp1 img{ max-width: 90%; }
.navp2{ padding-left: 30px; font-size: 1.4rem;}
.navp2 b{ font-size: 1.6rem; color: #1354c0; }
.navul{ width: 90%; margin: 15px auto 25px;}
.nav-item{position: relative; margin-bottom: 5px; }
.nav-item p{overflow: hidden;line-height: 46px;max-height:46px; font-size: 16px; padding: 0px 10px;}
.nav-item p i{ float: right;  color: #666;}
.nav-item.nav-show{border-bottom: none;}
.nav-item .msub{display:none; background:#f1f1f1; padding: 0px 16px; overflow:hidden; }
.nav-item .msub a{ line-height: 2; margin-bottom:5px; font-size: 14px; display: block;}
.nav-item .msub a.on{ color:#1354c0;}
.nav-item.nav-show .msub{display: block;}
.nav-item p a{ float: left; }
.nav-show p i{transform:rotate(90deg);}
.nav-show.nav-item>p{ background:#f1f1f1;}
.nav-show>a:before,.nav-item>a:hover:before{opacity:1;}
#mnav{ border-top:solid 1px #dedede; padding-top: 13px; padding-bottom: 12px; font-size: 15px;}
#mnav a{ height: 36px; line-height: 36px; float: left; width: 25%; text-align: center; }
#mnav a:hover{ color: #1354c0; }
#mnav a.on{ color: #1354c0; }
#header.son{ width: 100%; height: 60px; position: fixed; z-index: 9999; top: 0px; left: 0px; transition: all 0.2s;  box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);}
@media (min-width:768px) 
{
    .logos{ width: 296px; margin-top: 10px;}
    .map_open{ height: 38px; line-height: 38px; margin-top: -19px; }
    #mnav a{ width: 12.5%; height: 38px; line-height: 38px; }
}
@media (min-width:992px) 
{
    #header{ height: 80px; }
    .headerm{ height: 80px; }
    .logo img{ width:110px; }
    .logos{ margin-left: 110px; margin-top: 15px;}
    .map_open{ right: 45px; }
    .search_a{ position: absolute; right: 0px; color: #9f9f9f; top: 50%; margin-top: -14px;}
    .search_a.iconfont{ font-size: 22px; }
    #mnav{ padding-top: 19px; }
    #header.son { height: 70px; }
}
@media (min-width:1200px) 
{
    #header{ height: 90px; }
    .headerm{ height: 90px; }
    .logo{ left: -80px; z-index:9999;}
    .logo img{ width: 126px; }
    .logos{ margin-left:60px; margin-top: 24px;}
    .search_a{ right: -40px; margin-top: -17px;}
    .navs{ float: right; width: auto;}
    .navs .nline{ width: 1px; height: 90px; background: url(../images/nlines.jpg) no-repeat center; float: left; }
    .navs .nLi{ float: left; position: relative;}
    .navs .nLi p{ float: left; position: relative;}
    .navs .nLi p a{ padding: 0px 20px; transition: all 0s; float: left; font-size: 16px; height: 90px; line-height: 90px;}
    .navs .nLi p a span{ margin-right: 6px; }
    .navs .nLi:hover{ color: #1354c0; }
    .navs .nLi:hover p i{ width: 100%;   }
    .navs .nLi:hover p a{ color: #1354c0; }
    .navs .nLi.osn{ color: #1354c0; }
    .navs .nLi.osn p i{ width: 100%; font-weight: bold; }
    .navs .nLi.osn p a{ color: #1354c0; font-weight: bold;}
    .navs .subs{ display: none;  box-shadow:0px 15px 28px -15px rgba(0,0,0,0.05); overflow: hidden; width: 100%;border-top: solid 1px #dedede; position: fixed; left: 0px; top: 90px; z-index: 999; background:#fff;}
    .subsls{ width:40%; float: left; padding:25px 0px; }
    .subslst{ font-size: 20px; font-weight: bold;}
    .subslst a{ color: #666; }
    .subslsft{ margin-top: 10px; color: #999; line-height: 1.6; }
    .subslsc{ overflow: hidden; margin-top: 20px; }
    .subslsc a{ float: left; height: 32px; line-height: 32px; overflow: hidden; width: 31%; margin-right: 2%; font-size: 14px;}
    .subslsc a:hover{ color:#1354c0;  }
    .subslsc a.on{ color:#1354c0;  }
    .subslm{ width: 322px; float: left; margin-left: 70px; margin-top: 25px;}
    .subslm img{ width: 100%; }
    .subslr{ width: 230px; float: right; margin-right: 15px; padding:25px 0px 25px 40px;  border-left: solid 1px #dedede;}
    .subslrt{ color: #666; font-weight: bold; font-size: 20px; }
    .subslrc{ margin-top: 15px; overflow: hidden; color: #666;}
    .subslrc a{ width: 100%; float: left; height: 32px; line-height: 32px; color: #666; }
    .subslrc a:hover{ color:#1354c0;  }
    .subslrcs{ color: #666; margin-top: 15px;}
    .subslrcs div{ line-height: 34px; }
    .subslrcs div i{ margin-right: 8px; }
    #header.son .logos{  margin-top: 15px; }
    #header.son .navs .nline{ height: 70px; }
    #header.son .navs .nLi p a{ height: 70px; line-height: 70px;}
    #header.son .navs .subs{ top: 70px; }
}
@media (min-width:1601px) 
{
    #header{ height: 95px; }
    .headerm{ height: 95px; }
    .logos{ margin-top: 25px; margin-left: 40px;}
    .logo{ width: 139px; left: -139px;}
    .logo img{ width: 139px; }
    .search_a{ right: -60px; }
    .navs .nline{ height: 95px; }
    .navs .nLi p a{ padding: 0px 30px; font-size: 17px; height: 95px; line-height: 95px;}
    .navs .nLi p a span{ margin-right: 8px; }
    .navs .subs{ top: 95px; }
    .subsls{ width: 540px; margin-left: 40px; padding: 30px 0px 40px 0px; }
    .subslst{ font-size: 28px; }
    .subslsft{ margin-top: 15px; font-size: 14px;}
    .subslsc{ margin-top: 20px; }
    .subslsc a{ height: 34px; line-height: 34px; font-size: 15px; }
    .subslm{ margin-top: 40px; margin-left: 80px; }
    .subslr{ width: 280px; margin-right: 70px; padding: 30px 0px 40px 25px;}
    .subslrt{ font-size:28px; }
    .subslrc{ margin-top: 20px; }
    .subslrc a{ height: 34px; line-height: 34px; font-size: 15px; }
    .subslrcs{ margin-top: 20px;}
    .subslrcs div{ line-height: 38px; font-size: 16px;}
    .subslrcs div i{ margin-right: 10px; }
    #header.son { height: 75px; }
    #header.son .navs .nline{ height: 75px; }
    #header.son .navs .nLi p a{ height: 75px; line-height: 75px;}
    #header.son .navs .subs{ top: 75px; }
}
.subslrc a:hover{ font-weight: bold; }

/*******Css banner*******/
.mbanner{ overflow: hidden; position: relative;}
.mbanner img{ width: 100%; }
.banner{ overflow: hidden; position: relative; text-align: center; }
.banner li img{  width: 100%;
   transition: 1s linear;
  -webkit-transform: scale(1.2);
          transform: scale(1.2); }
.banner li.slick-active img {
    transition: 6s linear;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.banner .slick-dots{ position: absolute; bottom: 30px; left: 50%; margin-left: 500px;}
.banner .slick-dots li{ float: left; margin-left: 10px;}
.banner .slick-dots li button{ border: 0px; margin:0px; outline: none; padding: 0px; text-indent:999em; width: 3px; height: 27px; background:url(../images/banicon1.jpg) no-repeat bottom center; }
.banner .slick-dots li.slick-active button{ background:url(../images/banicon2.jpg) no-repeat bottom center; }          
@media (min-width:1601px) 
{
    .banner .slick-dots{ margin-left: 650px; }
}

/*******Css index*******/
#chan1{ overflow: hidden; margin-top: 30px;}
.chan1t{ text-align: center; font-size: 25px; }
.chan1ft{ text-align: center; color: #999; margin-top: 5px;}
.products{ overflow: hidden; margin-top: 25px; text-align: center;}
.products a{ width: 100%; float: left; }
.productsp1{ height: 80px; background-position: center; background-repeat: no-repeat; transition: all 0.5s;}
.productsp2{ font-size: 14px; margin-top:10px;}
#productsa1 .productsp1{ background-image: url(../images/proimg1.png); }
#productsa2 .productsp1{ background-image: url(../images/proimg2.png); }
#productsa3 .productsp1{ background-image: url(../images/proimg3.png); }
#productsa4 .productsp1{ background-image: url(../images/proimg4.png); }
#productsa5 .productsp1{ background-image: url(../images/proimg5.png); }
#productsa6 .productsp1{ background-image: url(../images/proimg6.png); }
#productsa7 .productsp1{ background-image: url(../images/proimg7.png); }
#productsa8 .productsp1{ background-image: url(../images/proimg8.png); }
#productsa9 .productsp1{ background-image: url(../images/proimg9.png); }

#productsa1:hover .productsp1{ background-image: url(../images/proimg1h.png);}
#productsa2:hover .productsp1{ background-image: url(../images/proimg2h.png);}
#productsa3:hover .productsp1{ background-image: url(../images/proimg3h.png);}
#productsa4:hover .productsp1{ background-image: url(../images/proimg4h.png);}
#productsa5:hover .productsp1{ background-image: url(../images/proimg5h.png);}
#productsa6:hover .productsp1{ background-image: url(../images/proimg6h.png);}
#productsa7:hover .productsp1{ background-image: url(../images/proimg7h.png);}
#productsa8:hover .productsp1{ background-image: url(../images/proimg8h.png);}
#productsa9:hover .productsp1{ background-image: url(../images/proimg9h.png);}

#products{ margin-top: 30px;  }
@media (min-width:768px) 
{
    .productsp2{ font-size: 15px; }
}
@media (min-width:1200px) 
{
    #chan1{ margin-top: 50px; }
    .chan1t{ font-size: 38px; }
    .products{ margin-top: 35px; }
    .productsp2{ font-size: 16px; width: 70%; margin: 12px auto 0px;}
    #products{ margin-top: 40px; }
}
@media (min-width:1601px) 
{
    #chan1{ margin-top: 80px; }
    .chan1t{ font-size: 48px; }
    .chan1ft{ font-size: 17px; margin-top: 10px;}
    .products{ margin-top: 70px; }
    .productsp2{ font-size: 16px; width: 70%; margin: 12px auto 0px;}
    .productsp2{ font-size: 17px; }
    #productsa7 .productsp2{ width: 95%;  }
    #products{ margin-top: 70px; }
}
#chan2{ margin-top:25px; overflow: hidden; background:url(../images/bg1s.jpg) repeat-x top center; }
.about_img{ overflow: hidden; margin-top: 25px; }
.about_img img{ width: 100%; }
.about_txt{ margin-top: 20px; }
.about_t{ font-size: 22px; }
.about_cc{ line-height: 2; margin-top: 15px; font-size: 15px; }
.about_cs{ line-height: 1.8; color: #666; margin-top: 15px;}
.about_m{ margin-top: 15px; overflow: hidden;}
.about_m a{ float: left; height: 32px; line-height: 32px; font-size: 13px; padding-left: 40px; color: #999; background: url(../images/more1.png) no-repeat left center; }
.about_m a:hover{ color: #1354c0; background: url(../images/more1h.png) no-repeat left center; }
@media (min-width:1200px) 
{
    #chan2{ margin-top: 50px; background:url(../images/bg1sss.jpg) no-repeat top center;}
    .about_img{ width: 50%; float: left; margin-top: 35px; }
    .about_txt{ width: 43%; float: right; margin-top: 50px;}
    .about_t{ font-size: 30px; }
    .about_cc{ font-size: 18px; margin-top: 30px;}
    .about_cs{ margin-top: 10px;}
    .about_m{ margin-top: 30px; }
}
@media (min-width:1601px) 
{
    #chan2{ margin-top: 80px;}
    .about_img{ margin-top: 42px; }
    .about_txt{ width: 630px; float: right; margin-top:0px;}
    .about_t{ font-size: 35px; }
    .about_cc{ font-size: 15px;}
    .about_m{ margin-top: 35px; font-size: 14px; }
}
#chan3{ margin-top: 25px; overflow: hidden; position: relative;}
#chan3 .gallery-top{ overflow: hidden;}
#chan3 .gallery-top .swiper-slide{ padding: 40px 0px 120px 0px; color: #fff; zoom:1; width: 100%; position: relative;  background-repeat: no-repeat; background-size: cover; background-position:top center;}
.yst1{ height: 34px; line-height: 34px; overflow: hidden; }
.yst1 i{ width: 30px; height: 2px; background: #fff; float: left; margin-top: 16px;}
.yst1 span{ float: left; margin-left: 5px; font-size: 25px; }
.yst2{ height: 34px; line-height: 34px; font-size: 25px; overflow: hidden;}
.ysc{ line-height: 32px; height: 160px; overflow: hidden; font-size: 16px; margin-top: 20px;}
#chan3 .gallery-thumbs{ width: 100%; position: absolute; bottom: 40px; left: 15px;}
#chan3 .gallery-thumbs .swiper-slide{ cursor: pointer; width:30%; margin-right: 1%; position: relative; margin-top: 8px; float:left; border: solid 3px rgba(255,255,255,0.4);}
#chan3 .gallery-thumbs .swiper-slide img{ width: 100%;}
#chan3 .gallery-thumbs .swiper-slide span{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,0.7); }
#chan3 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border: solid 3px rgba(255,255,255,0.6); margin-top: 0px; }
#chan3 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{ background: rgba(0,0,0,0.4); }
@media (min-width:768px) 
{
    #chan3 .gallery-thumbs .swiper-slide{ width: 166px; margin-right: 10px; }
    #chan3 .gallery-thumbs{ width: 750px; left: 50%; margin-left: -375px; padding: 0px 15px; }
}
@media (min-width:992px) 
{
    #chan3 .gallery-thumbs{ width: 970px; margin-left: -485px; }
}
@media (min-width:1200px) 
{
    #chan3{ margin-top: 50px; min-width: 1200px;}
    #chan3 .gallery-top .swiper-slide{ padding: 120px 0px 200px 0px;  }
    .yst1{ height: 56px; line-height: 56px; }
    .yst1 i{ margin-top: 27px; }
    .yst1 span{ font-size: 38px; margin-left: 7px;}
    .yst2{ height: 56px; line-height: 56px; font-size: 38px; }
    .ysc{ line-height: 45px; height:135px; font-size: 22px; margin-top: 30px;}
    #chan3 .gallery-thumbs{ bottom: 60px; width: 1200px; margin-left: -600px; padding: 0px;}
}
@media (min-width:1601px) 
{
    #chan3{ margin-top: 80px; min-width: 100%;}
    #chan3 .gallery-top .swiper-slide{ padding: 130px 0px 200px 0px;  }
    .yst1{ height: 80px; line-height: 80px; }
    .yst1 i{ width: 60px; margin-top: 39px; }
    .yst1 span{ font-size: 48px;}
    .yst2{ height: 80px; line-height: 80px; font-size: 48px; }
    .ysc{ line-height: 56px; height:168px; font-size: 30px; margin-top: 40px;}
    #chan3 .gallery-thumbs{ bottom: 95px; width: 1400px; margin-left: -700px;}
}
#mchan4{ overflow: hidden; margin-top: 25px; }
.mchan4t{ text-align: center; font-size: 25px;}
.mchan4ft{ margin-top: 10px; height: 25px; background: url(../images/bg3.jpg) no-repeat center;}
.mproys{ overflow: hidden; margin-top: 20px; }
.mproys .bd li{ overflow: hidden; position: relative;}
.mproysbg{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: -1; background-attachment: fixed; background-repeat: no-repeat; background-size:cover; background-position: bottom center;}
#mproysli1 .mproysbg{ background-image: url(../images/iprobg1.jpg); }
#mproysli2 .mproysbg{ background-image: url(../images/iprobg2.jpg); }
#mproysli3 .mproysbg{ background-image: url(../images/iprobg3.jpg); }
.mproys_img{ overflow: hidden; text-align: center; margin-top: 20px;}
.mproys_img img{ max-width: 100%; }
.mproys_txt{ margin-top: 15px; }
.mproys_txtt1{ height: 36px; line-height: 36px; overflow: hidden; font-size: 22px; text-align: center;}
.mproys_txtt2{ line-height: 1.8; overflow: hidden; font-size: 16px; margin-top: 10px; text-align: center;}
.mproys_txtt2 span{ color:color: #1354c0;  }
.mproys_txtt3{ line-height: 1.8; font-size: 13px; margin-top: 10px; text-align: center; color: #666666;}
.mproys .hd{ margin-top: 20px; overflow: hidden;}
.mproys .hd a{ width: 33.3%; margin-top: 10px; padding: 15px 10px; float:left; background: #e8e8e8; text-align: center; border-right: solid 2px #fff;}
.mproysap1{ height: 44px; background-repeat: no-repeat; background-position: center; }
.mproysap2{ height: 32px; line-height: 32px; font-size: 16px; overflow: hidden; margin-top: 5px;}
.mproysap3{ color: #bbb; line-height:18px; height: 36px; overflow: hidden; }
#mproysa1 .mproysap1{ background-image: url(../images/proysicon1.png); }
#mproysa2 .mproysap1{ background-image: url(../images/proysicon2.png); }
#mproysa3 .mproysap1{ background-image: url(../images/proysicon3.png); }
.mproys .hd a.on{ margin-top:2px; background: #1354c0; color: #fff;}
.mproys .hd a.on .mproysap3{ color: #fff; }
.mproys .hd a#mproysa1.on .mproysap1{ background-image: url(../images/proysicon1h.png); }
.mproys .hd a#mproysa2.on .mproysap1{ background-image: url(../images/proysicon2h.png); }
.mproys .hd a#mproysa3.on .mproysap1{ background-image: url(../images/proysicon3h.png); }
@media (min-width:768px) 
{
    .mproysap3{ height: 21px; line-height: 21px; }
}
@media (min-width:992px) 
{
    .mproys_img{ width: 50%; float: left; }
    .mproys_txt{ width: 45%; float: right; margin-top: 35px;}
    .mproys .hd a{ padding: 25px 20px; }
    .mproysbg{ background-size: auto 100%; }
}
#chan4{ margin-top: 50px; overflow: hidden; position: relative;}
.chan4t{ text-align: center; font-size: 38px; }
.chan4ft{ margin-top: 15px; height: 35px; background: url(../images/bg3.jpg) no-repeat center;}
.proys{ overflow: hidden; margin-top: 40px; position: relative;}
.proys .bd li{ overflow: hidden; position: relative;}
.proysbg{ width: 100%; transition: transform 1s ease; height: 100%; position: absolute; top: 0px; left: 0px; z-index: -1; background-repeat: no-repeat; background-size:auto 100%; background-position: bottom center;}
#proysli1 .proysbg{ background-image: url(../images/iprobg1.jpg); }
#proysli2 .proysbg{ background-image: url(../images/iprobg2.jpg); }
#proysli3 .proysbg{ background-image: url(../images/iprobg3.jpg); }
.proys .bd li .container{ width: 1170px;}
.proys_img{  overflow: hidden; text-align: center; margin-top: 45px; }
.proys_img img{ max-width: 100%; }
#proysli3 .proys_img{ margin-top: 5px; }
#proysli2 .proys_img{ margin-top: 15px; }
.proys_txtt1{ height: 70px; line-height: 70px; margin-top: 30px; overflow: hidden; font-size: 40px; text-align: center; }
.proys_txtt2{ line-height: 1.6; font-size: 20px; text-align: center; width: 70%; margin: 15px auto 0px;}
.proys_txtt2 span{ color:color: #1354c0;  }
.proys_txtt3{ line-height: 1.6; font-size: 15px; margin: 15px auto 0px; width: 80%; color: #666; text-align: center;}
.proys .hd{ width:150px; position: absolute; top: 15px; left: 0px;}
.proys .hd a{ width: 100%; float: left; padding: 20px 15px; text-align: center; background:#e8e8e8; border-bottom: solid 2px #fff;}
.proysap1{ height: 44px; background-repeat: no-repeat; background-position: center; }
.proysap2{ height: 32px; line-height: 32px; font-size: 17px; overflow: hidden; margin-top: 5px; }
.proysap3{ color: #bbb; line-height:20px; height: 20px; overflow: hidden; transition: all 0.3s;}
#proysa1 .proysap1{ background-image: url(../images/proysicon1.png); }
#proysa2 .proysap1{ background-image: url(../images/proysicon2.png); }
#proysa3 .proysap1{ background-image: url(../images/proysicon3.png); }
.proys .hd a.on{ background: #1354c0; color: #fff; width: 160px;}
.proys .hd a.on .proysap3{ color: #fff; }
.proys .hd a#proysa1.on .proysap1{ background-image: url(../images/proysicon1h.png); }
.proys .hd a#proysa2.on .proysap1{ background-image: url(../images/proysicon2h.png); }
.proys .hd a#proysa3.on .proysap1{ background-image: url(../images/proysicon3h.png); }
.proys .hd a:hover{ background: #1354c0; color: #fff;}
.proys .hd a:hover .proysap3{ color: #fff; }
.proys .hd a#proysa1:hover .proysap1{ background-image: url(../images/proysicon1h.png); }
.proys .hd a#proysa2:hover .proysap1{ background-image: url(../images/proysicon2h.png); }
.proys .hd a#proysa3:hover .proysap1{ background-image: url(../images/proysicon3h.png); }

.ye1{ position: absolute; left: 50%; margin-left: -590px; top: 60px; }
.ye2{ position: absolute; left: 50%; margin-left: -400px; top: 120px; }
.ye3{ position: absolute; right: 30px; top: 50%; margin-top: -131px;}
@media (min-width:1601px) 
{
    #chan4{ margin-top: 80px;}
    .chan4t{ font-size: 48px; }
    .chan4ft{ margin-top: 45px; height: 45px; background: url(../images/bg3.jpg) no-repeat center;}
    .proys{ margin-top: 40px; height: 878px;}
    .proys .bd li .container{ width: 1280px;}
    .proys_txtt1{ font-size: 55px; height: 90px; line-height: 90px; }
    .proys_txtt2{ font-size: 22px; width: 815px; margin: 35px auto 0px; }
    .proys_txtt3{ font-size: 16px; margin: 20px auto 0px; width: 910px; }
    .proys_img{ margin-top: 80px; }
    .proys .hd{ width:210px; top: 50px;}
    .proys .hd a{ width: 100%; float: left; padding: 32px 30px; text-align: center; background:#e8e8e8; border-bottom: solid 2px #fff;}
    .proysap1{ height: 44px; background-repeat: no-repeat; background-position: center; }
    .proysap2{ height: 34px; line-height: 34px; font-size: 19px; margin-top: 5px;}
    .proysap3{ line-height:22px; height: 22px; overflow: hidden; font-size: 14px;}
    .proys .hd a.on{ width: 250px;}
    .ye1{ margin-left: -690px; top: 110px; }
    .ye2{ margin-left: -495px; top: 275px; }
    .proysbg{ background-size:auto auto; }
}
.proys .bd li a:hover{ color: #000; }
.proys_txtt6 a:hover{ border: solid 1px #1354c0; background: #1354c0; color: #fff; }
.proys .bd li:hover .proysbg{ transform: scale(1.05);transition: transform 1s ease; }
 

#chan5{ margin-top: 30px; overflow: hidden; position: relative;}
#chan5 .sproys{ position: relative; text-align: center;}
#chan5 .sproys img{  width: 100%;
  -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transform: scale(1);
          transform: scale(1); }
#chan5 .gallery-top .swiper-slide-active .sproys img {
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
          -webkit-transition: all 4s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 4s cubic-bezier(0.7, 0, 0.3, 1);
}
#chan5 .sproys .sproysc{ position: absolute; transition: all 0.5s; bottom: 80px; left:50%; margin-left: -20px; background: #1354c0; color: #fff; padding: 5px 12px; }
#chan5 .sproys .sproysc a{ color: #fff; }
#chan5 .gallery-top .swiper-slide-active .sproys .sproysc{ bottom: 95px; }
#chan5 .gallery-thumbs{ width:100%; position: absolute; bottom: 20px;  padding: 0px 15px;}
#chan5 .gallery-thumbs .swiper-slide{ cursor: pointer; }
.chan5line{ width: 100%; height: 1px; background: rgba(255,255,255,0.4); margin-top: 6px;}
.sproyscm{ position: relative; margin-top: 14px; text-align: center; color:rgba(255,255,255,0.6); }
.sproyscm i{ width: 12px; height: 12px; background: rgba(255,255,255,0.8); border-radius: 50%; position: absolute; top: -20px; left: 50%; margin-left: -6px;}
#chan5 .gallery-thumbs .swiper-slide-thumb-active{ color: rgba(255,255,255,1); }
#chan5 .gallery-thumbs .swiper-slide-thumb-active .sproyscm i{ background:rgba(255,255,255,1); width: 14px; height: 14px;  top: -22px; margin-left: -7px;}
#chan5 .gallery-thumbs .swiper-slide-thumb-active .sproyscm{ color: rgba(255,255,255,1); font-weight: bold; }

 
@media (min-width:768px) 
{
    #chan5 .sproys .sproysc{ font-size: 14px; margin-left: 30px; bottom: 140px; }
    #chan5 .gallery-top .swiper-slide-active .sproys .sproysc{ bottom: 160px; }
    #chan5 .gallery-thumbs{ bottom: 40px; }
}
@media (min-width:992px) 
{
    #chan5 .sproys .sproysc{ font-size: 14px; margin-left: 70px; bottom: 180px; padding: 8px 18px;}
    #chan5 .gallery-top .swiper-slide-active .sproys .sproysc{ bottom: 210px; }
    #chan5 .gallery-thumbs{ bottom: 50px; }
}
@media (min-width:1200px) 
{
    #chan5{ margin-top: 50px; }
    #chan5 .sproys .sproysc{ font-size: 16px; margin-left: 90px; padding: 10px 24px;}
    #chan5 .gallery-thumbs{ bottom: 60px; width: 1200px; left: 50%; margin-left: -600px;}
}
@media (min-width:1601px) 
{
    #chan5{ margin-top: 80px; }
    #chan5 .sproys .sproysc{ font-size: 22px; bottom: 255px; margin-left: 180px; padding: 0px; width: 376px; height: 64px; line-height: 62px; overflow: hidden;}
    #chan5 .gallery-top .swiper-slide-active .sproys .sproysc{ bottom: 285px; }
    #chan5 .gallery-thumbs{ width: 1400px; margin-left: -700px;}
    #chan5 .gallery-thumbs .swiper-slide-thumb-active .sproyscm i{ top: -26px; }
    .sproyscm{ margin-top: 20px; }
    .sproyscm i{ top: -26px; }
}
#chan6{ margin-top:25px; overflow: hidden;}
.caset{ height: 42px; line-height: 42px; overflow: hidden; position: relative;}
.caseta1{ float: left; font-size: 22px;}
.caset span{ float: left; color: #999; margin-left: 15px; font-size:16px;}
.casec{ margin-top: 15px; overflow: hidden; position: relative;}
.casec .caseca{ width: 100%; float: left; background: #f5f5f5; }
 
.case_img{ overflow: hidden; text-align: center;}
.case_img img{ height: 100%; max-width: 100%; transition: all 0.3s;}
.case_txt{ padding: 15px 15px 55px 15px; position: relative;}
.case_txtt{ height: 32px; line-height: 32px; overflow:hidden; font-size: 15px; }
.case_txtft{ margin-top: 10px; font-weight: bold;}
.case_txtc{ margin-top: 15px; line-height: 21px; height: 63px; color: #999; overflow: hidden; }
.case_m{ position: absolute; cursor: pointer; bottom: 15px; left: 15px; color: #999; transition: all 0.3s; height: 32px; line-height: 32px; background: url(../images/more1.png) no-repeat left center; padding-left: 40px;}
.casec .swiper-button-next, .casec .swiper-button-prev{ outline: none; margin-top: -60px; text-align: center; background: rgba(0,0,0,0.5); color: rgba(255,255,255,0.7); padding: 0px; width: 30px; height: 60px; line-height: 50px;}
.casec .swiper-button-next.iconfont, .casec .swiper-button-prev.iconfont{ font-size: 25px; }
.casec .swiper-button-next{ right: 0px; left: auto; }
.casec .swiper-button-prev{ left: 0px;}
.casec .swiper-button-next:hover, .casec .swiper-button-prev:hover{ background: rgba(255,255,255,0.7); color: rgba(0,0,0,0.7);  }
.honor{ margin-top: 25px; }
.honorc{ overflow: hidden; margin-top: 15px; background:#f5f5f5; }
.honorcls{ background:#1354c0; padding:10px; overflow: hidden;}
.honorcl{ overflow: hidden; position: relative; padding-bottom: 40px;}
.honorcl a{ height: 100%; outline: none;  align-items: center;display: flex; overflow: hidden; text-align: center; }
.honor_img{ overflow: hidden; float: left; display: flex; align-items: center; margin: 20px 7% 20px 7%; }
.honor_img img{ max-width: 100%; vertical-align: top; transition: all 0.3s;}
.honorcl .swiper-pagination-bullet{ opacity: 0.6; cursor: pointer;}
.honorcl .swiper-pagination-bullet-active{ opacity: 1; background: #fff;}
.honorcr{ padding: 15px; }
.honorcrt{ font-size: 16px; line-height: 1.6; }
.honorcrc{ margin-top: 15px; color: #999; line-height: 21px; height: 63px; overflow: hidden;}
.honorcrm{ margin-top: 20px; margin-bottom: 5px; color: #999; transition: all 0.3s; height: 32px; line-height: 32px; background: url(../images/more1.png) no-repeat left center; padding-left: 40px;}
.honorcrm a{ color: #999; }
@media (min-width:768px) 
{
    .case{ width: 48%; float: left; }
    .honor{ width: 48%; float: right; margin-top: 0px;}
    .honorcls{ height: 367px; }
    .honorcl{padding-bottom: 30px;}
    .honor_img{ width: 60%; margin: 20px 20% 20px 20%;}
    .honorcrc{ margin-top: 24px; }
    .case_txt{ padding: 15px 15px 72px 15px; }
    .case_m{ bottom: 20px; }
}
@media (min-width:992px) 
{
    .honorcls{ height: 479px; }
    .honorcrc{ margin-top: 50px; }
}
@media (min-width:1200px) 
{
    #chan6{ margin-top: 50px; }
    .caset{ height: 50px; line-height: 50px; }
    .caseta1{ font-size: 30px; }
    .casec{ margin-top: 35px; }
    .case_img{ width: 60%; float: left; }
    .case_txt{ width: 40%; float: right; padding: 35px 20px; }
    .casec .swiper-button-next{ right: 40%; }
    .case_txtt{ height: 40px; line-height: 40px; font-size: 18px; }
    .case_txtft{ margin-top: 20px; }
    .case_txtc{ line-height: 25px; height: 100px; }
    .case_m{ bottom: 70px; left: 373px; }
    .honorc{ margin-top: 35px; }
    .honorcls{ width:60%; float: left; height: 376px;}
    .honorcr{ width: 40%; float: right; padding: 35px 20px;}
    .honorcrt{ font-size: 20px; }
    .honorcrc{ margin-top: 30px; }
    .honorcrm{ margin-top: 50px; }
}
@media (min-width:1601px) 
{
    #chan6{ margin-top: 80px; }
    .caset{ height: 65px; line-height: 65px; }
    .caseta1{ font-size: 35px; }
    .casec{ margin-top: 40px; }
    .case_txt{ padding: 45px 30px; }
    .case_txtt{ height: 46px; line-height: 46px; font-size: 21px; }
    .case_txtc{ line-height: 28px; height: 112px; }
    .case_m{ bottom: 74px; left: 430px;  }
    .honorc{ margin-top: 40px; }
    .honorcls{height: 428px;}
    .honorcr{ padding: 45px 30px;}
    .honorcrt{ font-size: 24px; }
    .honorcrc{ margin-top: 40px; }
    .honorcrm{ margin-top: 60px; }
}
.casec a:hover .case_img img{ transform: scale(1.05); }
.case_m:hover{ background: url(../images/more1h.png) no-repeat left center; color: #1354c0;}
.honorcl a:hover .honor_img img{ transform: scale(1.05); }
.honorcrm:hover{ background: url(../images/more1h.png) no-repeat left center; color: #1354c0;}
.honorcrm:hover a{ color: #1354c0; }
.caseta2{ position: absolute; right: 0px; top: 50%; margin-top: -16px; height: 32px; line-height: 32px; background: url(../images/more1.png) no-repeat left center; padding-left: 40px; color: #999;}
.news{ overflow: hidden; margin-top: 20px; position: relative; padding-bottom: 40px;}
.news_time{ height: 22px; line-height: 22px; overflow: hidden; color: #999; font-weight: bold;}
.news_img{ margin-top: 5px;}
.news_txt{ height: 34px; line-height: 34px; overflow: hidden; font-size: 15px; margin-top: 5px;}
.news_dc{ line-height: 21px; height: 42px; color: #999; overflow: hidden;}
.news .swiper-pagination-bullet{ opacity: 1; cursor: pointer; background: #dadada;}
.news .swiper-pagination-bullet-active{ background: #1354c0;}
@media (min-width:1200px) 
{
    .news{ margin-top: 30px; padding-bottom: 55px; }
    .news_time{ height: 28px; line-height: 28px; }
    .news_img{ margin-top: 10px;}
    .news_txt{ height: 38px; line-height: 38px; font-size: 16px; }
    .news_dc{ line-height: 23px; height: 46px; }
}
@media (min-width:1601px) 
{
    .news{ margin-top: 40px; padding-bottom: 65px; }
    .news_time{ height: 34px; line-height: 34px; }
    .news_img{ margin-top: 12px;}
    .news_txt{ height: 46px; line-height: 46px; font-size: 18px; }
    .news_dc{ line-height: 26px; height: 52px; font-size: 14px;}
}
.news a:hover .news_txt{ font-weight: bold;}
#chan7{ margin-top: 25px; background:#202739 url(../images/bg2.jpg) no-repeat top center; background-size: auto 100%; background-attachment: fixed; padding: 25px 0px 40px 0px;}
.yxwlt{ height: 40px; line-height: 40px; overflow: hidden;}
.yxwlt a{ float: left; font-size: 25px; color: #fff; }
.yxwlt span{ float: left; color: rgba(255,255,255,0.9); margin-left: 6px; font-size: 13px;}
.yxwl{ overflow: hidden; margin-top: 20px; position: relative; }
.yxwl .swiper-button-next, .yxwl .swiper-button-prev{ outline: none; margin-top: -25px; text-align: center; background: rgba(0,0,0,0.5); color: rgba(255,255,255,0.7); padding: 0px; width: 25px; height: 50px; line-height: 45px;}
.yxwl .swiper-button-next.iconfont, .yxwl .swiper-button-prev.iconfont{ font-size: 25px; }
.yxwl .swiper-button-next{  right: 0px; left: auto; }
.yxwl .swiper-button-prev{ left: 0px;}
.yxwl .swiper-button-next:hover, .yxwl .swiper-button-prev:hover{ background: rgba(255,255,255,0.7); color: rgba(0,0,0,0.7);  }
.yxwl a{ float: left; width: 100%; border: solid 1px #657086; padding: 12px; }
.yxwlp1{ color: #9ca9ca; height: 34px; line-height: 34px; overflow: hidden; font-size: 16px; }
.yxwlp2{ color: #6d7895; line-height: 21px; height: 63px; overflow: hidden; margin-top:5px;}
@media (min-width:1200px) 
{
    #chan7{ margin-top: 50px; padding: 35px 0px 60px 0px;}
    .yxwlt{ height: 50px; line-height: 50px; }
    .yxwlt a{ font-size: 38px; }
    .yxwlt span{ font-size: 15px; margin-left: 15px;}
    .yxwl{ margin-top: 30px; }
    .yxwl a{ padding: 15px; }
    .yxwlp1{ height: 38px; line-height: 38px; font-size: 18px;}
    .yxwlp2{ line-height: 23px; height: 69px; }
}
@media (min-width:1601px) 
{
    #chan7{ margin-top: 80px; padding: 45px 0px 85px 0px; background-size: auto auto;}
    .yxwlt{ height: 75px; line-height: 75px; }
    .yxwlt a{ font-size: 48px; }
    .yxwlt span{ font-size: 18px; margin-left: 25px;}
    .yxwl{ margin-top:35px; }
    .yxwl a{ padding: 20px; }
    .yxwlp1{ height:42px; line-height: 42px; font-size: 22px;}
    .yxwlp2{ line-height: 25px; height: 75px; }
    .yxwl .swiper-button-next, .yxwl .swiper-button-prev{ margin-top: -29px; width: 28px; height: 58px; line-height: 50px;}
    .yxwl .swiper-button-next.iconfont, .yxwl .swiper-button-prev.iconfont{ font-size: 28px; }
}
.yxwl a:hover{ background: rgba(255,255,255,0.8); color: #333;}
.yxwl a:hover .yxwlp1{ color:#333; }
.yxwl a:hover .yxwlp2{ color:#666; }
/*******Css footer*******/
#mfooter{ background: #dadbdc; color: #666666; padding: 25px 0px; text-align: center; line-height: 1.8;}
#mfooter a{ color: #666666; }
.mfooterp1{ font-size: 16px; }
.mfooterp2{ font-size: 16px; color: #1354c0; line-height: 1.5;}
#mfooter .mfooterp2 a{ color: #1354c0; }
.mfooterp3{ margin-top: 10px; }
.mfooterp4{ margin-top: 15px; }
@media (min-width:1200px) 
{
    #footer{ background: #dadbdc; color: #666666; padding: 20px 0px 20px 0px; line-height: 1.8; }
    #footer a{ color: #666666; }
    #footer a:hover{ color: #1354c0; }
    .footer_dl{ width: 130px; float: left; margin-right: 25px;}
    .footer_dl dt{ height: 32px; line-height: 32px; font-weight: normal; font-size: 16px;}
    .footer_dl dd{ margin-top: 10px; overflow: hidden;}
    .footer_dl dd a{ line-height: 28px; height: 28px; float: left; width: 100%;}
    #footer_dl1{ width: 170px; }
    .fcoc{ width: 280px; float: left; }
    .fcocp1{ height: 32px; line-height: 32px; font-size: 16px; }
    .fcocp2{ font-size: 16px; color: #1354c0; margin-top: 10px;}
    .fcocp3{ margin-top: 15px; }
    .fwx{ width: 130px; float: right; text-align: center;}
    .fwxp1{ height: 32px; line-height: 32px; }
    .fwxp2{ margin-top: 25px; }
    .fwxp2 img{ width: 100%; }
    .footerb{ text-align: center; margin-top:0px;}
}
@media (min-width:1601px) 
{
    #footer{ padding: 25px 0px 25px 0px; }
    .footer_dl{ width: 140px; }
    #footer_dl1{ width: 180px; }
    .footer_dl dt{ height: 36px; line-height: 36px; font-size: 20px;}
    .footer_dl dd{ margin-top: 12px; }
    .footer_dl dd a{line-height: 34px; height: 34px;  }
    .fcoc{ width: 320px; }
    .fcocp1{ height: 36px; line-height: 36px; font-size: 20px; }
    .fcocp2{ font-size: 18px; margin-top: 15px;}
    .fwx{ width: 144px; }
    .fwxp2{ margin-top: 45px; }
    .footerb{ margin-top: 0px; }
}
.aside-box{
    position: fixed;
    bottom: 5%;
    right: 2px;
    width: 0;
    visibility: visible;
    z-index: 50;
}
.aside-box .box{
    margin-bottom: 1px;
    font-size: 0;
    text-align: right;
}
.aside-box .box a{
    display: inline-block;
    text-align: left;
}
.aside-box .box .txt{
    padding: 0 10px 0 5px;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    padding-left: 54px;
    background-repeat: no-repeat;
    background-position: 14px center;
    background-color: #a8a8a8;
    border-radius: 4px 0 0 4px;
    position: relative;
    right: 50px;
    white-space: nowrap;
    transition: all .3s;
}
.aside-box .box:nth-child(1) .txt{
    background-image: url('../images/aside-icon1.png');
    /*background-color: #1354c0;*/
}
.aside-box .box:nth-child(2) .txt{
    background-image: url('../images/aside-icon2.png');
}
.aside-box .box:nth-child(3) .txt{
    background-image: url('../images/aside-icon3.png');
}
.aside-box .box:nth-child(4) .txt{
    background-image: url('../images/aside-icon4.png');
}
.aside-box .box a:hover .txt{
    right: 100%;
    background-color: #1354c0;
}
 

.com_banner{ padding: 30px 0px; background: url(../images/page_ban1.jpg) no-repeat top center; background-size:auto 100%; background-attachment: fixed;}
.com_bant{ font-size: 30px; color: #fff;}
.com_banft{ font-size: 16px; color: #fff; margin-top: 10px;}
.com_banmt{ margin-top: 25px; overflow: hidden;}
.com_banmt a{ float: left; width: 38px; height: 38px; line-height: 32px; text-align: center; border-radius: 50%; border: solid 1px rgba(255,255,255,0.8); }
.com_banmt a img{
        animation:scroll 1s ease infinite;
    }

    @keyframes scroll {
        0% { 
            transform: translate(0,-10px); 
            opacity: 0;
        }
        100% { 
            transform: translate(0,5px); 
            opacity: 1;
        }
    }
#com_banner3{ background: url(../images/page_ban3.jpg) no-repeat top center;background-size:auto 100%; background-attachment: fixed; }
#com_banner8{ background: url(../images/page_ban8.jpg) no-repeat top center;background-size:auto 100%; background-attachment: fixed; }
#com_banner7{ background: url(../images/page_ban7.jpg) no-repeat top center;background-size:auto 100%; background-attachment: fixed; }
#com_banner9{ background: url(../images/page_ban9.jpg) no-repeat top center;background-size:auto 100%; background-attachment: fixed; }
#com_banner4{ background: url(../images/page_ban4.jpg) no-repeat top center;background-size:auto 100%; background-attachment: fixed; }
#com_banner5{ background: url(../images/page_ban5.jpg) no-repeat top center;background-size:auto 100%; background-attachment: fixed; }
#com_banner6{ background: url(../images/page_ban6.jpg) no-repeat top center;background-size:auto 100%; background-attachment: fixed; }

#pmenu{ border-bottom: solid 1px #DFDFDF; }
.pmenu{ overflow: hidden; }
.pmenu .swiper-slide{ text-align: center; width: auto; margin: 0px 30px 0px 0px; }
.pmenu a{ position: relative; height: 50px; line-height: 50px; width: 100%; float: left; font-size: 15px;}
.pmenu a i{ width: 0px; height: 3px; background: #1354c0; transition: all 0.3s; position: absolute; bottom: -1px; left: 0px;}
.pmenu a:hover i{ width: 100%; }
.pmenu a.on i{ width: 100%; }
.pmenu a.on{ color:#1354c0;}
.pmenu a:hover{ color:#1354c0;}
.pagebm{ height: 30px; overflow: hidden; clear: both; }
#wrap{ overflow: hidden; margin-top: 25px; margin-bottom: 30px;}
@media (min-width:992px) 
{
    .com_banner{ padding: 45px 0px 60px 0px; }
    .pmenu .swiper-slide{ margin: 0px 50px 0px 0px; }
}
@media (min-width:1200px) 
{
    .com_banner{ padding: 70px 0px 90px 0px; }
    .com_bant{ font-size: 40px; }
    .com_banft{ font-size: 18px; margin-top: 15px; }
    .com_banmt{  margin-top: 35px; }
    .pmenu .swiper-slide{ margin: 0px 60px 0px 0px; }
    .pmenu a{ height: 60px; line-height: 60px; font-size: 16px; }
    .pagebm{ height: 50px; }
    #wrap{ margin-top:50px; margin-bottom: 60px;}
    .com_banmt a{ width: 45px; height: 45px; line-height: 40px; }
}
@media (min-width:1601px) 
{
    .com_banner{ padding: 190px 0px 150px 0px; background-size:auto auto;}
    .com_bant{ font-size: 60px; }
    .com_banft{ font-size: 24px; margin-top: 15px; }
    .com_banmt{ margin-top: 70px; }
    .pmenu .swiper-slide{ margin: 0px 80px 0px 0px; }
    .pmenu a{ height: 70px; line-height: 70px; font-size: 17px;}
    .pagebm{ height: 80px; }
    #wrap{ margin-top:70px; margin-bottom: 80px;}
    #com_banner3{ background-size:auto auto;  }
    #com_banner8{ background-size:auto auto;  }
    #com_banner7{ background-size:auto auto;  }
    #com_banner9{ background-size:auto auto;  }
    #com_banner4{ background-size:auto auto;  }
    #com_banner5{ background-size:auto auto;  }
    #com_banner6{ background-size:auto auto;  }
    .com_banmt a{ width: 60px; height: 60px; line-height: 55px; }
}
#company1{ margin-top: 25px; overflow: hidden; }
.company1t{ font-size: 22px; text-align: center;}
.company1ft{ text-align: center; }
.company1ft i{ width: 24px; height: 3px; background: #1354c0; display: inline-block; transition: all 0.3s;}
.companyt:hover .company1ft i{ width: 60px; }
.company1fts{ text-align: center; font-size: 25px; margin-top: 15px;}
.company1c{ line-height: 23px; color: #666; margin-top: 20px; font-size: 13px;}
.companyys{ background: #1354c0; margin-top: 20px; padding: 15px 15px; color: #fff;}
.companyys ul{ overflow: hidden; text-align: center; }
.companyys ul li{ width: 48%; float: left; margin:6px 1%; position: relative;}
.companyys ul li i{ width: 1px; height: 60%; background: rgba(255,255,255,0.4); position: absolute; right: 0px; top: 20%;}
.companyysp1{ font-size: 30px;}
.companyysp1 span{ font-size: 14px; }
.companyysp2{ margin-top: 2px; }
.companyys ul li:nth-child(2) i{ width: 0px; }
.companyys ul li:nth-child(4) i{ width: 0px; }
.company_img{ margin-top: 20px; text-align: center;}
.company_img img{ max-width: 100%; }
.company1cs{ transition: all 0.5s; line-height: 23px; height:92px; overflow: hidden; color: #666; margin-top: 20px; font-size: 13px; }
.company1cm{ cursor: pointer; text-align: center; background: url(../images/comls.jpg) repeat-x center; margin-top: 20px;}
.company1cm p{ font-size: 15px; transition: all 0.3s; color: #666; display: inline-block; height: 30px; line-height: 30px; background: #fff url(../images/more2.png) no-repeat 30px center; padding: 0px 42px 0px 75px;}
.company1scs.ons .company1cs{ height: auto; }
.company1scs.ons .company1cm p{ background: #fff url(../images/more4.png) no-repeat 30px center; }
.company1cm:hover p{ color: #1354c0; background: #fff url(../images/more2h.png) no-repeat 30px center; }
.company1scs.ons .company1cm:hover p{ color: #1354c0; background: #fff url(../images/more4h.png) no-repeat 30px center; }
#company2{margin-top: 25px; padding: 25px 0px; overflow: hidden; background: url(../images/com_bg1.jpg) no-repeat center; background-size: auto 100%; background-attachment: fixed;}
#company2 .company1t{ color: #fff; }
#company2 .company1ft i{ background: #fff; }
.com_culture{ margin-top: 20px; background: #fff; padding: 15px; overflow: hidden; }
.com_cultureul1{ overflow: hidden; }
.com_cultureul1 li{ padding-left:55px; height: 55px; line-height: 46px; background-size: auto 100%; background-position: left center; background-repeat: no-repeat;}
.com_cultureul1 li strong{ font-size: 18px; font-weight: normal;}
.com_cultureul1 li span{ font-size: 14px; margin-left: 10px;}
#com_cultureli1{ background-image: url(../images/com_icon1.jpg); }
#com_cultureli2{ background-image: url(../images/com_icon2.jpg); }
#com_cultureli2 span{ width: 70%; line-height: 23px; float: left; font-size: 13px;}
#com_cultureli2 strong{ float: left; }
.com_cultureul2{ overflow: hidden; margin-top: 5px; }
.com_cultureul2 li{ margin-top: 15px; width: 50%; float: left;}
.com_culturep1{ font-size: 18px; }
.com_culturep2{ color: #666; margin-top: 5px;}
.com_fzlct{ text-align: center; margin-top: 10px; font-size: 16px; }
.com_fzlcul1{ overflow: hidden; margin-top: 10px; }
.com_fzlcul1 li{ margin-top: 15px; width:48%; float: left;}
.com_fzlcp1{ overflow: hidden;}
.com_fzlcp1 p{ float: left; padding: 0px 20px 0px 15px; color: #fff; height: 35px; line-height: 32px; }
.com_fzlcp1 p i{ margin-right: 5px; }
.com_fzlcp1 p span{ font-size: 15px; font-weight: bold; }
.com_fzlccp{ padding: 15px; }
.com_fzlcp2{ font-size: 13px; }
.com_fzlcp3{ font-size: 16px; font-weight: bold; margin-top: 5px;}
#com_fzlculli1{ border: solid 2px #1a6e8d; color:#1a6e8d; }
#com_fzlculli1 .com_fzlcp1 p{ background-color:#1a6e8d; }
#com_fzlculli2{ border: solid 2px #5dabc1; float: right; color:#5dabc1;}
#com_fzlculli2 .com_fzlcp1 p{ background-color:#5dabc1; }
#com_fzlculli3{ border: solid 2px #32adc8; color:#32adc8;}
#com_fzlculli3 .com_fzlcp1 p{ background-color:#32adc8; }
#com_fzlculli4{ border: solid 2px #427bae; float: right; color:#427bae;}
#com_fzlculli4 .com_fzlcp1 p{ background-color:#427bae; }
#com_fzlculli5{ border: solid 2px #7071b9; width: 100%; color:#7071b9;}
#com_fzlculli5 .com_fzlcp1 p{ background-color:#7071b9; }
.com_fzlcs{ margin-top: 20px;  overflow: hidden;}
.com_fzlcs ul{ border-left: solid 1px #d6d6d6; float: left; margin-left: 60px;} 
.com_fzlcs ul li{ position: relative; padding-left: 45px; margin: 10px 0px;}
.com_fzlclit{ width: 60px; font-size: 16px; font-family:Arial; text-align: center; height: 20px; line-height: 20px; position: absolute; left: -60px; top: 50%; margin-top:-10px; }
.com_fzlcliline{ width: 30px; height: 1px; background:#d6d6d6; position: absolute; left: 0px; top:50%; }
.com_fzlclic{ line-height: 1.6; color: #666666; font-size: 13px;}
.com_fzlclii{ position: absolute; z-index: 1; background-color: #fff; top:50%; margin-top: -5px; left: -5px; width: 10px; height: 10px; border: solid 3px #1354c0; border-radius: 50%;}
#company3{ text-align: center; margin-top: 25px; padding: 35px 0px; overflow: hidden; background: url(../images/com_bg2.jpg) no-repeat center; background-size: auto 100%; background-attachment: fixed; }
.company3t{ color: #fff; font-size: 25px; }
.company3ft{ color: #fff; font-size: 16px; margin-top: 10px;}
.company3m{ margin-top: 30px; }
.company3m p{ display: inline-block; transition: all 0.3s; height: 30px; line-height: 30px; background:url(../images/more5.png) no-repeat left center; padding-left: 40px; color: #fff;}
.company_nr{ overflow: hidden; }
.company_nr .hd{ overflow: hidden; }
.company_nr .hd ul{ border-radius: 25px; overflow: hidden; border: solid 1px #1354c0;}
.company_nr .hd ul li{ width: 25%; font-size: 13px; text-align: center; border-left: solid 1px #1354c0; height: 40px; line-height: 40px; float: left;}
.company_nr .hd ul li:first-child{ border-left:0px; }
.company_nr .hd ul li:hover{ background-color:#1354c0; color: #fff;}
.company_nr .hd ul li.on{ background-color:#1354c0; color: #fff;}
.bdul{ margin-top: 20px; overflow: hidden; position: relative;}
.comnrc{ overflow: hidden; }
.comnrc a{ width: 100%; float: left; padding: 20px; text-align: center; border: solid 1px #dedede;}
.comnr_img{ overflow: hidden; align-items: center;display: flex;}
.comnr_img img{ max-width: 100%; transition: all 0.3s;}
.comnr_txt{ height: 32px; line-height: 32px; overflow: hidden; margin-top: 8px;}
.bdul .swiper-button-next, .bdul .swiper-button-prev{ outline: none; margin-top: -25px; text-align: center; background: rgba(0,0,0,0.5); color: rgba(255,255,255,0.7); padding: 0px; width: 25px; height: 50px; line-height: 45px;}
.bdul .swiper-button-next.iconfont, .bdul .swiper-button-prev.iconfont{ font-size: 25px; }
.bdul .swiper-button-next{ right: 0px;left: auto; }
.bdul .swiper-button-prev{ left: 0px;  }
.bdul .swiper-button-next:hover, .bdul .swiper-button-prev:hover{ background:#1354c0; color:#fff;  }
.comcsr_img{ overflow: hidden; text-align: center;}
.comcsr_img img{ max-width: 100%; }
.comcsr_txt{ margin-top: 20px; }
.comcsr_txtt{ font-size: 20px; }
.comcsr_txtft{ overflow:hidden; margin-top: 10px; }
.comcsr_txtft i{ transition: all 0.3s; width: 30px; height: 3px; background:#dedede; float: left;}
.comcsr_txtc{ color: #666; margin-top: 12px; line-height: 2; }
.comqyfcc{ overflow: hidden; }
.comqyfcc a{ width: 100%; float: left; position: relative; text-align: center; }
.comyxc{ overflow: hidden; }
.comqyfc_txt{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 34px; line-height: 34px; color: #fff; overflow: hidden; background: rgba(0,0,0,0.6); padding: 0px 15px;}
.comyxc_txt{ height: 36px; line-height: 36px; overflow: hidden; text-align: center; }
.comyxc_img{ position: relative; overflow: hidden;}
.comyxc_img img{ width: 100%; }
.comyxc_img i{ color: #fff; z-index: 1; width: 60px; height: 60px; line-height: 60px; text-align: center; position: absolute; top: 50%; margin-top: -30px; left:50%; margin-left: -30px;}
.comyxc_img i.iconfont{ font-size: 35px; }
@media (min-width:768px) 
{
    .companyys ul li{ width: 23%;}
    .companyys ul li:nth-child(2) i{ width: 1px; }
    .com_culture{ padding: 20px; }
    #com_cultureli2 span{ line-height: 46px; font-size: 14px; width:auto;}
    .com_fzlcs ul li{ margin: 15px 0px; }
    .comyxc_img i.iconfont{ font-size:40px; }
}
@media (min-width:992px) 
{
    .comyxc_img i.iconfont{ font-size: 45px; }
}
@media (min-width:1200px) 
{
    #company1{ margin-top: 50px; }
    .company1t{ font-size: 30px; }
    .company1fts{ font-size: 38px; }
    .company1c{ margin-top: 35px; line-height: 32px; font-size: 14px;}
    .companyys{ margin-top: 35px; padding: 22px;}
    .companyysp1{ font-size: 35px; }
    .companyysp1 span{ font-size: 16px; }
    .company_img{ margin-top: 35px; }
    .company1cs{ margin-top: 35px; line-height: 32px; height:128px; font-size: 14px;}
    .company1cm{ margin-top: 25px; }
    #company2{ margin-top: 50px; padding: 45px 0px 60px 0px; }
    .com_culture{ margin-top: 35px; padding: 30px;}
    .com_cultureul1 li{ padding-left:65px; height: 60px; line-height: 51px;}
    .com_cultureul1 li strong{ font-size: 22px;}
    .com_cultureul1 li span{ font-size: 17px; margin-left: 15px;}
    #com_cultureli2 span{ line-height: 51px; font-size: 17px;}
    .com_cultureul2 li{ width: 25%; }
    .com_culturep1{ font-size: 22px; }
    .com_fzlcul1{ margin-top: 35px; }
    .com_fzlcul1 li{ margin-top: 0px; width: 18.5%; margin-left: 2%;}
    #com_fzlculli1{ float: left; margin-left: 0px;}
    #com_fzlculli2{ float: left; }
    #com_fzlculli4{ float: left; }
    #com_fzlculli5{ float: left; width: 18%;}
    .com_fzlcp2{ font-size: 15px; }
    .com_fzlcp3{ font-size: 18px; }
    .com_fzlcs{ margin-top: 30px; }
    .com_fzlcs ul{ margin-left: 80px; }
    .com_fzlcs ul li{ margin: 20px 0px; }
    .com_fzlclii{ width: 12px; height: 12px; margin-top: -6px; left: -6px; }
    .com_fzlclit{ width: 80px; font-size: 20px; left: -80px;}
    .com_fzlclic{ font-size: 16px; line-height: 1.8; }
    .com_fzlct{ font-size: 16px; }
    #company3{ margin-top: 50px; padding: 60px 0px 80px 0px; }
    .company3t{ font-size: 30px; }
    .company3ft{ font-size: 18px; margin-top: 30px; }
    .company3m{ margin-top: 40px; }
    .company_nr .hd ul{ width: 60%; margin: 0px auto; }
    .company_nr .hd ul li{ height: 45px; line-height: 45px; font-size: 15px;}
    .bdul{ margin-top: 35px; }
    .comnrc a{ padding: 30px; }
    .comnr_txt{ height: 38px; line-height: 38px; }
    .comcsr{ height: 480px; position: relative; }
    .comcsr_img{ float: left; }
    .comcsr_txt{ background: #f9f9f9; width: 700px; margin-top: 0px; position: absolute; right: 0px; top: 30px; padding:45px 40px;}
    .comcsr_txtt{ font-size: 30px; }
    .comcsr_txtft{ margin-top: 20px; }
    .comcsr_txtc{ margin-top: 30px; }
    .comqyfcc{ width: 1170px; margin: 0px auto;}
    .comnrc{ width: 1170px; margin: 0px auto;}
    .comqyfc_txt{ height: 42px; line-height: 42px; }
    .comyxc{ width: 1170px; margin: 0px auto;}
    .comyxc .swiper-slide{ width: 56.7%;}
    .comyxc_txt{ height: 0px; line-height:0px; }
    .comyxc_img i{ width: 0px; overflow: hidden;}
    .comyxc .swiper-slide-active .comyxc_txt{ height: 48px; line-height: 48px; margin-top: 10px;}
    .comyxc .swiper-slide-active .comyxc_img i{ width: 80px; height: 80px; line-height: 80px; margin-top: -40px; margin-left: -40px; }
    .comyxc .swiper-slide-active .comyxc_img i.iconfont{ font-size:60px; }
}
@media (min-width:1601px) 
{
    #company1{ margin-top: 80px; }
    .company1t{ font-size: 35px; }
    .company1fts{ font-size: 48px; margin-top: 30px;}
    .company1c{ margin-top: 55px; font-size: 17px;}
    .companyys{ margin-top: 55px; padding: 32px;}
    .companyysp1{ font-size: 47px; }
    .companyysp1 span{ font-size: 20px; }
    .company_img{ margin-top: 55px; }
    .company1cs{ margin-top: 55px; font-size: 17px; line-height: 32px; height:128px;}
    .company1cm{ margin-top: 35px; }
    #company2{ margin-top: 80px; padding: 60px 0px 90px 0px; }
    .com_culture{ margin-top: 55px; padding: 40px 50px 50px 50px;}
    .com_cultureul1 li{ padding-left:85px; height: 69px; line-height: 60px;}
    .com_cultureul1 li strong{ font-size: 24px;}
    .com_cultureul1 li span{ font-size: 20px; margin-left: 22px;}
    #com_cultureli2 span{ line-height: 60px; font-size: 20px;}
    .com_cultureul2{ margin-top: 15px; }
    .com_cultureul2 li{ width: 25%; padding-left: 40px;}
    .com_culturep1{ font-size: 24px; }
    .com_fzlct{ font-size:30px; margin-top: 30px; }
    .com_fzlcul1{ margin-top: 45px; }
    .com_fzlcul1 li{ margin-top: 0px; width: 18.5%; margin-left: 2%;}
    #com_fzlculli1{ float: left; margin-left: 0px;}
    #com_fzlculli2{ float: left; }
    #com_fzlculli4{ float: left; }
    #com_fzlculli5{ float: left; width: 18%;}
    .com_fzlcp1 p{ height: 36px; line-height: 31px; }
    .com_fzlcp1 p span{ font-size: 17px; }
    .com_fzlccp{ padding:22px 25px 30px 25px; }
    .com_fzlcp2{ font-size: 16px; }
    .com_fzlcp3{ font-size: 20px; }
    .com_fzlcs{ margin-top: 50px; }
    .com_fzlcs ul{ margin-left: 125px; }
    .com_fzlcs ul li{ margin: 34px 0px; padding-left: 68px;}
    .com_fzlcliline{ width: 46px; }
    .com_fzlclii{ width: 18px; height: 18px; margin-top: -9px; left: -9px; }
    .com_fzlclit{ width: 125px; font-size: 27px; left: -125px;}
    .com_fzlclic{ line-height: 2.2; }
    #company3{ margin-top: 80px; padding: 160px 0px 180px 0px; }
    .company3t{ font-size: 55px; }
    .company3ft{ font-size: 28px; margin-top: 40px; }
    .company3m{ margin-top: 60px; }
    .company_nr .hd ul{ width: 60%; margin: 0px auto; }
    .company_nr .hd ul li{ height: 50px; line-height: 50px; font-size: 16px;}
    .bdul .swiper-button-next, .bdul .swiper-button-prev{ margin-top: -33px; width: 30px; height: 66px; line-height: 61px;}
    .bdul .swiper-button-next.iconfont, .bdul .swiper-button-prev.iconfont{ font-size: 30px; }
    .bdul{ margin-top: 60px; }
    .comnrc a{ padding: 50px; }
    .comnr_txt{ height: 45px; line-height: 45px; margin-top: 10px;}
    .comcsr{ height: 480px; position: relative; }
    .comcsr_img{ float: left; }
    .comcsr_txt{ background: #f9f9f9; width: 700px; margin-top: 0px; position: absolute; right: 0px; top: 30px; padding:45px 40px;}
    .comcsr_txtt{ font-size: 35px; }
    .comcsr_txtc{ line-height: 2.1; }
    .comqyfcc{ width: 1200px; margin: 0px auto;}
    .comnrc{ width: 1200px; margin: 0px auto;}
    .comqyfc_txt{ height: 52px; line-height: 52px; }
    .comyxc{ width: 1200px; margin: 0px auto;}
    .comcsr{ width: 1200px; margin: 0px auto;}
    .comyxc .swiper-slide{ width: 56.7%;}
    .comyxc_txt{ height: 0px; line-height:0px; }
    .comyxc_img i{ width: 0px; overflow: hidden;}
    .comyxc .swiper-slide-active .comyxc_txt{ height:60px; line-height: 60px; margin-top: 10px; font-size: 20px;}
    .comyxc .swiper-slide-active .comyxc_img i{ width: 80px; height: 80px; line-height: 80px; margin-top: -40px; margin-left: -40px; }
    .comyxc .swiper-slide-active .comyxc_img i.iconfont{ font-size:65px; }
}
#company3 a:hover .company3m p{ margin-left: 10px; }
.comnrc a:hover .comnr_img img{ transform: scale(1.05); }
.comnrc a:hover{ border: solid 1px #1354c0; }

.pro_bans{ overflow: hidden; }
.pro_bans img{ width: 100%; }
#page_pros{ background:#f5f5f5; padding: 20px 0px; overflow: hidden; margin-top: 30px;}
.page_pros{ overflow: hidden; }
.page_pros a{ width: 100%; float: left; margin-top: 20px; padding: 15px 15px 15px 15px; background: #fff;}
.page_pros_txt{ overflow: hidden; border-top: solid 1px #dedede; position: relative; margin-top: 10px; padding: 10px 0px 0px 0px;}
.page_pros_txtl{ width: 70%; float: left; position: relative; padding-left: 12px;}
.page_pros_txtl i{ transition: all 0.3s; width: 3px; height: 80%; position: absolute; top: 10%; left: 0px; background: #1354c0;}
.page_pros_txtp1{ height: 32px; line-height: 32px; font-size: 18px; overflow: hidden;}
.page_pros_txtp2{ height: 22px; line-height: 22px; color: #999; overflow: hidden;}
.page_pros_txtr{ padding-left: 36px; color: #999; transition: all 0.3s; position: absolute; top: 50%; margin-top: -10px; right: 0px; height: 30px; line-height: 30px; background: url(../images/more1.png) no-repeat left center; }
@media (min-width:768px) 
{
    .page_pros a{ width: 49%; }
    .page_pros a.page_prosa0{ float: right; }
}
@media (min-width:1200px) 
{
    #page_pros{ padding: 30px 0px; margin-top: 40px;}
    .page_pros a{ margin-top: 25px; padding: 25px 25px 25px 25px; }
    .page_pros_txt{ padding: 20px 0px 5px 0px; }
    .page_pros_txtp1{ height: 38px; line-height: 38px; font-size: 20px; }
    .page_pros_txtl{ padding-left: 15px; }
}
@media (min-width:1601px) 
{
    #page_pros{ padding: 50px 0px; margin-top: 60px;}
    .page_pros{ padding: 15px; }
    .page_pros a{ margin-top:60px; width: 48%; padding: 45px 45px 45px 45px; }
    .page_pros_txt{ padding: 30px 0px 5px 0px; }
    .page_pros_txtp1{ height: 46px; line-height: 46px; font-size: 30px; }
    .page_pros_txtp2{ height: 24px; line-height: 24px; }
    .page_pros_txtl{ padding-left: 25px; }
    .page_pros_txtr{ margin-top: -3px; padding-left: 42px;}
    .page_pros a:hover{ box-shadow:0px 0px 26px rgba(0,0,0,0.2); }
}
.page_pros a:hover .page_pros_txtr{ background: url(../images/more1h.png) no-repeat left center; color: #1354c0; }
.page_pros a:hover .page_pros_txtl i{ height: 60%; top: 20%; }

.searchs{ overflow:hidden; margin-top: 10px;}
.hsearch-text{ width: 70%; outline: none; padding: 0px 15px; float: left;  height: 40px; line-height: 40px; border: solid 1px #e5e5e5;}
.hsearch-btn{ float: left; background: #1354c0; color: #fff; height: 40px; line-height: 40px; width: 20%; cursor: pointer;}
@media (min-width:768px) 
{
    .searchs{ width: 60%; }
}
@media (min-width:1200px) 
{
    .searchs{ width: 45%; }
    .hsearch-text{ height: 50px; line-height: 50px; }
    .hsearch-btn{ height: 50px; line-height: 50px; }
}
@media (min-width:1601px) 
{
    .searchs{ margin-top: 20px; }
    .hsearch-text{ height: 60px; line-height: 60px; }
    .hsearch-btn{ height: 60px; line-height: 60px; }
}

.psproys{ position: relative; text-align: center;}
.psproys img{  width: 100%; }
.psproysc{ position: absolute; bottom: 80px; left:50%; margin-left: -20px; background: #1354c0; color: #fff; padding: 5px 12px; }
#proinfo{ background: #f5f5f5; padding: 20px 0px;}
.page_mb{ color: #666; }
.page_mb a{ color: #666; }
.page_mb span{ margin-right: 5px;}
.page_mb a:hover{ color: #1354c0; }
.proinfoc{ overflow: hidden; margin-top: 25px;}
.proinfo_imglist{ overflow: hidden; }
.proinfo_imglist .gallery-top{ overflow: hidden; }
.proinfo_imglist .gallery-top a{ width: 100%; text-align: center; float: left; border: solid 1px #dedede; background: #fff;}
.proinfo_imglist .gallery-top a img{ max-width: 100%; }
.proinfo_imglist .gallery-thumbs{ margin-top: 10px; overflow: hidden;}
.proinfo_imglist .gallery-thumbs a{ width: 100%; float: left; border: solid 3px #dedede; }
.proinfo_imglist .gallery-thumbs a img{ width: 100%; }
.proinfo_imglist .gallery-thumbs .swiper-slide-thumb-active a{ border: solid 3px #1354c0; }
.proinfo_imgs{ border: solid 1px #dedede; text-align: center; background: #fff;}
.proinfo_imgs img{ max-width: 100%; }
.proinfo_txt{ margin-top: 20px; }
.proinfo_txtt{ font-size:20px; padding-bottom: 10px; border-bottom: solid 1px #dedede;}
.proinfo_txtft{ margin-top: 15px; padding-bottom: 10px; line-height: 2; border-bottom: solid 1px #dedede;}
.proinfo_txtul{ margin-top: 15px; padding-bottom: 10px; line-height: 2.2; border-bottom: solid 1px #dedede; }
.proinfo_txtm{ margin-top: 20px; overflow: hidden;}
.proinfo_txtm a{ color: #fff; }
.proinfo_txtma1{  border-radius: 4px; font-size: 15px; float: left; width:130px; height: 44px; line-height: 44px; text-align: center; background: #1354c0; color: #fff; }
.proinfo_txtmr{ float: right; }
.proinfo_txtmrp1{ height: 18px; line-height: 18px; }
.proinfo_txtmrp2{ height: 26px; line-height: 26px; color: #1354c0; font-size: 16px;}
.proinfo_txtfx{ height: 36px; line-height: 36px; margin-top: 15px; overflow: hidden;}
.proinfo_txtfx span{ float: left; color: #666; margin-right: 10px;}
.proinfo_txtfx span i{ margin-right: 5px; }
.proinfo_txtfx a{ float: left; margin-left: 10px; }
#proinfo_menu{ margin-top: 5px; height: 44px; line-height: 44px; border-bottom: solid 1px #dedede; overflow: hidden;}
#proinfo_menu ul{ float: left; }
#proinfo_menu ul li{ float: left; margin-right: 30px; font-size: 15px; cursor: pointer;}
#proinfo_menu ul li.on{ color: #1354c0; }
.proinfo_menua1{ float: right; color: #999;}
.proinfo_menua1 i{ margin-right: 5px; }
.proinfo_menua1:hover{ color: #1354c0; }
.pageprc{ margin-top: 25px; }
.pageprct{ overflow: hidden; margin-bottom:20px; }
.pageprct span{ border-left: solid 4px #1354c0; padding-left: 15px; font-size: 20px;}
.pageprc_coc{ line-height: 2; }
.proinfoht{ font-size: 17px; margin:8px 0px 12px 0px; }
.pageprc_ysul{ overflow: hidden; }
.pageprc_ysul li{ margin-top: 10px; padding: 15px; color: #fff; overflow: hidden;}
#pageprc_ysli1{ background: #794844; }
#pageprc_ysli2{ background: #445879; }
#pageprc_ysli3{ background: #34978f; }
#pageprc_ysli4{ background: #dd961a; }
.pageprc_ysicon{ border-radius: 50%; float: left; width: 50px; height: 50px; line-height: 44px; text-align: center; background: #fff; }
.pageprc_ysicon.iconfont{ font-size: 26px; }
.pageprc_ysc{ width: 80%; float: right; }
.pageprc_yscp1{ height: 30px; line-height: 30px; overflow: hidden; font-size: 18px; font-weight: bold; }
.pageprc_yscp2{ height: 24px; line-height: 24px; overflow: hidden; color: rgba(255,255,255,0.8); font-size: 13px;}
.pageprc_yscp3{ overflow: hidden; margin-top: 8px; }
.pageprc_yscp3 i{ width: 30px; height: 2px; float: left; background: rgba(255,255,255,0.8); transition: all 0.3s;}
.pageprc_yscp4{ margin-top: 10px; line-height: 20px; height: 40px; overflow: hidden; color:rgba(255,255,255,0.6);  }
#pageprc_ysli1 .pageprc_ysicon{ color:#794844;  }
#pageprc_ysli2 .pageprc_ysicon{ color:#445879;  }
#pageprc_ysli3 .pageprc_ysicon{ color:#34978f;  }
#pageprc_ysli4 .pageprc_ysicon{ color:#dd961a;  }
.scjd{ overflow: hidden; margin-top: 20px; }
.scjd_txt{ height: 34px; line-height: 34px; text-align: center; overflow: hidden;}
@media (min-width:768px) 
{
    .psproysc{ bottom: 160px; margin-left: -20px; padding: 7px 25px; font-size: 14px;}
    #proinfo_menu ul li{ margin-right: 50px; }
    .pageprc_ysul li{ width: 49%; float: left;}
    #pageprc_ysli2{ float: right; }
    #pageprc_ysli4{ float: right; }
}
@media (min-width:992px) 
{
    .psproysc{ bottom: 230px;  margin-left: 0px; padding: 7px 25px; font-size: 15px;}
    .proinfo_img{ width: 55%; float: left; }
    .proinfo_txt{ width: 40%; float: right; }
    #proinfo_menu ul li{ margin-right: 60px; }
}
@media (min-width:1200px) 
{
    .psproysc{ bottom: 250px;  margin-left: 10px; padding: 9px 25px; font-size: 16px;}
    #proinfo_menu ul li{ margin-right: 120px; font-size: 17px;}
    #proinfo_menu{ height: 50px; line-height: 50px; }
    .proinfo_txtt{ font-size: 23px; }
    .proinfo_txtma1{ width: 150px; }
    .pageprct span{ font-size: 23px; }
    .proinfoht{ font-size: 18px; margin:25px 0px 12px 0px;}
    .pageprc_ysul li{ margin-top: 25px; padding: 30px;}
    .pageprc_ysicon{ width: 70px; line-height: 62px; height: 70px; }
    .pageprc_ysicon.iconfont{ font-size: 32px; }
    .pageprc_ysc{ width: 82%; }
    .pageprc_yscp1{ height: 40px; line-height: 40px; font-size: 20px; }
    .pageprc_yscp2{ height: 25px; line-height: 25px; font-size: 15px; }
    .pageprc_yscp4{ line-height: 23px; height: 46px; }
    .pageprc{ margin-top: 50px; }
    .scjd{ margin-top: 30px; }
    .scjd_txt{ height: 42px; line-height: 42px; }
    #proinfo{ padding: 35px 0px; }
}
@media (min-width:1601px) 
{
    .psproysc{ bottom: 315px;  margin-left: 140px; padding: 0px; font-size: 22px; width: 510px; height: 60px; line-height: 60px; overflow: hidden;}
    #proinfo{ padding: 40px 0px; }
    .proinfoc{ margin-top: 50px; }
    .proinfo_img{ width: 50%;}
    .proinfo_txt{ width: 45%; }
    #proinfo_menu ul li{ margin-right: 150px; font-size: 18px;}
    #proinfo_menu{ height: 70px; line-height: 70px; }
    .proinfo_txtt{ font-size: 30px; }
    .proinfo_txtma1{ width: 210px; height: 56px; line-height: 56px; font-size: 18px;}
    .proinfo_txtft{ margin-top: 20px; padding-bottom: 15px; }
    .proinfo_txtul{ margin-top: 20px; padding-bottom: 15px; }
    .proinfo_txtm{ margin-top: 40px; }
    .proinfo_txtmrp1{ height: 24px; line-height: 24px; }
    .proinfo_txtmrp2{ height: 32px; line-height: 32px; font-size: 22px;}
    .proinfo_txtfx{ margin-top: 20px; }
    .pageprct span{ font-size: 30px; }
    .pageprct{ margin-bottom: 40px; }
    .proinfoht{ font-size: 24px; margin:35px 0px 20px 0px;}
    .pageprc_ysul{ margin-top: 10px; }
    .pageprc_ysul li{ padding: 36px 30px 45px 30px;}
    .pageprc_ysc{ width: 83%; }
    .pageprc_yscp1{ height: 50px; line-height: 50px; font-size: 24px; }
    .pageprc_yscp2{ height: 28px; line-height: 28px; font-size: 18px; }
    .pageprc_yscp3{ margin-top: 16px; }
    .pageprc_yscp3 i{ width: 40px; }
    .pageprc_yscp4{ line-height: 27px; height: 54px; margin-top: 20px;}
    .pageprc{ margin-top: 65px; }
    .scjd{ margin-top: 40px; }
    .scjd_txt{ height: 46px; line-height: 46px; }
}
.proinfo_txtma1:hover{ background: #6ca3ee; color: #fff; }

.pcaset{ text-align: center; margin-top: 30px; font-size: 22px;}
.pcaseft{ height: 45px; background:url(../images/bg3.jpg) no-repeat center; margin-top: 25px; }
.pcase{ overflow: hidden; margin-top: 30px; }
.pcase a{ width: 100%; float: left; border-top:solid 1px #fff; position: relative;}
.pcase_img{ overflow: hidden; position: relative; }
.pcase_img img{ width: 100%; transition: transform 1s ease;}
.pcase_txt{transition: all 1.3s ease; height: 38px; line-height: 38px; text-align: center; padding: 0px 10px; font-size: 15px; color: #fff; position: absolute; bottom: 10px; left: 0px; width: 100%; }
.pc_dot {
    position: absolute;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.pc_dot:before {
    content: ' ';
    position: absolute;
    z-index: 2;
    left: -11px;
    top: -11px;
    width: 32px;
    height: 32px;
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-animation-name: 'ripple';
    /*动画属性名，也就是我们前面keyframes定义的动画名*/
    -webkit-animation-duration: 1s;
    /*动画持续时间*/
    -webkit-animation-timing-function: ease;
    /*动画频率，和transition-timing-function是一样的*/
    -webkit-animation-delay: 0s;
    /*动画延迟时间*/
    -webkit-animation-iteration-count: infinite;
    /*定义循环资料，infinite为无限次*/
    -webkit-animation-direction: normal;
    /*定义动画方式*/
}
.pc_dot:after {
    content: ' ';
    position: absolute;
    z-index: 1;
    left: -26px;
    top: -26px;
    width: 62px;
    height: 62px;
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3) inset;
    -webkit-animation-name: 'ripple';
    /*动画属性名，也就是我们前面keyframes定义的动画名*/
    -webkit-animation-duration: 1s;
    /*动画持续时间*/
    -webkit-animation-timing-function: ease;
    /*动画频率，和transition-timing-function是一样的*/
    -webkit-animation-delay: 0s;
    /*动画延迟时间*/
    -webkit-animation-iteration-count: infinite;
    /*定义循环资料，infinite为无限次*/
    -webkit-animation-direction: normal;
    /*定义动画方式*/
}
@-webkit-keyframes ripple {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1)
    }
    5% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1)
    }
}
@keyframes ripple {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1);
        transform: scale(.1)
    }
    5% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
#pcasea1 #pc_dot1{ top: 39%; right:19%;}
#pcasea1 #pc_dot2{ bottom: 17%; left:23%;}
#pcasea2 #pc_dot1{ bottom: 34%; left:32%;}
#pcasea3 #pc_dot1{ top: 19%; right:27%;}
#pcasea3 #pc_dot2{ top: 45%; left:40%;}
#pcasea4 #pc_dot1{ bottom: 29%; left:51%;}
#pcasea5 #pc_dot1{ bottom: 23%; right:28%;}
#pcasea6 #pc_dot1{ bottom: 41%; right:33%;}
@media (min-width:992px) 
{
    .pcase a{ float: left; width: 50%; }
    .pcasea0{ border-right:solid 1px #fff; }
    .pcaset{ width: 80%; margin: 30px auto 0px;}
}
@media (min-width:1200px) 
{
    .pcaset{ width: 80%; margin:50px auto 0px; font-size: 30px;}
    .pcaseft{ margin-top: 30px; }
    .pcase{ margin-top: 45px; }
    .pcase_txt{ height: 45px; line-height: 45px; font-size: 16px;}
    .pcase a:hover .pcase_txt{ height: 38px; line-height: 38px; text-align: left; padding-left: 25px; bottom: 20px; }
}
@media (min-width:1601px) 
{
    .pcaset{ width: 70%; margin:80px auto 0px; font-size: 35px;}
    .pcaseft{ margin-top: 40px; }
    .pcase{ margin-top: 70px; }
    .pcase_txt{ font-size: 18px;}
    .pcase a:hover .pcase_txt{ padding-left: 30px; bottom: 30px; }
}
.pcase a:hover .pcase_img:before {
    position: absolute;
    content: " ";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 11
}
.pcase a .pcase_img:after {
    width: 102%;
    height: 102%;
    content: " ";
    position: absolute;
    left: -1%;
    top: -1%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    /*
    transform:translate(-50%,-50%);
    transform: translate3d(-50%,-50%,0);
    -webkit-transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
    -ms-transform: translate3d(-50%,-50%,0);
    -o-transform: translate3d(-50%,-50%,0);
    
    */
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    border: 0px solid #f5f5f5;
    cursor: pointer;
}

.pcase a:hover .pcase_img:after {
    z-index: 111;
    border: 25px solid #f5f5f5;
}
.pcase a:hover .pcase_img img{ transform: scale(1.05); }

.pcases{ overflow: hidden; margin-top: 15px; }
.pcases a{ width: 100%; float: left; margin-top: 15px; background: #f5f5f5; }
.pcases_img{ border: solid 1px #f5f5f5; }
.pcases_txt{ padding: 15px; }
.pcases_txtt{ height: 32px; line-height: 32px; overflow: hidden; font-size: 16px; }
.pcases_txtft{ font-weight: bold; margin-top: 5px; }
.pcases_txtc{ line-height: 21px; height: 63px; overflow: hidden; color: #999; margin-top: 5px; }
.tcs-wrap-bg {
    background:rgba(0,0,0,0.6);
    z-index: 11111110;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
    display: none;
}
.tcs-wrap {
    position: fixed;
    width: 96%; left:2%;
    z-index: 11111111;
    top: 50%;
    background: #fff;
    padding: 15px;
}
.tcs-wrap a.close-btn {
    top: 15px;
    position: absolute;
    right: 15px;
    color: #ccc;
}
.tcs-wrap a.close-btn.iconfont{ font-size: 30px; }
.tcs-wrap a.close-btn:hover {
    color: #1354c0;
}
#tcs-wrap-con{ overflow: hidden;}
.tcs-wrap-img{ overflow: hidden; margin-top: 60px; text-align: center;}
.tcs-wrap-img img{ max-width: 100%; }
.tcs-wrap-txt{ margin-top: 20px; margin-bottom: 20px;}
.tcs_txtt{ line-height: 1.6; font-size: 20px;}
.tcs_txtft{ font-weight: bold; margin-top: 5px; }
.tcs_txtc{ line-height: 1.8; color: #999; margin-top: 5px; }
@media (min-width:768px) 
{
    .pcases a{ width: 48%; float: left; margin: 10px 1%; }
}
@media (min-width:992px) 
{
    .tcs-wrap{ width: 80%; left:10%; }
}
@media (min-width:1200px) 
{
    .pcases{ margin-top: 35px; }
    .pcases a{ width: 31%; margin:15px 1.1%;  }
    .pcases_txt{ padding: 20px 20px 30px 20px; }
    .pcases_txtt{ height: 36px; line-height: 36px; font-size: 18px; }
    .pcases_txtc{ line-height: 23px; height: 69px; }
    .tcs-wrap{ width: 70%; left:15%; padding: 25px;}
    .tcs-wrap-img{ width: 50%; float: left; }
    .tcs-wrap-txt{ width: 45%; float: right; margin-top: 65px;}
    .tcs_txtt{ font-size: 24px; }
    .tcs_txtft{ margin-top: 10px; }
    .tcs_txtc{ margin-top: 10px; }
}
@media (min-width:1601px) 
{
    .pcases{ margin-top: 45px; }
    .pcases_txt{ padding: 30px 30px 40px 30px; }
    .pcases_txtt{ height: 42px; line-height: 42px; font-size: 20px; }
    .pcases_txtc{ line-height: 27px; height: 81px; }
    .tcs-wrap{ padding: 45px;}
    .tcs_txtt{ font-size: 30px; }
    .tcs_txtft{ margin-top: 15px; }
    .tcs_txtc{ margin-top: 15px; }
}
.newslist_top{ overflow: hidden; padding-bottom: 25px; border-bottom: solid 1px #dedede;}
.newslist_top a{ width: 100%; float: left; margin-top: 15px; margin-bottom: 5px;}
.newslist_top_time{ height: 22px; line-height: 22px; font-size: 13px; overflow: hidden; color: #999; font-weight: bold;}
.newslist_top_img{ margin-top: 5px; overflow: hidden; text-align: center; border:solid 1px #f5f5f5; }
.newslist_top_img img{ width: 100%; transition: all 0.3s;}
.newslist_top_txt{ height: 34px; line-height: 34px; overflow: hidden; font-size: 15px; margin-top: 5px;}
.newslist_top_dc{ line-height: 21px; height: 42px; color: #999; overflow: hidden;}
.newslist_top_mm{ margin-top: 10px; transition: all 0.3s; height: 30px; line-height: 30px; background: url(../images/more1.png) no-repeat left center; padding-left: 40px; color: #999;}
.newslist_bm{ overflow: hidden; margin-top: 20px; }
.newslist_bm a{ width: 100%; float: left; margin-top: 25px;}
.newslist_bm_time{ color: #999; font-weight: bold;}
.newslist_bm_p1{ height: 32px; line-height: 32px; font-size: 15px; overflow: hidden;}
.newslist_bm_p2{ line-height: 21px; height: 42px; overflow: hidden; color: #999;  }
.newslist_bm_p3{ margin-top: 10px; transition: all 0.3s; height: 30px; line-height: 30px; background: url(../images/more1.png) no-repeat left center; padding-left: 40px; color: #999;}
@media (min-width:768px) 
{
    .newslist_top a{ width: 32%; float: left; margin: 10px 0px 0px 2%; }
    .newslist_top a:first-child{ margin: 10px 0px 0px 0px; }
}
@media (min-width:1200px) 
{
    .newslist_top_time{ font-size: 16px; height: 26px; line-height: 26px;}
    .newslist_top_txt{ height: 36px; line-height: 36px; font-size: 16px; }
    .newslist_top_dc{ line-height: 24px; height: 48px; margin-top: 3px; }
    .newslist_top_mm{ margin-top: 15px; }
    .newslist_bm{ margin-top: 35px;}
    .newslist_bm_time{ width: 10%; float: left; height: 34px; line-height: 34px;}
    .newslist_bm_c{ width: 90%; float: right; }
    .newslist_bm_p1{ height: 34px; line-height: 34px; font-size: 16px;}
    .newslist_bm_p2{ line-height: 23px; height: 46px; }
    .newslist_bm_p3{ margin-top: 15px; }
}
@media (min-width:1601px) 
{
    .newslist_top{ padding-bottom: 40px; }
    .newslist_top_time{ font-size: 20px; height: 36px; line-height: 36px;}
    .newslist_top_txt{ height: 42px; line-height: 42px; font-size: 18px; margin-top: 15px;}
    .newslist_top_dc{ line-height: 26px; height: 52px; margin-top: 5px; }
    .newslist_top_mm{ margin-top: 25px; }
    .newslist_bm a{ margin-top: 45px;}
    .newslist_bm_time{ width: 10%; float: left; height: 38px; line-height: 38px;}
    .newslist_bm_c{ width: 90%; float: right; }
    .newslist_bm_p1{ height: 38px; line-height: 38px; font-size: 18px;}
    .newslist_bm_p2{ line-height: 25px; height: 50px; }
    .newslist_bm_p3{ margin-top: 20px; }
}
.newslist_top a:hover .newslist_top_img img{ transform: scale(1.05); }
.newslist_top a:hover .newslist_top_mm{ background: url(../images/more1h.png) no-repeat left center; color: #1354c0;}
.newslist_bm a:hover{ transform: translateY(-5px); }
.newslist_bm a:hover  .newslist_bm_p3{ background: url(../images/more1h.png) no-repeat left center; color: #1354c0;}

.rczpslist{ overflow: hidden; }
.rczpslist a{  border-bottom: solid 1px #dedede; width: 98%; padding: 15px; margin: 15px 1%; float:left; box-shadow: 0px 0px 20px rgba(0,0,0,0.2);}
.rczpslist_p1{ height: 40px; line-height: 40px; overflow: hidden; font-size: 18px; }
.rczpslist_time{ color: #888; }
.rczpslist_p2{ line-height: 20px; height: 40px; color: #999; overflow: hidden; margin-top: 10px; }
.rczpslist_p3{ color:#1354c0; margin-top: 12px;}
@media (min-width:768px) 
{
    .rczpslistt{ overflow: hidden; height: 40px; line-height: 40px;}
    .rczpslist_p1{ width: 60%; float: left; }
    .rczpslist_time{ float: right; }
    .rczpslist_p3{ text-align: right; }
}
@media (min-width:992px) 
{
    .rczpslist a{ padding: 25px; }
}
@media (min-width:1200px) 
{
    .rczpslist a{ width: 47%;  margin: 30px 1.5%;}
    .rczpslistt{ height: 50px; line-height: 50px; }
    .rczpslist_p1{ height: 50px; line-height: 50px; font-size: 20px;}
    .rczpslist_p2{ line-height: 22px; height: 44px; }
}
@media (min-width:1601px) 
{
    .rczpslist_p1{ font-size: 22px; }
    .rczpslist_p2{ line-height: 25px; height: 50px; }
}
.rczpslist a:hover{ box-shadow: 0px 0px 20px rgba(0,0,0,0.5); }

#newsmenu{ background: #f5f5f5; padding-bottom: 20px; border-top:solid 1px #dedede; overflow: hidden;}
.newsmenu{ overflow: hidden; height: 42px; line-height: 42px; border-bottom:solid 1px #dedede; }
.newsmenul{ float: left; color:#999;}
.newsmenul a{ color:#999; }
.newsmenul span{ margin-right: 6px; }
.newsmenua1{ float: right; }
.newsmenua1 i{ margin-right: 6px; }
.news_title{ margin-top: 20px; font-size: 20px; }
.news_tt{ color: #999; margin-top: 5px; line-height: 28px; height: 28px; font-size: 16px; overflow: hidden;}
.news_tt i{ margin-right: 6px; float: left;}
.news_tt span{ float: left; }
.page_con{ margin-top: 15px; overflow: hidden; padding: 15px;}
#infoImage{ overflow: hidden; text-align: center; margin-bottom: 25px;}
#infoImage img{ max-width: 100%; }
.page_Content{  line-height: 2; font-size: 13px; min-height: 500px;}
.page_Content img{max-width:100%;}
.page_Content table {
    width:100%;
    margin:0 auto;
    border-width:1px;
    color:#333;
    border-color: #f1f1f1 !important;
    border-collapse: collapse;
    box-sizing: border-box;
}
.page_Content table th {
    border-width:1px;
    padding:5px;
    border-style: solid;
    border-color: #f1f1f1 !important;
    background-color: #dedede;
}
.page_Content table td {
    border-width:1px;
    padding:5px;
    border-style: solid;
    border-color: #f1f1f1 !important;
}
.page_Content table td a { text-decoration:underline; color: #333;}
@media (min-width:1200px) 
{
    #newsmenu{ padding-bottom: 35px; }
    .newsmenu{ height:60px; line-height: 60px; }
    .news_title{ margin-top: 30px; font-size: 24px;}
    .news_tt{ margin-top: 10px; }
    .page_con{ margin-top: 0px; padding-top: 50px; width: 74%; float: left; border-right: solid 1px #dedede; padding-right: 40px;}
    .page_Content{ font-size: 15px; }
    .page_left{ width: 22%; float: right; padding-left: 30px; position: relative; }
    .page_lefti{ width: 4px; height: 25px; background: #1354c0; position: absolute; left: 0px; top: 35px;}
    .page_lefts{ margin-top: 35px; overflow: hidden; }
    .page_lefts a{ width: 100%; float: left; margin-bottom: 25px;}
    .page_lefts_img{ overflow: hidden; text-align: center; border: solid 1px #dedede;}
    .page_lefts_imgs{ border: solid 1px #dedede;}
    .page_lefts_img img{ width: 100%; transition: all 0.3s;}
    .page_lefts_txt{ height: 42px; line-height: 42px; overflow: hidden; font-size: 16px; margin-top: 5px;}
    .page_lefts_dc{ line-height: 24px; height: 48px; overflow: hidden; color: #999; }
    .page_leftx{ overflow: hidden; }
    .page_leftx a{ float: left; width: 100%; height: 36px; line-height: 36px; font-size: 15px; overflow: hidden; }
}
@media (min-width:1601px) 
{
    #newsmenu{ padding-bottom: 55px; }
    .newsmenu{ height:90px; line-height: 90px; }
    .news_title{ margin-top: 40px; font-size: 30px;}
    .news_tt{ margin-top: 20px; font-size: 16px;}
    .page_con{ padding-top: 70px; padding-right: 50px;}
    .page_Content{ font-size: 16px; }
    .page_lefti{ top: 55px;}
    .page_lefts{ margin-top: 55px; overflow: hidden; }
    .page_lefts a{ margin-bottom: 35px;}
    .page_lefts_txt{ height: 46px; line-height: 46px; margin-top: 5px;}
    .page_lefts_dc{ line-height: 26px; height: 52px;}
    .page_leftx a{  height: 38px; line-height: 38px; font-size: 16px; }
}
.newsmenul a:hover{ color: #1354c0; }
.page_lefts a:hover .page_lefts_img img{ transform: scale(1.05);}


.recruit-dt{ text-align: center; font-size: 20px; }
.recruit-lists{ margin-top: 20px; }
.recruit-lists li{ border: 1px solid #e8e8e8; border-top: none; }
.recruit-lists li:first-child{
    border-top: 1px solid #e8e8e8;
}
.recruit-lists .recruit-box{
    position: relative;
}
.recruit-tt{ font-size: 16px; height: 48px; line-height: 48px; overflow: hidden; padding: 0px 150px 0px 15px; border-bottom: 1px solid #e8e8e8; }
.recruit-list{ padding: 15px; line-height: 2; overflow: hidden;}
.recruit-item{ width: 50%; float: left; padding-right: 15px; }
.recruit-btn{ height: 32px; line-height: 32px; width: 110px; padding-left: 20px; background: #e8e8e8 url(../images/recruit-arrow.png) no-repeat 85px center; position: absolute; right: 8px; top: 8px;}
.recruit-con{ line-height: 2; padding: 15px; border-top: 1px solid #dcdcdc;}
.recruit-sub{ display: none; }
@media (min-width:992px) 
{
    .recruit-item{ width: 33.3%; }
}
@media (min-width:1200px) 
{
    .recruit-dt{ font-size: 30px; }
    .recruit-lists{ margin-top: 40px; }
    .recruit-box{ overflow: hidden; }
    .recruit-tt{ border-bottom: 0px; padding: 0px 15px; overflow: hidden; width: 20%; height: 40px; line-height: 40px; font-size: 18px; text-align: center; position: absolute; top: 50%; margin-top: -20px; left: 0px; }
    .recruit-list{ line-height: 2.2; width: 80%; float: right; border-left: solid 1px #e8e8e8; padding: 16px 130px 16px 60px;}
    .recruit-btn{ top: 50%; margin-top: -16px; right: 15px;}
    .recruit-item{ padding-right: 25px; }
    .recruit-con{ padding: 25px; }
}
@media (min-width:1601px) 
{
    .recruit-dt{ font-size: 45px; }
    .recruit-lists{ margin-top: 60px; }
    .recruit-box{ overflow: hidden; }
    .recruit-tt{ border-bottom: 0px; padding: 0px 15px; overflow: hidden; width: 20%; height: 60px; line-height: 60px; font-size: 22px; text-align: center; position: absolute; top: 50%; margin-top: -30px; left: 0px; }
    .recruit-list{ line-height: 2.8; width: 80%; float: right; border-left: solid 1px #e8e8e8; padding: 25px 130px 25px 60px;}
    .recruit-btn{ top: 50%; margin-top: -16px; right: 15px; font-size: 14px;}
    .recruit-item{ padding-right: 25px; }
    .recruit-con{ padding: 25px; }
}
.recruit-lists li.cur .recruit-btn{
    background: #1354c0 url(../images/recruit-arrow2.png) no-repeat 85px center;
    color: #fff;
}
.recruit-btn:hover{ background: #1354c0 url(../images/recruit-arrow2.png) no-repeat 85px center;
    color: #fff;}

#picUL{ overflow: hidden; }
#picUL li{ margin-top: 10px; outline: none;}
#picUL li a{ outline: none; }
#picUL .pic_01{ text-align: center; outline: none; border: solid 1px #e5e5e5; position: relative;}
#picUL .pic_02{ height: 40px; line-height: 40px; overflow: hidden; text-align: center;}
#picUL .pic_01 i{ transition: all 0.3s; z-index: 66; text-align: center; color:rgba(255,255,255,0.6); width: 80px; height: 80px; line-height: 71px; position: absolute; top: 50%; margin-top: -40px; left: 50%; margin-left: -40px; }
#picUL .pic_01 i.iconfont{ font-size: 25px; }
@media (min-width:1200px) 
{
    #picUL .pic_02{ font-size: 15px; }
    #picUL .pic_01 i.iconfont{ font-size: 35px; }
}
@media (min-width:1601px) 
{
    #picUL li{ margin-top: 15px; }
    #picUL .pic_02{ font-size: 16px; height: 45px; line-height: 45px; }
    #picUL .pic_01 i.iconfont{ font-size: 45px; }
}
#picUL li a:hover .pic_01:before{ position: absolute;
    content: " ";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 11 }
#picUL li a:hover .pic_01 i{ color: rgba(255,255,255,1); transform:rotate(30deg);}

#picULs{ overflow: hidden; }
#picULs li{ margin-top: 10px; outline: none;}
#picULs a{ outline: none; width: 100%; float: left; border: solid 1px #dedede; text-align: center;}
#picULs a .pics_01{ overflow: hidden; position: relative; margin: 10px;}
#picULs a .pics_01 img{ max-width: 100%; transition: all 0.3s;}
#picULs a .pics_02{ height: 36px; line-height: 36px; overflow: hidden; background: #f5f5f5; }

#company_main{ line-height: 2; font-size: 13px; }
#company_main img{ max-width: 100%; }
@media (min-width:1200px) 
{
    #company_main{ font-size: 15px; }
    #picULs a .pics_02{ height: 42px; line-height: 42px; }
    #picULs li{ margin-top: 15px; }
}
@media (min-width:1601px) 
{
    #company_main{ font-size: 16px; }
    #picULs a .pics_01{ margin: 15px; }
    #picULs a .pics_02{ height: 56px; line-height: 56px; }
    #picULs li{ margin-top: 25px; }
}
#picULs li a:hover .pics_01 img{ transform: scale(1.05); }
#picULs li a:hover .pics_02{ background:#1354c0; color: #fff;  }
#fzlcs{ position: relative; margin-top: 30px; }
#fzlcs .main-timeline{ font-family: 'Roboto', sans-serif; }
#fzlcs .main-timeline:after{
    content: '';
    display: block;
    clear: both;
}
#fzlcs .main-timeline:before{
    content: '';
    height: 100%;
    width: 2px;
    border: 2px solid rgba(0,0,0,0.03);
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 30px;
}
#fzlcs .main-timeline .timeline{
    width: 50%;
    padding: 100px 70px 0 25px;
    margin: 0 50px 0 0;
    float: left;
    position: relative;
}
#fzlcs .main-timeline .timeline-content{
    padding: 15px 15px 15px 40px;
    border: 2px solid #1354c0;
    border-radius: 15px 0 15px 15px;
    display: block;
    position: relative;
}
#fzlcs .main-timeline .timeline-content:hover{ text-decoration: none; }
#fzlcs .main-timeline .timeline-content:after{
    content: '';
    background-color: #1354c0;
    height: 18px;
    width: 15px;
    position: absolute;
    right: -15px;
    top: -2px;
    clip-path: polygon(100% 0, 0 0, 0 100%);
}
#fzlcs .main-timeline .timeline-year{
    color: #fff;
    background-color: #1354c0;
    font-size: 32px;
    font-weight: 900;
    text-align: center;
    line-height: 98px;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    position: absolute;
    right: -120px;
    top:-85px;
}
#fzlcs .main-timeline .timeline-year:after{
    content: '';
    height: 130px;
    width: 130px;
    border: 8px solid #1354c0;
    border-left-color: transparent;
    border-radius: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(-20deg);
    position: absolute;
    left: 50%;
    top: 50%;
}
#fzlcs .main-timeline .timeline-icon{
    color: #fff;
    background-color: #1354c0;
    font-size: 25px;
    text-align: center;
    line-height: 50px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: -25px;
    transition: all 0.3s;
}
#fzlcs .main-timeline .title{
    color: #222;
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 7px 0;
}
#fzlcs .main-timeline .description{
    color: #222;
    font-size: 15px;
    letter-spacing: 1px;
    text-align: justify;
    margin: 0 0 5px;
}
#fzlcs .main-timeline .timeline:nth-child(even){
    padding: 100px 25px 0 70px;
    margin: 0 0 0 50px;
    float: right;
}
#fzlcs .main-timeline .timeline:nth-child(even) .timeline-content{
    padding: 15px 40px 15px 15px;
    border-radius: 0 15px 15px 15px;
}
#fzlcs .main-timeline .timeline:nth-child(even) .timeline-content:after{
    transform: rotateY(180deg);
    right: auto;
    left: -15px;
}
#fzlcs .main-timeline .timeline:nth-child(even) .timeline-year{
    right: auto;
    left: -120px;
}
#fzlcs .main-timeline .timeline:nth-child(even) .timeline-year:after{
    transform: translateX(-50%) translateY(-50%) rotate(200deg);
}
#fzlcs .main-timeline .timeline:nth-child(even) .timeline-icon{
    left: auto;
    right: -25px;
}
#fzlcs .timeline:nth-child(4n+2) .timeline-content,
#fzlcs .timeline:nth-child(4n+2) .timeline-year:after{
    border-color: #9E005D;
}
#fzlcs .timeline:nth-child(4n+2) .timeline-year:after{ border-left-color: transparent; }
#fzlcs .timeline:nth-child(4n+2) .timeline-content:after,
#fzlcs .timeline:nth-child(4n+2) .timeline-icon,
#fzlcs .timeline:nth-child(4n+2) .timeline-year{
    background-color: #9E005D;
}
#fzlcs .timeline:nth-child(4n+3) .timeline-content,
#fzlcs .timeline:nth-child(4n+3) .timeline-year:after{
    border-color: #f24f0e;
}
#fzlcs .timeline:nth-child(4n+3) .timeline-year:after{ border-left-color: transparent; }
#fzlcs .timeline:nth-child(4n+3) .timeline-content:after,
#fzlcs .timeline:nth-child(4n+3) .timeline-icon,
#fzlcs .timeline:nth-child(4n+3) .timeline-year{
    background-color: #f24f0e;
}
#fzlcs .timeline:nth-child(4n+4) .timeline-content,
#fzlcs .timeline:nth-child(4n+4) .timeline-year:after{
    border-color: #2c9eff;
}
#fzlcs .timeline:nth-child(4n+4) .timeline-year:after{ border-left-color: transparent; }
#fzlcs .timeline:nth-child(4n+4) .timeline-content:after,
#fzlcs .timeline:nth-child(4n+4) .timeline-icon,
#fzlcs .timeline:nth-child(4n+4) .timeline-year{
    background-color: #2c9eff;
}
@media screen and (max-width:767px){
    #fzlcs .main-timeline:before{ display: none; }
    #fzlcs .main-timeline .timeline{
        width: 100%;
        padding-top: 80px;
        padding-right: 12px;
        margin-bottom: 20px;
    }
    #fzlcs .main-timeline .timeline:nth-child(even){
        padding-left: 10px;
        padding-top: 80px;
        margin-bottom: 20px;
    }
    #fzlcs .main-timeline .timeline-content,
    #fzlcs .main-timeline .main-timeline .timeline:nth-child(even) .timeline-content{
        background-color: #fff;
        padding-top: 25px;
    }
    #fzlcs .main-timeline .timeline-content:after{ display: none; }
    #fzlcs .main-timeline .timeline-year{
        font-size: 24px;
        line-height: 70px;
        height: 70px;
        width: 70px;
        right: 0;
        top: -65px;
    }
    #fzlcs .main-timeline .timeline-year:after{ display: none; }
    #fzlcs .main-timeline .timeline:nth-child(even) .timeline-year{ left: 3px; }
}
@media screen and (max-width:567px){
    #fzlcs .main-timeline .title{ font-size: 18px; }
}
@media (min-width:1200px) 
{
    #fzlcs{ margin-top: 50px; }
}
@media (min-width:1601px) 
{
    #fzlcs{ margin-top: 80px; }
    #fzlcs .main-timeline .description{ font-size: 16px; line-height: 1.8; }
}

.pconc{ background: #f7f7f7; padding: 15px;}
.pconcc{ overflow: hidden; position: relative; padding-left: 50px;}
.pconccl{ color: #1354c0; width: 40px; text-align: center; height: 40px; line-height: 40px; position: absolute; top: 50%; margin-top: -20px; left: 0px;}
.pconccl.iconfont{ font-size: 30px; }
.pconccrp1{ font-size: 26px;}
.pconccrp2{ color: #888;}
#pconc1c{ margin-top: 15px; }
.pcon_mess{ margin-top: 25px; }
.pcon_messt{ font-size: 22px; color:#1354c0; }
.pcon_messft{ line-height: 1.5; margin-top: 10px; color: #888; }
.pconmess{ overflow: hidden; margin-top: 20px; background:#f7f7f7; padding: 15px; }
.pconmess li{ overflow: hidden; margin-bottom: 10px; }
.pconmess_InputText{ width: 48%; outline: none; padding: 0px 12px; height: 42px; line-height: 42px; border: solid 1px #eee; }
.pconmess #name{ float: left; }
.pconmess #tel{ float: right; }
.pconmess_InputText1{ width: 100%; outline: none; padding: 0px 12px; height: 42px; line-height: 42px; border: solid 1px #eee; float: left;}
.pconmess_textarea{ width: 100%; resize:none; line-height: 22px; height: 88px; outline: none; padding: 10px 12px; float: left; border: solid 1px #eee;}
.pconmess_captcha{ width: 30%; outline: none; float: left; padding: 0px 12px; height: 42px; line-height: 42px; border: solid 1px #eee;  }
.pconmess_imgs{ height: 42px;   float: left; margin-left: 10px;}
.pconmess_captcha_But{ float: left; width: 100%; border-radius: 5px; height: 50px; line-height: 50px; background: #1354c0; color: #fff; font-size: 16px; letter-spacing: 1px; }
.pconmess_captcha_But:hover{ background: #cc0000; color: #fff;}
@media (min-width:1200px) 
{
  .pconcs{ overflow: hidden; margin-top: 10px;}
  .pconc{ width: 48%; float: left; padding: 25px;}
  #rpconc{ float: right; }
  #pconc1c{ margin-top: 20px; }
  .pconc_wx{ width: 130px; float: left; }
  .pconc_wx img{ width: 100%; }
  .pconc_txt{ width: 71%; float: right; margin-top: 30px; }
  .pconc_p1{ font-size: 20px; }
  .pconc_p2{ color: #888; margin-top: 6px;}
  .pconc_p3{ overflow: hidden; margin-top: 8px;}
  .pconc_p3 a{ float: left; margin-right: 20px; }
  .pcon_mess{ margin-top: 40px; }
  .pcon_messt{ font-size: 28px; }
  .pconmess{ padding: 30px; }
}
@media (min-width:1601px) 
{
  #pb_conc{ position: relative; }
  .pconcs{ margin-top: 30px; }
  .pconc{ padding: 60px; }
  .pconcc{ padding-left: 105px; }
  .pconccl{ width: 80px; height: 66px; line-height:58px; margin-top: -33px; }
  .pconccl.iconfont{ font-size: 55px; }
  .pconccrp1{ font-size: 32px; }
  #pconc1c{ margin-top:30px; } 
  .pconc_wx{ width: 160px; }
  .pconc_txt{ width: 65%;}
  .pconc_p1{ font-size: 22px; }
  .pconc_p2{ margin-top: 10px; }
  .pconc_p3{ margin-top: 15px; }
  .pcon_mess{ margin-top: 80px; }
  .pcon_messt{ font-size: 40px; }
  .pconmess{ margin-top: 40px; padding:55px;}
  .pconmess li{ margin-bottom: 15px; }
  .pconmess_InputText{ height: 55px; line-height: 55px; padding: 0px 20px;}
  .pconmess_InputText1{ height: 55px; line-height: 55px; padding: 0px 20px;}
  .pconmess_textarea{ padding: 20px; line-height: 28px; height:140px;}
  .pconmess_captcha{ width: 230px; height: 55px; line-height: 55px; }
  .pconmess_imgs{ height: 55px; cursor: pointer; }
  .pconmess_captcha_But{ height: 65px; line-height: 65px; font-size: 18px;}
  #pb_sconc{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background:url(../images/pbbg4.jpg) no-repeat; background-size: 100% 100%; }
}

.zplists{ overflow: hidden; }
.zplists a{ width: 100%; margin-top: 15px; padding-bottom: 15px; border-bottom: solid 1px #dedede; float: left;}
.zplists_t{ height: 36px; line-height: 36px; overflow: hidden; font-size: 16px; }
.zplists_c{ color: #999; line-height: 22px; height: 22px; overflow: hidden; }
.zplists_m{ overflow: hidden; margin-top: 10px; }
.zplists_tt{ float: left; font-size: 15px; height: 30px; line-height: 30px; color: #999;}
.zplists_tt i{ margin-right: 5px; }
.zplists_mr{ height: 30px; line-height: 30px; float: right; background: url(../images/more1.png) no-repeat left center; padding-left: 40px; color: #999; transition: all 0.3s;}
@media (min-width:1200px) 
{
    .zplists a{ margin-top: 20px; padding-bottom: 20px;}
    .zplists_t{ height: 42px; line-height: 42px; font-size: 18px; }
    .zplists_c{ line-height: 24px; height: 24px;}
}
@media (min-width:1601px) 
{
    .zplists a{ margin-top: 25px; padding-bottom: 30px; margin-bottom: 6px;}
    .zplists_t{ font-size: 20px; }
    .zplists_c{ line-height: 26px; height: 26px;}
    .zplists_m{ margin-top: 12px; }
}
.zplists a:hover{ transform: translateY(-5px); }
.zplists a:hover  .zplists_mr{ background: url(../images/more1h.png) no-repeat left center; color: #1354c0;}

/*******Css prev_next*******/
#prev_next{margin: 10px 10px;clear: both;overflow: hidden; }
#prev_next li{margin: 10px 0; font-size: 15px;}
#prev_next li i{ margin-right: 5px; }
#prev_next li a{ color: #999; }
#prev_next li a:hover{ color: #1354c0; }
@media (min-width:1601px) 
{
    #prev_next li{ font-size: 16px; }
}
.seek_job{ overflow:hidden;}
.seek_job li{ margin-top: 15px; overflow:hidden; }
.seek_t1{ font-size: 13px; width: 100%; float: left; margin-bottom: 10px; }
.G_InputText{ width: 100%; height: 42px; line-height: 42px; float: left; border:solid 1px #e5e5e5; padding: 0px 12px; border-radius: 4px;}
.G_textarea{ width: 100%; resize:none; height: 120px; line-height: 30px; float: left; border:solid 1px #e5e5e5; padding: 0px 12px; border-radius: 4px;}
.seek_t1s{ float: left; height: 42px; line-height: 42px; font-size: 13px;}
.G_captcha{ float: left; height: 42px; line-height: 42px; border:solid 1px #e5e5e5; padding: 0px 12px; border-radius: 4px; width: 130px;}
.G_img{ float: left; height: 42px; margin-left: 6px; cursor: pointer; }
.G_But{ width:60%; background: #1354c0; color: #fff; font-size: 14px; text-align: center; height: 42px; line-height: 42px; border-radius: 6px;}
@media (min-width:768px) 
{
    .seek_t1{ width: auto; line-height: 42px; margin-bottom: 0px;}
    .G_InputText{ width: 70%; }
    .G_textarea{ width: 70%; }
}
@media (min-width:1200px) 
{
    .messages{ width: 62%; float: left; }
    .messages_img{ width: 35%; float: right; margin-top: 30px;}
    .messages_img img{ max-width: 100%; }
    .seek_t1{ font-size: 14px; }
    .G_But{ width: 45%; }
}
@media (min-width:1601px) 
{
    .messages_img{ margin-top: 40px; }
    .G_InputText{ height: 55px; line-height: 55px; }
    .seek_t1{ line-height: 55px; font-size: 16px; width: 70px;}
    .G_textarea{ width: 70%; }
    .G_But{ width: 655px; height: 60px; line-height: 60px; font-size: 18px; }
    .G_img{ height:42px;}
}
.G_But:hover{ background: #cc0000; }
/*css digg style pagination*/
div.digg{ margin:10px auto; text-align:center; float:right; display: inline;}
div.digg a{border:#dedede 1px solid; padding:3px 10px; margin:3px; color:#666; display: inline-block;}
div.digg a:hover{border:#1354c0 1px solid;color:#fff; background: #1354c0;}
div.digg a:active{border:#1354c0 1px solid;color:#fff; background: #1354c0;}
div.digg span.current{border:solid 1px #1354c0;padding:3px 15px; font-weight:bold; margin:3px; color:#fff; background-color:#1354c0; display: inline-block;}
div.digg span.disabled{border:#dedede 1px solid;padding:3px 10px;margin:3px;color:#ddd;  display: inline-block;}
div.digg select{ border:#dedede 1px solid; padding:3px 0px; display: inline-block;}
@media (min-width:1200px) 
{
    div.digg{ margin:50px auto 15px; }
    div.digg a{ padding:5px 10px; }
    div.digg span.current{ padding:5px 15px; }
    div.digg span.disabled{ padding:5px 10px; }
    div.digg select{ padding:5px 0px; }
}
@media (min-width:1601px) 
{
    div.digg{ margin:60px auto 15px; }
}



#nav1 {
	BORDER-BOTTOM: #dfdfdf 0px solid;margin:0 auto;
}

#nav1 UL LI {
	FLOAT: left; TEXT-ALIGN: center
}
#nav1 UL LI A {
	FONT-SIZE: 14px; FONT-FAMILY: "微软雅黑";  COLOR: #fff; TEXT-ALIGN: center; PADDING-TOP: 6px; DISPLAY: block; }
#nav1 .waiUl A:hover {
	BACKGROUND: url(../Image/aHover.jpg) no-repeat center top; COLOR: #fff
}

#nav1 .sec #proTypeUl1 {
	OVERFLOW: hidden; PADDING-BOTTOM: 40px; PADDING-TOP: 20px; PADDING-LEFT: 0px; LEFT: -390px; Z-INDEX: 9999999; PADDING-RIGHT: 0px; 
}
#proTypeUl1 {
	OVERFLOW: hidden; PADDING-BOTTOM: 40px; PADDING-TOP: 50px; PADDING-LEFT: 0px; LEFT: -390px; Z-INDEX: 9999999; PADDING-RIGHT: 0px; 
}

.introCon1 P {
	FONT-SIZE: 12px; TEXT-ALIGN: left; LINE-HEIGHT: 2
}
#proTypeUl1 H3 {
	MARGIN-BOTTOM: 10px; FONT-SIZE: 20px; FONT-WEIGHT: bold; TEXT-ALIGN: left; color:#ffffff;
}
#nav1 #proTypeUl1 LI {
	BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT:35px;  MARGIN-RIGHT: 10px;
}
#proTypeUl1 LI {
	BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT:35px; WIDTH: 18%; MARGIN-RIGHT: 10px
}
#nav1 #proTypeUl1 LI A {
	TEXT-ALIGN: left
}
#proTypeUl1 LI A {
	TEXT-ALIGN: left
}
#nav1 #proTypeUl1 LI A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #e60012
}
#proTypeUl1 LI A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #e60012
}
#proTypeUl1 LI UL LI {
	FLOAT: none
}
#nav1 #proTypeUl1 LI.tInOne1 {
    border-right:1px solid #E7E7E7;
	PADDING-LEFT: 25px
}
#nav1 #proTypeUl1 LI.ppLi1 {
    border-right:1px solid #E7E7E7;
	PADDING-LEFT: 35px;
}
#proTypeUl1 LI.tInOne1 {
	PADDING-LEFT: 25px
}
#nav1 #proTypeUl1 LI.tInOne1 UL LI {
	PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 5px 0px 0px; DISPLAY: inline; PADDING-RIGHT: 0px; 
}
#proTypeUl1 LI.tInOne1 UL LI {
	PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 5px 0px 0px; DISPLAY: inline; PADDING-RIGHT: 0px; float:left;WIDTH: 80px;
}
#nav1 #proTypeUl1 LI.tInOne1 UL LI A {
	TEXT-ALIGN: left; 

}
#proTypeUl1 LI.tInOne1 UL LI A {
	TEXT-ALIGN: left; 
}
#nav1 #proTypeUl1 LI.ppLi1 A {
	WIDTH: 165px
}