@charset "utf-8";

/* 公用 */

body{max-width: 1920px;margin: 0 auto;}

.wrap{max-width: 1400px; margin:0 auto;overflow: hidden;}

.nowrap{white-space:nowrap;}

.fz0{font-size:0;}

.max-w100{max-width:100%;}

.max-h100{max-height:100%;}

.middle{vertical-align:middle;}

.middle-span{height:100%; vertical-align:middle; display:inline-block;}

.border-box{-moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

.swiper-wrapper img{max-width: 100%;}

.half{width: 50%;}

p{margin: 0 0 10px;}

.b_pic:hover img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}

/*.wow{visibility: hidden;}*/

#bdshare_weixin_qrcode_dialog{height: auto !important;}

.rotating{transform:rotate(180deg);-ms-transform:rotate(180deg); /* IE 9 */-moz-transform:rotate(180deg); /* Firefox */-webkit-transform:rotate(180deg);/* Safari 和 Chrome */-o-transform:rotate(180deg);}

.main_big{margin-bottom: 80px;}

.f14{font-size: 14px;}

.trans5{transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}

.trans2{transition: all 1.2s; -moz-transition: all 1.2s; -webkit-transition: all 1.2s; -o-transition: all 1.2s;}



.detail img{max-width: 100%;height: auto;}


