@charset "utf-8";  
@font-face{font-family: 'SHSC-R';src : url('../fonts/SourceHanSansCN-Regular.otf');}
@font-face{font-family: 'SHSC-M';src : url('../fonts/SourceHanSansCN-Medium.ttf');}
@font-face{font-family: 'SHSC-B';src : url('../fonts/SourceHanSansCN-Bold.otf');}
html{padding: 0;margin:0;font-size: 14px;}
body{font-family:"Microsoft YaHei", Arial;font-size: 16px;padding: 0;margin:0;}
div,a,li,img,p,span,ul,li,em,i,tr,td,th,dl,dt,dd{padding: 0;margin:0;}
h1,h2,h3,h4,h5{padding:0;margin:0;color:#333333;}
li{list-style: none;}
a{text-decoration: none;color:#333333;}
a:hover{text-decoration: none;color:#2e57a5;}
a:focus{outline: none;text-decoration: none;color:#2e57a5;}
 
.clear{clear: both;}
.clearfix:after{
  content: '';
  display: block;
  clear: both;
}
.fl{float: left;}
.fr{float: right;}
.scale11{display: block;overflow: hidden;}
.scale11 img{transition: all 0.3s ease-out;}
.scale11 img:hover{transition: all 0.3s ease-out;transform: scale(1.1);}
/*导航*/
nav{height: 110px;}
.navbar-header{padding:15px 0;}
.navbar-inverse{ background-color:rgba(255,255,255,0.8);border:none;position: fixed;z-index: 9999;width: 100%;top:0;}
.navbar-inverse .navbar-nav{float: right; padding: 0; }
.navbar-brand{padding:0; height: auto;margin-left:0 !important;}
.navbar-brand>img{height: 80px;} 
.navbar-inverse .navbar-nav> li{ text-align: center; position: relative;padding:0px 8px;}
.navbar-inverse .navbar-nav> li> a {  
  line-height: 110px; 
  height: 110px;
  padding:0 15px;
  display: block; 
  font-size: 16px;   
  color:#272727;  
  background-color:transparent;
  border-bottom:2px solid transparent;
} 
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{}
.navbar-inverse .navbar-nav>li> a:hover,
.navbar-inverse .navbar-nav>li.active>a,
.navbar-inverse .navbar-nav>.active>a:hover{
  color: #2e57a5;
  border-bottom: none;
  background-color:transparent;
  border-bottom:2px solid #2e57a5;
}
 
.navbar-inverse .navbar-collapse { border-color: transparent;box-sizing: border-box;}
.navbar {margin-bottom: 0px;/*border-bottom: 1px solid #ddd;*/ }
 
.navbar-r{width: 80px;float: right; margin-left: 100px;}
.navbar-r .b-phone{ width: 40px;float: left;height: 110px;background:url(../images/top-tel.png) center center no-repeat;cursor: pointer;} 
.navbar-r .b-search { width: 40px;float: left;height: 110px;background:url(../images/top-search.png) center center no-repeat;cursor: pointer;}

.user{float:right;width:40px;padding:30px 0; }
.user a{display:block;width:30px;height:30px; margin:auto;text-align:center;padding:3px;}
.user img{width:22px;height:22px;}
.user span{display:none;}


.s-search span {display: block;float: left;width: 90px;/*height: 42px;*/background: url(../images/down-icon.png) no-repeat 75px center #f5f5f5;cursor: pointer;position: relative; }
.s-search span div { float: left;padding: 0 20px 0 16px;text-align: center;height: 42px;line-height: 42px;font-size: 14px;color: #4c4c4c;position: relative; width: 100%;}
.s-search span ul {display: none;position: absolute;left: -1px;top: 42px;background: #f5f5f5;border: 1px solid #2e57a5;border-top: 0 none; width: 91px;height: auto;z-index: 9;}
.s-search span ul li { float: left;width: 100%;text-align: center;height: 33px;line-height: 38px;font-size: 12px; color: #4c4c4c;}
.s-search span ul li:hover{background-color: #fff;}
.s-search .search {float: left; width: 166px;height: 42px;background: none;border: none;line-height: 22px;padding: 10px;color: #333;font-size: 14px;outline:none;}
.s-search .sear_sub { width: 53px;height: 42px;border: none;background: url(../images/search.png) center no-repeat #2e57a5;background-size: 18px 18px;cursor: pointer; position: absolute;right: 0;top: 0;}
.s-search .sear_sub input {width: 100%;position: absolute;left: 0;top: 0; height: 100%;cursor: pointer;opacity: 0;outline:none;}

/*.alertBox{position:fixed;width:500px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #ccc;z-index:999;background:#fff;}
.alertBox .close{opacity:1;width:25px;height:25px; right:5px;top:5px;padding:2px;position:absolute;}
.alertBox .close img{display:block;}
.alertBox .alert-head{border-bottom:1px solid #ccc;padding:30px 30px 10px 30px;}
.alertBox .alert-head h3{font-size:22px;}
.alertBox .alert-body{padding:40px 30px;}
.alertBox .alert-body form{max-width:360px;margin:auto;}
.alertBox .alert-body .input-item{margin-bottom: 20px;position: relative;height: 40px;border:1px solid #999999;}
.alertBox .alert-body .input-item img{position:absolute;width: 16px;height: 16px;top:7px;left:8px;}
.alertBox .alert-body .input-item input{width: 100%;height: 100%; border:none;padding-left:30px; }
.alertBox .alert-body .input-item.input-code input{width: 75%;float: left;}
.alertBox .alert-body .input-item.input-code button{width: 25%; float: right;font-size: 14px;border:none;background-color: #378bc4;color:#fff;height: 100%;}
.alertBox .alert-body .input-button{padding-top: 20px; }
.alertBox .alert-body .input-button button{background-color: #378bc4;color:#fff;height: 44px;width: 100%;border:none;font-size: 18px;}
*/
/*banner*/
.banner {
}
/*.banner img{object-fit:cover;}  */
/*#bannerCarousel .carousel-inner>.item>a>img{max-width: none;width: 100%; } 
#bannerCarousel .carousel-indicators{bottom: 10px;margin-bottom:0;}
.carousel-indicators li{border:none;margin:1px 3px;background-color: #fff; }
.carousel-indicators .active{width: 10px;height: 10px;margin:1px 3px;background-color: #008cd6; } 
*/
#bannerCarousel .carousel-control{}
#bannerCarousel .carousel-control.left{background:url(../images/left-icon.png) center center no-repeat;}
#bannerCarousel .carousel-control.right{background:url(../images/right-icon.png) center center no-repeat;}


.neibanner{position: relative;}
.neibanner img{width: 100%;display: block;}  
.neibanner .contbox{position: absolute;height: 100%; top:0;left:50%;transform:translateX(-50%);}
.neibanner .contbox .txt{position: absolute;color:#fff;top:50%;transform:translateY(-50%);left: 0px;right: 0px;margin: auto;text-align: center;}
.neibanner .contbox .txt h2{color:#fff;font-size: 50px;}
.neibanner .contbox .txt p{color:#fff;font-size: 20px;margin-top: 15px;}
.neibanner .contbox .column{position: absolute;bottom:1px;right:0;}
.neibanner .contbox .column li{float: left;line-height: 40px;margin-left: 1px;}
.neibanner .contbox .column li a{display: block;background-color: #fff;padding:0 30px;font-size: 14px;}
.neibanner .contbox .column li.active a{background-color:#020a2f;color:#fff; }


/*底部*/
.footer{}
.footer .foot-top{padding:50px 0;border-bottom: 1px solid #ccc;background-color: #242021; }
.footer .foot-top .item{float: left;padding:0 15px;width: 15%;}  
.footer .foot-top .item h3{font-size: 20px;line-height: 30px;margin-bottom: 15px; color:#ffffff; position: relative;border-bottom: 1px solid #454242;padding-bottom: 15px;} 
.footer .foot-top .item h3:after{display: block;content:"";width: 50px;height: 3px;background-color: #5d91f5;position: absolute;left:0;bottom: -2px;}
.footer .foot-top .item p{font-size: 16px;line-height: 24px; color:#918f90;position: relative;padding:3px 0 3px 20px; }
.footer .foot-top .item.item-contact p{position: inherit;padding:3px 0 3px 0px;;}
.footer .foot-top .item p:after{content:"";display: block;width:4px;height: 4px;border-radius: 2px;background-color:#918f90;position: absolute;left:0;top:0;margin-top: 13px;}
.footer .foot-top .item a{color:#918f90;} 
.footer .foot-top .item-contact{width: 25%; }  


.footer .foot-bot{ color:#898989; padding:20px 0; font-size: 14px; line-height: 24px; } 
.footer .foot-bot .copyright{ float: left; line-height: 24px;}
.footer .foot-bot .copyright a{color:#898989; } 
.footer .foot-bot .copyright a:hover{color:#898989;}
.footer .foot-bot .media{float: right;width: 150px;margin:0;}
.foot-bot .media li{float: left;padding:0 10px;}
.foot-bot .media li a{background-color: #e1e1e1;color:#616161;font-size: 12px; text-align: center; display: block; width: 24px;height: 24px;border-radius: 12px;}
.foot-bot .media li a:hover{color: #2e57a5;}
 
/******index*****/
.index-section{padding:80px 0; } 
.index-head{text-align: center;margin-bottom: 50px;} 
.index-head h2{ font-size: 36px; display: inline-block;padding-left: 30px;background:url(../images/index-head.png) left center no-repeat; font-weight: bold;}
 
.probox {background:url(../images/proboxbg.jpg) center center no-repeat;padding:150px 0 0 0; }
.probox .proleft{width: 320px;float: left;color:#fff; }
.probox .proleft h2{font-size: 36px;font-weight: bold;color:#fff;margin-bottom: 30px;}
.probox .proleft h4{font-size: 18px;color:#fff; }
.probox .proleft .tit{font-size:100px; color:#fff;}
.probox .proleft .pic img{width:260px;margin-left: -15px;}
.probox .prolist{margin-left: 340px;}
.probox .prolist ul{}
.probox .prolist ul li{ }
.probox .prolist ul li a.box{display: block;background-color: #cbd8f1;}
.probox .prolist ul li .h{height: 60px;border-bottom: 1px solid #b1bfd8;}
.probox .prolist ul li .h span{display: block;float: left;width: 70%;height: 60px;line-height: 60px;font-size: 28px;color:#000;padding:0 30px;}
.probox .prolist ul li .h i{display: block;float: left;width: 30%;height: 60px;border-left: 1px solid #b1bfd8;background: url(../images/img01.png) center center no-repeat;}
.probox .prolist ul li .b{padding:25px 15px;}
.probox .prolist ul li .b h4{font-size: 28px;color:#000;font-weight: bold;padding-left:15px;margin-bottom: 15px;}
.probox .prolist ul li .b img{max-width: 100%;}
.probox .prolist ul li .b p{color:#333;text-align:center;font-size:18px;font-weight: bold;margin-bottom:10px;}
.probox .prolist ul li a.box:hover .h i{ background:#4a7bd9 url(../images/img02.png) center center no-repeat;}

.aboutbox{background:#f6f7fb url(../images/aboutbox_bg.jpg) bottom center no-repeat;}
.aboutbox .content{background: url(../images/factories.png) left bottom 30px no-repeat;text-align: center;}
.aboutbox .content .txt{max-width: 800px;line-height: 30px;margin:auto;}
.aboutbox .content .pic{margin-bottom: 30px;}
.aboutbox .content .pic img{max-width: 100%;margin-top: 30px;}

.zlglbox{background: url(../images/zlglbox_bg.jpg) top center no-repeat;}
.zlglbox .index-head h2{color:#fff;background:url(../images/index-head1.png) left center no-repeat; }
.zlglbox .content{color:#fff;text-align: center;line-height: 2em;}
.zlglbox .content p em{color:#f5c128;font-size: 22px;font-style:normal;}

.newsbox{ } 
.newsbox .newsl{float: left;width: 45%;padding-right: 20px;}
.newsbox .newsl ul li{border-bottom: 1px solid #ccc;padding-bottom:20px;margin-top: 20px;}
.newsbox .newsl ul li:nth-child(1){margin-top:0;}
.newsbox .newsl ul li .pic{float: left;width: 120px;}
.newsbox .newsl ul li .pic img{width: 100%;}
.newsbox .newsl ul li .txt{margin-left: 140px;}
.newsbox .newsl ul li .txt p{max-height: 60px;line-height: 30px;margin-bottom: 10px;font-size: 18px;}
.newsbox .newsl ul li .txt span{display: block;line-height: 20px;font-size: 14px;color:#aaaaaa;}
.newsbox .newsr{float: left;width: 55%;padding-left: 20px;}
.newsbox .newsr ul li .pic{ }
.newsbox .newsr ul li .pic img{width: 100%;}
.newsbox .newsr ul li .txt{padding:25px 30px;background-color: #f4f4f4;}
.newsbox .newsr ul li .txt h4{font-size: 20px;line-height: 30px;margin-bottom: 15px;height: 60px;overflow:hidden;}
.newsbox .newsr ul li .txt a:hover h4{color:#2e57a5;}
.newsbox .newsr ul li .txt p{line-height: 24px;font-size: 14px;height:72px;overflow:hidden;}
.newsbox .newsr ul li .txt .icon{margin-top: 10px;}
.newsbox .newsr ul li .txt .icon img{width:40px;}


 
.appbox{overflow: hidden;}
.appbox .content {width: 1320px;margin: 0 auto;position: relative;} 
.appbox .content .app_con {position: relative;}
.appbox .content .app_con .btnl {position: absolute;}
.appbox .content .app_con .btn {display: block;width: 60px;height: 72px;position: absolute;top: 50%;transform:translateY(-50%); cursor: pointer;background-color:rgba(0,0,0,0.5);background-repeat: no-repeat;background-position: center;z-index: 999; opacity: 0.5;}
.appbox .content .app_con .btnl {background-image: url(../images/left1.png); left: -72px;}
.appbox .content .app_con .btnr {background-image: url(../images/right1.png);right: -72px;}
.appbox .content .app_con .btn:hover {opacity: 1;} 
.appbox .content .app_con .conbox {position: relative;/*overflow: hidden;*/height: 510px;}
.appbox .content .app_con .conbox ul {position: relative;list-style: none;float: left;}
.appbox .content .app_con .conbox ul li {float: left;width: 420px; margin-left: 30px;overflow: hidden;}
.appbox .content .app_con .conbox ul li:first-child {margin-left: 0;}
.appbox .content .app_con .conbox ul li img {display: block;width: 100%;transition: all 0.5s;}
.appbox .content .app_con .conbox ul li:hover img {transform: scale(1.1);}
.appbox .content .app_con .conbox ul li a{overflow: hidden;display: block;position: relative;}
.appbox .content .app_con .conbox ul li a p{position: absolute;width: 100%;bottom: 30px;font-size: 30px;text-align: center;color:#fff;}
.appbox .content .app_con .conbox ul li:nth-child(n+4){opacity: 0.3;}

.appbox .content .BoxSwitch {margin-top: 30px;text-align: center;}
.appbox .content .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 24px;height: 24px;border-radius: 50%;padding:4px; margin: 0 5px;cursor: pointer;border:1px solid transparent;}
.appbox .content .BoxSwitch span:after{content:"";display: block;width: 100%;height: 100%;background-color: #ccc;border-radius: 50%;}
.appbox .content .BoxSwitch span.cur {border:1px solid #2e57a5;}
.appbox .content .BoxSwitch span.cur:after{background-color: #2e57a5;}

.quality{padding:60px 0; }
.quality .flex{display: flex;}
.quality .leftbox{flex:0 1 300px;}
.quality .leftbox .menu-list{background-color: #f2f2f2;padding:15px 0;}
.quality .leftbox .menu-list a{line-height: 50px;padding:0 20px;display: block;}
.quality .leftbox .menu-list a:hover,.quality .leftbox .menu-list a.active{background-color: #2e57a5;color:#fff;} 
.quality .rightbox{flex:1;margin-left: 40px;}
.quality .rightbox .title{font-size: 20px;font-weight:bold;margin-bottom: 20px;}
.quality .rightbox .cont{margin-bottom: 20px;}
/*.quality .item{padding:80px 0;}
.quality .item:nth-child(even){background:#f5f5f5;}
.quality .item .title{text-align:center;margin-bottom:30px;}
.quality .item .title h3{font-size:36px;font-family:"SHSC-M"}
.quality .item .cont img{max-width:100%;}*/
.quality .imglist{}
.quality .imglist ul li{margin-bottom:30px;}
.quality .imglist ul li img{width:100%;border:1px solid #ddd;}

/*about*/
.about{padding-top: 80px;padding-bottom: 80px;}
.about .aboutl{float: left;width: 50%;padding-right: 30px;}
.about .aboutl img{max-width: 100%;}
.about .aboutl .h{border-bottom: 1px solid #ccc;padding-bottom: 40px;}
.about .aboutl .h h2{font-size: 40px;color:#000;}
.about .cont{padding:40px 0;line-height: 36px;color:#888888;}
.about .aboutr{float: left;width: 50%;padding-left: 30px;padding-top: 85px;}
.about .aboutr img{max-width: 100%;}

/*contact*/
.contact{padding:80px 0;}
.contact .title{border-bottom: 1px solid #ccc;padding-bottom: 40px;}
.contact .title h2{font-size: 40px;color:#000;}
.contact .cont{padding: 50px 0;}
.contact .cont .qrcode{float: right;width: 360px;height: 360px; padding:70px;text-align: center; background-color: #7492c6;margin-right: 30px;}
.contact .cont .qrcode img{max-width: 100%;}
.contact .cont .qrcode p{margin-top: 10px;line-height: 24px;color:#fff;}
.contact .cont .u-content{color:#000;line-height: 30px;min-height: 360px;}
.contact .cont .u-content h4{margin:20px 0;font-size: 24px;color:#000;}
.contact .map{margin:30px 0;height: 500px;}
/*.contact .map img{width: 100%;}*/

.news{padding:80px 0;}
.news .title{border-bottom: 1px solid #ccc;padding-bottom: 40px;}
.news .title h2{font-size: 40px;color:#000;}
.news .content{padding: 30px 0;}
.news .content ul{}
.news .content li{padding:30px 0;border-bottom: 1px solid #ccc;}
.news .content li .box{padding:10px 0;transition: all 0.5s linear;}
.news .content li .pic{float: left;width: 400px;border:1px solid #ccc;padding:10px;background-color: #fff;}
.news .content li .pic img{width: 100%;}
.news .content li .cont{margin-left: 440px;padding-top: 30px;}
.news .content li .cont h4{font-size: 22px;line-height: 30px; height: 60px;margin-bottom: 10px;}
.news .content li .cont p{line-height:30px;height: 120px; margin-bottom: 10px;overflow: hidden;}
.news .content li .cont .more{}
.news .content li .cont .more a{display:inline-block;padding:0 30px;line-height: 32px;background-color: #7492c6;color:#fff;border-radius: 16px;font-size: 14px;}
.news .content li:hover .box{background-color: #2e57a5;transition: all 0.5s linear;}
.news .content li:hover{color:#fff;transition: all 0.5s linear;}
.news .content li:hover .cont a{color:#fff; }

.newsshow {padding:50px 0;}
.newsshow .news-head{text-align: center;margin-bottom: 30px;border-bottom: 1px solid #ccc;}
.newsshow .news-head h3{font-size: 24px; color: #444; line-height: 40px; }
.newsshow .news-head p{line-height: 30px;margin-top: 10px;margin-bottom: 10px;}
.newsshow .news-head p span{margin:0 15px;display: inline-block;font-size: 14px;}

.yyly{padding:80px 0;}
.yyly .title{border-bottom: 1px solid #ccc;padding-bottom: 40px;}
.yyly .title h2{font-size: 40px;color:#000;}
.yyly .yyly1{padding: 30px 0;}
.yyly1 img{margin:10px;}
.yyly .app1{}

.yyly .yyly2{ width:100%; float:left; margin-top:61px;}
.yyly .yyly2 .hd{ width:100%; float:left; text-align:center;}
.yyly .yyly2 .hd li{ display:inline-block; vertical-align:top; width:120px; height:120px; line-height:100px; padding:10px; text-align:center; background:#8d8e92; margin:0 48px; cursor:pointer; position:relative;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.yyly .yyly2 .hd li span{ display:inline-block; vertical-align:middle; width:100%; color:white; font-size:16px; line-height:22px;}
.yyly .yyly2 .hd li:before{ content:'';width: 0;  height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 10px solid #7492c6; position:absolute; left:50%; bottom:-8px; margin-left:-15px; display:none;}
.yyly .yyly2 .hd li.on:before{ display:block;}
.yyly .yyly2 .hd li.on,.yyly .yyly2 .hd li:hover{ background:#7492c6;}
.yyly .yyly2 .bd{ width:100%; float:left; margin-top:45px;}
.yyly .yyly2 .bd ul{ width:100%; float:left; overflow:hidden;}
.yyly .yyly2 .bd ul .js{ width:100%; /*float:left; */display: table;background:white; position:relative;}
.yyly .yyly2 .bd ul .js ul{ width:65%;float:none;display: table-cell; background:#f6f6f6;vertical-align: middle; /*max-height:104px; overflow-y:auto;*/padding:40px 0 40px 70px;}
.yyly .yyly2 .bd ul .js ul::-webkit-scrollbar {
background:color(#fff);
width:3px
}

.yyly .yyly2 .bd ul .js ul::-webkit-scrollbar-thumb {
background: rgba(0,0,0,0.2);
}
.yyly .yyly2 .bd ul .js ul::selection {
  color: rgba(0,0,0,0.2);
  -webkit-text-fill-color: rgba(0,0,0,0.2);
     -moz-text-fill-color: rgba(0,0,0,0.2);
          text-fill-color: rgba(0,0,0,0.2);
  
}
.yyly .yyly2 .bd ul .js ul::-moz-selection {
color:rgba(0,0,0,0.2);
-webkit-text-fill-color:rgba(0,0,0,0.2)
}
.yyly .yyly2 .bd ul .js li{ width:100%; float:left; font-size:16px; color:#333; line-height:30px; letter-spacing:1px; padding-left:20px; position:relative; margin-top:6px;}
.yyly .yyly2 .bd ul .js li:before{ content:''; width:8px; height:8px; position:absolute; left:0; top:50%; background:#7492c6; margin-top:-4px; border-radius: 50%;}
.yyly .yyly2 .bd ul .js .tab{ float:none;display: table-cell; width:35%; border-left:solid 2px #ffffff;background:#f6f6f6;padding:40px 70px 40px 0;vertical-align: middle;}
.yyly .yyly2 .bd ul .js .tab h5{ width:300px; float:right; margin-top:20px; background:#ffffff; text-align:center; height:44px; font-size:16px; color:#666; line-height:42px; letter-spacing:1px; overflow:hidden;
-moz-border-radius:21px; 
-webkit-border-radius:21px; 
-khtml-border-radius:21px;
border-radius:21px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.yyly .yyly2 .bd ul .js .tab h5 a{display:block;}
.yyly .yyly2 .bd ul .js .tab h5:hover a{color:white;}
.yyly .yyly2 .bd ul .js .tab h5:hover{ background:#7492c6; color:white;}
.yyly .yyly2 .bd ul .js .tab h5:first-child{ margin-top:0;}
@media screen and (max-width:1199px) {
.yyly .yyly2 .hd li{ margin:0 24px;}
}
@media screen and (max-width:991px) {
.yyly .yyly2{ margin-top:30px;}
.yyly .yyly2 .hd li{ margin:0 12px; width:100px; height:100px; line-height:90px; padding:5px;}
.yyly .yyly2 .hd li span{ font-size:14px; line-height:20px;}
.yyly .yyly2 .bd{ margin-top:23px;}
.yyly .yyly2 .bd ul .js ul{ max-height:none;}
.yyly .yyly2 .bd ul .js{ padding:20px 40px 20px 40px;}
.yyly .yyly2 .bd ul .js .tab h5{ width:200px; font-size:14px;}
.yyly .yyly2 .bd ul .js li{ font-size:14px; letter-spacing:0px; padding-left:16px;}
}
@media screen and (max-width:767px) {
.yyly .yyly2{ margin-top:15px;}
.yyly .yyly2 .hd li{ margin:0 2px; width:60px; height:60px; line-height:50px;
-moz-border-radius:10px; 
-webkit-border-radius:10px; 
-khtml-border-radius:10px;
border-radius:10px;}
.yyly .yyly2 .hd li:before{ border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 4px solid #7492c6; bottom:-3px; margin-left:-6px;}
.yyly .yyly2 .hd li span{ font-size:10px; line-height:12px; word-break:break-all;}
.yyly .yyly2 .bd{ margin-top:12px;}
.yyly .yyly2 .bd ul .js{ padding:10px 20px;}
.yyly .yyly2 .bd ul .js .tab,.yyly .yyly2 .bd ul .js ul{ width:100%; border-left:0;}
.yyly .yyly2 .bd ul .js .tab h5{ width:100%; font-size:14px; height:32px; line-height:32px; margin-top:5px;}
.yyly .yyly2 .bd ul .js li{ font-size:12px; padding-left:12px; line-height:24px;}
.yyly .yyly2 .bd ul .js li:before{ width:3px; height:3px; margin-top:-1.5px;}
}

.yyly .yyly2 .bd ul .yyly2Body{ width:100%; float:left; margin-top:53px; margin-bottom:38px; position:relative; overflow:hidden;background-color: #f6f6f6;padding-top:40px;}
 
.yyly .yyly2 .bd ul .yyly2Body .bds{ width:100%; float:left; margin-bottom:42px; padding-left:40px;padding-right: 40px;}
.yyly .yyly2 .bd ul .yyly2Body .bds .dt{ width:100%; float:left; font-size:32px; color:#333; line-height:36px; font-weight:normal; letter-spacing:1px; margin-bottom:24px; position:relative;}
/*.yyly .yyly2 .bd ul .yyly2Body .bds .dt img{ position:absolute; left:-46px; top:0; width:36px;}*/
.yyly .yyly2 .bd ul .yyly2Body .bds ul{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
align-items: flex-start;}
.yyly .yyly2 .bd ul .yyly2Body .bds ul li{ width:100%; float:left; padding-left:27px; position:relative; font-size:16px; color:#333; line-height:36px; letter-spacing:1px;}
.yyly .yyly2 .bd ul .yyly2Body .bds ul li:before{ content:''; width:8px; height:8px; background:#7492c6; position:absolute; left:13px; top:15px; border-radius: 50%;}
.yyly .yyly2 .bd ul .yyly2Body .bds ul li.l1{ width:50%;}
.yyly .yyly2 .bd ul .yyly2Body .bds .imgslide {text-align: center;}
.yyly .yyly2 .bd ul .yyly2Body .bds .imgslide img{max-width: 100%;}
.yyly .yyly2 .bd ul .yyly2Body .bds .lingyucon{line-height: 30px;}
.yyly .yyly2 .bd ul .yyly2Body .bds .table{ width:100%; float:left; margin-top:34px; overflow:hidden; }
.yyly .yyly2 .bd ul .yyly2Body .bds .table .tr{ width:100%; float:left; text-align:center; background:#7492c6;}
.yyly .yyly2 .bd ul .yyly2Body .bds .table .td1{ width:50%;}
.yyly .yyly2 .bd ul .yyly2Body .bds .table .tr .td1{ height:54px; float:left; line-height:54px; font-size:24px; color:white; letter-spacing:1px;}
.yyly .yyly2 .bd ul .yyly2Body .bds .table .td{ width:100%; float:left;  }
.yyly .yyly2 .bd ul .yyly2Body .bds .table .td table{ width:100%; float:left; text-align:center;}
.yyly .yyly2 .bd ul .yyly2Body .bds .table .td table .td1{ border:solid 1px #e0e3da; color:#333; font-size:18px; line-height:30px; padding:13px 10px 12px 10px;}
.yyly .yyly2 .bd ul .yyly2Body .bds .table .td table td.td1:hover{ background:#7492c6; color:white; text-decoration:underline;}
.yyly .yyly2 .bd ul .yyly2Body .bds .table .td table .td2{ background:rgba(142,195,31,0.05) !important; color:#7492c6 !important; font-weight:bold; border-right:solid 1px #e0e3da;}
.yyly .yyly2 .bd ul .yyly2Body .bds .table .td table .td3{ background:#f9f9f9;}
.yyly .yyly2 .bd ul .yyly2Body .bds .table .td table th.td1{text-align: center;/*font-weight: normal;*/background-color: #f0f5ff;color:#7492c6;font-size: 24px;}
 


.product{padding:40px 0;}
.product .title{border-bottom: 1px solid #ccc;padding-bottom: 40px;}
.product .title h2{font-size: 40px;color:#000;}
.product .content{padding: 30px 0;font-size: 18px;line-height: 2em;color:#888;margin-bottom:40px;}
.product .content table{background-color: #f6f6f6;width: 100%;} 
.product .content table th{padding:10px;width: 250px; padding-left: 40px;font-size: 18px;font-weight: normal;color:#000;}
.product .content table td{padding:10px;padding-right: 40px;font-size: 16px;color:#888888;line-height: 30px;}
/*.product .prolist{}
.product .prolist table{width: 100%;text-align: center;}
.product .prolist table th{background-color: #666;text-align: center;border:1px solid #ccc;color:#fff;font-size: 18px;font-weight: normal;padding:5px;}
*/

/************************pages**********************/
.pages{margin:40px 0 40px 0;text-align: center;}
.pages a{display: inline-block;height: 36px;padding:0 8px;margin:0 5px; line-height: 36px;color:#333;  border:1px solid #ccc;  min-width: 36px;text-align: center; font-size: 14px;}
.pages a:hover,.pages a.on{border:1px solid #7492c6;color:#fff;background-color: #7492c6;}
.pages a.none,.pages a.none:hover{border:1px solid #ccc;background-color: #fff;color:#333;  cursor: default;}

.u-content {line-height: 30px;}
.u-content img{max-width: 100%;}
.u-content h1,.u-content h2,.u-content h3,.u-content h4{margin:15px 0;}

.products2{}
.products2 h2{font-size: 40px;margin-bottom: 40px;}
.products2 input{border:none;outline: 0;}
/*.products2 table{ width:100%; }*/
.products2 table td, .products2 table th { border: 1px solid #ddd; font-size: 16px; text-align: center; vertical-align: middle; line-height:26px;}
.products2 table thead td { white-space: nowrap; padding: 5px 10px; font-weight: bold; background: #666; color:white; border-color: #cdcdcd; font-weight:normal;}
.products2 table thead tr.screen td { background: #f6f6f6; }
.products2 table thead tr.screen div.sbox { height: 142px; overflow: hidden; text-align: left; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; position:relative; padding-right:20px;}
.products2 table thead tr.screen div.sbox .scroll_box,.products2 table thead tr.screen div.sbox .scroll_box .scroll_cont{ width:100%;}
.products2 table thead tr.screen div.sbox .mCSB_inside > .mCSB_container { margin-right: 0px !important; }
.products2 table thead tr.screen .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .products2 table thead tr.screen .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { right: -7px !important; }
.products2 table thead tr.screen div.sbox label { display: block;font-size:12px; color:#333; width:100%; line-height:20px; float:left;}
.products2 table thead tr.screen div.sbox label > input { margin-left: 0; margin-right:4px; word-wrap:break-word; word-break:break-all;}
.products2 table thead tr.screen div.sbox label span { position:relative; top: -2px; word-wrap:break-word; word-break:break-all;}
.products2 table thead tr.screen .ui-slider-vertical { width: 6px !important; }
.products2 table thead tr.screen .ui-slider .ui-slider-handle { width: 12px !important; height: 12px !important; border-radius: 2px !important; }
.products2 table thead tr.screen div.sbox2 { margin: 10px 5px 14px 5px; font-weight: normal; position: relative; width: 60px; display: inline-block; }
.products2 table thead tr.screen div.sbox2 span.max, .products2 table thead tr.screen div.sbox2 span.min { display: block; position: absolute; left: 14px; font-size:12px; color:#333;}
.products2 table thead tr.screen div.sbox2 span.max { top: 0; }
.products2 table thead tr.screen div.sbox2 span.min { bottom: -4px; }
.products2 table thead tr.screen div.sbox2 .maxBtn, .products2 table thead tr.screen div.sbox2 .minBtn { display: block; position: absolute; left: 14px; font-size:12px; color:#333; z-index:3; display:none;}
.products2 table thead tr.screen div.sbox2 .maxBtn { top: 0; }
.products2 table thead tr.screen div.sbox2 .minBtn { bottom: -4px; }
.products2 table thead tr.screen div.sbox2 .maxBtn .mSearch, .products2 table thead tr.screen div.sbox2 .minBtn .mSearch{ width:60px; padding-right:18px; position:relative; overflow:hidden;
-moz-border-radius:2px; 
-webkit-border-radius:2px; 
-khtml-border-radius:2px;
border-radius:2px;}
.products2 table thead tr.screen div.sbox2 .maxBtn .mSearch .mSearchb, .products2 table thead tr.screen div.sbox2 .minBtn .mSearch .mSearchb{ width:18px; height:18px; text-align:center; position:absolute; right:0; top:0; background:#7492c6; line-height:18px; color:white; -moz-border-radius:0; 
-webkit-border-radius:0; 
-khtml-border-radius:0;
border-radius:0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;}
.products2 table thead tr.screen div.sbox2 .maxBtn .mSearch .mSearchk, .products2 table thead tr.screen div.sbox2 .minBtn .mSearch .mSearchk{ width:100%; height:18px; border:solid 1px #cbcbcb; line-height:16px; padding-left:4px; font-size:10px; color:#333; border-right:0; float:left; text-transform:uppercase;-moz-border-radius:0; 
-webkit-border-radius:0; 
-khtml-border-radius:0;
border-radius:0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;}

.products2 table thead tr.screen .slider-range { height: 120px; }
.products2 table thead a { text-decoration: none; color:white; letter-spacing:1px;}
.products2 table thead a:hover { color: #7492c6; }
.products2 table thead a:after { content: '▼'; opacity:0.6; font-size:10px; margin-left:5px; font-family:"宋体";}
.products2 table thead a.desc:after { content: '▲'; }

.products2 table tbody tr:hover { background: #2e57a5; }
.products2 table tbody tr:hover td{color:#fff;}
.products2 table tbody td { white-space: nowrap; padding:11px 5px; position:relative; font-size:14px; color:#333; line-height:20px;}
.products2 table tbody td.td1{ font-size:14px;}

.products2 table tbody td a { text-decoration: none; color: #7492c6; font-size:14px;}
.products2 table tbody tr:hover td a{ color:#fff;}
.products2 table tbody td a.down{color: #ff0101;}
.products2 table tbody tr td a:hover{ text-decoration:underline;}
.products2 table tbody td .tc1{ width:170px; background:white; background:rgba(255,255,255,0.89); position:absolute; left:50%; bottom:100%; margin-left:-85px; padding:16px 20px 17px 20px; text-align:left; box-shadow:0 0 7px rgba(0,0,0,0.13); display:none;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;}
.products2 table tbody td .tc1:before{ content:'▼'; font-size:20px; color:white; opacity:0.9; position:absolute; left:0; line-height:1; bottom:-10px; width:100%; text-align:center;}
.products2 table tbody tr td:hover .tc1{ display:block;
-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}
.products2 table tbody td .tc1 li{ width:100%;}
.products2 table tbody td .tc1 li a{ display:block; font-size:14p; color:#333; line-height:32px; width:100%;}
.products2 table tbody td .tc1 li a img{ vertical-align:middle; margin:-3px 8px 0 0;}
.p-btns { text-align: right; padding-bottom: 10px; padding-right: 3px; }
.p-btns a.btn { font-size: 15px; color: #000; text-decoration: none; background: url(../images/excel-icon.png) left bottom no-repeat; padding-left: 28px; padding-top: 9px; display: inline-block; }
.p-btns a.btn:hover { text-decoration: underline; }
.scroll_tiao{ width:2px !important; background:#e5e5e5; right:0px !important; opacity:0;
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
-khtml-border-radius:4px;
border-radius:4px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.scroll_huakuai{ width:2px !important; background:#7492c6 !important; right:0 !important;
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
-khtml-border-radius:4px;
border-radius:4px}
.products2 table thead tr.screen div.sbox:hover .scroll_tiao{ opacity:1;}
.products2 .ui-tooltip { font-weight: normal !important; font-size: 13px !important; }
.products2 .doc-list a { text-decoration: none; color: #000; }
.products2 .doc-list a:hover { text-decoration: underline; color: #cc0000; }
.products2 .doc-list li { padding: 3px 0; padding-left: 20px; position: relative; }
.products2 .doc-list li:before { content:''; background: url(../images/pdf-icon.png) center center no-repeat; width: 16px; height: 16px; position: absolute; left: 0; top: 50%; margin-top: -8px; }
.products2 table thead tr.screen div.sbox2 .mb{ width:55px; height:84px; position:absolute; right:-5px; top:50%; margin-top:-40px;}

.p-table{width: 100%;}
/*.p-table table{width: 1330px;}*/

.spSearch{ width:100%; display:inline-block; vertical-align:middle; height:30px; line-height:30px; padding-right:30px; position:relative; overflow:hidden; border:solid 1px #ddd;
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
-khtml-border-radius:4px;
border-radius:4px;}
.spSearch .spSearchk{ width:100%; height:28px; line-height:20px; padding:5px; background:white; font-size:14px; color:#333;appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
border:0}
.spSearch .spSearchb{ width:30px; height:30px; position:absolute; right:-1px; top:-1px; text-align:center; line-height:30px;  background:#2e57a5; color:white; font-size:14px; text-transform:uppercase; cursor:pointer;}

.productshow{padding:60px 0;}
.productshow .productLeft{float:left;width:32%;}
.productshow .productLeft .pic{text-align:center;margin-bottom:15px; }
.productshow .productLeft .pic img{width:100%;}
.productshow .productLeft ul{}
.productshow .productLeft ul li{ line-height:40px;}
.productshow .productLeft ul li a {display: block;width: 100%;float: left; padding: 0 22px 0 18px;min-height: 52px;line-height: 52px;background: #f4f4f4;font-size: 14px;color: #333;}
/*.productshow .productLeft ul li a:hover{background-color:#7492c6;color:#fff;}*/
.productshow .productLeft ul li a .ico {display: inline-block;vertical-align: middle;margin: -3px 10px 0 0;width: 20px;height: 20px;background: url(../images/pdf.png) no-repeat center center;background-size: contain;}
.productshow .productLeft ul li a span{float:right;font-size: 14px;color: #999;}
.productshow .productRight{float:right;width:64%;}
.productshow .productRight table{width:100%;}
.productshow .productRight table td {font-size: 14px;color: #333;line-height: 30px;border: solid 1px white;padding: 0 10px 0 40px;}
.productshow .productRight table tr td.td1{background-color:#f1f1f1c7;width:33.33%;}
.productshow .productRight table tr td.td2{background-color:#7492c63d;width:66.66%;} 
.productshow .productRight table tr td.td3{background-color:#f1f1f1c7;}
.productshow .productRight table tr:nth-child(even) td.td1{background-color:#7492c63d;}
.productshow .productRight table tr:nth-child(even) td.td2{background-color:#f1f1f1c7;}
.productshow .productRight table tr:nth-child(even) td.td3{background-color:#7492c63d;}


@media(min-width: 768px) {
}

@media(min-width: 992px){ 
  .navbar-inverse .navbar-collapse{position: relative;padding: 0;float: right;}
  .s-search{position: absolute;right: 0;top: 100%;width: 313px;height: 0;border: solid 1px #2e57a5;padding-right: 54px;background: white;z-index: 9;display: none;}
  
  .s-phone{position: absolute;right: 0;top: 100%;background-color: #fff; z-index: 9;padding:0px 15px;border:1px solid #2e57a5;;display: none;height: 0;line-height: 44px;}
  .s-phone span{}

  .subnav{visibility: hidden;width: 100%; background-color:rgba(255,255,255,0.8);position:absolute;left:50%;transform: translateX(-50%);z-index: 99; opacity:0; }
  .subnav p{}
  .subnav p a{font-size: 12px;display: block;line-height: 150%;padding:10px;transition:all 0.5s;}  
  .subnav p a:hover{background-color:#2e57a5;color:#fff;transition:all 0.5s; }
  .navbar-inverse .navbar-nav> li:hover .subnav{visibility: visible;opacity:1; transition:all 0.5s;}

  nav{height: 90px;}
  .navbar-r{margin-left: 50px;}
  .navbar-brand>img{height: 60px;}
  .navbar-inverse .navbar-nav> li> a{height: 90px;line-height: 90px;}
  .navbar-r .b-search{height: 90px;}
  .navbar-r .b-phone{height: 90px;}
  .products2 table{width: 940px;} 
}   

@media(min-width: 1200px){  
  /*.navbar-inverse .navbar-nav> li> a{}*/
  /*nav{height: 90px;}
  .navbar-r{margin-left: 50px;}
  .navbar-brand>img{height: 60px;}
  .navbar-inverse .navbar-nav> li> a{height: 90px;line-height: 90px;}
  .navbar-r .b-search{height: 90px;}
  .navbar-r .b-phone{height: 90px;}*/
  .products2 table{width: 1140px;}
}   

@media(min-width: 1600px){ 
   .container{width: 1360px;}
   .navbar-inverse .navbar-nav> li{padding:0 20px;}
   /*.navbar-conten{width: 1360px;}*/
   .products2 table{width: 1330px;}
   .probox{padding-top:140px;}
   .probox .proleft .tit{font-size:110px;}
   .probox .proleft .pic{ }
   .probox .proleft .pic img{width:320px;margin-left: -35px;}
   .probox .prolist ul li .b{padding:25px 15px;}
}
@media(min-width: 1800px){ 
   /*.navbar-conten{width: 1750px;}*/
}

@media (max-width: 1200px){  
   .navbar-inverse .navbar-nav> li{padding:0 2px;}
   .navbar-inverse .navbar-nav> li> a{padding:0 8px;}
   .navbar-r{margin-left: 20px;}
   .probox .proleft h2{margin-bottom:20px;}
   .probox .proleft .tit{font-size:80px;}
   .probox .proleft .pic img{ width:215px;}
}

@media (max-width: 991px){ 
  nav{height: 60px;}
  .navbar-header{padding:10px 0;}
  .navbar-brand>img{height: 40px;}
  .navbar-toggle{margin-top:3px;margin-bottom: 0;z-index: 999;}
  .navbar-r{display: none;}
  .navbar-inverse .navbar-toggle{border-color:#999999;}
  .navbar-inverse .navbar-toggle .icon-bar{background-color: #999999;}
  .navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{border-color:#2e57a5;background-color:#2e57a5;}
  .navbar-inverse .navbar-toggle:hover .icon-bar,.navbar-inverse .navbar-toggle:focus .icon-bar{background-color: #fff;}
  .navbar-inverse .navbar-collapse{position: fixed;top:0px;right:-280px;width: 280px;height: 100%; z-index: 555;display: block;background-color: #fff;padding-top: 70px;transition:right 0.3s;}
  .navbar-inverse .navbar-nav{float: none;margin:0;}
  .navbar-inverse .navbar-nav> li{padding:0;border-bottom: 1px solid #cccccc;}
  .navbar-inverse .navbar-nav> li> a{line-height: 40px;height: auto;border-bottom: none;}
  .navbar-inverse .navbar-nav>li> a:hover, .navbar-inverse .navbar-nav>li.active>a, .navbar-inverse .navbar-nav>.active>a:hover{border-bottom: none;background-color:#2e57a5;color:#fff; }
  .subnav{ display:none; width: 100%;background-color: #f1f1f1;}
  .subnav p{}
  .subnav p a{font-size: 14px;display: block;line-height: 24px;padding:10px;}  
  .subnav p a:hover{ color:#2e57a5; } 
  .navbar-inverse .navbar-collapse.open{right:0px;transition:right 0.3s;}

  .sbox{margin-top: 20px;}
  .s-search{height: 44px;position: relative;border: solid 1px #2e57a5;}
  .s-search span{width:70px;background: url(../images/down-icon.png) no-repeat 55px center #f5f5f5; }
  .s-search span div{padding-left: 5px;}
  .s-search span ul{width:70px;}
  .s-search .search{width: 138px; }
  .s-search .sear_sub{width: 42px;}
  .s-phone{  line-height: 44px;text-align: center;background-color:#2e57a5;color:#fff;font-size: 18px; }
  
  .products2 table{width: 1000px;} 

  .productshow .productLeft{width:100%;margin-bottom:20px;}
  .productshow .productRight{width:100%;}

    .user{width:100%;float:none;padding:0 0 10px 0;margin-bottom:15px;border-bottom:1px solid #ddd;}
    .user a{width:100%;text-align:left;padding:0;line-height:30px;}
    .user a span{display:inline-block;margin-left:10px;}

    .probox .proleft{width:250px;}
    .probox .prolist{margin-left:270px;}
    .probox .prolist ul li .b h4{font-size:18px;padding-left:0;}
    .probox .proleft .pic img{ width:200px;}
}

@media screen and (max-width:767px) {
#bannerCarousel .carousel-control.left{background:url(../images/left-icon.png) center center / 40px 40px no-repeat;}
#bannerCarousel .carousel-control.right{background:url(../images/right-icon.png) center center / 40px 40px no-repeat;}

.index-section{padding:40px 0;}
.index-head h2{font-size: 24px;} 
.appbox{padding:40px 0;}
.appbox .content{width:100%;}
.appbox .content .app_con .conbox{width:300px;overflow:hidden;margin:auto;height:350px;}
.appbox .content .app_con .conbox ul li{width:300px;margin:0;padding:0 5px;}
.appbox .content .app_con .btnl{left:0;}
.appbox .content .app_con .btnr{right:0;}

.probox{padding-top: 30px;}
.probox .prolist{margin-left: 0;}
.probox .prolist ul.row{margin:0 -5px;}
.probox .prolist ul li{float: left;width: 33.33%;padding:0 5px;}
.probox .proleft{width: 100%;float: none;padding-bottom:20px;}
.probox .proleft::after{content:"";clear:both;display:block;}
.probox .proleft h2{ font-size: 24px;}
.probox .proleft h4{margin-bottom:10px;}
.probox .proleft .tit{font-size: 80px;line-height:100px; float:left;} 
.probox .proleft .pic{float:left;padding-left:20px; }
.probox .proleft .pic img{width:160px;}
.probox .prolist ul li .b h4{font-size: 18px;padding-left:0;}
.probox .prolist ul li .b p{font-size:16px;font-weight: normal;margin-bottom:0;}
.probox .prolist ul li .h span{padding:0 15px;font-size: 24px;}
.zlglbox .index-head{margin-bottom: 30px;}
.zlglbox .content{line-height: 1.75em;}
.zlglbox .content p em{font-size: 18px;} 

.newsbox .newsl{float: none;width: 100%;padding-right: 0px;}
.newsbox .newsl ul li .txt p{font-size: 16px;line-height:30px;/*max-height:48px;*/overflow: hidden;}
.newsbox .newsr{float: none;width: 100%;padding-left: 0px;margin-top: 20px;}
.newsbox .newsr ul li .txt h4{font-size: 20px;height: 30px;line-height: 30px;overflow:hidden;}

.footer .foot-top{padding:30px 0;}
.footer .foot-top .item{float: none;width: 100%;margin-bottom: 15px;display: none;}
.footer .foot-top .item.item-contact{display: block;margin-bottom:0;}
.footer .foot-top .item p{display: inline-block;margin-right: 15px;padding-left:15px;}
.footer .foot-top .item-contact p{display: block;margin:0;}
.footer .foot-bot{padding:10px 0;}
.footer .foot-bot .copyright{float: none;text-align: center;line-height: 20px;}
.footer .foot-bot .media{float: none;margin:auto;margin-top: 10px;}


.neibanner .contbox{width: 100%;}
.neibanner .contbox .txt h2{font-size: 24px;}
.neibanner .contbox .txt p{font-size: 14px;}
.neibanner .contbox .column{text-align: center;bottom:0;width: 100%;}
.neibanner .contbox .column li{line-height: 30px;display: inline-block;float: none;margin-bottom: 1px; }
.neibanner .contbox .column li a{padding:0 10px;font-size:14px;}

.yyly .yyly2 .bd ul .js ul{padding:10px 15px;}
.yyly .yyly2 .bd ul .js li{font-size: 14px;}
.yyly .yyly2 .bd ul .js .tab{padding:10px 15px;}
.yyly .yyly2 .bd ul .yyly2Body .bds{padding:0 15px;}
.yyly .yyly2 .bd ul .yyly2Body .bds .dt{font-size:24px;margin-bottom:15px;}

.product{padding:30px 0px;}
.product .title{padding-bottom: 10px;}
.product .title h2{font-size: 24px;}
.product .content{font-size: 16px;}
.product .content table th{padding:5px;font-size:14px;width: 40%;}
.product .content table td{padding:5px;font-size: 14px;}

.products2 table{ width:1000px;}
.products2 table td, .products2 table th { font-size: 12px; line-height:20px;}
.products2 table thead td { padding: 5px;}
.mCustomScrollBox{ padding-bottom:0;}
.products2 table tbody td {
    padding: 6px 5px;
    line-height: 18px;
}
.products2 table tbody td.td1,.products2 table tbody td a{
    font-size: 12px;
}
.ui-slider-vertical .ui-slider-handle {
    left: -.3em;}
.products2{ padding:20px 0 0 0;}
.products2 .down a{ font-size:14px; line-height:28px; letter-spacing:0px;}
.products2 .down a img{ width:14px; margin:-3px 2px 0 0;}
.products2 .down h4{ font-size:18px; line-height:28px;}

.news{padding:30px 0;}
.news .title{padding-bottom: 10px;}
.news .title h2{font-size: 24px;}
.news .content li .pic{float: none;width: 100%;}
.news .content li{padding:0 0 15px 0;margin-bottom: 15px;}
.news .content li .cont{margin-left: 0;padding-top:15px;}
.news .content li .cont h4{height: auto;font-size:18px;}
.news .content li .cont p{font-size: 14px;line-height:24px;margin-bottom:0;max-height:120px;height:auto;}
.news .content li .cont .more{display: none;}
.newsshow{padding:30px 0;}
.newsshow .news-head h3{font-size: 18px;}
.newsshow .news-head p span{margin:0 10px;}
/*.pages a{padding:0 3px;height: 24px; margin:0 2px;line-height: 24px;}*/
.about{padding:30px 0;}
.about .aboutl .h{padding-bottom: 10px;}
.about .aboutl .h h2{font-size: 24px;}
.about .aboutl{float: none;width: 100%;padding:0;}
.about .aboutr{float: none;width: 100%;padding:0;}
.about .aboutl .cont{padding:20px 0;}

.contact{padding:30px 0;}
.contact .title{padding-bottom: 10px;}
.contact .title h2{font-size: 24px;}
.contact .cont{padding:30px 0;}
.contact .cont .qrcode{float: none;width: 100%;margin:0;padding:50px 15px;height:auto;}
.contact .map{margin:30px 0;height:300px;}
.contact .cont .u-content{min-height:unset;}

.pages_phone{text-align: center;}
.pages_phone a{display: inline-block;width: 100px;height: 30px;text-align: center;line-height: 28px;border: 1px solid #e1e1e1;margin: 0 5px;border-radius: 18px;}
.pages_phone span{padding: 0 5%;color: #333;display: inline-block;*display: inline;*zoom: 1;vertical-align: top; height: 30px;line-height: 30px;}

.quality .item{padding:40px 0;}
.quality .item .title h3{font-size:24px;}

.productshow .productRight table td{padding-left:10px;}

.quality{padding:40px 0;}
.quality .flex{/*display: block;*/flex-direction: column;}
.quality .leftbox{/*margin-bottom: 20px;*/flex:1;order:2;}
.quality .rightbox{margin-left: 0;order:1;margin-bottom: 20px;}
}
@media (max-width: 600px){ 
 

}
@media (max-width: 400px){ 
  /*.v-box video{height: 100%;}*/
} 


/*ie低版本提示*/
#ie-alert-overlay {width:100%;height:100%;background-image:url(../images/bg2.png);position: fixed; top: 0; left: 0;z-index:9999;}
* html #ie-alert-overlay {   /* fixed position hack for IE6 */ position: absolute;z-index:9999;}
/*Pop Up Panel*/
#ie-alert-panel{width:593px;height:404px;position:fixed;background: url(../images/iealertsprite.png) no-repeat;background-position: -1px -109px ;top:50%;left:50%;margin:-201px 0 0 -296px;
    _position:absolute;  /* fixed position hack for IE6 */
    _top:expression(300+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');  /* top:300px hack for IE6 */
    /* font settings */ font-weight:bold;color:#333;line-height:20px;z-index:10000;
}

#ie-alert-panel a {display:inline-block;}
.browser {position: absolute;bottom:35px;}
.chrome, .firefox, .ie9, .opera, .safari {background: url(../images/iealertsprite.png) no-repeat;}

/*browsers*/
.chrome { background-position: 0 0;width: 73px;height: 96px;margin:0 4px 0 0;}
.firefox {background-position: -292px 0;width: 73px;height: 98px;}
.ie9 {background-position: -179px 0;width: 95px;height: 98px;}
.opera {background-position: -90px 0;width: 73px;height: 98px;}
.safari {background-position: -387px 0;width: 73px;height: 98px;margin:0 4px 0 0;}


.appbox_list{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.appbox_list li{
  width: 24%;
}
.appbox_list li .ind_bus_tit {
    width: 100%;
    font-size: 26px;
    color: #080808;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 0;
}
.appbox_list li .ind_bus_img {
    overflow: hidden;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.appbox_list li:hover .ind_bus_img img {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}


.plm{
  margin-top: 4%;
}
.plm_cen{
  text-align: left;
  background-image: url(../images/index_4_02.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.plm_content{
  width: 50%;
  padding: 4%;
  background: #0000005c;/*f9f9f917*/
}
.plm_cen .plm_content .ind_tit{
  font-size: 28px;
  color: #fff;
  font-weight: bold;
}
.plm_cen .plm_content .p1{
  font-size: 24px;
  color: #fff;
  margin-top: 8%;
}
.plm_cen .plm_content .p2{
  font-size: 14px;
  color: #fff;
  line-height: 200%;
  margin-top: 4%;
}
.plm_cen .plm_content .p3{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 9%;
    margin-bottom: 1%;
}
.plm_cen .plm_content .p3 .pp1{
  font-size: 65px;
  line-height: 200%;
  color: #fff;
  line-height: 100%;
}
.plm_cen .plm_content .p3 .pp1 span{
  font-size: 36px;
  margin-left: 8px;
}
.plm_cen .plm_content .p3 .pp2{
  font-size: 18px;
  line-height: 200%;
  color: #fff;
}

.news_list{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.news_list li{
  width: 32%;
  margin-left: 1.3%;
}
.news_list li .ind_bus_tit {
    width: 100%;
    font-size: 26px;
    color: #080808;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 0;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news_list li .ind_bus_f_body {
    color: #666666;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news_list li .ind_bus_img img{
    width: 100%;
}



.subcolumn_nav_met_m1156_4_25 {
    position: relative;
    z-index: 996;
    background-position: center top;
    background-size: cover;
    border-bottom: 1px solid transparent;
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
}
.subcolumn_nav_met_m1156_4_25 .column-nav {
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0px auto;
    max-width: 1200px;
}
.subcolumn_nav_met_m1156_4_25 .column-nav ol li {
    float: left;
    margin: 0px;
    display: block;
    padding: 0px;
    list-style: none;
    border-radius: 3px;
    position: relative;
}
.subcolumn_nav_met_m1156_4_25 .column-nav ol li a {
    padding: 18px;
    font-size: 15px;
    display: block;
    cursor: pointer;
    color: rgb(51, 51, 51);
    transition: all 0.2s ease 0s;
}
.subcolumn_nav_met_m1156_4_25 .column-nav ol li.active a {
    color: #2e57a5;
}
.subcolumn_nav_met_m1156_4_25 .column-nav ol li.navs a::after {
    display: inline-block;
    content: "";
    border-color: rgb(51, 51, 51) transparent transparent;
    border-style: solid;
    opacity: 0.95;
    border-width: 5px 4px 0px;
    margin-left: 4px;
    position: relative;
    top: -2px;
}
.subcolumn_nav_met_m1156_4_25 .column-nav ol li.navs.active a::after {
    border-top-color: #2e57a5;
}
.subcolumn_nav_met_m1156_4_25 .column-hover {
    position: relative;
}
.subcolumn_nav_met_m1156_4_25 .column-hover ul {
    list-style: none;
    margin: 0px;
    /*padding: 10px 0px;*/
    top: 0px;
    transition: all 0.2s ease 0s;
    border: 1px solid rgb(238, 238, 238);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 8px;
    background: rgb(255, 255, 255);
    visibility: hidden;
    opacity: 0;
    position: absolute;
    display: none;
}
.subcolumn_nav_met_m1156_4_25 .column-hover ul li {
    display: block;
    list-style: none;
    margin: 0px;
    padding: 5px;
}
.subcolumn_nav_met_m1156_4_25 .column-hover ul li a {
    display: block;
    padding: 0px 20px;
    line-height: 35px;
    font-size: 14px;
    color: rgb(51, 51, 51);
}
.subcolumn_nav_met_m1156_4_25 .column-hover ul.active {
    visibility: visible;
    opacity: 1;
    display: block;
}
.data_col {
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
}
.data_col:nth-child(1n) {
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    background-color: #f7f7f7;
}
.col-lg-3 {
    width: 25%;
    float: left;
}
.xg_text {
    height: auto;
    line-height: 25px;
    font-size: 14px;
    color: #666;
    text-align: left;
    word-wrap: break-word;
    word-break: normal;
}
.xg_text_title1 {
    width: auto;
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    line-height: 50px;
    position: relative;
    top: 0px;
    left: 0px;
}
.xg_text_title2{
    width: auto;
    color: #333333;
    font-weight: bold;
    line-height: 50px;
    display: inline-block;
    position: relative;
    top: 0px;
    left: 0px;
}
.xg_text_title3{
    width: auto;
    color: #676767;
    font-weight: normal;
    line-height: 50px;
    display: inline-block;
    position: relative;
    top: 0px;
    left: 0px;
}
.xg_text_title4{
    width: auto;
    color: #676767;
    font-weight: normal;
    line-height: 50px;
    display: inline-block;
    position: relative;
    top: 0px;
    left: 0px;
}
.col-lg-3:nth-child(2),.col-lg-3:nth-child(3){
    text-align: center;
}
.col-lg-3:nth-child(4){
    text-align: right;
}

/*底部*/
.xg_section {
    margin-bottom: 0px;
    padding-bottom: 10px;
    min-height: auto;
    background-color: transparent;
    background-image: url(../images/foot_bj.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 1;
    position: relative;
}
.row {
    margin-left: 0;
    margin-right: 0;
}
.col-sm-12 {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
}
.col-sm-12 .xg_bnavi {
    position: relative;
    top: 0px;
    left: 0px;
}
.xg_bnavi .xg_menuUl {
    font-size: 0;
    color: #444;
}
.xg_bnavi .xg_menuLi1 {
    position: relative;
    float: left;
    font-size: 14px;
    line-height: 40px;
    cursor: pointer;
    z-index: 100;
    text-align: center;
    height: 40px;
    width: 130px;
    color: #ffffff;
    background-image: url('../images/nav_bj.png');
    background-position: 6% 50%;
    background-repeat: no-repeat;
}
.xg_bnavi a {
    width: 100%;
    height: 100%;
    display: block;
    color: #ffffff;
}
.col-lg-8 {
    width: 75%;
}
.col-lg-8 .col-sm-6{
    width: 100%;
}
.col-sm-8 .col-sm-6 .xg_text{
    padding-left: 30px;
    width: 100%;
    color: #ffffff;
    line-height: 30px;
    background-position: left center;
    background-repeat: no-repeat;
    position: relative;
    top: 0px;
    left: 0px;
}
.col-sm-8 .col-sm-6.col-lg-4{
    width: 100%;
}
.col-sm-8 .col-sm-6:nth-child(1) .xg_text {
    background-image: url(../images/phone.png);
}
.col-sm-8 .col-sm-6:nth-child(2) .xg_text {
    background-image: url(../images/web.png);
}
.col-sm-8 .col-sm-6:nth-child(3) .xg_text {
    background-image: url(../images/mail.png);
}
.col-sm-8 .col-sm-6:nth-child(4) .xg_text {
    background-image: url(../images/address.png);
}
.col-sm-4 {
    width: 25%;
}
.col-sm-4 .col-lg-6 {
    width: 50%;
}
.col-sm-4 .col-lg-6 .xg_img {
    width: 100px;
    height: auto;
    float: none;
    position: relative;
    top: 0px;
    left: 0px;
    margin: auto;
}
.xg_img img{
    width: 100%;
    height: 100%;
    display: block;
}
.col-sm-4 .col-lg-6 .xg_text {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    width: 100%;
    color: #ffffff;
    text-align: center;
    background-image: none;
    background-position: left center;
    background-repeat: no-repeat;
    position: relative;
    top: 0px;
    left: 0px;
    margin-top: 10px;
}
.col-sm-12 .xg_text {
    padding-left: 0px;
    width: 100%;
    color: #ffffff;
    line-height: 30px;
    background-image: none;
    background-position: left center;
    background-repeat: no-repeat;
    position: relative;
    top: 0px;
    left: 0px;
    text-align: center;
}

@media (max-width: 991px){ 
    .col-lg-3:nth-child(1){
        width: 70%;
    }
    .col-lg-3:nth-child(2),.col-lg-3:nth-child(3){
        display: none;
    }
    .col-lg-3:nth-child(4){
        width: 30%;
    }
}
@media (max-width: 720px){ 
    .yyly{
        padding: 25px 0;
    }
    .yyly .title h2{
        font-size: 28px;
    }
    .col-lg-8{
        width: 100%;
    }
    .col-sm-4{
        width: 100%;
    }
    .col-sm-4 .col-lg-6{
        float: left;
        margin-top: 24px;
    }
}