@charset "UTF-8";
* { margin: 0; padding: 0; list-style: none;box-sizing: border-box; }
/*body { background: #fff; font: normal 13px/22px "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial; }*/
a { text-decoration: none; color: #333;}
a:hover { text-decoration: none; color: #333;}
p{    font-size: 14px;}
.header { width:1200px; margin:0 auto; }
ul{margin: 0;}
.pr{ position:relative}
em,i{font-style:normal;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6 {
    font-family: "Microsoft YaHei", 宋体, Tahoma, Helvetica, Arial, 宋体, sans-serif;
}
.scroll{width:56px;height:60px; border-radius:5px;background:#0088d3 url(../images/sctop2.png) no-repeat center 4px ;color:#fff;
text-align:center;position:fixed;right:10px;bottom:50px;cursor:pointer;font-size:12px;}
.scroll span { display:block; margin-top:40px;}


/* css common */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1;     width: 1200px;
    margin: 0 auto;}

.container{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.back{text-align: center;    padding-bottom: 20px;margin-top: 20px;}
.back a{color: #428bca;}

/*banner*/
  .slideBox{ width:100%;  overflow:hidden; position:relative; top:0;}
  .slideBox .hd{  overflow:hidden; position:absolute;left:44%; bottom:10px; /*margin-left:-30px; */z-index:1; text-align:center; }
  .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;list-style: none;  }
  .slideBox .hd ul li{ margin:0 2px;  width:60px; height:2px; line-height:14px; 
    text-align:center; background:#99b0dc; cursor:pointer; display:inline-block; border-radius:30px; }
  .slideBox .hd ul li.on{ background:#fff;  }
  .slideBox .bd{ position:relative; height:100%; z-index:0;   }
  .slideBox .bd li{ zoom:1; vertical-align:middle; }
  .slideBox .bd ul li img{width:100%;height: auto; display:block;}
  .slideBox .bd ul{ padding-left: 0; }

/* 头部 */
header#header {
  width: 100%;   /* background: #2f2f2f;*/

}

.logo {
    width: 17%;
    float: left;
    margin-top: 15px;
    margin-bottom: 1px;
}
.logo h1{/*margin-top: 30px;*/    margin: 0;}
.logo a {
  height: 49px;
}
.logo img {
  display: block;
/*    width: 197px;
    height: 80px;*/
}
.logo-call {
  /*position: relative;background: #34495e;background: #c7c7c7;*/
 /*      width: 1200px;
    margin: 0 auto;
   padding: 0 0 15px 0;*/
}

.nav{font-size: 14px; white-space: nowrap;/*background: #1a5ca8;margin-top: 20px; */width: 53%;float: right;margin-top: 20px;
    margin-bottom: 20px;    }
.nav .header{/*width: 1200px;margin: 0 auto;*/}
.nav ul{/*overflow: hidden;*/}
.nav ul li{display:block;float:left;width: 105px;height: 40px;
    line-height: 40px;
    text-align: center;/*text-align: center; border-right: 1px solid #e5e5e5;*/}
.nav ul li a{ display: block;z-index: 100;text-decoration: none;    font-size: 16px;position: relative;
    /*font-weight: bold;color:#fff;position: relative;padding: 32px 30px;*/}
/*.m:hover{background: #0088d3;}*/

.nav ul li a:hover{background: #f4f6f7;color: #333;}
.nav ul li #xiala { position:absolute; display:none;width: 125px;top: 80px;z-index: 100;    /* right: 26.5%;*/}
.nav ul li #xiala li{ /*float:none;overflow: hidden;height: 50px;border-bottom: 1px solid #fff;*/ 
    width: 105px;
    height: 60px; background: #fff;
    line-height: 60px;}

.nav ul li #xiala li a:hover{background: #f4f6f7;}
.myDiv{
  width: 124px;
    border-bottom: 1px dotted #fff;
    height: 50px; 
    line-height: 50px;
}
.myDiv span img{padding-left: 3px;}
.myDiv{
      border-right: none;
    /*background: #ff5b00;
    padding: 0 40px;*/
    font-size: 12px;
    z-index: 100;
    font-weight: bold;
    color: #fff;
/*        background: #ff5b00 url(../images/xia.png) no-repeat 175px 19px;*/
    background: #a3a4a5 url(../images/xia.png) no-repeat 175px 19px;
}
.nav ul li #xiala li a { border-right:none;  /*border-bottom: 1px solid #fff;background:#ff5b00; 
    background: #a3a4a5;padding: 0 40px;*/
    font-size: 14px;z-index: 100;}
.nav ul li:hover #xiala{ display:block; }
.nav ul li a img{
        width: 13px;
    margin-top: -3px;
    margin-left: 5px;
}
/*.nav ul li #xiala ul li a {
    border-right: none;
    background: #ff5b00;    
    padding: 0 20px;
    font-size: 12px;
    z-index: 100;
        font-weight: normal;
    text-align: center;
    color: #fff;
}*/
.nav ul li #xiala li a {
    border-right: none;
    font-size: 14px;
    z-index: 100;
    /*border-bottom: 1px solid #fff;
    color: #fff;*/
}
.nav ul li #xiala ul{display: none;width: 124px;}
.nav ul li #xiala ul li{
  float: none;
    line-height: 25px;
    border: none;
    height: 26px;}


.box11 ul li{width: 25%;float: left;text-align: center;}
.box11 ul li p{font-size: 16px;padding-top:10px;}
.box11 ul li img{width: 200px;height: 200px;}
.box11 ul{overflow: hidden;}
.box11{margin-top: 30px;    background-attachment: scroll;}

.box12 ul li{width: 25%;float: left;text-align: center;}
.box12 ul li p{font-size: 16px;padding-top:10px;padding-bottom: 15px;}
.box12 ul li img{width: 270px;height: 270px;}
.box12 ul{overflow: hidden;}
.box12 .center{ margin: 0 auto;width: 130px;}
.box12 .center a{
        background: #8dc020;
    color: #fff;
    text-align: center;
    padding: 15px 20px;
    border-radius: 5px;
    display: block;
    margin-top: 30px;
}
.box12 {
    background: url(../images/bj.png) no-repeat;
    padding-top: 140px;
    padding-bottom: 30px;    background-attachment: scroll;
}

.box13 ul li{width: 25%;float: left;}
.box13 ul li p{padding-top:10px;color:#a6a6a6;    font-size: 13px;line-height: 25px;}
.box13 ul li h5{color: #dedede;    font-size: 16px;font-weight: normal;}
.box13 ul li img{width: 300px;height: 70px;}
.box13 ul{overflow: hidden;    padding: 40px 0;}
.box13 {
    background: url(../images/bj2.jpg) no-repeat;
    padding-top: 70px;
    padding-bottom: 50px;
}
.box13 .title h2{color: #fff;}

#huanjing ul li{width: 25%;float: left;    margin: 15px 0;text-align: center;}
#huanjing ul{overflow: hidden;}
#huanjing ul li a img{width: 250px;height: 200px;}
#huanjing {width: 1200px;    margin: 40px auto;}
#huanjing ul li p{    text-align: center;
    padding: 20px 0 0 0;
    font-size: 16px;
    margin: 0;}






/*about+ry*/
.about_ry { overflow:hidden; width:100%; margin:60px 0 40px 0}
.about_ry .title{ margin-bottom:50px;}

.about { overflow:hidden; width:1200px; margin:0 auto; }
.about dl{ overflow:hidden; width:100%;}
.about dt{ float:left; width:598px;  overflow:hidden}
.about dd{ float:right; width:580px; }
.about dd img{    margin-bottom: 30px;}
.about dd h3{font-size: 30px;font-weight: bold;    margin-top: 55px;color: #0C6EB7;padding-bottom:20px;}
.about dd p{ font-size:15px; color:#333; line-height:40px; text-align:justify;overflow:hidden}
.about dd a{ 
    background: #8dc020;
    color: #fff;
    text-align: center;
    padding: 15px 20px;
    border-radius: 5px;
    display: block;
    width: 140px;
    margin-top: 30px;}


.navssss{width: 52%;
    float: left;
   /* box-shadow:0px 5px 5px #888888;*/
    position:relative;
    text-align:center;/*让一级导航居中*/
}
.navssss li{
    list-style:none;
    width:125px;/*无论一级还是二级*/
    
}
.submenu li{    border-bottom: 1px solid #cec7c7;}
.navssss>li{
    display:inline-block;
    /*border:1px solid black;*/
    margin:0 10px;/*相当于每个单元的margin*/
}
 
.navssss a{
    display:block;
    line-height:80px;
    text-align:center;
    /*border:1px solid black;*/
}
.navssss ul{
    position:absolute;
    top:80px;z-index: 1;
    /*border:1px solid black;*/
    display:none;
    background-color:#DDDDDD;
}
 
.menu:hover ul.submenu{
    display:block;
}
 
.menu a:hover{
    color:#fff;background: #154193;
}
.menu>a:hover{
    border-bottom:3px solid rgba(183, 56, 183, 1);
    transition:border-bottom 0.8s;
}



#main{overflow: hidden;    padding-top: 140px;    width: 1200px;
    margin: 0 auto;
    padding-bottom: 70px;}
#main ul {
    margin: 4vw auto;
    list-style: none;
}
#main #ul1{float: left;position: relative;width: 730px;}
#main #ul2{float: right;position: relative;width: 470px;}
#main #ul1 li:nth-child(2){
        position: absolute;
    right: 367px;top: -18px;
}
#main #ul1 li:nth-child(3){
        position: absolute;
    right: 22px;
        top: 128px;
}
#main #ul1 li:nth-child(4){
        position: absolute;
    right: 135px;
    top: 110px;
}
/*#main #ul1 li:nth-child(2) p,#main #ul2 li:nth-child(2) p,
#main #ul1 li:nth-child(3) p,#main #ul2 li:nth-child(1) p{    margin-top: -65px;}*/
#main #ul2 li{float: right;}
#main #ul2 li:nth-child(1){position: absolute;top: 126px;right: 28px;}
#main #ul2 li:nth-child(2){position: absolute;right: 374px;top: -19px;}
#main #ul2 li:nth-child(3){position: absolute;right: -205px;}
#main ul li {
    width: 282px;overflow: hidden;
    height: 240px;
    -webkit-clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
    clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
    float: left;
    margin-right: 205px;
}
#main ul li:nth-child(2n) {
    /*margin: -9vw -5vw 0 -15vw;
        margin: -6vw -7vw 0 -13.8vw;*/
            margin: -118px -139px 0 -184px;
}
#main ul li img {
    width: 100%;transition: 0.5s;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
