@charset "utf-8";@media screen and (min-width:1200px){.contanter{width:1200px;margin:0 auto}
}
@media screen and (max-width:768px){body{font-size:12px}
.top{width:100%;height:20px;line-height:20px}
.officeOA{display:none}
.btn{float:right;cursor:pointer;margin:8px 5px 15px 0}
.topnav{float:right;margin:5px 4px -10px 0}
.topnav a{color:#666;margin:0 5px;font-size:10px}
.logo img{width:200px;height:100%;margin:0}
.time{display:none}
.newsconn{width:70%;float:left}
.newsmore{display:block;float:left;width:20%;text-align:center}
.newsicon{float:left;width:10%;text-align:center}
.banner{width:100%;height:140px;margin:0;float:left;z-index:50;position:relative}
.slides li img{width:100%;height:140px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center}
.flex-control-nav li{display:inline-block;width:8px;height:8px;margin:0 5px;zoom:1}
.flex-control-nav a{display:inline-block;width:8px;height:8px;line-height:40px;overflow:hidden;background:url(/images/dot1.png) right 0 no-repeat;cursor:pointer}
.phonebluebox{display:block;width:100%;float:left;margin:10px 0 0 0}
.phoneproductsboxcenter{width:100%;float:left;background:#08287f;color:#fff;position:relative;padding:0 0 20px 0}
.phoneproductsboxcenter p.phonep_name{font-size:20px;text-align:center;padding:20px 0 10px 0}
.phoneproductsboxcenter p{font-size:12px;text-align:center;padding:10px 0 0 0}
}
@media screen and (max-width:768px){.header{width:100%}
.nav{width:100%;z-index:100;background:0 0;margin:0}
.nav{width:100%;height:auto;background:#f1f1f1;float:left;z-index:9999;margin:0}
.menu,.menu ul{list-style:none;padding:0;margin:0}
.menu{margin:0;background:0 0;height:40px}
.menu li{height:40px;line-height:40px;min-width:33.33%;border-bottom:1px solid #dfdfdf}
.menu>li{display:block;float:left;position:relative}
.menu>li:first-child{border-radius:5px 0 0}
.menu a{text-align:center;border-left:0 solid transparent;color:#666;display:block;font-size:16px;line-height:40px;padding:0 5px;text-decoration:none;text-transform:uppercase}
.menu li:hover{background:0 0}
.menu li:hover>a{text-align:center;background:#08287f;color:#fff;border-radius:0;line-height:40px;height:40px}
.submenu{display:none;left:0;max-height:0;position:absolute;top:100%;z-index:0;height:40px;line-height:40px;-webkit-perspective:400px;-moz-perspective:400px;-ms-perspective:400px;-o-perspective:400px;perspective:400px}
.menu li.active{background:0 0}
.menu li.active a{background:#08287f;height:40px;line-height:40px;border-radius:none;color:#fff}
.submenu li{display:none;height:40px;background:#09892b;opacity:0;font-size:14px;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transition:opacity .4s,-webkit-transform .5s;-moz-transition:opacity .4s,-moz-transform .5s;-ms-transition:opacity .4s,-ms-transform .5s;-o-transition:opacity .4s,-o-transform .5s;transition:opacity .4s,transform .5s;line-height:40px}
.menu .submenu li a{height:40px;line-height:40px}
.menu .submenu li:hover a{font-size:14px;background:#22b349;height:40px;border-radius:0;color:#fff}
.menu>li:focus .submenu,.menu>li:hover .submenu{max-height:2000px;z-index:10}
.menu>li:focus .submenu li,.menu>li:hover .submenu li{opacity:1;border-radius:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.menu .submenu li a{font-size:14px;border-top:1px solid #0eaf3a}
.menu li:hover .submenu li:nth-child(1){-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.menu li:hover .submenu li:nth-child(2){-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-ms-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms}
.menu li:hover .submenu li:nth-child(3){-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}
.menu li:hover .submenu li:nth-child(4){-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-ms-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms}
.menu li:hover .submenu li:nth-child(5){-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-ms-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
.menu li:hover .submenu li:nth-child(6){-webkit-transition-delay:250ms;-moz-transition-delay:250ms;-ms-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms}
.menu li:hover .submenu li:nth-child(7){-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-ms-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
.menu li:hover .submenu li:nth-child(8){-webkit-transition-delay:350ms;-moz-transition-delay:350ms;-ms-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms}
.submenu li:nth-child(1){-webkit-transition-delay:350ms;-moz-transition-delay:350ms;-ms-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms}
.submenu li:nth-child(2){-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-ms-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
.submenu li:nth-child(3){-webkit-transition-delay:250ms;-moz-transition-delay:250ms;-ms-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms}
.submenu li:nth-child(4){-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-ms-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
.submenu li:nth-child(5){-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-ms-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms}
.submenu li:nth-child(6){-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}
.submenu li:nth-child(7){-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-ms-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms}
.submenu li:nth-child(8){-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.cmleft{width:100%;float:left;position:relative;height:auto;overflow:hidden}
.cmright{width:100%;float:left;text-align:center;padding:0;margin:0}
.learnmore{margin:5px auto 20px auto;width:73px}
.learnmore a{padding:5px 10px;text-decoration:none;color:#08287f}
.learnmore a:hover{background:#08287f;padding:5px 10px;text-decoration:none;color:#fff}
.cmleftName{width:100%;color:#08287f;font-size:16px;font-weight:700;padding:15px 0;text-align:center}
.cmConn{font-size:12px;line-height:20px;padding:0 10px}
.cmConn p{font-size:12px}
.dalian{position:absolute;top:35%;right:13%;width:55px;height:30px;color:#fff;z-index:11}
.tianjin{position:absolute;top:39%;right:25%;width:55px;height:30px;color:#fff;z-index:12}
.xuzhou{position:absolute;top:52%;right:18%;width:55px;height:30px;color:#fff;z-index:13}
#hotpic{width:95%;height:218px;overflow:hidden;margin:0 auto}
#NewsPic{position:relative;width:100%;height:174px;overflow:hidden}
#NewsPic a{overflow:visible;border:0;text-decoration:none}
#NewsPic .Picture{position:absolute;left:0;top:0}
#NewsPic .Nav{position:absolute;height:20px;line-height:20px;bottom:0;right:0}
#NewsPic .Nav span{font-size:12px;font-weight:400;color:#FFF;float:right;display:block;width:20px;text-align:center;background:#000;border-left:solid 1px #FFF;cursor:pointer}
#NewsPic .Nav span.Normal{color:#FFF;background:#000;filter:Alpha(opacity=50);opacity:.5}
#NewsPic .Nav span.Cur{background:#08287f;color:#FFF}
#NewsPicTxt{position:relative;height:24px;text-align:center;line-height:54px}
#NewsPicTxt a:link,#NewsPicTxt a:visited{color:#000;text-decoration:none;font-size:14px;font-weight:400}
#NewsPicTxt a:hover{color:#08287f}
#proboxes{height:auto;overflow:hidden}
#proboxes ul li{width:46%;height:100%;overflow:hidden;float:left;position:relative;margin:0 2% 3% 2%}
#proboxes ul li img.imgbbg{width:100%}
#proboxes ul li .text{width:100%;height:0;overflow:hidden;position:absolute;left:0;bottom:0;background:url(/images/probg.png) repeat;color:#fff}
#proboxes ul li .text p{text-align:left;color:#fff;padding:0 2px 2px 2px;clear:both}
.products{width:100%;float:left;margin:15px 0 0 0}
.productsbox{width:100%;float:left;background:#fff;height:250px;position:relative}
.propro{z-index:20;position:absolute}
.productsbox img{height:250px;width:100%}
.probg_img{color:#fff;width:40%;float:left;height:100%;text-align:center;padding:8% 0 0 0}
.probg_img img{width:44px;height:64px}
.probg_text{color:#fff;width:60%;float:left;height:100%;padding:8% 0 0 0}
.probg_text p.title{font-size:10px;padding:0;font-weight:700;line-height:10px}
.probg_text p.details{font-size:8px;padding:0}
.productsboxcenter{width:50%;float:left;background:#08287f;height:250px;color:#fff;position:relative;display:none}
.productsboxcenter p.p_name{font-size:30px;text-align:center;padding:60px 0 10px 0}
.productsboxcenter p{font-size:16px;text-align:center;padding:19px 0 0 0}
.newsmode{width:100%;float:left}
.newsmode_title{font-size:16px;font-weight:700;line-height:40px;margin:0 0 10px 0;text-align:center;color:#08287f}
.newsmode_conn{width:100%;float:left}
.newsmode_box{width:100%;float:left;height:auto}
.newsmode_boximg{text-align:left;padding:0 20px}
.newsmode_boximg img{width:100%}
.newsmode_boxtitle{padding:8px 20px;color:#08287f;font-size:16px}
.newsmode_boxtime{padding:0 20px 8px 20px;color:#666}
.newsmode_boxconn{padding:0 20px 8px 20px;line-height:20px}
.jionin{width:100%;float:left}
.jioninconn{width:100%;float:left}
.jioninconnbox{width:90%;float:left;position:relative;margin:0 5% 20px 5%;padding:0;overflow:hidden}
.whbox{width:100%;height:auto}
.icon{position:absolute;top:-200px;left:50%;overflow:hidden;color:#fff;z-index:30;margin:0 0 0 -50px}
.icon a{color:#7d829d;border:1px solid #7d829d;padding:10px 20px;display:block;background:#2e313e}
.icon a:hover{text-decoration:none;color:#fff}
.mark{width:100%;height:100%;position:absolute;background:#000;top:0;left:0;z-index:10}
.productimg{width:100%}
.productimg img{width:100%}
.footer{width:100%;float:left;background:#2d313d;margin:0;text-align:center;color:#bbbecd;line-height:18px;font-size:10px}
.footerlogo{padding:10px 0}
.footerlogo img{width:30%}
.footer p span{text-align:center;padding:0}
.paddbottom{padding:0 0 10px 0}
.copyright{width:100%;float:left;background:#292b37;line-height:30px;text-align:center;color:#626470;font-size:10px}
.side{display:none}
select.change{float:right;margin:0;color:#666;font-size:12px;font-family:Microsoft YaHei;border:solid 0 #000;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right:14px;background:url(/images/jjt.jpg) no-repeat scroll right center transparent}
select.change::-ms-expand{display:none}
.subbanner{float:left;width:100%;background:url(/images/subbanner.jpg) no-repeat center top;background-size:200%;height:80px;margin:0}
.leftTitle{width:18%;float:left;font-size:18px;line-height:80px;color:#fff;margin:0 0 0 2%}
.breadcrumb{width:78%;float:left;text-align:right;font-size:12px;line-height:80px;color:#fff;margin:0 2% 0 0}
.newsMenu{width:100%;float:left}
.menucenter{margin:10px 0 0 0}
.menulisttwo{width:183px;margin:0 auto}
.menulisttwo ul li{float:left;height:30px;width:90px;margin:0 0 1px 0}
.menulisttwo ul li a{color:#444;font-size:12px;margin:0 1px 0 0;padding:0 5px;text-align:center;display:block;height:30px;line-height:30px}
.menulisttwo ul li a.active{background:#08287f;color:#fff}
.menulisttwo ul li a:hover{background:#08287f;text-decoration:none;color:#fff}
.menulistthree{width:273px;margin:0 auto}
.menulistthree ul li{float:left;height:30px;width:90px;margin:0 0 1px 0}
.menulistthree ul li a{color:#444;font-size:12px;margin:0 1px 0 0;padding:0 5px;text-align:center;display:block;height:30px;line-height:30px}
.menulistthree ul li a.active{background:#08287f;color:#fff}
.menulistthree ul li a:hover{background:#08287f;text-decoration:none;color:#fff}
.menulistfour{width:273px;margin:0 auto}
.menulistfour ul li{float:left;height:30px;width:auto;margin:0 0 1px 0}
.menulistfour ul li a{color:#444;font-size:12px;margin:0 1px 0 0;padding:0 5px;text-align:center;display:block;height:30px;line-height:30px}
.menulistfour ul li a.active{background:#08287f;color:#fff}
.menulistfour ul li a:hover{background:#08287f;text-decoration:none;color:#fff}
.menulistfive{width:273px;margin:0 auto}
.menulistfive ul li{float:left;height:30px;width:auto;margin:0 0 1px 0}
.menulistfive ul li a{color:#444;font-size:12px;margin:0 1px 0 0;padding:0 5px;text-align:center;display:block;height:30px;line-height:30px}
.menulistfive ul li a.active{background:#08287f;color:#fff}
.menulistfive ul li a:hover{background:#08287f;text-decoration:none;color:#fff}
.subnewsconn{width:100%;float:left;margin:0 0 20px 0}
.subnewsbox{border:1px solid #e6e6e6;margin:20px 10px 0 10px;overflow:hidden}
.subnewsbox1{width:100%}
.newsimg{width:100%;height:auto;float:none;margin:0 30px 0 0}
.newsimg img{width:100%}
.newsdetails{width:90%;float:none;margin:0 5% 0 5%}
.newsmode_boxtitle1{padding:20px 0 15px 0;color:#08287f;font-size:18px}
.newsmode_boxtime1{color:#8a8a8a}
.newsmode_boxconn1{padding:10px 0 15px 0;line-height:25px;height:40px;overflow:hidden}
.newsmode_boxconn1 a{color:#444}
.newsmode_boxconn1 a:hover{color:#444;text-decoration:underline}
.fenye{float:right;margin:30px 0 0 0}
.spage{padding:0 10px 0 0}
.ny_newstitle{width:100%;text-align:center;margin:15px 0 0 0;color:#08287f;font-size:18px}
.ny_newstime{width:100%;text-align:center;margin:5px 0 10px 0;padding:0 0 10px 0;color:#999;font-size:14px;border-bottom:1px solid #e6e6e6}
.ny_newsconn{width:96%;line-height:26px;color:#444;font-size:12px;padding:0 2%;}
.ny_newsconn img{width:100%;}
.phonewidth{width:100%}
.center{width:96%;margin:10px 2%}
.tleft{text-align:left}
.aboutbanner{margin:20px 0 0 0}
.aboutbanner img{width:100%}
.conPadding{width:92%;padding:0 4%;line-height:24px;color:#444}
.paddingTB{padding:20px 0 1px 0}
.xiantiao{width:30%;height:5px;margin:30px auto;background:url(/images/xiantiao1.jpg) repeat-x left top}
.tcolor{color:#08287f;font-size:14px;padding:15px 0 0 0}
.mrTop50{margin:20px 0 0 0}
.three_renzheng{text-align:center;font-size:18px;color:#444;padding:0 0 30px 0}
.renzhengbox{width:33.33%;float:left}
.renzhengboximg{text-align:center}
.renzhengboximg img{text-align:center;width:70%}
.renzhengboxtext{text-align:center;padding-top:20px}
.zuzhijiagoubox img{width:100%}
.historyTitle{text-align:center;width:100%;font-size:20px;color:#444;height:60px;line-height:60px}
.historybox{width:96%;border-bottom:1px solid #CCC;padding:10px 2%;float:left;font-size:12px;color:#444}
.year{width:20%;float:left;line-height:20px}
.historyConn{width:80%;float:left;line-height:20px}
.subproduct_conn{width:100%;float:left}
.subproduct_box{width:100%;float:left;margin:20px 0 0 0}
.subproduct_boximg{text-align:center}
.subproduct_boximg img{width:100%;height:185px}
.subproduct_boxtitle{text-align:center;color:#363636;font-size:18px;padding:10px 0 10px 0}
.subproduct_boxtitle a{color:#363636}
.subproduct_boxtitle a:hover{color:#08287f}
.subproduct_boxconn{padding:0 40px;line-height:20px;color:#545454;text-align:center;height:60px;overflow:hidden}
.guantouTitle{width:100%;text-align:left;margin:14px 0 0 0;padding:0 0 14px 0;color:#999;font-size:16px;border-bottom:1px solid #e6e6e6}
.guantouTitle span{padding:0 0 0 10px}
.guantou_conn{width:100%;float:left}
.guantou_box{width:100%;float:left;margin:20px 0 0 0}
.guantou_boximg{margin:0 24px;position:relative;overflow:hidden}
.guantou_boximg img{width:100%}
.guantou_boxtitle{padding:10px 20px;color:#08287f;font-size:18px}
.guantou_boxconn{height:30px;line-height:30px;margin:10px 0 0 0;border:1px solid #fff;text-align:center}
.guantou_boxconn a{color:#444;font-size:14px}
.guantou_boxconn a:hover{color:#08287f;text-decoration:underline}
.icon1{position:absolute;top:-200px;width:100%;font-size:14px;line-height:30px;text-align:center;overflow:hidden;color:#fff;z-index:30}
.mark1{width:100%;height:100%;position:absolute;background:#000;top:0;left:0;z-index:10}
.school_boxtime{color:#8a8a8a;border-bottom:1px dotted #e6e6e6;padding-bottom:10px}
.school_boxconn{padding:10px 0 15px 0;height:40px;overflow:hidden;line-height:25px;color:#444}
.wffjbox{width:100%;margin:10px 0 0 0;float:left}
.schoolleft{width:100%;float:left;position:relative;height:auto}
.schoolleft p{font-size:12px;padding:0 10px 15px 10px}
.schoolleftName{width:100%;float:left;color:#444;font-size:18px;padding:20px 0;text-align:center}
.schoolConn{color:#666;font-size:12px;line-height:30px}
.schoolright{width:100%;float:left}
.schoolright img{width:100%}
.zhuliao{width:100%;border-bottom:1px dotted #08287f}
.zhuliao span{height:50px;line-height:50px;color:#08287f;font-size:18px}
.zhuliaopro{width:100%;float:left}
.zhuliaobox{width:50%;float:left;margin:10px 0 0 0;text-align:center}
.zhuliaoboximg{width:100%;height:110px;float:left;text-align:center}
.zhuliaoname{float:left;width:100%;padding:0;line-height:30px;text-align:center;color:#08287f}
.zhaopinbtn{width:100%;float:left;margin:20px 0 20px 0}
.zhaopinicon{width:100%;text-align:center}
.zhaopintext{height:40px;line-height:40px;width:100%;text-align:center}
.zhaopintext a{color:#444;font-size:18px}
.zhaopintext a:hover{color:#08287f}
.zhaopinTitle{width:100%;border-bottom:1px solid #e6e6e6;height:60px;line-height:20px;margin:20px 0 0 0;color:#444}
.zhaopinTitle strong{font-size:18px;padding:0 10px 0 0}
.zhaopinTitle span{color:#08287f}
.zpzw{color:#08287f;font-size:18px}
.zhaopinzw{width:96%;float:left;border-bottom:1px solid #e6e6e6;margin:0 2% 0 2%}
.zhaopin_list{color:#444;line-height:20px;width:100%}
.zhaopin_list tr td{padding:5px 0}
.zwyq{color:#999}
.zwyqdetails p{padding:5px 0 0 0}
.fuli_tilte{width:100%;text-align:center;color:#444;padding:20px 0 20px;font-size:18px}
.yuangongfuli_table{width:100%;text-align:center;line-height:40px;color:#444}
.feedback{width:100%;float:left}
.fd_img{width:90px;height:90px;float:left;margin:0 10px 20px 0}
.fd_img img{width:100%}
.fd_text p{padding:12px 0 0 0}
.fd_text p a{color:#08287f}
.fr_links{margin:0 auto;padding:10px 0 0 0;width:100%;overflow:hidden}
.fr_links a{margin:0 0}
.fr_links a img{width:30%}
.contactconn{width:100%;margin:0}
.contactbox{width:100%;float:left;border-bottom:1px solid #e6e6e6;padding:0 0 10px 0;margin:10px 0;color:#444}
.contactbox_img{width:100%;height:50px;float:left;text-align:center}
.contactbox_text{float:left;width:100%;padding:0;line-height:25px;text-align:center}
.peixunbox{width:100%;float:left;margin:20px 0 0 0}
.peixun_img{width:100%;float:left}
.peixun_img img{width:100%}
.peixun_text{width:100%;float:left}
.peixun_title{width:100%;border-bottom:1px solid #e6e6e6;color:#08287f;text-align:center;font-size:18px;padding:10px 0 10px 0;margin:0 0 10px 0}
.peixun_conn{line-height:30px;text-align:center}
.peixun_list{width:100%;float:left;margin:20px 0 0 0}
.peixun_listbox{width:100%;float:left;margin:30px 0 0 0}
.peixun_listbox_img{width:80px;height:100px;margin:0 10px 0 0;line-height:80px;text-align:center;font-size:20px;color:#2575b1;float:left;background:url(/images/listicon.jpg) no-repeat left top}
.peixun_listbox_text strong{font-size:16px;color:#08287f;font-weight:400}
.peixun_listbox_text p{padding:12px 0 0 0;color:#444;font-size:12px}
}