.go-to-top{width: 50px;height: 50px;background: #023793 url(/images/top.png)no-repeat center;bottom: 12%;right: 3%;z-index: 120;box-shadow: 0 0 2px #999;cursor: pointer;}


/*头部部分*/

#header{width: 100%;height: 98px;/*overflow: hidden;*/position: fixed;left: 0;top: 0;background: #f2f2f2;z-index: 1002;/*box-shadow: 0px 0px 15px #d6d6d6;-webkit-box-shadow: 0px 0px 15px #d6d6d6;-moz-box-shadow: 0px 0px 15px #d6d6d6;*/}

#header .wrap{overflow: visible;position: relative;max-width: 1600px;}

#header .left{margin-top: 30px;}

#header .left img{max-width: 100%;height: auto;}

#header .right .nav{display: block;font-size: 16px;color: #333;border-bottom: solid 3px transparent;line-height: 95px;margin-left: 25px;}

#header .right .nav:first-child{margin-left: 0;}

#header .right .nav.on,#header .right .nav:hover{color: #023793;border-bottom: solid 3px #0b226b;}

#header .lan{width: 90px;margin-left: 32px;margin-top: 32px;position: relative;line-height: 30px;}

#header .lan .lantit{font-size: 13px;color: #333;background: url(/images/cn.jpg);background-repeat: no-repeat;background-position: left;width: 80px;text-indent: 30px;cursor: pointer;display: block;}

#header .lan .lantit img{margin-left: 5px;margin-top: -3px;}

#header .lan .lantit.en{background-image: url(/images/en.jpg);}

#header .lan .subs{display: none;position: absolute;left: 0;top: 30px;background: #fff;border:solid 1px #ededed;border-radius: 3px;padding: 5px;width: 100%;z-index: 999;}

#header .lan .subs a{display: block;font-size: 13px;color: #333;text-align: center;}

#header .lan .subs a:hover{color: #023793;}

/*#header .lan:hover .subs{display: block;}*/



#header .search{margin-top: 40px;margin-left: 2%;}

#header .search img{max-width: 100%;height: auto;cursor: pointer;}

#header .form{position: absolute;right: 0;top: 93px;border: solid 1px #e3e3e3;border-radius: 3px;z-index: 999;display: none;background: #f2f2f2;}

#header .form .inputs{width: 200px;height: 50px;border: none;padding: 0 20px;font-size: 14px;}

#header .form .sub{width: 50px;height: 50px;background: #fff url(/images/search.png)no-repeat center;border: none;border-left: solid 1px #e3e3e3;}

#header .form .sub:hover{background: #f1f1f1 url(/images/search.png)no-repeat center;}



#header_hidden{height: 97px;}



/*底部部分*/

#footer{background: #f2f2f2;padding: 16px 0;}

#footer .wrap{max-width: 1600px;overflow: visible;}

#footer .left{width: 40%;margin-right: 6%;margin-top: 20px;}

#footer .mid{width: 22%;}

#footer .right{width: 32%;}

#footer .left .rows{padding-left: 40px;min-height: 30px;line-height: 30px;overflow: hidden;color: #555;}

#footer .left .tel{background: url(/images/new2.png)no-repeat left 2px;width: 38%;}

#footer .left .email{background: url(/images/new4.png)no-repeat left 2px;width: 58%;}

#footer .left .fax{background: url(/images/new3.png)no-repeat left 2px;width: 38%;}

#footer .left .address{background: url(/images/new5.png)no-repeat left 2px;width: 58%;}

#footer .mid .codes{width: 89px;overflow: hidden;text-align: center;margin-left: 20px;}

#footer .mid .codes:first-child{margin-left: 0;}

#footer .mid .codes .img img{max-width: 100%;height: auto;}

#footer .mid .codes .fonts{font-size: 14px;color: #555;}

#footer .mid .codes.hides{display: none;text-align: left;}

#footer .right .tops{position: relative;margin-top: 15px;}

#footer .right .tops .forms{display: inline-block;border: solid 1px #e1e1e1;border-radius: 5px;background: #fff;}

#footer .right .tops .inputs{width: 200px;height: 40px;border: none;padding: 0 20px;font-size: 12px;border-radius: 5px;}

#footer .right .tops .sub{width: 40px;height: 40px;background: #fff url(/images/search.png)no-repeat center;border: none;border-radius: 5px;}

#footer .right .tops .shapes .bigs{width: 30px;height: 30px;margin-left: 50px;}

#footer .right .tops .shapes .bigs img{max-width: 100%;height: auto;}

#footer .right .tops .shapes .bigs .tt:hover{opacity: 0.8;filter:alpha(opacity=80);}

#footer .right .tops .shapes .bigs .codes_img{ display: none; position:  absolute;top: -135px;}

#footer .right .tops .shapes .bigs .codes_img img{max-width: 100%;height: auto;}

#footer .right .tops .shapes .bigs.codes:hover .codes_img{display: block;}

#footer .right .tops .shapes .bigs.firsts{}

#footer .right .bots{margin-top: 25px;font-size: 14px;color: #555;}





/*导航栏部分*/

#nav{height: 64px;line-height: 64px;/*overflow: hidden;*/background: #f0f0f0;}

#nav .wrap{overflow: visible;}

#side{width: 100%;}

#side a{display: block;font-size: 18px;color: #333;float: left;text-align: center;width: 100%;}

#side .li.on,#side .li:hover{background: #b8babc;}

#side .li.onss,#side .li.onss:hover{background: #f0f0f0;}

/*#side a:last-child{margin-right: 0;}*/



#side .li{position: relative;margin-right: 1px;float: left;}

#side .li .list{position: absolute;left: 0;top: 64px;width: 100%;background: #f0f0f0;z-index: 999;box-shadow: 0px 0px 15px #d6d6d6;-webkit-box-shadow: 0px 0px 15px #d6d6d6;-moz-box-shadow: 0px 0px 15px #d6d6d6;display: none;}

#side .li .list a{display: block;width: 100%;height: 42px;line-height: 42px;font-size: 14px;float: none;}

#side .li .list a:hover{background: #064287;color: #fff;}

#side .li:hover .list{display: block;}

#side .li .list .big{position: relative;}

#side .li .list .big .biglist{position: absolute;left: 100%;top: 0;display: none;z-index: 1;width: 250px;background: #f0f0f0;overflow: hidden;}

#side .li .list .big:hover .biglist{display: block;}

#side .li .list .big:hover .biglist a{padding: 0 10px;}

#side .li:nth-child(5) .big .biglist{left: auto;right: 100%;}



/*面包屑部分*/

#bread{color: #888;font-size: 13px;margin-bottom: 2%;}

#bread img{margin-bottom: 5px;}

#bread a,#bread span{color: #888;font-size: 13px;}

/*#bread a:hover,#bread a.on{color: #071960;}*/



/*Banner部分*/

.banner{ width:100%; overflow:hidden; position:relative;}

.banner img,.banner2 img{width: 100%;}

.banner2{display: none;}

.banner a.nohref,.banner2 a.nohref{cursor: default;}

.banner .db{ width:100%;}

.banner .db a{ width:100%;}

.banner .hb{ width:100%; text-align:center; position:absolute; left:0; right:0; bottom:20px !important; z-index:2; margin:0 auto;}

.banner .hb span{ width:10px; height:10px; display:inline-block; opacity:1; cursor:pointer; background:none; font-size:0; border:1px solid #fff; border-radius:50%; margin:0 5px !important;filter:alpha(opacity=100);}

.banner .hb span.swiper-pagination-bullet-active{ background:#f72119; border-color:#f72119;}

#banner .owl-buttons{display: none;}

#banner .owl-theme .owl-controls{width: 100%;top: auto;bottom: 20px;}

#banner .owl-theme .owl-controls .owl-page span{width: 10px;height: 10px;background: #fff;border:solid 1px #fff;margin: 5px;opacity: 1;filter:alpha(opacity=100);}

#banner .owl-theme .owl-controls .owl-page.active span{background: none;}

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

#banner a.nohref{cursor: default;}

#banner #owl-demo2{display: none !important;}





/*上下篇*/

#page{border-top: solid 1px #dadee2;padding-top: 40px;}

#page .next,#page .prev,#page .next a,#page .prev a{color: #666;}

#page .next a:hover,#page .prev a:hover{color: #da0f2d;}

#page .next{margin-top: 10px;}



/*联系我们*/

#contact{min-height: 500px;}

#contact .wrap{overflow: visible;}

#contact .wrap1{margin-top: 5%;}

#contact .wrap1 .big{width: 30%;margin-right: 5%;padding: 90px;height: 370px;overflow: hidden;text-align: center;box-shadow: 0px 0px 15px #d6d6d6;-webkit-box-shadow: 0px 0px 15px #d6d6d6;-moz-box-shadow: 0px 0px 15px #d6d6d6;}

#contact .wrap1 .big:nth-child(1){background: #dbf4f9;}

#contact .wrap1 .big:nth-child(2){background: #e2f7d6;}

#contact .wrap1 .big:nth-child(3){margin-right: 0;background: #faf8e3;}

/*#contact .wrap1 .big:first-child{margin-left: 4%;}*/

/*#contact .wrap1 .big .left{width: 10%;}*/

#contact .wrap1 .big .left img{max-width: 100%;height: auto;}

/*#contact .wrap1 .big .right{width: 90%;}*/

#contact .wrap1 .big .right .title{font-size: 22px;color: #333;margin-top: 20px;margin-bottom: 15px;}

#contact .wrap1 .big .right .meg{font-size: 15px;color: #555;margin-top: 5px;}

#contact .wrap2{margin-top: 5%;padding-bottom: 5%;}

#contact .wrap2 .left{width: 65%;height: 440px;}

#contact .wrap2 .right{width: 28%;padding-left: 9%;}

#contact .wrap2 .right .tit{font-size: 17px;color: #333;margin-top: 25px;}

#contact .wrap2 .right .detail{font-size: 14px;color: #888;margin-top: 30px;line-height: 28px;}



/*在线留言*/

#feedback{}

#feedback form{margin-top: 5%;margin-bottom: 5%;}

#feedback .c_row{width:32%; margin-right:2%; margin-bottom:30px; /*visibility:hidden;*/}

#feedback .c_row.mr{margin-right: 0;}

#feedback .c_row .user{width:100%; border:1px solid #e3e3e3; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; position:relative; padding:0 18px; height:48px; line-height:48px; color:#999; font-size:14px;}

#feedback .m_row{margin-bottom:30px;}

#feedback .m_row .mess{border-radius:5px; padding:14px 18px; line-height:28px; font-size:14px; color:#999; width:100%; border:1px solid #e3e3e3; min-height:200px;}

#feedback .c_submit{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; position:relative; margin:0 auto; /*visibility:hidden;*/text-align: left;margin-top: 30px;}

#feedback .c_submit .mit{height:50px; width:150px; border:none; background:#d61718; line-height:50px; font-size:16px; color:#fff; cursor:pointer;border-radius: 10px;margin-right: 10px;display: inline-block;border:solid 1px #d61718;}

#feedback .c_submit .mit.reset{margin-left: 0;background: #aaaaaa;border:solid 1px #aaaaaa;}

#feedback .c_submit .mit:hover{background: #fff;color: #d61718;}

#feedback .c_submit .mit.reset:hover{background: #fff;color: #aaa;}

#feedback .vcode{width: 180px;height: 48px;line-height: 48px;border-radius: 5px;margin-right: 10px;padding: 0 18px;}



/*新闻动态*/

#info{}

#info .wrap{overflow: visible;}

#news{margin-top: 5%;margin-bottom: 5%;}

#news .hot-news{border-bottom: 1px solid #e7e7e7;/*width: 96%;margin: 0 auto;*/}

#news .hot-news .item{width: 23.699%;margin-left: 1.734%; /*visibility:hidden;*/}

#news .hot-news .item .img{max-height: 213px;overflow: hidden;}

#news .hot-news .item img:hover{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}

#news .hot-news .item.f4{margin-left: 0;}

#news .hot-news .item .info{padding: 4.87804878% 14.634146% 8.53658536585% 0;}

#news .hot-news .item .info .title a{font-size: 16px;color: #333; text-decoration:none;font-weight: bolder;}

#news .hot-news .item .info .title a:hover{color: #071960;}

#news .hot-news .item .info .brief{height: 40px;line-height: 20px;font-size: 14px;color: #8c8c8c;margin-top: 5px;}

#news .hot-news .item .info .dates{font-size: 13px;color: #757575;margin-top: 15px;}

#news .news-list{max-width: 1720px;margin: 1.156069% auto 0;}

#news .news-list .item{padding: 4.0348837% 8.43023% 3.616279% 2.32558%;border-bottom: 1px solid #ededed; /*visibility:hidden;*/display: block;}

#news .news-list .item .info{width: 52.9069767%;}

#news .news-list .item .info .title{font-size: 18px;color: #333; text-decoration:none;font-weight: bolder;}

#news .news-list .item .info .brief{height: 40px;line-height: 20px;font-size: 14px;color: #8c8c8c;margin-top: 1.6483516%;}

#news .news-list .item .time{padding-left: 5.744186%;border-left: 1px solid #eaeaea;margin-right: 7.081395%;}

#news .news-list .item .time .date{font-family: 'impact';font-size: 42px;color: #757575;}

#news .news-list .item .time .year{font-family: Arial;font-size: 14px;color: #999;margin-top: 5px;}

#news .news-list .item .right{width:17px;height:30px;padding-top: 1%;right: 8.43023%;background: url(/images/a1.png)no-repeat center;top: 60px;display: block;}

#news .news-list .item:hover{background-color: #f0f0f0;box-shadow: 0px 0px 15px #d6d6d6;-webkit-box-shadow: 0px 0px 15px #d6d6d6;-moz-box-shadow: 0px 0px 15px #d6d6d6;}

/*#news .news-list .item:hover .info .title{color: #fff;}*/

/*#news .news-list .item:hover .info .brief{color: #fff;}*/

/*#news .news-list .item:hover .time{border-left-color: #fff;}*/

/*#news .news-list .item:hover .time .date{color: #fff;}*/

/*#news .news-list .item:hover .time .year{color: #fff;}*/

/*#news .news-list .item:hover .right{background: url(/images/a2.png)no-repeat center;}*/

#news .form-news{margin-bottom: 3%;}

#news .form-news .left,#news .form-news .right{width: 50%;}

#news .form-news .right{text-align: right;}

#news .form-news .left{font-size: 14px;color: #333;}

#news .form-news .left select{width: 240px;height: 40px;border: solid 1px #e0e0e0;border-radius: 3px;}

#news .form-news .right .forms{display: inline-block;border: solid 1px #e1e1e1;border-radius: 5px;background: #fff;}

#news .form-news .right .inputs{width: 200px;height: 40px;border: none;padding: 0 20px;font-size: 12px;border-radius: 5px;}

#news .form-news .right .sub{width: 36px;height: 40px;background: #0756a2 url(/images/new24.png)no-repeat center;border: none;border-radius: 5px;border: none;border-top-left-radius: 0;border-bottom-left-radius: 0;}



/*新闻动态详细页*/

#info-detail{}

#info-detail{width: 100%;max-width: 1920px;margin: 0 auto;}

#info-detail .wrap{max-width: 900px;}

#info-detail .title{font-size: 22px;color: #0b367a;text-align: center;margin-top: 5%;}

#info-detail .contents{margin-top: 50px;min-height: 100px;}

#info-detail .contents img{max-width: 100%;height: auto !important;width: auto !important;}



/*人才招聘*/

#join{}

#talent{margin-top: 5%;margin-bottom: 5%;}

#talent .box .item{background:#071960; color:#fff; font-size:18px; height:60px;}

#talent .box .item .middle{overflow: hidden;}

#talent .box .item.item_2{background:#fff; color:#333333;border-bottom: solid 1px #e8e8e8;overflow: hidden;cursor: pointer;}

#talent .box .item.item_2.item_3{background:#fff;}



#talent .box .tops{background:#525252; color:#fff; height:60px; line-height:60px; padding-left:2%; width:98%;}

#talent .box .list{background:#fff; height:58px; line-height:58px; padding-left:2%; width:98%; margin-bottom:20px;}

#talent .box .list .mid{width:80%;}

#talent .box .list .mid a{color:#666666;}

#talent .box .list .mid a:hover{color:#071960;}

/*#talent .box .item .name{width:23%; padding-left:4%;}

#talent .box .item .work{width:23%; padding-left:2%;text-align: center;}

#talent .box .item .people{width:26%; padding-left:8%;text-align: center;}

#talent .box .item .place{width:12%; padding-left:2%;text-align: center;margin-left: 7%;}*/

#talent .box .item .name{width:40%; padding-left:4%;}

#talent .box .item .work{width:18%; padding-left:4%;text-align: center;}

#talent .box .item .people{width:19%; padding-left:5%;text-align: center;}

#talent .box .item .place{width:12%; padding-left:6%;text-align: center;margin-left: 2%;}

/*#talent .box .item .salary{width:15%; padding-left:2%;}*/

#talent .box .item .jia{background:url(/images/jia.png) no-repeat center; width:20px; height:20px; margin:20px 40px 0 0; cursor:pointer;}

#talent .box .item .jia.jian{background:url(/images/jian.png) no-repeat center;}

#talent .box .on{background:#fff !important; border-bottom:#e3e3e3 1px solid;}

#talent .box .open{background:#f2f2f2 !important;}

#talent .box .box_2{background:#eaebec; overflow:hidden;}

#talent .box .box_2 .content{font-size:15px; color:#333; line-height:22px; display:none; padding:16px;padding-left: 4%;}

#talent .box .box_2 .content .white{padding: 2% 0;}

#talent .box .box_2 .content .white .btn{display:block; width:200px; height:55px; border-radius:4px; /*margin:0 auto;*/ /*padding-left:45px;*/ font-size:16px; color:#fff;background: #071960;}



/*常见问题*/

#service{}

#service .wrap{margin-top: 5%;margin-bottom: 8%;}

#service .btm ul{width:48.5%;}

#service .btm ul li{}

#service .btm ul li .list{color:#333333; font-size:16px; height:55px; line-height:55px; border-bottom:#e4e4e4 1px solid;}

#service .btm ul li .list span{font-size:28px; color:#ccc;}

#service .btm ul li .list img{padding-top:21px;}

#service .btm ul li .bif{background:#f3f3f3; font-size:12px; color:#333333; padding:4% 2%; display:none;}

#service .btm ul li:hover .list{text-indent:2%; color:#071960;}

#service .btm ul li:hover .bif{color:#071960;}

#service .btm .closes .bif{display:block;}

#service #btm{display:none;}



/*技术下载*/

#download{}

#download .wrap{margin-top: 5%;margin-bottom: 5%;overflow: visible;}

#download .download{display: block;width: 31%;margin-right: 2%;margin-bottom: 25px;border:solid 1px #d6d6d6;}

#download .download:nth-child(3n){margin-right: 0;}

#download .download .left{width: 27.4%;}

#download .download .left img{max-width: 100%;height: 100%;}

#download .download .bot .r .img2{display: none;}

#download .download .right{width: 72.6%;padding: 15px;}

#download .download .right .tit{font-size: 13px;color: #333;height: 36px;overflow: hidden;}

#download .download .right .bot{margin-top: 5px;}

#download .download .right .bot .l{font-size: 13px;color: #888;}

#download .download:hover{box-shadow: 0px 0px 10px #d6d6d6;-webkit-box-shadow: 0px 0px 10px #d6d6d6;-moz-box-shadow: 0px 0px 10px #d6d6d6;}

#download .download:hover .right .tit{color: #071960;}

#download .download:hover .right .bot .l{color: #071960;}

#download .download:hover .bot .r .img1{display: none;}

#download .download:hover .bot .r .img2{display: block;}



#download .list .tr{padding: 0 60px;height: 60px;line-height: 60px;overflow: hidden;background: #f6f6f6;}

#download .list .tr:nth-child(2n){background: #fff;}

#download .list .tr:first-child{background: #0756a2;}

#download .list .tr:first-child .td{font-size: 15px;color: #fff;}

#download .list .tr .td{font-size: 12px;color: #666;}

#download .list .tr .td1{width: 25%;color: #333;}

#download .list .tr .td2{width: 30%;margin-left: 5%;}

#download .list .tr .td3{width: 10%;margin-left: 5%;text-align: center;}

#download .list .tr .td4{width: 10%;text-align: center;}

#download .list .tr .td4 a{color: #0756a2;}



/*行业应用*/

#instance{margin-bottom: 5%;}

#instance .list{margin-top: 5%;}

#instance .big{width: 31%;margin-bottom: 2%;margin-right: 3.5%;overflow: hidden;display: block;}

#instance .big:nth-child(3n){margin-right: 0;}

#instance .big .img img{max-width: 100%;height: auto;width: 100%;}

#instance .big:hover .img img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}

#instance .big .tit{font-size: 16px;color: #333;margin-top: 25px;text-align: center;}



/*行业应用详细*/

#instance-detail{padding: 5% 0;}

#instance-detail .wrap{overflow: visible;}

#instance-detail .wrap1 .left{width: 40%;}

#instance-detail .wrap1 .left .img{border: solid 1px #ededed;text-align: center;vertical-align: middle;padding: 50px 0;}

#instance-detail .wrap1 .left .img img{max-width: 100%;height: auto;}

#instance-detail .wrap1 .right{width: 40%;margin-left: 5%;}

#instance-detail .wrap1 .right .title{font-size: 22px;color: #333;margin-top: 25px;}

#instance-detail .wrap1 .right .brief{font-size: 13px;color: #333;height: 50px;line-height: 25px;overflow: hidden;margin-top: 15px;}

#instance-detail .wrap1 .right .brief.on{height: auto;}

#instance-detail .wrap1 .right .expand{font-size: 13px;color: #333;vertical-align: middle;margin-top: 15px;display: inline-block;background: url(/images/new32.png)no-repeat right;padding-right: 15px;}

#instance-detail .wrap1 .right .smallimg{margin-top: 25px;}

#instance-detail .wrap1 .right .smallimg .tit{font-size: 17px;color: #333;}

#instance-detail .wrap1 .right .smallimg .imglist{margin-top: 25px;}

#instance-detail .wrap1 .right .smallimg .imglist .img{/*padding-right: 30px;background: url(/images/new29.jpg)no-repeat 74px;*/padding-right: 20px;background: url(/images/new29.jpg)no-repeat 125px;margin-top: 5px;display: inline-block;}

#instance-detail .wrap1 .right .smallimg .imglist .img img{width: 120px;height: auto;}

#instance-detail .wrap1 .right .smallimg .imglist .img:last-child{background: none;padding-right: 0;}

#instance-detail .wrap1 .right .smallimg .imglist .img:hover img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}

#instance-detail .wrap2{margin-top: 50px;}

#instance-detail .wrap2 .title{font-size: 17px;color: #000;margin-bottom: 24px;border-bottom: solid 1px #ececec;padding-bottom: 20px;}

#instance-detail .wrap3{padding: 0 15px;margin-top: 80px;border-bottom: solid 1px #ececec;padding-bottom: 50px;}

#instance-detail .wrap3 .title{font-size: 22px;color: #333;}

#instance-detail .wrap3 .left{width: 38%;margin-top: 50px;font-size: 13px;color: #333;margin-top: 25px;line-height: 25px;}

#instance-detail .wrap3 .right{width: 48%;text-align: right;}

#instance-detail .wrap3 .right img,#instance-detail .wrap3 .left img{max-width: 100%;height: auto;}

#instance-detail .wrap4{margin-top: 40px;}

#instance-detail .wrap4 .title{font-size: 23px;color: #333;text-align: center;}

#instance-detail .wrap4 .detail{margin-top: 50px;}

#instance-detail .wrap4 .detail img{max-width: 100%;height: auto;}

#instance-detail .wrap5{max-width: 1140px;margin: 0 auto;background: #f5f5f5;margin-top: 50px;padding: 30px 50px;}

#instance-detail .wrap5 .left{width: 20%;}

#instance-detail .wrap5 .right{width: 60%;}

#instance-detail .wrap5 .left .title{font-size: 26px;color: #333;margin-top: 55px;}

#instance-detail .wrap5 .left .more{font-size: 16px;color: #333;margin-top: 15px;display: block;}

#instance-detail .wrap5 .right .down{display: block;width: 100%;height: 55px;line-height: 55px;background: #064287;margin-top: 10px;color: #fff;font-size: 14px;padding: 0 30px;border-radius: 5px;overflow: hidden;}

#instance-detail .wrap5 .right .down:first-child{margin-top: 0;}

#instance-detail .wrap5 .right .down .l{width: 90%;}

#instance-detail .wrap5 .right .down .r{margin-top: 18px;}





/*关于我们*/

#about{}

#about .title{font-size: 26px;color: #333;text-align: center;padding-top: 3%;}

#about .border{width: 33px;height: 3px;background: #071960;margin: 0 auto;margin-top: 10px;}

#about .bri{font-size: 13px;color: #555;text-align: center;margin-top: 10px;}

#about .wrap1{padding-bottom: 3%;padding-top: 3%;}

#about .wrap1 .contents{margin-top: 2%;}

#about .wrap1 .contents img{width: auto !important;height: auto !important;max-width: 100%;}

#about .wrap1 .left{width: 40%;}

#about .wrap1 .left .title{text-align: left;}

#about .wrap1 .left .border{margin-left: 0;}

#about .wrap1 .left .fonts{margin-top: 40px;}

#about .wrap1 .right{/*width: 60%;*/ width: 57%;margin-left: 3%;}

#about .wrap1 .right img{max-width: 100%;height: auto;margin-top: 23px;}

#about .wrap1 .w2{margin-top: 60px;}

#about .wrap1 .w2 .right{width: 40%;margin-left: 0;}

#about .wrap1 .w2 .right img{margin-top: 0;padding-right: 10%;}

#about .wrap1 .w2 .left{/*width: 60%;*/ width: 57%;margin-left: 3%;}

#about .w2 .title{padding-top: 0;}

#about .wrap2{background: #f7f7f7;}

#about .wrap2 .wrap{overflow: visible;}

#about .wrap2 .list{margin-top: 3%;padding-bottom: 3%;}

#about .wrap2 .list .big{width: 23.2%;margin-right: 2.33%;background: #fff;height: 358px;padding: 2%;overflow: hidden;}

#about .wrap2 .list .big:nth-child(4){margin-right: 0;}

#about .wrap2 .list .big .img{margin: 0 auto;text-align: center;margin-top: 20px;}

#about .wrap2 .list .big .img img{max-width: 100%;height: auto;}

#about .wrap2 .list .big .tit{font-size: 16px;color: #333;text-align: center;margin-top: 20px;}

#about .wrap2 .list .big .brief{font-size: 13px;color: #888;text-align: center;line-height: 28px;margin-top: 15px;}

#about .wrap2 .list .big:hover{box-shadow: 0px 0px 20px #d6d6d6;-webkit-box-shadow: 0px 0px 20px #d6d6d6;-moz-box-shadow: 0px 0px 20px #d6d6d6;}

#about .wrap2 .list .big:hover img{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);transform: rotate(360deg);}

#about .wrap3{height: 495px;background-image: url(/images/img9.jpg);background-repeat: no-repeat;background-position: center;}

#about .wrap3 .title{color: #fff;}

#about .wrap3 .border{background: #fff;}

#about .wrap3 .bri{color: #fff;line-height: 30px;}

#about .wrap3 .list{margin-top: 7%;}

#about .wrap3 .list .big{width: 24%;background: url(/images/borders.jpg)no-repeat right;height: 120px;}

#about .wrap3 .list .big .nums{font-size: 44px;color: #fff;font-family: 'Impact';margin-top: 10px;width: 50%;}

#about .wrap3 .list .big .nums.nums1{text-align: right;}

#about .wrap3 .list .big .nums.nums2{text-align: left;}

#about .wrap3 .list .big .font{font-size: 13px;color: #fff;text-align: center;}

#about .wrap3 .list .big:nth-child(4){background: none;}

#about .wrap4{background: #f7f7f7;padding-bottom: 3%;}

#about .wrap4 .list{padding-bottom: 5%;margin-top: 3%;}

#about .wrap4 .list .item{text-align: center;background: #fff;margin-right: 40px;padding: 0 3%;}

#about .wrap4 .list .item img{max-width: 100%;height: auto;}

#about .wrap4 .list .fonts{width: 100%;height: 60px;line-height: 60px;font-size: 16px;color: #333;text-align: center;overflow: hidden;}

#about .wrap4 .owl-carousel .owl-wrapper-outer{margin-left: 20px;}

#about .wrap4 .owl-theme .owl-controls{right: 0;bottom: -20%;top: auto;}

#about .wrap4 .owl-theme .owl-controls .owl-page span,#products-detail .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page span{background: #c5c5c5;opacity: 1;filter:alpha(opacity=100);}

#about .wrap4 .owl-theme .owl-controls .owl-page.active span,#products-detail .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page.active span{background: #071960;}

/*发展历程*/

#about .wrap5{/*height: 470px;*/height: 600px;/*background-image: url(/images/new14.jpg);*/background-image: url(/images/path-bg.jpg);background-repeat: no-repeat;background-position: center;}

#about .wrap5 .wrap{overflow: visible;}

#about .wrap5 .about-path{position: relative;}

#about .wrap5 .about-path .path{margin-top: 3.57142857%;}

#about .wrap5 .about-path .path-list{max-width: 840px;width: 100%;margin-right: auto;margin-left: auto;margin-bottom: 30px;margin-top: 8%;}

#about .wrap5 .about-path .path-list .item{width: 100%;top: 0;left: 0;position: absolute;z-index: 1;visibility: hidden;opacity: 0;}

#about .wrap5 .about-path .path-list .item.on{position: relative;visibility: visible;opacity: 1;}

#about .wrap5 .about-path .path-list .item .name{font-size: 26px;color: #071960;margin-bottom: 2.97619%;}

#about .wrap5 .about-path .path-list .item .content{line-height: 30px;font-size: 16px;color: #333;}

#about .wrap5 .about-path .year-line{width: 96.666666%;height: 1px;background-color: #dadde2;margin: 0 auto;top: 4px;right: 0;left: 0;}

#about .wrap5 .about-path .year-swiper{width: 92.5%;margin: 0 auto;}

#about .wrap5 .about-path .year-list{height: 55px;padding: 100px 0 20px;margin-bottom: 3%;z-index: 2;}

#about .wrap5 .about-path .year-list .box{width: 90%;max-width: 1400px;margin-right: auto;margin-left: auto;}

#about .wrap5 .about-path .year-list .item{font-size: 14px;color: #747474;}

#about .wrap5 .about-path .year-list .item:before{width: 10px;height: 10px;/*background-color: #666;*/background-color: #b7b7b7;border-radius: 50%;margin: 0 auto 15px;display: block;content: '';}

#about .wrap5 .about-path .year-list .item.on{font-weight: bold;font-size: 22px;color: #071960;}

#about .wrap5 .about-path .year-list .item.on:before{background-color: #071960;margin-bottom: 10px;}

#about .wrap5 .about-path .year-btn{width: 36px;height: 36px;line-height: 24px;font-size: 30px;color: #b3b3b3;border: 2px solid #b3b3b3;border-radius: 50%;/*top: 70%;*/line-height: 36px;top: -13px;}

#about .wrap5 .about-path .year-btn.prev{left: -40px;}

#about .wrap5 .about-path .year-btn.next{right: -40px;}

#about .wrap5 .about-path .year-btn:hover{color: #071960;border-color: #071960;}

#about .wrap5 .about-path .content{padding-top: 0;padding-bottom: 0;}



/*产品列表*/

#products{padding-top: 3%;padding-bottom: 3%;}

#products .wrap{overflow: visible;}

#products .big-tit{font-size: 18px;color: #333;background: url(/images/new12.jpg)no-repeat left;padding-left: 13px;margin-top: 20px;}

#products .pro_list{margin-top: 1.5%;margin-bottom: 0;}

#products .mores{display: block;width: 100px;height: 34px;text-align: center;line-height: 34px;background: #023793;color: #fff;border-radius: 20px;margin: 0 auto;margin-top: 10px;}

#products .mores:hover{opacity: 0.8;}

.pro_list{}

.pro_list .pro{display: block;width: calc(22.9% - 2px);width:-moz-calc(22.9% - 2px); width:-webkit-calc(22.9% - 2px);margin-right: 2.8%;border:solid 1px #e9e9e9;height: 466px;overflow: hidden;position: relative;margin-bottom: 2.8%;background: #fff;}

.pro_list .pro:nth-child(4n){margin-right: 0;}

.pro_list .pro .big{}

.pro_list .pro .big .img{border-bottom: solid 1px #e9e9e9;text-align: center;height: 350px;overflow: hidden;display: table-cell;vertical-align: middle;}

.pro_list .pro .big .img img{max-width: 100%;height: auto;}

.pro_list .pro .big .fonts{height: 116px;overflow: hidden;padding: 0 7%;}

.pro_list .pro .big .fonts .tit{font-size: 16px;color: #333;margin-top: 18px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}

.pro_list .pro .big .fonts .bri{font-size: 13px;color: #888;margin-top: 13px;line-height: 23px;height: 46px;overflow: hidden;}

.pro_list .pro .hover{position: absolute;left: 0;right: 0;top: 0;width: 100%;height: 100%;background: rgba(23,42,108,0.7);opacity: 0;filter:alpha(opacity=0);}

.pro_list .pro .hover .title{font-size: 16px;color: #fff;text-align: center;margin-top: 40%;padding: 0 3%;}

.pro_list .pro .hover .brief{font-size: 13px;color: #fff;text-align: center;margin-top: 18px;padding: 0 3%;}

.pro_list .pro .hover .arrows{width: 185px;height: 42px;border:solid 1px #fff;background-image: url(/images/arrow.png);background-repeat:no-repeat 

	;background-position:center;margin: 0 auto ;margin-top: 60px;}

/*.pro_list .pro:hover .hover{opacity: 1;filter:alpha(opacity=100);}*/

.pro_list .pro:hover{box-shadow: 0px 0px 10px #d6d6d6;-webkit-box-shadow: 0px 0px 10px #d6d6d6;-moz-box-shadow: 0px 0px 10px #d6d6d6;}

/*.pro_list .pro:hover .big .fonts .tit,.pro_list .pro:hover .big .fonts .bri{display: none;}*/



/*产品详细页*/

#products-detail{padding-top: 2%;padding-bottom: 4%;}

/*#products-detail .wrap{overflow: visible;}*/

#products-detail .wrap1{height: 550px;background-image: url(/images/pro_banner.jpg);background-repeat:no-repeat 

	;background-position:center;}

#products-detail .wrap1 .wraps{width: 46%;margin: 0 auto;padding-top: 5%;}

#products-detail .wrap1 .wraps .left{width: 60%;margin-top: 10%;}

#products-detail .wrap1 .wraps .right{width: 40%;}

#products-detail .wrap1 .wraps .right img{max-width: 100%;height: auto;}

#products-detail .wrap1 .wraps .left .tit{font-size: 24px;color: #023793;}

#products-detail .wrap1 .wraps .left .bri{font-size: 16px;color: #555;margin-top: 10px;}

#products-detail .wrap2 .nav_list{text-align: center;margin: 0 auto;margin-top: 2%;margin-bottom: 2%;width: 60.5%;}

#products-detail .wrap2 .nav_list .nav{display: inline-block;width: 19.6%;/*height: 60px;*/background: #f1f1f1;font-size: 15px;color: #555;text-align: center;line-height: 60px;}

#products-detail .wrap2 .nav_list .nav.on{background: #023793;color: #fff;}

#products-detail .wrap2 .dec_list{width: 60.5%;margin: 0 auto;}

#products-detail .wrap2 .dec_list .big{min-height: 220px;display: none;}

#products-detail .wrap2 .recom{margin-top: 3%;}

#products-detail .wrap2 .recom .titles{font-size: 18px;color: #333;}

#products-detail .wrap2 .recom .pro_list{margin-top: 2%;margin-bottom: 5%;}

/*#products-detail .wrap2 .recom .owl-pagination{display: none;}*/

#products-detail .wrap2 .recom .pro_list .pro{width: 95%;}

#products-detail .wrap2 .recom .pro_list .owl-theme .owl-controls{position: static;}

#products-detail .wrap2 .recom .pro_list .owl-theme .owl-controls .owl-buttons div{width: 19px;height: 38px;background: url(/images/left.png)no-repeat center;position: absolute;top: 180px;}

#products-detail .wrap2 .recom .pro_list .owl-theme .owl-controls .owl-buttons .owl-next{transform:rotate(180deg);-ms-transform:rotate(180deg); /* IE 9 */-moz-transform:rotate(180deg); /* Firefox */-webkit-transform:rotate(180deg);/* Safari 和 Chrome */-o-transform:rotate(180deg);right: -20px;}

#products-detail .wrap2 .recom .pro_list .owl-theme .owl-controls .owl-buttons .owl-prev{left: -35px;}

/*#products-detail .owl-buttons{width: 1600px;margin: 0 auto;}*/

/*#products-detail .wrap2 .recom .owl-carousel .owl-wrapper-outer{margin-left: 20px;}

#products-detail .wrap2 .recom .owl-theme .owl-controls{right: 0;bottom: -20%;top: auto;}

#products-detail .wrap2 .recom .owl-theme .owl-controls .owl-page span{background: #c5c5c5;opacity: 1;filter:alpha(opacity=100);}

#products-detail .wrap2 .recom .owl-theme .owl-controls .owl-page.active span{background: #071960;}*/

#products-detail .top{position: relative;}

#products-detail .top #sync1{position: static;}

#products-detail .top .owl-theme .owl-controls{left: auto;right: 14%;/*top: 300px;*/top: 385px;width: 36.5%;z-index: 999;}

#products-detail .top .owl-theme .owl-controls .owl-prev{position: absolute;left: 0;}

#products-detail .top .owl-theme .owl-controls .owl-next{position: absolute;right: 0;}

#products-detail .top .left{width: 48%;}

#products-detail .top .right{width: 46%;margin-left: 4%;margin-right: 2%;}

#products-detail .top .left{border: solid 1px #ededed;text-align: center;padding: 20px 0;}

#products-detail .top .left img{max-width: 100%;height: auto;}

#products-detail .top .right .title{font-size: 22px;color: #023793;}

#products-detail .top .right .brief{font-size: 15px;color: #555;margin-top: 20px;margin-bottom: 25px;}

#products-detail .top .right .btns{display: block;width: 146px;height: 36px;line-height: 36px;border-radius: 5px;background: #023793;font-size: 16px;color: #fff;text-align: center;margin-top: 10px;}

#products-detail .top .right #sync2{margin-top: 100px;max-width: 450px;}

#products-detail .top .right #sync2 .item{margin-right: 10px;}

#products-detail .top .right #sync2 .item img{max-width: 100%;height: auto;border: solid 1px #ededed;}

#products-detail .top .owl-buttons div{width: 10px;height: 20px;position: absolute;}

#products-detail .top .owl-buttons .owl-prev{background: url(/images/new38.png)no-repeat center;}

#products-detail .top .owl-buttons .owl-next{background: url(/images/new39.png)no-repeat center;}

#products-detail .bot .detail{margin-top: 50px;}

#products-detail .titless{font-size: 16px;color: #333;padding-bottom: 20px;border-bottom: solid 1px #ededed;}

#products-detail .bot .detail .contents{padding: 5% 0;}

#products-detail .bot .detail .contents img{max-width: 100%;height: auto;}

#products-detail .mid{margin-top: 30px;}

#products-detail .mid .package{display: inline-block;width: 19%;text-align: center;padding-right: 2%;background: url(/images/new40.png)no-repeat right;margin-bottom: 2%;}

#products-detail .mid .package.img2 .img{padding: 30px 0;}

#products-detail .mid .package img{max-width: 100%;height: auto;width: 138px;max-height: 138px;overflow: hidden;}

#products-detail .mid .package .font{font-size: 14px;color: #333;margin-top: 5px;height: 36px;overflow: hidden;}

#products-detail .mid .package.last{padding-right: 0;background: none;}

#products-detail .mid .package:hover img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}

#products-detail .mid .list{margin-top: 30px;}

#products-detail .instance-list{margin-top: 20px;padding-bottom: 35px;}

#products-detail .instance-list img{max-width: 100%;height: auto;}

#products-detail .instance-list .fonts{font-size: 16px;color: #333;margin-top: 20px;text-align: center;}

#products-detail .instance-list .owl-theme .owl-controls{top: auto;bottom: -35px;left: 0;right: 0;margin: 0 auto;}

#products-detail .instance-list .pro{width: 92%;overflow: hidden;}

#products-detail .instance-list .pro:hover img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}



/*首页部分*/

#index{}

#index .titles{font-size: 30px;color: #333;text-align: center;padding-top: 4%;}

#index .borders{width: 198px;height: 3px;background: url(/images/tit_border.png)no-repeat center;margin: 0 auto;margin-top: 10px;}

#index .wrap1 .big{width: 32%;padding: 0 5%;background: url(/images/bord.jpg)no-repeat right;}

#index .wrap1 .big:nth-child(3){background: none;}

#index .wrap1 .big .tit{font-size: 22px;color: #14276a;padding-top: 10px;}

#index .wrap1 .big .brief{font-size: 13px;color: #333;line-height: 30px;margin-top: 10px;}

#index .wrap1 .big .img{text-align: center;margin-top: 10%;}

#index .wrap1 .big .img img{max-width: 100%;height: auto;}

#index .wrap1 .big:hover .img img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}

#index .wrap1 .list{margin-top: 3%;padding-bottom: 3%;}

#index .wrap2{background: #fff;padding-bottom: 2%;}

#index .wrap2 .pro_list{margin-top: 4%;margin-left: 5px;}

#index .pro_list .pro{/*width: 95%;*/}

#index .pro_list .owl-theme .owl-controls{position: static;margin-top: 2%;}

#index .pro_list .owl-theme .owl-controls .owl-buttons div{width: 50px;height: 50px;background-image: url(/images/img14.jpg);border-radius: 3px;opacity: 1;filter:alpha(opacity=100);background-position: center;background-color: #fff;background-repeat: no-repeat;}

#index .pro_list .owl-theme .owl-controls .owl-buttons div:hover{opacity: 0.6;filter:alpha(opacity=60);}

#index .pro_list .owl-theme .owl-controls .owl-buttons .btns:hover{opacity: 0.6;filter:alpha(opacity=60);}

#index .pro_list .owl-theme .owl-controls .owl-buttons .owl-next{transform:rotate(180deg);-ms-transform:rotate(180deg); /* IE 9 */-moz-transform:rotate(180deg); /* Firefox */-webkit-transform:rotate(180deg);/* Safari 和 Chrome */-o-transform:rotate(180deg);}

#index .pro_list .owl-pagination{display: none;}

#index .pro_list .btns{width: 92px;height: 50px;background-image: url(/images/img16.jpg);display: inline-block;margin: 5px;padding: 3px 10px;background-position: center;background-color: #fff;background-repeat: no-repeat;}

#index .wrap3{background: #f2f2f2;}

#index .wrap3 .info_list{margin-top: 3%;margin-bottom: 3%;}

#index .wrap3 .info_list .right{width: 51%;height: 460px;overflow: hidden;}

#index .wrap3 .info_list .left{width: 46%;height: 465px;overflow: hidden;}

#index .wrap3 .info_list .left .info{display: block;border: solid 1px #dadada;margin-bottom: 10px;}

#index .wrap3 .info_list .left .info .tops{height: 72px;overflow: hidden;}

#index .wrap3 .info_list .left .info .l{width: 10%;height: 72px;background-image:url(/images/n1.png);background-repeat: no-repeat;background-position: center;background-color: #eee;}

#index .wrap3 .info_list .left .info .r{width: 90%;line-height: 72px;padding: 0 4%;}

#index .wrap3 .info_list .left .info .r .t{font-size: 15px;color: #333;width: 85%;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}

#index .wrap3 .info_list .left .info .r .d{font-size: 13px;color: #888;width: 12%;}

#index .wrap3 .info_list .left .info .bots{height: 135px;background: #f8f8f8;padding: 4%;font-size: 13px;color: #555;line-height: 25px;overflow: hidden;display: none;border-top: solid 1px #dadada;}

#index .wrap3 .info_list .left .info.on .l{background-image: url(/images/n2.png);background-repeat: no-repeat;background-position: center;background-color: #071960;}

#index .wrap3 .info_list .right .big{width: 48%;height: 460px;border:solid 1px #dadada;display: block;}

#index .wrap3 .info_list .right .big .img{height: 240px;overflow: hidden;}

#index .wrap3 .info_list .right .big .img img{width: 100%;height: auto;}

#index .wrap3 .info_list .right .big .fonts{padding: 0 4%;height: 220px;}

#index .wrap3 .info_list .right .big .fonts .tit{font-size: 16px;color: #333;padding-top: 10%;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}

#index .wrap3 .info_list .right .big .fonts .dates{font-size: 13px;color: #555;margin-top: 4%;}

#index .wrap3 .info_list .right .big .fonts .briefs{font-size: 13px;color: #555;line-height: 24px;margin-top: 2%;height: 125px;overflow: hidden;}

#index .wrap3 .info_list .right .big:hover .fonts{background: #071960;}

#index .wrap3 .info_list .right .big:hover .fonts .tit{color: #fff;}

#index .wrap3 .info_list .right .big:hover .fonts .dates{color: #fff;}

#index .wrap3 .info_list .right .big:hover .fonts .briefs{color: #fff;}



#index .wrap4{background: #f2f2f2;padding: 30px 0;}

#index .wrap4 .wrap{overflow: visible;}

#index .wrap4 .left{width: 41%;}

#index .wrap4 .right{width: 55%;}

#index .wrap4 .top .tit{font-size: 22px;color: #333;width: 50%;padding-left: 12px;background: url(/images/new12.jpg)no-repeat left;}

#index .wrap4 .top .detail{width: 84px;height: 30px;border-radius: 3px;background: #0b226b;color: #fff;font-size: 12px;text-align: center;line-height: 30px;}

#index .wrap4 .bot{margin-top: 25px;}

/*#index .wrap4 .left .img{overflow: hidden;}*/

#index .wrap4 .left .img img{max-width: 100%;height: auto;}

#index .wrap4 .left .fonts{font-size: 14px;color: #333;line-height: 30px;margin-top: 15px;width: 96%;}

#index .wrap4 .right .rows{margin-top: 28px;}

#index .wrap4 .right .rows:first-child{margin-top: 0;}

#index .wrap4 .right .rows .date{width: 9%;margin-right: 3%;margin-top: 5px;}

#index .wrap4 .right .rows .con{width: 60%;}

#index .wrap4 .right .rows .con .dates{font-size: 12px;color: #888;margin-top: 5px;margin-bottom: 5px;display: none;}

#index .wrap4 .right .rows .img{width: 22%;text-align: right;overflow: hidden;}

#index .wrap4 .right .rows .img img{max-width: 100%;height: auto;}

#index .wrap4 .right .rows .con .title{font-size: 16px;color: #333;height: 22px;overflow: hidden;display: block;}

#index .wrap4 .right .rows .con .brief{font-size: 14px;color: #888;margin-top: 10px;line-height: 25px;height: 50px;overflow: hidden;}

#index .wrap4 .right .rows .con .brief.brief2{display: none;}

#index .wrap4 .right .rows .date .d{font-size: 34px;color: #333;text-align: center;}

#index .wrap4 .right .rows .date .ym{font-size: 14px;color: #888;text-align: center;}

#index .wrap4 .right .rows .con .title:hover{color: #0b226b;}

#index .wrap4 .right .rows .img img:hover{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}

#index .wrap4 .top .detail:hover{opacity: 0.8;filter:alpha(opacity=80);}

#index .wrap4 .left .img img:hover{box-shadow: 0px 0px 10px #d6d6d6;-webkit-box-shadow: 0px 0px 10px #d6d6d6;-moz-box-shadow: 0px 0px 10px #d6d6d6;}



#index .wrap5{padding: 45px 0;}

#index .wrap5 .top .tit{font-size: 22px;color: #333;width: 50%;padding-left: 12px;background: url(/images/new12.jpg)no-repeat left;}

#index .wrap5 .bot{margin-top: 25px;padding-bottom: 40px;position: relative;}

#index .wrap5 .bot .link img{border: solid 1px #eee;max-width: 100%;height: auto;}

#index .wrap5 .owl-theme .owl-controls .owl-buttons div{display: none;}

#index .wrap5 .owl-carousel .owl-item{text-align: center;}

#index .wrap5 .owl-theme .owl-controls{right: 0;bottom: -35px;top: auto;}

#index .wrap5 .owl-theme .owl-controls .owl-page span,#products-detail .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page span{background: #c5c5c5;opacity: 1;filter:alpha(opacity=100);}

#index .wrap5 .owl-theme .owl-controls .owl-page.active span,#products-detail .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page.active span{background: #071960;}

#index .wrap5 .swiper-pagination{width: 100%;bottom: 0;}

#index .wrap5 .swiper-pagination-bullet{width: 12px;height: 12px;background: #c5c5c5;opacity: 1;margin: 5px 7px;}

#index .wrap5 .swiper-pagination-bullet-active{background: #071960;}



/*手机顶部部分*/

#header_mobile_hidden{height: 80px;display: none;}

#header_mobile{display: none;height: 80px;z-index: 1000;width: 100%;position: fixed;left: 0;top: 0;right: 0;border-bottom: solid 1px #ededed;background: #fff;}

#header_mobile .menu-trg {position: absolute;right: 4%;top: 0;}

#header_mobile .menu-trg .icon-menu{background: url(/images/mobilenav.png)no-repeat center;}

#header_mobile .menu-trg .trg {display: block;width: 40px;height: 40px;background-size: 100%;margin-top: 20px;}

.side-menu {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1000;transform: translateX(100%);-webkit-transform: translateX(100%);transition-property: transform;-webkit-transition-property: -webkit-transform;transition-duration: 0.5s;-webkit-transition-duration: 0.5s;}



.side-menu .inner {position: absolute;right: 0;top: 0;width: 50%;height: 100%;background: #fff;color: #0b367a;overflow-x: hidden;overflow-y: auto;border: solid 1px #ededed;}

.side-menu .inner a {color: #0b367a;}

.side-menu .hd {padding: 0 15px;height: 49px;border-bottom: 1px solid #ededed;line-height: 48px;overflow: hidden;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;}

.side-menu .hd .icon-user:before {margin-right: 5px;font-size: 16px;}

.side-menu .hd .icon-fork:before {top: 0;font-size: 18px;}

.side-menu .hd .icon-user{text-overflow: ellipsis;white-space: nowrap;max-width: 65%;overflow: hidden;}

.side-menu .hd .msg{margin-right: auto;margin-left: 6px;}

.side-menu .hd .msg img{max-width: 20px;}

.side-menu .hd .icon-fork{width: 24px;height: 24px;background: url(/images/close.png)no-repeat center;background-size: 100%;}

.side-menu ul > li a {display: block;text-align: center;line-height: 44px;font-size: 14px;}

.side-menu ul > li {border-bottom: 1px solid #ededed;}

.side-menu.show {transform: translateX(0);-webkit-transform: translateX(0);}

#header_mobile .left{width: 60%;margin-top: 20px;}

#header_mobile .left img{max-width: 100%;height: auto;}

#mobile_drak{width: 100%;height: 100%;position: fixed;left: 0;right: 0;top: 0;background: rgba(0,0,0,0.5);z-index: 999;display: none;}

#header_mobile .menu-trg .side-menu .lan{text-align: center;margin-top: 30px;}

#header_mobile .menu-trg .side-menu .lan .a{display: inline-block;font-size: 18px;cursor: pointer;}



/*员工风采*/

#staff{padding-top: 5%;padding-bottom: 3%;}

#staff .wrap{overflow: visible;}

#staff .list .rows{display: block;width: 31%;margin-right: 3.5%;margin-bottom: 3.5%;}

#staff .list .rows:nth-child(3n){margin-right: 0;}

#staff .list .rows .img img{max-width: 100%;height: auto;width: 100%;}

#staff .list .rows .bot{height: 90px;background: #f2f2f2;overflow: hidden;padding: 20px;text-align: center;}

#staff .list .rows .bot .tit{font-size: 16px;color: #2b2b2b;height: 40px;line-height: 20px;overflow: hidden;}

#staff .list .rows .bot .date{font-size: 12px;color: #a1a1a1;margin-top: 5px;}

#staff .list .rows:hover{box-shadow: 0px 0px 15px #d6d6d6;-webkit-box-shadow: 0px 0px 15px #d6d6d6;-moz-box-shadow: 0px 0px 15px #d6d6d6;}



/*留言弹框*/

#message{position: fixed;left: 0;right: 0;top: 25%;margin: 0 auto;/*background: #fff url(/images/bg.jpg)no-repeat center bottom;*/background: #fff;max-width: 755px;width: 80%;height: 500px;z-index: 1002;display: none;}

#message .wrap{width: 80%;margin: 0 auto;}

#message .title{font-size: 28px !important;color: #0b226b !important;text-align: center;padding-top: 60px;}

#message .title2{font-size: 14px;color: #333;text-align: center;padding-top: 10px;}

#message .meg{margin-top: 34px;}

#message .meg .row{border-bottom: solid 1px #dddddd;height: 50px;line-height: 50px;font-size: 16px;color: #666666;margin-bottom: 20px;overflow: hidden;}

#message .meg .row .inputs{width: 440px;font-size: 16px;color: #666666;border: none;outline: none;margin-left: 10px;height: 100%;}

#message .meg .btn{display:block;width: 140px;height: 40px;border-radius: 50px;border: solid 2px #0b226b;font-size: 16px;color: #0b226b;text-align: center;background: #fff;margin: 0 auto;margin-top: 40px;cursor: pointer;font-weight: bolder;outline: none;}

#message .brief{font-size: 13px;color: #666;text-align: center;margin-top: 40px;line-height: 22px;}

#message .tel{position: absolute;left: 0;right: 0;bottom: 22px;font-size: 16px;color: #fff;text-align: center;}

#message .tel img{vertical-align: middle;margin-right: 1%;}

#message .close{width: 32px;height: 32px;background: url(/images/close.jpg)no-repeat center;position: absolute;right: 60px;top: 25px;cursor: pointer;opacity: 1;}

#drak_big,#drak_big2,#drak_big3{z-index: 1001; background-color: rgb(0, 0, 0); opacity: 0.4; left: 0px; top: 0px; position: fixed; height: 100%; width: 100%;display: none;}



@media only screen and (max-width: 1680px){

	.wrap{width:94%;}



	#index .wrap3 .info_list .left .info .r .t{width: 80%;}

	#index .wrap3 .info_list .left .info .r .d{width: 16%;}



	#footer .right .tops .inputs{width: 180px;}

	#footer .right .tops .shapes .bigs{margin-left: 40px;}



	#message .title{font-size: 34px !important;padding-top: 45px;}

	#message .title2{padding-top: 20px;}

	/*#message{height: 640px;}*/



	#instance-detail .wrap1 .right{width: 50%;}

}

@media only screen and (max-width: 1480px){

	#footer .wrap2 .left{width: 8%;}

	#footer .wrap2 .right{width: 92%;}



	#index .titles{font-size: 28px;}

	#index .wrap1 .big{padding: 0 2.5%;}



	.pro_list .pro{height: 416px;}

	.pro_list .pro .big .img{height: 300px;}



	#products-detail .wrap1 .wraps{width: 55%;}



	#nav{line-height: 60px;height: 60px;}

	#side a{font-size: 16px;}



	#contact .wrap1 .big{padding: 70px;height: 360px;}



	#footer .right .tops .inputs{width: 160px;}

	#footer .right .tops .shapes .bigs{margin-left: 25px;}



	#contact .wrap1 .big .right .title{font-size: 20px;}



	#index .wrap4 .right .rows .date{width: 12%;margin-right: 2%;}



	/*#about .wrap5 .about-path .year-btn.prev{left: 5%;}

	#about .wrap5 .about-path .year-btn.next{right: 5%;}*/

	#about .wrap5 .about-path .path-list{margin-top: 50px;}

	

	#products-detail .top .owl-theme .owl-controls{width: 50%;right: 0;}

	#products-detail .top .owl-theme .owl-controls .owl-prev{left: -15px;}

	#products-detail .top .owl-theme .owl-controls .owl-next{right: auto;left: 468px;}



	#index .wrap4 .right .rows .con .brief.brief1{display: none;}

	#index .wrap4 .right .rows .con .brief.brief2{display: block;}



	/*#message .title{font-size: 32px !important;}*/



	#about .wrap5{height: 580px;}



	#news .hot-news .item .img{max-height: 210px;}

	#side .li .list{top: 60px;}

}



@media only screen and (max-width: 1400px){

	#news .hot-news .item .img{max-height: 200px;}

}



@media only screen and (max-width: 1330px){

	#news .hot-news .item .img{max-height: 190px;}

}



@media only screen and (max-width: 1300px){

	#talent .box .item .place{width: 13%;margin-left: 4%;}

	#talent .box .item .name{padding-left: 5%;width: 28%;}

	#talent .box .box_2 .content{padding-left: 5%;}

	#talent .box .item .work{width: 18%;}



	#header .right .nav{font-size: 14px;}



	#contact .wrap1 .big{padding: 50px;height: 340px;}

}



@media only screen and (max-width: 1280px){

	#index .titles{font-size: 26px;}



	#index .wrap1 .big .tit{font-size: 20px;}

	#index .wrap1 .big .brief{line-height: 25px;}



	.pro_list .pro .big{height: 386px;}

	.pro_list .pro .big .img{height: 270px;}



	#about .title{font-size: 22px;}



	#about .wrap2 .list .big{padding: 1%;}



	#products-detail .wrap1 .wraps{width: 70%;}

	#products-detail .wrap2 .nav_list{width: 80%;}

	#products-detail .wrap2 .dec_list{width: 80%;}



	#nav{line-height: 50px;height: 50px;/*height: auto;line-height: 22px;*/overflow: hidden;}

	#side a{font-size: 14px;}

	/*#side .li{padding: 5px;overflow: hidden;}*/

	#side .li .list{top: 50px;}

	#side .li .list a{height: 30px;line-height: 30px;font-size: 12px;}



	#footer .right .tops .shapes .bigs{margin-left: 15px;}

	#footer .left{margin-right: 4%;}



	#contact .wrap1 .big .right .title{font-size: 18px;}



	#staff .list .rows .bot .tit{font-size: 15px;}



	#about .wrap5 .about-path .year-btn.prev{left: -22px;}

	#about .wrap5 .about-path .year-btn.next{right: -22px;}



	#message{height: 400px;}

	#message .title{font-size: 20px !important;padding-top: 45px;}

	#message .title2{font-size: 12px;}

	#message .meg .row{margin-bottom: 10px;}

	#message .title2{padding-top: 10px;}

	#message .meg .row{height: 35px;line-height: 35px;}

	#message .meg .btn{height: 42px;}

	#message .brief{display: none;}



	#about .wrap5{height: 500px;}



	#news .hot-news .item .img{max-height: 180px;}

	.go-to-top{width: 40px;height: 40px;background-size: 100%;}

}



@media only screen and (max-width: 1200px){

	#products-detail .wrap2 .nav_list{width: 100%;text-align: left;}

	#products-detail .wrap2 .dec_list{width: 100%;}

	#products-detail .wrap2 .nav_list .nav{margin-bottom: 0.5%;width: 49.5%;}



	#talent .box .item .middle{font-size: 14px;}



	#header .right .nav{font-size: 12px;margin-left: 15px;}

	#header .form .inputs{font-size: 12px;}



	#footer .left{margin-right: 2%;width: 38%;}

	#footer .right{width: 38%;}



	#contact .wrap1 .big{height: 280px;padding: 30px 10px;}

	#contact .wrap1 .big .right .meg{font-size: 13px;}



	#staff .list .rows .bot .tit{font-size: 14px;}



	#download .list .tr{padding: 0 15px;}



	#instance-detail .wrap1 .right .title{font-size: 20px;}

	#instance-detail .wrap3 .title{font-size: 20px;}

	#instance-detail .wrap4 .title{font-size: 20px;}

	#instance-detail .wrap5 .left .title{font-size: 20px;}



	#about .wrap5 .about-path .path-list .item .content{font-size: 14px;}

	#about .wrap5 .about-path .year-btn{width: 30px;height: 30px;font-size: 22px;line-height: 30px;}

	#about .wrap5 .about-path .path-list{width: 80%;}



	#about .wrap5 .about-path .path-list .item .name{font-size: 22px;}

	#about .wrap5{height: 420px;}



	#about .title{font-size: 20px;}



	#index .wrap4 .top .tit{font-size: 20px;}



	#index .wrap5 .top .tit{font-size: 20px;}



	#index .wrap4 .right{width: 54%;}

	#index .wrap4 .left{width: 44%;}

	#index .wrap4 .left .fonts{font-size: 12px;line-height: 25px;}

	#about .wrap1 .contents{padding-right: 0 !important;line-height: 25px !important;}



	#about .wrap1 .contents{margin-top: 4%;}

	#about .wrap1 .contents div{width: auto !important;float: none !important;}

	#about .wrap1 .contents div:first-child{text-align: center;}



	#footer .mid .codes{margin-left: 8px;}



	#about .wrap4 .owl-theme .owl-controls{bottom: -16%;}



	#about .wrap1 .left{width: 41%;}

	#about .wrap1 .w2 .left{width: 60%;margin-left: 0;}

	#about .wrap1 .right{margin-left: 0;}



	#about .wrap1 .right img{margin-top: 78px;}

	#about .wrap1 .w2 .right img{margin-top: 160px;}



	#instance-detail .wrap1 .left{width: 38%;}

	#instance-detail .wrap1 .right{width: 60%;margin-left: 2%;}



	#news .hot-news .item .img{max-height: 160px;}

}



@media only screen and (max-width: 1100px){



	#footer .wrap1 .left{width: 65%;}

	#footer .wrap1 .right{width: 35%;}



	#footer .wrap1 .right .big.n2{font-size: 26px;}



	#index .wrap3 .info_list .left,#index .wrap3 .info_list .right{width: auto;float: none;}

	#index .wrap3 .info_list .right{margin-top: 3%;height: auto;padding-bottom: 2%;}

	#index .wrap3 .info_list .right .big{height: auto;}

	#index .wrap3 .info_list .right .big .img{height: auto;}

	#index .wrap3 .info_list .right .big .fonts{height: auto;}

	#index .wrap3 .info_list .right .big .fonts .briefs{height: auto;padding-bottom: 5%;}

	#index .wrap3 .info_list .left .info .r{padding: 0 2%;}



	#about .wrap3{height: 420px;background-size: cover !important;}



	#side{width: 100%;}

	/*#bread{display: none;}*/



	#contact .wrap1 .big .right .title{font-size: 16px;}



	#news .hot-news .item .img{max-height: 150px;}



}



@media only screen and (max-width: 1000px){

	#header .lan{margin-left: 20px;}



	#news .hot-news .item .img{max-height: 140px;}

}



@media only screen and (max-width: 980px){



	#header_mobile,#header_mobile_hidden{display: block;}

	#header,#header_hidden{display: none;}



	#banner #owl-demo{display: none !important;}

	#banner #owl-demo2{display: block !important;}



	.banner{display: none;}

	.banner2{display: block;}



	#footer .wrap1 .right .big.n2{font-size: 22px;}

	#footer .wrap2 .left{width: 11%;}

	#footer .wrap2 .right{width: 89%;}

	#footer .wrap3{padding: 2% 0;}



	#nav{text-align: center;height: auto;overflow: visible;}



	#side a{font-size: 13px;}



	#turn_page .page_item_current,#turn_page .page_item{display: none;}

	#turn_page .haha,#turn_page .haha2{border: transparent;}

	#turn_page .page_noclick{opacity: 0.2;filter:alpha(opacity=20);}



	.hide-980{display: none;}

	.block-980{display: block;}



	.web-btn .button{width: 30px;height: 32px;}

	.web-btn .more{width: 50px;}

	.web-name{font-size: 20px;}

	

	#news .news-list .item .info{width: 69%;}

	#news .news-list .item .time{margin-right: 0;}

	#news .news-list .item .time .date{font-size: 40px;}

	#news .news-list .item .right{display: none;}



	#talent{padding-bottom:40px;}

	#talent .box{padding-top:27px;}

	#talent .box .item .name , #talent .box .item .work , #talent .box .item .people , #talent .box .item .place{width:20%;}

	#talent .box .item .salary{width:14%;}

	#talent .box .list{line-height:inherit; height:inherit; padding-top:10px; padding-bottom:10px;}



	#index .titles{font-size: 24px;}

	#index .wrap1 .big .img{margin-top: 5%;}

	

	.pro_list .pro{height: 346px;}

	.pro_list .pro .big .img{height: 240px;}



	#products .pro_list .pro{width: 49%;margin-right: 2%;}

	#products .pro_list .pro:nth-child(2n){margin-right: 0;}



	#about .title{padding-top: 5%;}



	#about .wrap2 .list .big{width: 49%;margin-right: 2%;margin-top: 2%;}

	#about .wrap2 .list .big:nth-child(2n){margin-right: 0;}

	#about .wrap3 .list .big .nums{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}



	#about .wrap4 .list .fonts{font-size: 14px;}

	#about .wrap4 .list{padding-bottom: 8%;}



	#products-detail .wrap2 .recom .owl-pagination{display: inline-block;}

	#products-detail .owl-buttons{display: none;}

	#products-detail .top .owl-theme .owl-controls .owl-next{left: 420px;}

	#products-detail .wrap1 .wraps{width: 90%;}

	#products-detail .wrap1{height: auto;padding-bottom: 10%;background-size: cover !important;}



	#info-detail .title{font-size: 18px;}



	#download .download{width: 49%;margin-right: 2%;}

	#download .download:nth-child(3n){margin-right: 2%;}

	#download .download:nth-child(2n){margin-right: 0;}

	#download .download .left,#download .download .right{width: auto;float: none;}

	#download .download .left{height: 95px;overflow: hidden;}

	#download .download .left img{height: auto;width: 100%;}



	#contact .wrap1 .big{width: auto;float: none;margin-top: 3%;}

	#contact .wrap1 .big:first-child{margin-left: 0;margin-top: 0;}

	#feedback .c_submit{text-align: center;}



	#pop_info_tips{width: 90% !important;}



	#talent .box .box_2 .content .white .btn{width: 100px;height: 32px;font-size: 14px;margin: 0 auto;}



	#footer .left{width: auto;float: none;}

	#footer .mid{margin-top: 20px;}

	#footer .mid{width: 36%;}

	#footer .right{width: 60%;margin-top: 20px;}



	#contact .wrap1 .big{height: auto;width: 100%;float: none;margin-right: 0;}



	#contact .wrap2 .left,#contact .wrap2 .right{width: auto;float: none;}

	#contact .wrap2 .left{height: 250px;}

	#contact .wrap2 .right{padding-left: 0;}



	#contact .wrap2 .right .tit{font-size: 15px;}

	#contact .wrap2 .right .detail{margin-top: 15px;font-size: 13px;}



	#index .wrap4 .left,#index .wrap4 .right{width: auto;float: none;}

	#index .wrap4 .right{margin-top: 15px;}



	.pro_list .pro{display: block;width: calc(48.6% - 2px);width:-moz-calc(48.6% - 2px); width:-webkit-calc(48.6% - 2px);margin-right: 2.8%;border:solid 1px #e9e9e9;height: 420px;overflow: hidden;position: relative;margin-bottom: 2.8%;background: #fff;}

	.pro_list .pro:nth-child(3n){margin-right: 2.8%;}

	.pro_list .pro:nth-child(2n){margin-right: 0;}

	.pro_list .pro{height: auto;}

	.pro_list .pro .big{height: auto;}



	#instance-detail .wrap1 .right .title{font-size: 18px;}

	#instance-detail .wrap3 .title{font-size: 18px;}

	#instance-detail .wrap4 .title{font-size: 18px;}

	#instance-detail .wrap5 .left .title{font-size: 18px;}



	/*#instance-detail .wrap1 .right{margin-left: 3%;}*/

	/*#instance-detail .wrap5 .right{width: 50%;}*/

	/*#instance-detail .wrap5 .left{width: 50%;}*/

	#instance-detail .wrap3{margin-top: 40px;}



	#staff .list .rows{display: block;width: 49%;margin-right: 2%;margin-bottom: 2%;}

	#staff .list .rows:nth-child(3n){margin-right: 2%;}

	#staff .list .rows:nth-child(2n){margin-right: 0;}



	#download .list .tr .td2{display: none;}

	#download .list .tr .td1{width: 50%;}

	#download .list .tr .td4{width: 15%;}

	#download .list .tr{height: 50px;line-height: 50px;}

	#download .list .tr:first-child .td{font-size: 14px;}



	#products .big-tit{font-size: 16px;}



	#about .wrap5{height: auto;padding-bottom: 10%;}



	#about .title{font-size: 18px;}



	#about .wrap1 .left,#about .wrap1 .right{width: auto;float: none;}

	#about .wrap1 .w2 .left,#about .wrap1 .w2 .right{width: auto;float: none;}

	#about .wrap1 .right img{margin-top: 20px;}

	#about .wrap1 .w2 .right img{margin-top: 10px;}

	#about .wrap1 .w2{margin-top: 20px;}

	#about .wrap1 .w2 .right{margin-top: 10px;}

	#about .wrap1 .w2 .right img{padding-right: 0 !important;}



	#index .wrap4 .top .tit{font-size: 18px;}

	#index .wrap4 .right .rows .con .title{font-size: 14px;}

	/*#index .wrap4 .left .fonts{font-size: 12px;line-height: 25px;}*/

	#index .wrap4 .right .rows .con .brief{font-size: 12px;margin-top: 6px;}

	#index .wrap4 .right .rows .con .dates{display: block;}



	#index .wrap5 .top .tit{font-size: 18px;}



	#nav .wrap{width: 100%;margin: 0;}

	#side .li:hover .list{display: none;}

	#side a{height: 50px;overflow: hidden;}



	#products-detail .top .right .btns{font-size: 14px;}

	#products-detail .top .right .brief{font-size: 14px;}



	#products-detail .top .left,#products-detail .top .right{width: auto;float: none;}

	#products-detail .top .right .title{margin-top: 20px;}

	#products-detail .top .right .brief{margin-top: 10px;margin-bottom: 15px;}

	#products-detail .top .right #sync2{margin-top: 25px;}

	#products-detail .instance-list .fonts{font-size: 14px;}



	#instance-detail .wrap5 .left .title{margin-top: 0;}



	#about .wrap1 .right{margin-left: 0;}

	#about .wrap1 .w2 .left{margin-left: 0;}



	/*#message .title{font-size: 24px !important;padding-top: 25px;}

	#message{height: 520px;}*/

	#message .meg .row{height: 42px;line-height: 42px;font-size: 14px;}

	#message .meg .btn{width: 140px;height: 46px;margin-top: 30px;}

	#message .brief{margin-top: 25px;}

	#message .meg .row .inputs{width: 75%;}



	#about .wrap5 .about-path .year-list{padding-top: 80px;}



	#instance-detail .wrap1 .left,#instance-detail .wrap1 .right{width: auto;float: none;}

	#instance-detail .wrap1 .left .img{padding: 20px 0;}



	#news .hot-news .item .img{max-height: 130px;}



}





@media only screen and (max-width: 880px){

	#footer .wrap1 .left{width: 62%;}

	#footer .wrap1 .right{width: 38%;}



	#about .wrap3 .bri{line-height: 24px;}



	#instance-detail .wrap5 .right .down{font-size: 12px;}



	#products-detail .mid .package{width: 49%;}

	/*#products-detail .mid .package:nth-child(2n){padding-right: 0;background: none;width: 48%;}*/



	

}



@media only screen and (max-width: 840px){

	#news .hot-news .item .img{max-height: 112px;}

}



@media only screen and (max-width: 768px){

	.hide-768{display: none;}

	.block-768{display: block;}



	#news .hot-news .item[class]{width: 49%;margin-left: 2%;margin-bottom: 2%;}

	#news .hot-news .item.f2{margin-left: 0;}

	#news .hot-news .item .info{padding-bottom: 0;}

	#news .hot-news .item .info .title a{font-size: 16px;}

	#news .news-list .item .time .date{font-size: 30px;}

	#news .news-list .item .info .title{font-size: 16px;}



	#service .btm{display:none;}

	#service #btm{display:block;}

	#service #btm ul{width:100%;}	



	#index .titles{font-size: 20px;}



	#about .wrap3 .list .big{width: 50%;}

	#about .wrap3 .list .big:nth-child(2n){background: none;}

	#about .wrap3{background: url(/images/img9.jpg)no-repeat center;padding-bottom: 2%;height: auto;}



	#products-detail .wrap2 .nav_list .nav{line-height: 45px;}



	#feedback .c_row{width: 100%;float: none;}

	#feedback .vcode{display: block;margin-bottom: 10px;}



	#instance .big{width: auto;float: none;}

	#instance .big .tit{margin-top: 15px;font-size: 14px;}



	#instance-detail .wrap3 .left,#instance-detail .wrap3 .right{width: auto;float: none;}

	#instance-detail .wrap3 .right{text-align: left;margin-top: 5px;}



	#instance-detail .wrap5 .right .down{height: 50px;line-height: 50px;}



	#index .wrap4 .right .rows .date{display: none;}

	#index .wrap4 .right .rows .img{width: 34%;}



	#index .wrap5 .top .tit{font-size: 16px;}



	#instance-detail .wrap2 .title{font-size: 14px;padding-bottom: 10px;}



	#message{width: 94%;/*height: 470px;*/}

	#message .brief{display: none;}

	#message .title{padding-top: 50px;font-size: 18px !important;}

	#message .meg{margin-top: 28px;}

	#message .meg .btn{width: 120px;height: 42px;font-size: 12px;}

	#message .close{right: 5%;}



	#news .hot-news .item .img{max-height: 220px;}

}



@media only screen and (max-width: 720px){

	#pagebanner{display:none;}

	#mobilebanner{display:block;}

	#talent .box .tops{height:40px; line-height:40px;}

	#talent .box .item{height:40px;}

	#talent .box .item .jia{margin:10px 18px 0 0;}

	#talent .box .tops , #talent .box .list .left{font-size:14px;}



	#footer .wrap1{padding-bottom: 3%;}

	#footer .wrap1 .left,#footer .wrap1 .right{width: auto;float: none;}

	#footer .wrap1 .right{margin-top: 5%;}



	#footer .wrap2 .left,#footer .wrap2 .right{width: auto;float: none;}

	#footer .wrap2 .right{margin-top: 1.5%;}



	#footer .wrap1 .right .alls{text-align: center;margin-top: 3%;}

	#footer .wrap1 .right .alls .bigs{display: inline-block;float: none;}

	#footer .wrap1 .right .alls .bigs:first-child{margin-left: 0;}



	#index .titles{padding-top: 5%;font-size: 18px;}

	#index .wrap2 .pro_list,#index .wrap3 .info_list{margin-top: 5%;}

	#index .wrap3 .info_list .left .info .r .d{font-size: 12px;}

	#index .wrap3 .info_list .left .info .r{padding: 0 0.5%;}



	#about .wrap4 .list{padding-bottom: 10%;}



	#products-detail .wrap1 .wraps .left .tit{font-size: 18px;}

	#products-detail .wrap1 .wraps .left .bri{font-size: 14px;}



	#instance .big .left,#instance .big .right{width: auto;float: none;}

	#instance .big .left img{width: 100%;}



	#contact .wrap2 .right .tit{font-size: 14px;}

	#contact .wrap2 .right .detail{margin-top: 10px;font-size: 12px;}



	#instance-detail .wrap5 .right{width: 70%;}

	#instance-detail .wrap5 .left{width: 30%;}



	#download .list .tr:first-child .td{font-size: 13px;}



	#products .big-tit{font-size: 14px;}



	#about .wrap5 .about-path .path-list .item .content{font-size: 12px;}



	#about .title{font-size: 16px;}

	#about .border{margin-top: 5px;}



	#about .wrap5 .about-path .path-list .item .name{font-size: 18px;}



	#about .wrap2 .list .big .tit{font-size: 14px;}

	#about .wrap2 .list .big .brief{font-size: 12px;}



	#about .bri{margin-top: 5%;}



	#instance-detail .wrap1 .right .smallimg .imglist .img{padding-right: 4%;background: url(/images/new29.jpg)no-repeat 100%;width: auto;}

	#instance-detail .wrap1 .right .smallimg .imglist .img:last-child{padding-right: 4%;}



	#talent .box .box_2 .content .white .btn{font-size: 12px;}



	#news .news-list .item .info .title{text-overflow:initial;overflow: visible;white-space:normal;}



	#products-detail .top .right .btns{width: 120px;height: 32px;line-height: 32px;}

	#products-detail .top .right .title{font-size: 14px;}

	#products-detail .top .right .brief{font-size: 12px;}

	#products-detail .titless{font-size: 14px;padding-bottom: 10px;}

	#products-detail .top .left{padding: 10px 0;}



	#about .wrap5 .about-path .year-list{padding-top: 50px;}



}



@media only screen and (max-width: 640px){

	#talent{padding-bottom:20px;}

	#talent .box{padding-top:13.5px;}

	/*#talent .box .item .name , #talent .box .item .work , #talent .box .item .people , #talent .box .item .place{width:15%;}*/

	#talent .box .item .name , #talent .box .item .work , #talent .box .item .people , #talent .box .item .place , #talent .box .item .salary{font-size:14px;}



	#service .mid li{width:48%;}

	#service .btm ul{width:100%;}

	#service .btm .service_1{display:none;}



	#footer .wrap1 .left .title{font-size: 13px;}

	#footer .wrap1 .left .nav_rows a{font-size: 12px;}

	

	#index .wrap1 .big .tit{font-size: 16px;}

	#index .wrap1 .big{width: auto;float: none;text-align: center;background: none;}

	#index .wrap1 .big .img{margin-top: 2%;}



	.pro_list .pro .hover .title{margin-top: 60%;}

	.pro_list .pro .big .fonts .tit{font-size: 14px;margin-top: 8%;}

	.pro_list .pro .big .fonts .bri{font-size: 12px;margin-top: 2%;line-height: 18px;height: 54px;}

	.pro_list .pro .hover .arrows{margin-top: 10%;}

	.pro_list .pro .hover .brief{font-size: 12px;}



	#index .wrap3 .info_list .left{height: auto;}

	#index .wrap3 .info_list .right .big{width: auto;float: none;margin-bottom: 3%;}

	#index .wrap3 .info_list .right .big .fonts .tit{padding-top: 5%;}

	#index .wrap3 .info_list .left .info .tops{height: 55px;}

	#index .wrap3 .info_list .left .info .l{line-height: 55px;height: 55px;}

	#index .wrap3 .info_list .left .info .r{line-height: 55px;}

	#index .wrap3 .info_list .left .info .r .t{width: 78%;}

	#index .wrap3 .info_list .left .info .r .d{width: 21%;}



	#about .wrap4 .list .fonts{font-size: 12px;}



	#products-detail .wrap2 .nav_list .nav{width: 100%;}



	/*#contact .wrap1 .big .left{width: 13%;}*/

	/*#contact .wrap1 .big .right{width: 87%;}*/



	#footer .mid,#footer .right{float: none;width: auto;}

	#footer .mid{text-align: center;margin-top: 20px;}

	#footer .mid .codes{float: none;display: inline-block;}

	#footer .mid .codes .fonts{font-size: 12px;}

	#footer .mid .codes.hides{display: inline-block;}

	#footer .right .bots{display: none;}

	#footer .left{margin-right: 0;}



	#footer .left .rows:nth-child(4){line-height: 18px;}



	#footer .right .tops .inputs{width: 145px;}

	/*#footer .left .rows{width: auto;float: none;}*/



	#contact .wrap1 .big{padding: 20px 10px;}

	#contact .wrap1 .big .right .title{margin-top: 8px;margin-bottom: 10px;font-size: 14px;}

	#contact .wrap1 .big .right .meg{font-size: 12px;}



	#news .form-news .left, #news .form-news .right{width: auto;float: none;}

	#news .form-news .right{text-align: left;margin-top: 5px;}

	#news .form-news .left select{width: 180px;height: 30px;}

	#news .form-news .right .inputs{height: 30px;}

	#news .form-news .right .sub{height: 30px;width: 30px;}



	#instance-detail .wrap1 .right .title{font-size: 18px;}

	#instance-detail .wrap3 .title{font-size: 18px;}

	#instance-detail .wrap4 .title{font-size: 18px;}

	#instance-detail .wrap5 .left .title{font-size: 18px;}

	#instance-detail .wrap1 .right .smallimg .imglist{margin-top: 10px;}

	#instance-detail .wrap1 .right .brief{margin-top: 10px;}



	#instance-detail .wrap3{margin-top: 20px;}



	#info-detail .contents{margin-top: 20px;font-size: 12px;}

	#info-detail .title{font-size: 14px;}



	#staff .list .rows .bot .tit{font-size: 13px;}

	#staff .list .rows .bot{padding: 10px 5px;height: 80px;}



	#news .hot-news .item .info .title a{font-size: 13px;}

	#news .hot-news .item .info .brief{font-size: 12px;}

	#news .news-list .item .info .title{font-size: 13px;}

	#news .news-list .item .info .brief{font-size: 12px;}



	#about .wrap3 .list .big .nums{font-size: 36px;}



	#products-detail .mid .package .font{font-size: 12px;}

	/*#products-detail .mid .package{padding-right: 4%;}*/



	#instance-detail .wrap1 .right .smallimg .imglist .img img{max-width: 83px;}



}



@media only screen and (max-width: 540px){

	#talent .box .list .mid{width:70%;}

	#talent .box .item .work{display:none;}

	/*#talent .box .item .name , #talent .box .item .people , #talent .box .item .place{width:18%;}*/

	#talent .box .item .middle,#talent .box .box_2 .content{font-size: 12px;}

	#talent .box .item .people{display: none;}

	#talent .box .item .work, #talent .box .item .place{width: 25%;}

	#talent .box .item .name{width: 38%;}



	#header_mobile .left{margin-top: 25px;}



	.pro_list .pro{height: 306px;}

	.pro_list .pro .big .img{height: 200px;}

	.pro_list .pro .hover .arrows{width: 60%;height: 35px;}



	#products-detail .wrap2 .nav_list{text-align: left;}



	#instance-detail .wrap1 .right .title{font-size: 14px;}

	#instance-detail .wrap3 .title{font-size: 14px;}

	#instance-detail .wrap4 .title{font-size: 14px;}

	#instance-detail .wrap5 .left .title{font-size: 14px;}

	#instance-detail .wrap1 .right .smallimg .tit{font-size: 14px;}

	#instance-detail .wrap3 .left{font-size: 12px;}



	#instance-detail .wrap5 .right{width: auto;float: none;margin-top: 10px;}

	#instance-detail .wrap5 .left{width: auto;float: none;}

	#instance-detail .wrap5 .left .more{margin-top: 10px;}

	#instance-detail .wrap5{padding: 20px;}

	#instance-detail .wrap5 .right .down{height: 42px;line-height: 42px;}

	#instance-detail .wrap5 .right .down .r{margin-top: 12px;}



	#staff .list .rows .bot .tit{font-size: 12px;}



	#download .list .tr .td3{display: none;}

	#download .list .tr .td1{width: 75%;}

	#download .list .tr .td4{width: 20%;}

	#download .list .tr{padding: 0 8px;}

	#download .list .tr .td4 a img{display: none;}

	#download .list .tr{height: 44px;line-height: 44px;}



	.pro_list .pro .big .fonts .tit{font-size: 13px;}



	#index .wrap5 .bot .link img{max-width: 98%;}



	.owl-theme .owl-controls .owl-page span{width: 9px !important;height: 9px !important;}



	#index .wrap5{padding: 5% 0;}



	#products-detail .instance-list .fonts{font-size: 12px;margin-top: 10px;}



	#bread a, #bread span{font-size: 12px;}



	#index .wrap5 .swiper-pagination-bullet{width: 9px;height: 9px;margin: 4px;}



	#footer .left .rows{padding-left: 30px;background-size: 25px !important;}



	#footer .mid .codes{margin-left: 18px;}

}



@media only screen and (max-width: 480px){

	.pro_list .pro{height: 286px;}

	.pro_list .pro .big .img{height: 180px;}



	#news .hot-news .item .img{max-height: 115px;}

}



@media only screen and (max-width: 320px){

	#footer .mid .codes{margin-left: 12px;}

	#footer .right .tops .inputs{width: 120px;}

}