/* display: block;
    transition: all 1s ease-out;
    transform: scale(1);*/
}
/*#main ul li img:hover{transform: scale(0.95)}*/
#main h1 {
    margin: 7vw 10vw 0;
    font-size: 3vw;
}
#main p {
    /*margin-top: -30px;*/
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
   /* background: #08080847;*/
    z-index: 9999;
    display: block;
}
#main a {
    color: #888;
}

#main ul li img:before {
    background: rgba(128, 0, 128, 0.25);
}
#main ul li img:after {
    background: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.5), transparent);
}
#main #ul2 li:nth-child(3) .containers {padding-top: 45%;}
.containers {
    position: absolute;
        background: rgba(51, 51, 51, 0.49);
    height: 240%;
    padding-top: 42%;
    left: 50%;
    width: 100%;
    opacity: 0;
    text-align: center;
    color: white;
    will-change: transform;
    backface-visibility: hidden;
    transform: translate(-50%, -50%) scale(0.9);
    transition: all 0.5s;
}
.containers1 {
position: absolute;
        background: rgba(128, 0, 128, 0.25);
    height: 200%;
    padding-top: 10%;
    left: 18%;
    width: 35%;
    opacity: 0;
    text-align: center;
    color: white;
    will-change: transform;
    backface-visibility: hidden;
    transform: translate(-50%, -50%) scale(0.9);
    transition: all 0.5s;
}
.text-desc1 h1,
.text-desc1 h2 {
    font-family: 'Arapey';
    font-style: italic;
    font-weight: 400;
}
.containers1 h1 {
    margin-top: 90px;
    text-align: center;
    font-size: 56px;
    color: #242424;
}
.text-desc1 h2 {
    font-size: 21px;color: #fff;
}
.text-desc1 h2:before,
.text-desc1 h2:after {
    display: inline-block;
    margin: 0 0.5em;
    width: 0.75em;
    height: 0.03em;
/*    background: turquoise;*/
    content: '';
    vertical-align: middle;
    transition: all 0.3s;
}
.text-desc1 h1,
.text-desc1 h2 {
    font-family: 'Arapey';
    font-style: italic;
    font-weight: 400;
}
.containers h1 {
    margin-top: 90px;
    text-align: center;
    font-size: 56px;
    color: #242424;
}
.text-desc1 h2 {
    font-size: 21px;
}
.text-desc1 h2:before,
.text-desc1 h2:after {
    display: inline-block;
    margin: 0 0.5em;
    width: 0.75em;
    height: 0.03em;
/*    background: turquoise;*/
    content: '';
    vertical-align: middle;
    transition: all 0.3s;
}
.desc {
    margin: 1em 0 0;
    font-family: 'ATC Overlook';
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    line-height: 1.5;
    color: #fff;
}
#main ul li:hover #main ul li img:before,
#main ul li:hover #main ul li img:after,
#main ul li:hover .port-1 {
    opacity: 1;
}
/*#main ul li:hover .port-1 {
    transform: translate(-50%, -50%) scale(1);
}*/
#main ul li:hover .port-1 {
    opacity: 1;
}
/*#main ul li:hover .port-1 {
    transform: translate(-50%, -50%) scale(1);
}*/
#main ul li:hover #main ul li img {
    display: block;
    transition: all 1s ease-out;
    transform: scale(1.2);
    transition: 0.5s;
}




.product{
/*  background: #e8e8e8;*/
    padding: 50px 0;background: url(../images/bg.jpg) no-repeat;
}
.product .title div{text-align: center;}
.product .title div img{width: 40px;}

/*search*/
#caidan{background: #dbe0e3;height: 80px;}
.w-1200{width: 1200px;margin: 0 auto;overflow: hidden;}
#tel{width: 200px;float: right;    background: url(../images/tel.png) no-repeat 2px 24px;padding-left: 40px;height: 60px;
line-height: 80px;color: #154193;
    font-size: 18px;
    font-weight: bold;}
.search {width: 200px;float: right; height:40px;line-height: 40px;margin-top: 20px;}
.search .sbox{ overflow:hidden; width:260px; height:40px; background-color:#fff; float:right}
.search .sbox input{ background:none; margin-left:10px; float:left; display:block; width:200px; height:40px;
 line-height:40px; border:none; outline:none; font-size:13px; color:#979797;border: 1px solid #c3bebe;}
.search .serch_click{ display:block; float:right; width:50px; height:40px; background:url(../images/search.png) no-repeat center; 
  cursor:pointer;background-size: 60px 40px;}
.search .sbox input::-webkit-input-placeholder {color:#979797;}
.search .sbox input::-moz-input-placeholder {color:#979797;}
.search .sbox input::-ms-input-placeholder {color:#979797;}

/*title*/
.title { overflow:hidden; width:100%;}
.title h2{ text-align:center;font-size:36px; color:#333;font-weight: bold;}
.title h2 a{ color:#333}
.title em{ display:block; text-align:center; font-size:15px; color:#999; text-transform:uppercase; margin:17px 0; font-family:Arial;}
.title i{ display:block; width:40px; height:3px; background-color:#db0a24; margin:0 auto}
.title p{ font-size:16px; color:#333; text-align:center; /*margin:10px 0;    */margin: 20px 0 15px 0;}


/*应用*/
#bj{background: #f0f3f7;    padding-top: 35px;}
.yingyong {
        overflow: hidden;
    width: 100%;
    margin-bottom: 80px;
    margin: 15px auto;padding-bottom: 70px;    /*background-size: 1300px;*/
background: url(../images/l1.jpg) 0 0 no-repeat;}
.yingyong .yybox{overflow:hidden; width:1100px; margin:0 auto; height:600px; /*margin-top:30px; */position:relative;}
.yingyong .menu { overflow:hidden; width:300px; height:600px; float:left;    background: #154193;}
.yingyong .menu li{ overflow:hidden; width:100%; height:90px; /*margin-bottom:2px;*/ background-color:#154193; *float:left;
 position:relative; left:-300px;}
.yingyong li.list2 ul li{width: 200px;float: left;    text-align: center;    padding-top: 10px;}
#line{float: left;margin-top: 30px; width: 2px;height: 37px;background: #cecbcb;}
.yingyong li.list2 ul li p{font-size: 24px;font-weight: bold;}
.yingyong li.list2 ul li p span{font-size: 14px;}
.yingyong li.list2 ul{background: #e8eaed;height: 90px;}
.yingyong .menu a{ display:block; height:100%; color:#fff; text-decoration:none; line-height:90px;
    border-bottom: 1px dashed #a9a9a9;font-size: 20px;width: 250px; margin: 0 auto;text-align: center;}
.yingyong .menu .list span{ display:inline-block; width:27px; height:27px; overflow:hidden; margin-left:25px;
 position:relative; top:10px; margin-right:10px;}
.yingyong .menu .list span{ *display:inline}
.yingyong .menu .list span img{ display:block; position:absolute; left:0; top:0}
.yingyong .menu .list.cur a{  color:#fff;background: url(../images/right.png) 230px 33px no-repeat;
    background-size: 25px;}
.yingyong .menu .list.cur img{top:-27px;}
.yingyong .menu .phone{ overflow:hidden; padding-left:68px; width:238px;     padding-top: 5px;
  background:url(../images/yyphone.png) 26px center no-repeat; background-color:#e9e9e9}
.yingyong .menu .phone p{ font-size:13px; color:#666; margin-top:9px;margin: 0;}
.yingyong .menu .phone span{ display:block; font-size:22px; color:#000; font-family:Arial;}
.yingyong .tuwen { overflow:hidden; width:800px; height:600px; float:right; position:relative; left:1000px;}
.yingyong .tuwenlist{ overflow:hidden; position: relative; width:100%; height:100%;}
.yingyong .tuwen ul{ overflow:hidden; position:absolute}
/*.yingyong .tuwen li{ float:left; width:945px; height:460px; position:relative}
.yingyong .tuwen img{ display:block;}
.yingyong .tuwen p{ width:895px; height:52px; padding:15px; background-color:#fff; line-height:26px; font-size:13px; 
color:#333; position:absolute; z-index:1; left:10px; bottom:10px; overflow:hidden;}

.yingyong .tuwen span{ cursor:pointer; display:block; width:42px; height:83px; position:absolute; z-index:6; top:170px;}*/
.yingyong li.list2{ /*overflow:hidden;*/float:left;position:relative;width:800px; height:600px; background-color:#fff;}
.yingyong li.list2 img{ display:block; float:left;width: 800px;height: 600px;}
.yingyong li.list2 .wen{ float:right; width:410px; margin-right:30px; margin-top:40px;}
.yingyong li.list2 h3{     font-size: 18px;color: #fff;}
.yingyong li.list2 h3 a{ color:#000}
/*.yingyong li.list2 p{ font-size:14px; line-height:26px; color:#666; height:130px; overflow:hidden; text-align:justify; margin-bottom:60px;}*/
.yingyong li.list2 .btn{ overflow:hidden; width:100%;}
.yingyong li.list2 .btn a{ display:block; width:142px; height:37px; text-align:center; line-height:37px; font-size:13px; color:#fff; 
    text-decoration:none; float:left; margin-right:7px; background-color:#154193;}
.yingyong li.list2 .btn a.lij{ background-color:#4a4a4a}
.yingyong .tuwen .btn01{ background:url(../images/yybtn.png) no-repeat center top; left:30px; display:block!important;}
.yingyong .tuwen .btn02{ background:url(../images/yybtn.png) no-repeat center bottom; right:30px; display:block!important;}

.investment_con{position: absolute;bottom: 0;    height: 201px;}
.investment_con_list img{width: 300px;height: 200px;}
.investment_con_list:nth-child(2),.investment_con_list:nth-child(3),.investment_con_list:nth-child(4) {display: none;}


#neirong{
        position: absolute;
    bottom: 0;
    background: #373738c7;
    width: 100%;padding-left: 60px;
        height: 200px;
    padding-top: 25px;
    line-height: 30px;
}
#neirong p{margin: 0 0 5px;color: #fff;font-size: 15px;}

/*news*/
 .picScroll-left1{
        
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
     /*  margin-top: 25px;background: #b9bcc1;
  border: 1px solid #ccc;padding: 50px 0 0 0; */
  margin-left: auto;
  margin-right: auto;
      
}
.picScroll-left1 .hd .prev{display:block;float:right; margin-left:-4px; margin-top:0;overflow:hidden;
       cursor:pointer;     /*background: #a2a1a1;*/padding: 5px;}
.picScroll-left1 .hd .prev img{width: 50px;}
.picScroll-left1 .hd .next{ display:block;  float:right; margin-right:-4px; margin-top:0;overflow:hidden;
       cursor:pointer;    /*background: #a2a1a1;*/
    padding: 5px; } 
.picScroll-left1 .hd .next img{width: 50px;}  
.picScroll-left1 .bd{ padding-top:20px;margin-left:25px}
.picScroll-left1 h3{height:50px;line-height: 50px; text-align:center; overflow:hidden; 
  background:url(../images/photo_line.gif) no-repeat center 46px;color: #fff;}
.picScroll-left1 .bd ul{ overflow:hidden;}
.picScroll-left1 .bd ul li{ /*margin:0 10px;height: 226px;*/width:50%;float:left;display:inline; overflow:hidden;text-align:center;
position: relative;}
.picScroll-left1 .bd ul li:nth-child(5),.picScroll-left1 .bd ul li:nth-child(6),
.picScroll-left1 .bd ul li:nth-child(7),.picScroll-left1 .bd ul li:nth-child(8){margin-top: 30px;}
.picScroll-left1 .bd ul li .pic{text-align:center;}
.picScroll-left1 .bd ul li .pic img{ display:block; width: 370px;height: 300px;background: #fff;/*padding: 5px; */}
.picScroll-left1 .bd ul li .titles{line-height:30px;text-align: center;position: absolute;
    width: 100%;
    background: #0d35a9a3;
    bottom: 0;
    padding: 8% 4%;
    text-align: left;
    color: #fff;
    font-size: 16px;
    box-sizing: border-box;

/*        display: none;*/
    height: 145px;
    padding-top: 40px;
    margin-top: 0px;
    padding-bottom: 35px;
    margin-bottom: 0px;

}
.picScroll-left1 .bd ul li .titles p{text-indent:0;}
.picScroll-left1 .bd ul li .titles a{
    color: #fff;
    border-bottom: 1px solid #fff;
    font-size: 12px;
    display: inline-block;
}
#xiangqing a{
    background: #154193;
    color: #fff;
    padding: 5px 20px;
}




.picScroll-left2{      
   width: 1170px;
  height: auto;
  overflow: hidden;
  position: relative;
     /*  margin-top: 25px;background: #b9bcc1;
  border: 1px solid #ccc;padding: 50px 0 0 0; */
  margin-left: auto;
  margin-right: auto;margin-bottom: 40px;
      
}
.picScroll-left2 .hd .prev{display:block;float:left; margin-left:30px; margin-top:65px;overflow:hidden;
       cursor:pointer;     /*background: #a2a1a1;*/padding: 5px;}
.picScroll-left2 .hd .prev img{width: 30px;}
.picScroll-left2 .hd .next{ display:block;  float:right; margin-right:-5px; margin-top:65px;overflow:hidden;
       cursor:pointer;    /*background: #a2a1a1;*/
    padding: 5px; } 
.picScroll-left2 .hd .next img{width: 30px;}  
.picScroll-left2 .bd{ padding-top:40px;margin-left:25px;}
.picScroll-left2 h3{height:48px;line-height: 48px; text-align:center; overflow:hidden; 
  background:url(../images/photo_line.gif) no-repeat center 46px;color: #fff;color: #f37c20;}
.picScroll-left2 .bd ul{ overflow:hidden;}
.picScroll-left2 .bd ul li{ margin:0 5px;width:167px;float:left;display:inline; overflow:hidden;text-align:center;}
.picScroll-left2 .bd ul li .pic{text-align:center;}
.picScroll-left2 .bd ul li .pic img{ display:block; width: 167px;height: 110px;background: #fff;padding: 5px; }
.picScroll-left2 .bd ul li .title{line-height:30px;text-align: center;}
.picScroll-left2 .bd ul li .title p{color: #7b7b7b;text-indent:0;padding-top: 10px;}

#banners img{width: 100%;height: auto;}


#about{  background:url(../images/about.jpg) no-repeat center;padding-bottom: 80px;    padding-top: 50px;margin-top: 60px;}
#about p{    text-align: center;
/*    width: 570px;*/
    margin: 0 auto;
    font-size: 15px;
    color: #888888;
    line-height: 30px;
    margin-top: 25px;    color: #fff;}
#about p a{
    border: 1px solid #fff;
    padding: 5px 60px;    color: #fff;
}
#about p a:hover{background: #cb2306;}
#about .title h2{color: #fff;font-size: 30px;}
#about .title em{color: #fff;margin: 15px 0;}
#about ul{width: 1200px;margin: 70px auto;overflow: hidden;}
#about ul li{width: 24%;float: left;text-align: center;color: #fff;}
#about ul li h3{border:2px solid #fff;border-radius: 100%;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    padding-top: 35px;
    font-size: 26px;
    font-weight: normal;}
#about ul li p{letter-spacing: 3px;}


/*news*/
.news { overflow:hidden; width:100%; padding:30px 0 50px; background-color:#f7f7f7;background:url(../images/bj.jpg) no-repeat ;
    background-size: 100%;margin-top: -200px;}
.news .list{ float:left; overflow:hidden; margin-right:25px; /*height:500px;*/}
.news .top{ overflow:hidden; width:100%;    line-height: 56px; /*height:40px; padding-top:20px;*/}
.news .top h3{ font-weight:normal; float:left;}
.news .top h3 a{ font-size: 22px;color: #1b7bb7;font-weight: bold;background:url(../images/s2.png) no-repeat left center;
    padding-left: 22px;background-size: 13px; }
.news .top span{ font-size:14px; color:#999; font-family:Arial; margin-left:5px;}
.news .top .more{ float:right; font-size:13px; color:#666; display:block; margin-top:5px;    background: none;}
.news .box{ overflow:hidden; width:100%; /*height:450px;*/ position:relative;margin-top: 20px;}
.news .tu{ overflow:hidden; width:100%; /*height:180px;*/ margin-bottom:20px;}
.news .tu img{ display:block; float:left;width: 100%;height: auto;}
.news .tu .wen {  width:100%;padding-top: 185px;}
.news .tu h4{ font-size:15px; margin:12px auto;font-weight: bold;background: url(../images/right222.png) no-repeat 460px 2px;
background-size: 15px 15px;}
.news .tu h4 a{ color:#000}
.news .tu p{ font-size:13px; line-height:25px; color:#333; height:45px; width:100%; overflow:hidden; text-align:justify;}
.news .lihui{ width:550px;padding-top: 30px;margin-left: 25px;}
.news .lihui ul{ overflow:hidden; width:100%;}
.news .lihui .inf_lc li{ margin-bottom: 15px;}
.news .lihui li{ width:485px; overflow:hidden; float:left; padding-left:10px; line-height:50px;background-size: 5px;
  border-bottom: 1px dashed #999;    }
.news .box ul li{background: url(../images/right222.png) no-repeat 460px 15px;background-size: 15px 15px;}
.news .lihui li a{ display: inline-block; float:left; font-size:14px; color:#333;/*max-width:70%; white-space:nowrap; 
  text-overflow:ellipsis; overflow:hidden*/}
.news .lihui li a{ *display:inline}
.news .lihui .box span{ display:block; float:left; font-size:24px; color:#999;     margin-right: 20px;}
.news .wenti ul{ overflow:hidden; width:100%; position:absolute}
.news .wenti li{ width:100%; height:92px; border-bottom:1px dashed #dedede; margin-top:10px;}
.news .wenti li h4{ padding-left:35px; background:url(../images/s4.png) no-repeat left center; 
  line-height:27px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:14px; font-weight:normal; margin-bottom:8px;}
.news .wenti li h4 a{ color:#000}
.news .wenti li p{ font-size:13px; color:#333; line-height:20px; height:48px; padding-left:35px; padding-top: 5px;
  background:url(../images/s3.png) no-repeat left 10px; overflow:hidden;}
.news .wenti { width:365px; margin-right:0}
.news .title i{display: block;width: 90px;height: 2px;background-color: #1b7bb7;margin: 0 auto;}
.news .title #more{margin: 20px 0 5px 0;}
.newss{background: #fff;margin-top: 50px;padding-top: 40px;box-shadow: 0 0 10px #3f3f42;padding-bottom: 30px;}
.news .titles h2{color: #000;    margin-bottom: 10px;}
.news .titles em{color: #000;}
.news .titles{text-align: center;}
#wenti{
        background: #f4f7f9;    width: 510px;
    margin-top: 10px;
    padding: 8px 25px;
}
#wenti ul li a span{
        font-size: 40px;
    vertical-align: top;
    padding-right: 15px;
}
#wenti ul li{background: url(../images/right222.png) no-repeat 435px 15px;background-size: 15px 15px;}
.xinwennr{overflow: hidden;}
#more1{
    background: #3c4a6f;
    text-align: center;
    height: 60px;
    line-height: 60px;
    margin-top: 25px;
}
#more1 a{color: #fff;}

.picScroll-left3{
        
  width: 1250px;
  height: auto;
  overflow: hidden;
  position: relative;
     /*  margin-top: 25px;background: #b9bcc1;
  border: 1px solid #ccc;padding: 50px 0 0 0; */
  margin-left: auto;
  margin-right: auto;
      
}
.picScroll-left3 .hd .prev{display:block;float:left; margin-left:20px; margin-top:100px;overflow:hidden;
       cursor:pointer;     /*background: #a2a1a1;*/padding: 5px;}
.picScroll-left3 .hd .prev img{width: 50px;}
.picScroll-left3 .hd .next{ display:block;  float:right; margin-right:-5px; margin-top:100px;overflow:hidden;
       cursor:pointer;    /*background: #a2a1a1;*/
    padding: 5px; } 
.picScroll-left3 .hd .next img{width: 50px;}  
.picScroll-left3 .bd{ padding-top:40px;margin-left:25px;}
.picScroll-left3 h3{height:48px;line-height: 48px; text-align:center; overflow:hidden; 
  background:url(../images/photo_line.gif) no-repeat center 46px;color: #fff;color: #f37c20;}
.picScroll-left3 .bd ul{ overflow:hidden;}
.picScroll-left3 .bd ul li{ margin:0 5px;width:265px;float:left;display:inline; overflow:hidden;text-align:center;}
.picScroll-left3 .bd ul li .pic{text-align:center;}
.picScroll-left3 .bd ul li img{ display:block; width: 265px;height: 200px;background: #fff;padding: 5px; }
.picScroll-left3 .bd ul li .title{line-height:30px;text-align: center;}
.picScroll-left3 .bd ul li .title p{color: #7b7b7b;text-indent:0;padding-top: 10px;}


#pic{position: absolute; display: none;}
#pic1{ width: 400px; height: 300px; border-radius: 5px; 
            -webkit-box-shadow: 5px 5px 5px 5px hsla(0,0%,5%,1.00); box-shadow: 5px 5px 5px 0px hsla(0,0%,5%,0.3); } 


/* section */

.section{width:1200px;margin:auto;overflow:hidden;margin-top: 45px;}
.section .title h2{    position: relative;}
.section .title h2 span{color: #da251c;font-size: 16px;position: absolute;top: 4px;left: 56.5%;}
.section .title p a{border: 1px solid #181818;padding: 5px 60px;}
.section ul li{float:left;margin-right:14px;margin-bottom:13px;display:inline;width:370px;/*height:350px;*/
    overflow:hidden;position:relative;}
.section ul li h3{
    font-size: 20px;font-weight: normal;
    margin-bottom: 20px;
    background: url(../images/s2.png) no-repeat left center;
    padding-left: 22px;
    background-size: 13px;
}
.section ul li .photo{width:370px;height:280px;overflow:hidden;border: 1px solid #c3c2c2;}
.section ul li .photo img{width:370px;height:280px;}
.section .rsp{width:370px;height:280px;overflow:hidden;position: absolute;background:#000;top:45px;left:0px;}
.section .text{position:absolute;width:370px;height:280px;left:-400px;top:60%;overflow:hidden;
    width: 100%;
    background: #3c4a6f91;
    bottom: 0;
    padding: 8% 4%;
    text-align: left;
    color: #fff;
    font-size: 16px;
    box-sizing: border-box;}
.section .text a{
        color: #fff;
    border-bottom: 1px solid #fff;
    font-size: 12px;
    display: inline-block;
}
.section .text p{
    font-size: 20px;font-weight: bold;
}
.section .text h3{width:370px;margin-top:160px;height:40px;line-height:40px;text-align:center;color:#000;
    background:#fff;font-size:18px;}

.picScroll-left4 .hd .prev{display:block;float:right; margin-left:-4px; margin-top:0;overflow:hidden;
       cursor:pointer;     /*background: #a2a1a1;*/padding: 5px;}
.picScroll-left4 .hd .prev img{width: 50px;}
.picScroll-left4 .hd .next{ display:block;  float:right; margin-right:32px; margin-top:0;overflow:hidden;
       cursor:pointer;    /*background: #a2a1a1;*/
    padding: 5px; } 
.picScroll-left4 .hd .next img{width: 50px;}  
.picScroll-left4 .bd{ padding-top:20px;margin-left:25px}

.cpxq-h3 {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
    margin-top: 40px;
}
.cpxq-h3l {
    float: left;
    margin-right: 20px;
}
.cpxq-h3r {
    width: 880px;
    float: right;
}
.cpxq-h3l>i{
    display: block;
    width: 300px;
    height: 70px;
    line-height: 70px;
    text-indent: 15px;
    position: relative;
    font-size: 20px;
    background-color: #0088d3;
    color: #fff;
    border-radius: 5px;
}
.cpxq-h3l>i span{
    position: absolute;
    right: 10px;
    font-size: 16px;
    color: #8dbde5;
    font-style: italic;
}
.cpxq-h3l ul li{margin:10px 0;background: url(../images/right.png) no-repeat 5px 5px;}
.cpxq-h3l ul li a:hover{background: #8dc020;color: #fff;}
.cpxq-h3l ul li a{display: block;    background-color: rgb(245, 245, 245);
    width: 300px;
    height: 50px;
    line-height: 50px;
    color: #4d4d4d;
    font-size: 16px;
    text-indent: 15px;
    position: relative;
    background-position: 270px 18px;
    border-radius: 5px;
    border-bottom: 1px solid #eaeaea;
}
.cpxq-h3l ul li a.in{color: #0088d3;
  background-position: 270px 18px;border-bottom: 1px solid #daf1fe;}
.cpxq-h3l ul{margin-bottom: 20px;margin-top: 4px;}

.xwdt-h3ra{
    border-bottom: 1px dashed #e8e8e8;
    overflow: hidden;
    padding: 10px 0;
    margin-bottom: 10px;
}
.xwdt-h3ra:hover{border-bottom:1px dashed #b6ddf2;}

.xwdt-h3ra i strong{
    height: 30px;
    line-height: 30px;
    color: #363435;
    font-size: 16px;
    overflow: hidden;
    display: block;
        margin-bottom: 10px;
    font-weight: normal;
}
.xwdt-h3ra i span{
    display: block;
    color: #949494;
    line-height: 25px;
    padding-bottom: 10px;
}
.xwdt-h3ra i font{
    color: #a4a4a4;font-size: 13px;
    line-height: 20px;
    /* padding-top: 10px; */
}
.xwdt-h3ra:hover strong,.xwdt-h3ra i font:hover{color:#0088d3; }

.pro_main { background-color:#fff;zoom:1; overflow:hidden;}
.pro_main ul li.cgal3:hover{ box-shadow: 0 0 5px #ABABAB;}
.pro_main ul li.cgal3 { width:285px; margin:5px 4px;  float:left; display:inline-block;
 /*box-shadow: 0 0 10px #ccc;*/}
.pro_main ul li.cgal3 { width:285px;  overflow:hidden; } /*图片边框*/
.pro_main ul li.cgal3 a { width:265px;/*height: 177px; */display:block; overflow:hidden;
 margin:0 auto; margin-top:10px;}
.pro_main ul li.cgal3 img { display:block;/*width:100%;*/ width: 270px;
    height: 270px;transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s;}
.pro_main ul li.cgal3 a:hover img{transform:scale(1.03); -moz-transform:scale(1.03); 
  -webkit-transform:scale(1.03); -o-transform:scale(1.03);}
.pro_main ul li.cgal3 p { width:265px; padding-top: 20px; overflow:hidden; 
  white-space:nowrap; text-align:center; color:#54574E;}
.pro_main ul li.cgal3 dd a{ color:#54574E;}


.footer .container{overflow: hidden;    border-bottom: 1px solid #a6a6a6;    padding: 30px 0;}
.footer{background: #191938;}
.f-left{width: 50%;float: left;    border-right: 1px solid #a6a6a6;
    margin-top: 50px;}
.f-right{width: 50%;float: right;}
.f-left ul li{line-height: 30px;}
.f-left ul h5{    font-size: 16px;color: #dedede;padding-bottom: 20px;}
.f-left ul li a{padding-top: 20px;color: #a6a6a6;    font-size: 13px;}
.f-left ul{overflow: hidden;width: 30%;float: left; }
.f-left p img{width: 25px;margin-right: 10px;vertical-align: middle;}
.f-left p span{color: #909090;    margin-top: 50px;}
.f-left .banquan,.f-left .banquan a{color:#909090; }
.f-left p{margin: 15px 0;}
.f-right div{float: left; width: 30%;padding-top:60px;color: #a6a6a6;    margin-left: 50px;}
.f-right ul{float: right;width: 40%;}
.f-right ul li{line-height: 40px;color: #a6a6a6;font-size: 14px;}
.f-right ul li span{padding-right:20px;}
.f-right ul h5{    font-size: 16px;color: #dedede;padding-bottom: 20px;}
.f-right ul{overflow: hidden;width: 55%;float: left;    margin-top: 50px;}
.f-right ul li h3{color: #dedede;font-size: 24px;}
.footer p{color: #a6a6a6;line-height: 25px;padding-top: 20px;}
   
    .main_bars i{
            display: block;
            width: 50px;
            height: 4px;
            background-color: #154193;
            margin: 0 auto;    margin-bottom: 20px;
    }
    .main_bars h2{margin-top: 10px;margin-bottom: 20px;}
    #fangan li{width: 375px;float: left;}
    #fangan li:nth-child(2),#fangan li:nth-child(3),#fangan li:nth-child(5),
    #fangan li:nth-child(6),#fangan li:nth-child(8),#fangan li:nth-child(9){margin-left: 35px;}
    #fangan li img{width: 100%;height: 264px;}
    #fangan li p{padding: 5px 0 0 15px;font-size: 15px;color: #000;}
    #fangan li a{color: #144192;border-bottom: 1px solid #144192;}
    #fangan li h5{font-size: 18px;text-align: left;    border-bottom: 1px solid #3c4a6f;
    padding: 5px 0 15px 15px;background: url(../images/right222.png) no-repeat 340px 7px;font-weight: bold;
    background-size: 15px 15px;
    color: #3c4a6f;}
    #fangan{overflow: hidden;    width: 1200px;margin: 50px auto;}
    #fangan{}
    #biao{width: 1200px;margin: 50px auto;}
    #mains div:nth-child(2),#mains div:nth-child(3){width: 100%;}
    #zhihui ul{overflow: hidden;margin: 50px 0 auto;}
    #zhihui ul li h6{    background: url(../images/s1.png) no-repeat left center;font-size: 16px;font-weight: bold;
        padding-left: 20px;background-size: 6px 25px;width: 1200px;margin: 20px auto;}
    #zhihui ul li:nth-child(1){width: 1200px;margin: 0 auto;}
    #zhihui ul li:nth-child(2){background: url(../images/tedian.jpg) no-repeat;height: 420px;padding-top: 10px;
    margin-top: 40px;}
    #zhihui ul li p{line-height: 25px;}
    #zhihui{margin-bottom: -10px;    margin-top: 50px;}

    #chanpin{overflow: hidden;    width: 1200px;margin: 30px auto;}
    #chanpin li{width: 375px;float: left;text-align: center;    padding-bottom: 15px;}
    #chanpin li:nth-child(2),#chanpin li:nth-child(3),#chanpin li:nth-child(5),
    #chanpin li:nth-child(6),#chanpin li:nth-child(8),#chanpin li:nth-child(9){margin-left: 35px;}
    #chanpin li img{width: 100%;}
    #chanpin li p{font-size: 16px;padding: 5px 0;color: #000;}
    #chanpin li a:nth-child(2){background: #3c4a6f;
    color: #fff;
    padding: 5px 10px;}

 
#chanpin-pic{width: 500px;float: left;}


#small-banner img{width: 100%;height: auto;}


        .navss li{
            float: left;
            width: 600px;
            height: 60px;
            line-height: 60px;
            text-align: center;
            list-style: none;
            cursor: pointer;    font-size: 18px;
        }
        .navss li.nav_bars{
            background-color: #3c4a6f;
            border-left:1px solid #3c4a6f;
            border-top:1px solid #3c4a6f;
            border-right:1px solid #3c4a6f;
            color: #fff;
        }
        .navss{
            overflow: hidden;
            background: #d4d4d4;
            width: 1200px;
            margin: 0 auto;
        }
        #mains div{
                overflow: hidden;
            height: auto;
            clear: left;
            /*    width: 890px;border: solid 1px #ccc;*/
            display: none; 
                padding-top: 30px;         
        }
        #mains div.main_bars{
            display: block;
           /* text-indent: 2em;*/
        }
        .nav_bars,.main_bars{
           /* background-color: #ccc*/
        }
.main_bars h2{
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    margin-top: -25px;
    margin-bottom: 40px;
}
.main_bars h3{
        font-size: 36px;
    font-weight: bold;
    text-align: center;
    color: #efefef;
    text-transform: uppercase;
    padding-top: 10px;
}
.main_bars h4{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    background: #dddfe1;
    padding: 20px 0;
    margin-bottom: 0;
}
.main_bars .dsv{
    margin: 0 auto;
    line-height: 30px;
        text-align: center;
    background: #f0f1f2;    font-size: 15px;
}
.about-left{width: 600px;float: left;margin: 0;}
.about-right{width: 580px;float: right;line-height: 25px;margin: 0;}
.main_bars #jieshao{overflow: hidden;    width: 1200px;margin: 25px auto;}
.main_bars #jieshao p{line-height: 30px;text-indent: 2em;    font-size: 15px;}
.mada{    width: 1200px;
    margin: 0 auto;    overflow: hidden;}
#biao img{width: 100%;height: auto;}
#biao{margin-top: 20px;    margin-bottom: 55px;}
/*#mains div:nth-child(2){width: 1200px;margin: 0 auto;}*/
#mains div:nth-child(3){width: 1200px;margin: 0 auto;}
.left { width:293px; float:left; overflow:hidden;}
.right { width:892px; float:left; display:inline; margin-left:15px; overflow:hidden;}

/*副导航*/
.leib2,.leib{ width:287px; height:auto; overflow:hidden; /*border:3px solid #2f318b;*/padding-bottom: 10px; background:#f5f5f7;}
.leib2 .tit,.leib .tit{height: 51px;border-bottom: 1px solid #e9e9e9;padding-top: 15px;text-align: center;font-size: 20px;
 color: #333333;font-family:"宋体",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.leib2 .tit i,.leib .tit i{display: block;font-size: 16px; color: #dfdfdf; font-weight: normal;text-transform: uppercase;  font-style:normal; }
.leib2 .tit a,.leib .tit a{font-size: 20px; color: #333333;font-family:"宋体",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}


.leib2 h1{ height:121px; font:30px "黑体"; font-weight:bold; overflow:hidden; background:#154193;  margin-bottom:20px;padding-left: 30px;}
.leib2 h1 a{ display:block; color:#fff; padding-top:40px; padding-left:12px;}
.leib2 h2 em{ display:block; font:14px "Times New Roman", Times, serif; color:#919bc8; text-transform:uppercase; padding-top:5px;}
.leib2 li{ width:290px; height:50px; margin:0 auto 8px; font:14px "宋体";}
.leib2 li a{ display:block; background:#f2f2f2 url(../images/fen_jt.png) no-repeat 250px center; padding-left:48px; height:50px; 
  color:#fff; line-height:50px;}
.leib2 li a:hover,.leib2 .nr li.cur a{ background:#0928c1 url(../images/fen_jt.png) no-repeat 250px center; text-decoration:none;} 
.leib2 h4{ width:238px; height:48px; margin:10px auto 0; font:14px "宋体"; line-height:48px;
 background:#fff url(Img/Index/jia.gif) no-repeat 235px; voice-family:; padding-left:22px;}
.leib2 h4 a{ color:#fe6001;}
.leib2 h4 a:hover,.leib2 .nr h4.cur a{ color:#212e74;} 
.leib2 ul{ width:290px; margin:0 auto;}
.leib2 li{ font:14px "宋体"; height:47px; line-height:47px; background:url(../images/fen_dot.png) no-repeat 22px 22px;
/*padding-left:40px;*/ border-bottom:1px solid #ddd;}
.leib2 li a{ color:#333;}
.leib2 li a:hover,.leib2 .nr li.cur a{ color:#fff;} 
.leftlx_c h1{
        height: 121px;
    font: 30px "黑体";
    font-weight: bold;
    overflow: hidden;
    background: #154193;
    margin-bottom: 20px;
    display: block;
    color: #fff;
    padding-top: 40px;
    padding-left: 30px;
}
.leftlx_c span{
    font-size: 20px;
    font-weight: bold;
    border-bottom: 3px solid #000;
    padding-bottom: 10px;
    letter-spacing: 20px;
    padding-left: 33px;
}
.leftlx_c p{
    font-size: 28px;
    padding-top: 18px;
    padding-left: 32px;
    color: #144192;
    letter-spacing: 3px;
    font-weight: bold;
}
.leftlx_c{background: #f2f2f2;height: 400px;}
.leftlx_c ul{padding-left: 30px;}
.leftlx_c ul li{line-height: 30px;}
.pro_main h3{font-size: 20px;color: #333;background: #f1f2f2;
    padding: 20px 0;margin: 0;}
#kehu{background:url(../images/bg-about.jpg) no-repeat 10px 5px;    padding-left: 123px;
    line-height: 40px;
    background-size: 890px 485px; }
.news_main h3{font-size: 18px;text-align: left;}
.news_main ul li p{    line-height: 22px;}
.news_main ul li{border-bottom: 1px solid #cecece;padding-bottom: 13px;padding-left: 12px;}

/* -- 当前位置 -- */
.plc,.plc2{
        float: right;
    height: 40px;
    line-height: 24px;
    padding: 7px 8px 8px 30px;
    position: relative;
    color: #666;
    overflow: hidden;
    font-size: 14px;

    padding-bottom: 8px;
    background-size: 7px 28px;
}
.plc span {}
.plc i,.plc2 i,.plc a{ font-style:normal; font-size:14px; color:#666;}

.main_bars h5{font-size: 20px;text-align: center;}
    .main_bars i{
            display: block;
            width: 50px;
            height: 4px;
            background-color: #154193;
            margin: 0 auto;    margin-bottom: 20px;
    }


.my-section ul{ padding-left:4px; list-style:none; width: 1200px;margin: 0 auto;overflow: hidden;}
.my-section ul li{
  /* display:block; */
  position: relative;
  padding-left:12px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
  line-height:2em;
}
.my-section ul li:after {
    content: "";
    background: #ccc;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
}
.sec-intro p{text-indent:2em;}
        .my-section {background:#f1f1f1 url(../images/bg-mountains.jpg) 0 center no-repeat; background-size:cover;
            background-attachment: fixed;overflow: hidden;height: 590px;    padding-top: 70px;}
        .sec-honor {background:url(../images/bg_service.jpg) 0 center no-repeat; background-size:cover;background-attachment: fixed;}
        .my-section ul li{float: left; width:20%; text-align: left;}
        .my-section ul li h3{position: relative; font-size: 16px; font-weight: 700; margin-bottom: 1.6em;    text-align: left;
    color: rgba(0, 0, 0, 0.7); }
        .my-section ul li h3:after{position: absolute; content: "" ;height:3px;width:80px;background: #ccc; left:0; bottom:-14px;}
        .my-section ul li p{font-size: 16px; }

#rongyu{margin-top: 70px;}
/*pages*/ 
.pagination-wrapper{ margin: 20px 0;text-align: center; } 
.pagination{ height: 34px; text-align: center; } 
.pagination li { display: inline-block; height: 34px; margin-right: 5px; } 
.pagination li a{ float: left; display: block; height: 32px; line-height: 32px; padding: 0 12px;
 font-size: 16px; border: 1px solid #dddddd; color: #555555; text-decoration: none; } 
.pagination li a:hover{ background:#154193; color:#fff; } 
.pagination li.thisclass { background: #8dc020; color: #fff; } 
.pagination li.thisclass a,.pagination li.thisclass a:hover{ background: transparent; border-color: #8dc020;
 color: #fff; cursor: default; }

#fengcai ul{width: 1200px;
    margin: 70px auto;
    overflow: hidden;}
#fengcai ul li{width: 24%;float: left;text-align: center;}
#fengcai ul li h3{border-radius: 100%;background: #3c4a6f;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    padding-top: 35px;
    font-size: 26px;
    font-weight: normal;}
#fengcai ul li p{letter-spacing: 3px;    padding-top: 20px;}
#fengcai p img{width: 100%;height: auto;}
.rongyu{overflow: hidden;margin: 40px 0;}
.rongyu li{width: 33%;float: left;text-align: center;}
.rongyu li img{width: auto;height: 240px;}

.xiangqing #xiangqing{
        background: #f2f2f2;
    padding: 20px 0;
    text-align: center;
 }
.xiangqing #xiangqing h3{
        text-align: center;
    font-size: 17px;
    font-weight: bold;
 }
.xiangqing{text-align: center;}
.xiangqing p{line-height: 30px;}

/*内页*/
.main2{width:1200px; margin:10px auto 40px; font-size:14px; overflow: hidden;}
.sider-left{width:260px;float:left;}
.sider-right{width:870px;float:right;    margin-top: 30px;}
.sider-nav{-moz-box-shadow:2px 2px 2px #ccc; -webkit-box-shadow:2px 2px 2px #ccc;box-shadow:2px 2px 2px #ccc;}
.sider-title{/*height:46px;background:url(../images/bg14.jpg) top center repeat-x; text-align:center;padding:12px 0; */
/*    color:#fff;line-height:24px;*/}
.sider-title h2{
        height: 121px;
    font: 30px "黑体";
    font-weight: bold;
    overflow: hidden;
    background: #154193;
    margin-bottom: 0;
    display: block;
    color: #fff;
    padding-top: 40px;
    padding-left: 12px;
}
.sider-nav h3{  font-size:18px;font-weight:normal;  color:#fff;}
.sider-title p{color:#ccc;}
.sider-nav ul{ background:#fff; border:4px solid #006bcd;border-top:none;padding:15px 0; margin-bottom:25px; }

.sider-nav ul li{padding-left:25px; height:36px; line-height:36px;  background:#e2e2e2 url(../images/bg15.jpg) left no-repeat; 
    background-position:200px 9px; margin-bottom:10px;}


.sider-nav h3{  font-size:14px;font-weight:bold;background:#006bcd;  color:#fff;}

.sider-content{/*border:4px solid #006bcd;*/}
.sider-content ul{border:none;}
.sider-content2 h3{/*background:#006bcd;*/}
.sider-content2 ul{margin:0;}



.tel{border:4px solid #006bcd;border-top:none;-moz-box-shadow:2px 2px 2px #ccc; -webkit-box-shadow:2px 2px 2px #ccc;
    box-shadow:2px 2px 2px #ccc; }
.tel h3{  font-size:24px; text-align:center; color:#014baa;height:40px; line-height:40px;}
.tel .tel-content{padding:10px 15px 25px 15px;  box-shadow:2px 2px 5px #ccc;line-height:28px;}

.sr-title{height:38px; line-height:38px; /*background:url(../images/bg16.jpg) left center no-repeat; border:1px solid #ddd;*/}
.sr-title .srt-left{float:left;font-size:16px;padding-left:20px;font-weight:bold; color:#fff;font-family:"SimHei";}
.sr-title .srt-right{float:right; padding-left:25px; background:url(../images/bg14.png) left no-repeat;padding-right:10px;}
.intro{padding-top:20px;}
.about{line-height:30px;}

/*产品中心*/
.product_list{padding:20px 0;}
.product_list ul li{width:395px; float:left; margin:10px 20px; display:inline; text-align:center;}
.product_list ul li img{padding:2px; border:1px solid #ddd;width:390px;height:330px;}
.product_list ul li h3{font-size:17px;font-weight:bold; line-height:24px;margin-top:3px;    padding-top: 25px;}
.pro-wz a.more2{display:inline-block; padding:0 15px; background:#1146BA;color:#fff; margin-top:10px;}


.box3{padding:30px 0;background:url(../images/bg5.jpg) center repeat;}
.box3 .bb3{width:1020px; margin:0 auto;}
.box3 .bb3 .bb3-left{width:260px;float:left;-moz-box-shadow:2px 2px 2px #ccc; -webkit-box-shadow:2px 2px 2px #ccc;box-shadow:2px 2px 2px #ccc;}
.box3 .bb3 .bb3-right{width:730px;float:right; position:relative;}
.box3 .bb3 .bb3-right .bb3-tp{width:230px; position:absolute;right:0; top:75px;}
.box3 .bb3 .bb3-right .bb3-tp ul li{margin-bottom:14px;}
.box3 .bb3 .bb3-right .bb3-tp img{width:230px;height:200px;}
.bb3-title{height:65px; line-height:65px; text-align:center; font-size:27px; font-weight:bold; color:#fff; background:#fb5e18;}
.bb3-content{padding:15px 10px;     background: #f2f2f2;}
.bb3-content h3{font-size:14px; font-weight:bold;  /*background:#fb5e18;*/height:36px; line-height:30px;text-indent:5px;
    margin: 5px 0;    background: url(../images/right222.png) 217px 10px no-repeat;    border-bottom: 2px solid #154193;
    background-size: 15px 10px; }
.bb3-content h3 a{color:#154193;    font-size: 16px;font-weight: bold;}
.bb3-content ul{padding:3px 0; margin-bottom:6px;overflow: hidden;}
.bb3-content ul li{width:46%;float:left; margin-right:2%;height:28px; line-height:28px; font-size:13px; text-indent:5px;}
.bb3-content ul li:hover{background: #999;}
.bb3-content ul li a:hover{color: #fff;}
.sider-left .leftlx_c span{    letter-spacing: 17px;}


/* 垂直居中 */
.small-img{
    display: flex;
    align-items:center;
    justify-content: center;
}
.clearfix:before,
.clearfix:after{
  display: table;
  line-height: 0;
  content: "";
}
.magnifier{
    width: 420px;
    position: relative;float: left;
/*    margin-top: 100px;
    margin-left: 100px;*/
}
.magnifier-container{
    width: 420px;
    height: 420px;
    overflow: hidden;
    position: relative;
/*    border: 1px solid #ddd;*/
}
.move-view{
    width: 100px;
    height: 100px;
    position: absolute;
    background-image: url('../images/move-box.png');
}
.images-cover{
    height: 100%;
    width: 100%;
    position: relative;
}
.images-cover img{
    position: absolute;
}
.magnifier-assembly{
    height: 92px;
    overflow: hidden;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}
.magnifier-btn{
    position: absolute;
    font-family: "宋体";
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -40px;
}
.magnifier-btn span{
    line-height: 80px;
    height: 80px;
    width: 20px;
    background-color: #0088d3;
    color: #fff;
    display: block;
    z-index: 9998;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    border-radius: 3px;
}
.magnifier-btn .magnifier-btn-left{
    float: left;
}
.magnifier-btn .magnifier-btn-right{
    float: right;
}
.magnifier-line{
    position: relative;
    overflow: hidden;
    height: 92px;
}
.magnifier-line ul{
    display: block;
    font-size: 0;
    width: 10000%;
    position: absolute;
    left: 0;
    z-index: 9997;
}
.magnifier-line li{
    float: left;
    width: 90px;
    cursor: pointer;
}
.magnifier-line ul > .active .small-img{
    /*border-color: #bbb;*/
    border: 2px solid #154193;
}
.small-img{
    height: 78px;
    padding: 1px;
    margin: 5px;
    overflow: hidden;
    border: 1px solid #ddd;
    text-align: center;
}
.small-img img{
    max-width: 100%;
    max-height: 100%;
}
.magnifier-view{
    width: 100%;
    height: 100%;
    position: absolute;
    right: -105%;
    top: 0;
    z-index: 9999;
    background-color: #fff;
    display: none;
    overflow: hidden;
}
.magnifier-view img{
    display: block;
}
.animation03{
    transition: all 0.3s ease-in 0.1s;
    -ms-transition: all 0.3s ease-in 0.1s;
    -moz-transition: all 0.3s ease-in 0.1s;
    -webkit-transition: all 0.3s ease-in 0.1s;
    -o-transition: all 0.3s ease-in 0.1s;
}


#dinggou{width: 430px;float: right;}
#dinggou h3{
    font-size: 26px;
    font-weight: bold;
    color: #0088d3;    margin-bottom: 20px;
}
#dinggou p{
        line-height: 30px;
   /* border-top: 1px solid #999;*/
    padding: 10px;    margin-top: 25px;
    margin-bottom: 40px;
}
#dinggou h4{
    font-size: 22px;
    color: #da251c;    padding: 30px 20px;
    font-weight: bold;
    background: #bfbfbf;
    padding: 20px;margin: 0;    margin-bottom: 90px;
}
#dinggou a{
    background: #0088d3;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 25px 167px;
    font-weight: bold;
}
.product_show{overflow: hidden;margin-top: 30px;}




#anli{overflow: hidden;}
#anli ul li{width: 290px;float: left;    padding-left: 5px;}
#anli ul li img{width: 275px;height: 230px;}
#anli ul li p{width: 275px;text-align: center;padding-top: 20px;font-size: 15px;}
#anli ul li a{    padding-left: 107px;    color: #154193;}
#anli h3{
    font-size: 20px;    margin-bottom: 35px;
    font-weight: bold;
    color: #000;   background: url(../images/s1.png) no-repeat 10px 9px;
    background-color: #ccc;padding: 15px 30px;
}

#case ul {overflow: hidden;}
#case{margin-bottom: 60px;}
#case .title{margin: 20px 0;}
#case ul li div{width: 50%;float: left;    background: #154193;height: 400px;}
#case ul li .case-fl img{width: 100%;height: 400px}
#case ul li .case-fr{padding: 85px 190px 0 80px;line-height: 35px;color: #fff;}
#case ul li .case-fr1 img{width: 100%;height: 400px}
#case ul li .case-fl1{padding: 85px 190px 0 80px;line-height: 35px;color: #fff;}

#case1{overflow: hidden;    margin-top: 15px;}
#case1 ul li{width: 290px;float: left;    margin-bottom: 30px;padding-left: 5px;}
#case1 ul li img{width: 275px;height: 230px;}
#case1 ul li p{width: 275px;text-align: center;padding-top: 20px;font-size: 15px;}
#case1 ul li a{    padding-left: 107px;    color: #154193;}

#tooltip{
    position:absolute;
    border:1px solid #ccc;
    background:#333;
    padding:2px;
    display:none;
    color:#fff;
        opacity: 1;
}


.w-1200 .right{margin-top: 20px;}


#contact h3{
    width: 1200px;
    margin: 35px auto;
    line-height: 40px;
    font-size: 20px;
}
#contact p{margin: 0;}
#contact p img{width: 100%;}
#contact ul{overflow: hidden;width: 1200px;margin: 0 auto;}
#contact ul li{width: 50%;float: left;}
#contact ul li p img{width: 25px;margin-right: 10px;}
#contact ul li p{line-height: 40px;}
#contact ul li h4{font-weight: bold;margin-bottom: 30px;}
#contact ul li:nth-child(2){background: #eceef0;}
#contact ul li:nth-child(1){background: #f5f6f8;}
#contact ul li:nth-child(2){padding: 40px 0 40px 50px;}
#contact ul li:nth-child(1){padding: 40px 0 40px 35px;}
#contact ul li{height: 320px;}

.w-1200s{width: 1200px;margin: 0 auto;}

.contact-right label{ display:block; width:490px; overflow:hidden; margin-bottom:8px;font-weight: normal;}
.contact-right span{line-height: 30px;}
.contact-right input{ display:block; float:right; width:420px; border:none; background:none; outline:none; height:35px;
 line-height:35px; font-size:13px; /*color:#fff;*/border:1px solid #e1e1e1;     background: #fff;}
.contact-right input::-webkit-input-placeholder {color:#999;}
.contact-right input::-moz-input-placeholder {color:#999;}
.contact-right input::-ms-input-placeholder {color:#999;}
.contact-right textarea{ display:block; float:right; width:420px; border:none; outline:none; height:106px; 
  line-height:35px; font-size:13px; /*color:#999;*/ resize:none;border:1px solid #e1e1e1;    background: #fff;}
.contact-right textarea::-webkit-input-placeholder {color:#999;}
.contact-right textarea::-moz-input-placeholder {color:#999;}
.contact-right textarea::-ms-input-placeholder {color:#999;}
.contact-right p{margin-top: 30px;}
.contact-right p a{
    padding: 10px 172px;
    background: #da251c;
    color: #fff;
}
.contact-right #form p{margin-right: 60px;}
.contact-right #form p input{
        padding: 20px 185px;
    background: #8cc421;
    color: #fff;
    line-height: 1px;
}


/*主体列表*/
.selected-solution .solution-cardlist{max-width:1200px;margin:20px auto 0}
.swiper-slide,.swiper-wrapper{!important}
.selected-solution .solution-cardlist .col-sm-4{padding:0 10px;top:0;transition:all .15s linear;/*box-sizing:border-box*/z-index: -1;}
.selected-solution .solution-cardlist .col-sm-4 .solution-card{height:400px;/*background:#fff;*/border-radius:6px;text-align:left;
    overflow:hidden;transition:all .15s linear}
/*.selected-solution .solution-cardlist .col-sm-4:hover{position:relative;top:-20px;transition:all .25s linear}
.selected-solution .solution-cardlist .col-sm-4:hover .solution-card{height:450px;box-shadow:0 10px 40px 0 rgba(0,0,0,.1);
    transition:all .2s linear}*/
.selected-solution .solution-cardlist .col-sm-4 .solution-card img{width:auto;height:200px;transition:all .2s linear;z-index: 999;}
.selected-solution .solution-cardlist .col-sm-4 .solution-card h3{margin:20px 30px 10px;font-size:18px;color:#252b3a;
    letter-spacing:.65px;text-align:left}
.selected-solution .solution-cardlist .col-sm-4 .solution-card p{margin:0 30px;padding-bottom:30px;font-size:14px;color:#666a75;
    letter-spacing:.51px}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl{margin:0 30px;overflow:visible}
.cf:after,.cf:before{content:" ";display:table;line-height:0}
.cf:after{clear:both}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt{margin-bottom:10px;font-size:14px;color:#252b3a;
    letter-spacing:.51px;line-height:19px;position:relative}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt:before{position:absolute;display:inline-block;
    left:-8px;top:7px;content:'';vertical-align:middle;width:4px;height:4px;border-radius:50%;background:#252b3a}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dd{float:left;width:50%;margin-bottom:6px;font-size:12px;
    color:#a0a2a8;letter-spacing:.44px;line-height:20px}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span{margin:20px 30px 0;font-size:14px;display:inline-block;
    color:#666a75;letter-spacing:.51px;line-height:22px;opacity:0;transition:opacity .15s linear}
.selected-solution .solution-cardlist .col-sm-4:hover .solution-card>span{opacity:1;transition:opacity .2s linear 50ms}
/*了解更多*/
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span{display:inline-block;vertical-align:middle}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span.arrow-f{width:13px;height:13px;
    background:url(../images/marketplace-selected-arrow0.svg);display:inline-block;vertical-align:middle;margin-left:5px;
    position:relative;transition:.3s ease-out}
/*.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover{color:#e6c16c}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover span.arrow-f{transform:translate(4px,0);*/
    background:url(../images/marketplace-selected-arrow2.svg)}
/*重置swiper*/
.swiper-container-horizontal>.swiper-pagination-bullets.solution-pagination{bottom:15px}
.solution-pagination .swiper-pagination-bullet{width:24px;height:4px;border-radius:100px;overflow:hidden;background:#929292;
    border:none;cursor:pointer;content:'';display:inline-block;box-sizing:border-box;opacity:1;vertical-align:middle}
.solution-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#f66f6a;box-sizing:border-box}
.swiper-container-solution .swiper-button-prev{left:0;width:14.5px;height:30px;margin-top:1;
    background-image:url(../images/marketplace-home-arrow_big.svg);background-size:cover;transition:background-image .15s}
.swiper-container-solution .swiper-button-next{right:0;width:14.5px;height:30px;margin-top:1;
    background-image:url(../images/marketplace-home-arrow_big.svg);transform:rotate(180deg);background-size:cover;
    transition:background-image .15s}
/*.swiper-container-solution .swiper-button-next:hover,.swiper-container-solution .swiper-button-prev:hover{
    background-image:url(../images/marketplace-home-arrow_big_hover.svg);transition:background-image .2s}*/

.selected-solution .solution-cardlist .col-sm-4 .solution-card{height: 200px;text-align: center;z-index: -999;}
/*.selected-solution .solution-cardlist .col-sm-4:hover .solution-card{height:200px;box-shadow:0 10px 40px 0 rgba(0,0,0,.1);}*/
.swiper-container-horizontal>.swiper-pagination-bullets.solution-pagination {
    bottom: 40px;
}
.swiper-slide{height: 220px;}
.swiper-container-solution{width: 1200px;margin: 0 auto;height: 300px;}
.selected-solution .solution-cardlist .col-sm-4 .solution-card a{z-index: 999;}
.selected-solution{height: 300px;}
.swiper-container{height: 300px;}


.box{ width:1200px; margin:0 auto; position:relative; overflow:hidden; _height:100%;}
.box h3{
    font-size: 20px;    margin-bottom: 35px;
    font-weight: bold;
    color: #000;   background: url(../images/s1.png) no-repeat 10px 9px;
        border-bottom: 1px solid #999;padding: 15px 30px;
}
.box ul li p{width: 390px;text-align: center;padding-top: 10px;font-size: 15px;}
.box ul li a{color: #154193;}
.box2 p{line-height: 30px;}

/*@media screen and (min-width: 1800px) and (max-width: 1900px){
    .yingyong{    background: url(../images/l1.jpg) -40px 150px no-repeat;}
}

@media screen and (min-width: 1700px) and (max-width: 1800px){
    .yingyong{    background: url(../images/l1.jpg) -90px 134px no-repeat;}

}

@media screen and (min-width: 1600px) and (max-width: 1700px){
    .yingyong{    background: url(../images/l1.jpg) -130px 134px no-repeat;}

}

@media screen and (min-width: 1500px) and (max-width: 1600px){
    .yingyong{    background: url(../images/l1.jpg) -180px 150px no-repeat;}
}

@media screen and (min-width: 1400px) and (max-width: 1500px){
    .yingyong{    background: url(../images/l1.jpg) -230px 150px no-repeat;}

}

@media screen and (min-width: 1300px) and (max-width: 1400px){
    .yingyong{    background: url(../images/l1.jpg) -280px 150px no-repeat;}

}

@media screen and (min-width: 1200px) and (max-width: 1300px){
    .yingyong{    background: url(../images/l1.jpg) -320px 150px no-repeat;}

}*/


.news-list{
  width:1200px;
  overflow:hidden;
  margin: 0 auto;
}
.news-list li{
  width:1200px;
  padding:20px 0;
  overflow:hidden;
    background: #f4f6f7;
}
.news-list .news1 img{
  width:335px;
  height:155px;
/*  border:3px solid #69aae4;*/
  float:left;
  margin-right:20px;
}
/*.news-list li img:hover{
  border:3px solid #69aae4;
}*/
.news-list li strong{
  font-size:16px;
  line-height:40px;
  display:block;
}
.news-list li span{
  font-size:12px;
  font-family:"宋体";
  line-height:30px;
  color:#999;
}
.news2{width: 825px;    padding: 0 10px 0 0;}
.date{
        margin-left: 20px;
    margin-top: 30px;
    color: #999;
 }
.more3{
        margin-top: 30px;
    background: #3c4a6f;
    color: #fff;
    padding: 10px 30px;
        margin-right: 30px;   
}
.biaoti{
    border-bottom: 1px solid #999;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.news-show p{line-height: 30px;}


.n-news{  
  width:870px;
      margin-top: 10px;
    overflow: hidden;  
}
.n-news li{
  background: url(../images/a-n.gif) no-repeat 0px 18px;
  font-size:14px;
  width:860px;
  height:40px;
  padding:10px 0 0 20px;
  border-bottom:1px dashed #e4e4e4; 
}
.n-news li a{
  font-size:14px;
  
}
.n-news li span a{
     display: inline-block;
    border: 1px solid #029adb;
    padding: 0 10px;
    line-height: 24px;
    height: 28px;
    border-radius: 5px;
    padding-right: 30px;
    background-position: right center;
    background-repeat: no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #029adb;
    float: right;
    background: url(../images/download.jpg) no-repeat 40px 2px;
    background-size: 21px;  
}