@charset "utf-8";
*{margin:0;padding:0;}
body{ background:#FFFFFF; color:#333333; font-family:"微软雅黑",Arial,Lucida,Verdana,Helvetica,sans-serif; font-size:12px; line-height:150%; }
a:link, a:visited{ text-decoration:none; }
a:hover{ text-decoration:none; }
a:active{ color:#990000; }
ol, ul{ list-style: none outside none;}
.m { margin-bottom: 10px; }
.m, .mt, .mc, .mb{ overflow: hidden; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.clearfix{display:inline-block;} 
.clearfix{display:block;} 
ul,li{list-style-type:none;}
img{border:0px;}
a{ color:#333;}

.topt{ width:1200px; margin:0 auto; overflow:hidden;}
.topt ul{ float:right; overflow:hidden}
.topt ul li{ float:left; line-height:19px; padding:0px 10px; overflow:hidden; border-left:1px solid #ededed}
.topt ul li img{ float:left; margin-right:5px; position:relative; top:2px;}
.bb{ float:right;}
.bb a{ display:inline-block; width:78px; font-size:14px; text-align:center; line-height:20px;}
.bb a:hover{ background:#0978ea; color:#fff;}

.top{ border-top:1px solid #ededed;}
.topm{ width:1200px; margin:0 auto; overflow:hidden}
.logo{ float:left;}
.seach{ float:left; width:402px; height:31px; background:url(../images/seach.jpg); margin-left:100px; margin-top:49px; overflow:hidden;}
.seach .txt{ width:331px; padding-left:10px; float:left; border:0px; line-height:31px; height:31px; background:none; outline:none;}
.seach .btn{ width:61px;  float:left; border:0px; line-height:31px; height:31px; background:none; outline:none;}

.tel{float:right;width: 217px;overflow:hidden;margin-top:39px;}
.tel img{ float:left; margin-right:18px;}
.telp .telp1{ font-size:14px; color:#666666;}
.telp .telp2{font-size:18px;color:#212121;font-family:Arial;margin-top: 8px;}

.nav{ background:#0978ea; line-height:55PX;}
.navm{width: 1201px;margin:0 auto;overflow:hidden;}
.navm ul{border-left:1px solid #53a1f0; overflow:hidden;box-sizing:border-box}
.navm ul li{ float:left; width:150px; line-height:55px; border-right:1px solid #53a1f0;text-align:center; box-sizing:border-box; font-size:14px;}
.navm ul li a{ color:#fff;  font-weight:bold; display:block}
.navm ul li:hover{ background:url(../images/navh.jpg);}
.navm ul .navh{ background:url(../images/navh.jpg);}

.banner{ /*background:url(../images/banner.jpg) no-repeat center;*/ height:500px;border-right:1px solid #53a1f0}

.spro{ width:1340px; margin:0 auto; margin-top:40px; position:relative; margin-bottom:52px;}
.sprom{}
.sprom{width: 1201px;margin:0 auto;}
.swiper-slide a{ padding:9px 9px; border:1px solid #c9c9c9; box-sizing:border-box; display:inline-block}
.sproyy{ position:absolute; width:210px; height:240px; background:#000000; opacity:0.8; top:9px; left:9px; display:none;}
.sprotit{ position:absolute; width:123px; line-height:38px; border:1px solid #fff; color:#fff; text-align:center; top:110px; left:52px; font-size:14px;display:none;}
.swiper-slide:hover .sproyy{ display:block}
.swiper-slide:hover .sprotit{ display:block}
.swiper-button-next{right: 0px !important;}

.sabout{ width:1200px; margin:0 auto;}
.sytop{ overflow:hidden;}
.sytopl{ float:left; width:160px; line-height:28px; background:#070764; color:#fff; font-size:14px; text-align:center; border-radius:14px;}
.styopx{ float:left; margin-left:20px; width:946px; height:28px; background:url(../images/syjt.jpg) no-repeat center;}
.styopr{ float:right; line-height:28px; text-transform:uppercase}
.styopr a{color:#212121;}
.saboutc{ margin-top:51px; overflow:hidden;}
.saboutl{ float:left;}
.saboutr{ float:right; width:850px;}
.saboutrtop{border:1px solid #d1d1d1;padding: 35px 20px 30px 20px;}
.sabouttit{ text-align:center; font-size:24px; color:#212121; font-weight:bold; line-height:24px;}
.sabout1{ text-align:center; margin-top:13px; font-size:14px; color:#999999; padding-bottom:14px; border-bottom:1px solid #d1d1d1;}
.saboutzy{ margin-top:32px; font-size:14px; line-height:32px; color:#999999;}
.saboutzy a{ color:#0978ea;}
.saboutbom{ margin-top:16px;}

.snews{ width:1200px; margin:0 auto; margin-top:53px;}
.snewc{ margin-top:50px; overflow:hidden}
.snewl{ float:left; width:610px;}
.snewtop{ overflow:hidden}
.snewtopwz{ float:left; width:168px; height:118px; border:1px solid #d1d1d1; text-align:center;}
.snewtopen{font-size: 16px;color:#212121;padding-top:37px;font-family:'宋体';text-transform:uppercase;line-height:24px;}
.snewtopcn{ margin-top:5px; color:#212121; font-size:14px;}
.snewjt{ margin-top:7px;}
.snewtopimg{ float:right;}
.snewlc{ margin-top:30px;}
.snewlc ul li{ overflow:hidden;margin-bottom:19px;}
.snewlcimg{ float:left; width:130px; height:90px; overflow:hidden; float:left;}
.snewlcimg img{ width:100%;}
.snewlcr{ float:right; width:444px;}
.snewlctit{ font-size:18px; font-weight:bold;}
.snewlcdate{ color:#999999; font-size:14px; margin:10px 0px;}
.snewlczy{ font-size:14px; color:#666666;}
.snewlcmore{ text-align:center; border:1px solid #333333; line-height:38px; border-radius:5px; font-size:14px;}
.snewlcmore a{ display:block; color:#333;}
.snewr{ float:right; width:534px;}
.snewrtop{ background:#0978ea; padding:22px 36px; color:#fff;}
.snewrtop a{color:#fff;}
.snewrtit{ font-size:18px; font-weight:bold;}
.snewrzy{ font-size:14px; line-height:24px; margin-top:19px;}

.foot{ margin-top:50px; border-top:1px solid #c3c3c3; padding-top:37px; padding-bottom:32px;}
.footm{ width:1200px; margin:0 auto; overflow:hidden;}
.footl{ float:left;}
.footl ul{ overflow:hidden; margin-bottom:27px;}
.footl ul li{ float:left; padding:0px 5px; border-right:1px solid #757575; opacity:0.8;}
.footl ul li a{ color:#000000;}
.footl p{ color:#666666;}
.footl p a{ color:#666666;}
.footr{ float:right; overflow:hidden; width:180px;}
.footrwz{float:left;margin-top: 15px;margin-right:28px;}
.footrwz p{ margin-bottom:10px; font-size:12px; color:#333333;}



/*ny*/
.banner_ny{background:url(../images/banner.jpg) no-repeat center; height:500px;}
.nycontent{ background:url(../images/aboutbj.jpg) no-repeat top center;}
.content{ width:1200px; margin:0 auto; padding-top:35px; overflow:hidden}
.left{ width:250px; float:left;}
.lefttop{ line-height:70px; padding-left:17px; font-size:24px; font-weight:bold; color:#fff; background:#0978ea; border-top-left-radius: 4px;border-top-right-radius: 4px; position:relative;}
.lefttop img{ position:absolute; right:18px; top:19px;}
.left ul{ background:#ebebeb; padding-top:28px; overflow:hidden;}
.left ul li{ padding:0 32px; position:relative; margin-bottom:26px; font-size:14px;}
.left ul li a{ color:#333333;}
.left ul li span{ font-size:14px; font-family:'宋体'; position:absolute; top:0px; right:32px;}
.left ul .leftli a{ color:#0978ea; font-weight:bold;}
.right{ width:932px; float:right;}
.righttop{ overflow:hidden; padding-bottom:14px; border-bottom:1px solid #c7c7c7;}
.righttit{ float:left; font-size:20px; color:#0978ea; font-weight:bold; padding-left:20px;}
.rightlj{ float:right; padding-right:20px; color:#989898; font-size:14px;}
.rightlj a{color:#989898;}

.ns_pn{ margin-top:10px;}
.ns_pn div{ padding-left:5px; margin-bottom:10px; font-size:14px;}


.wp-pagenavi{ margin-top:20px; text-align:center}
.wp-pagenavi span{ display:inline-block; width:34px; text-align:center; line-height:34px; color:#666; margin:0px 3px;}
.wp-pagenavi a{ display:inline-block; width:34px; text-align:center; line-height:34px; color:#666; margin:0px 3px;}
.wp-pagenavi .current{ background:#285695; color:#fff;}

/*about*/
.about{ padding:20px 15px 0px 15px; font-size:14px; line-height:22px;}
.contact{ padding:20px 15px 0px 15px; font-size:14px; line-height:22px;}

/*honor*/
.honor{ padding:20px 15px 0px 15px;}
.honor ul{ width:950px; overflow:hidden;}
.honor ul li{ float:left; margin-right:65px; width:250px; margin-bottom:10px;}
.honor ul li img{ max-width:100%;}
.honor ul li p{ text-align:center; font-size:14px; padding:10px 0px;}
.honor ul li:hover p{ color:#285695;}

/*honorshow*/
.honorshow{ margin-top:15px;}
.honorshowimg{ text-align:center;}
.honorshowtt{ font-size:14px; padding:10px 0px; text-align:center;}


/*par*/
.par{ padding:20px 15px 0px 15px;}
.par ul{ width:950px;overflow:hidden;}
.par ul li{ float:left; margin-right:35px; width:150px; margin-bottom:10px;}
.par ul li img{ max-width:100%; border:1px solid #ccc;}
.par ul li p{ text-align:center; font-size:14px; padding:10px 0px;}
.par ul li:hover img{  border:1px solid #285695;}

/*NEWS*/
.news{ padding:20px 15px 0px 15px;}
.news ul li{ overflow:hidden; border-bottom: 1px dashed #ccc; font-size:14px; padding-bottom:10px; margin-bottom:10px;}
.news ul li a{ color:#666;}
.news .snewlcr{ width:740px; float:right;}
.news .snewlcdate{margin: 10px 0px;}

/*newsshow*/
.newstitel{ margin-top:10px; text-align:center; font-size:15px;}
.newsshow .newsdate{ margin-top:10px; text-align:center; color:#666; float:none}
.newsshowcon{ padding:0px 5px; margin-top:12px; font-size:14px; line-height:2em;}
.ns_pn{ margin-top:10px;}
.ns_pn div{ padding-left:5px; margin-bottom:10px; font-size:14px;}
.bshare-custom{ text-align:center}

/*product*/
.prolm{ overflow:hidden; margin-top:25px;}
.prolm ul{ width:980px; overflow:hidden;}
.prolm ul li{ float:left; width:220px; margin-right:25px; text-align:center; margin-bottom:25px;}
/*.prolm ul li  .proimg{border: 1px solid #dbdbdb;}*/
.prolm ul li img{ max-width:100%; }
.prolm ul li .prolmtit{ font-size:14px; color:#333333; margin-top:13px;}
/*.prolm ul li:hover .sproimg{border:1px solid #0060ff;}*/
.prolm ul li:hover .sproctit{color:#285695;}

/*products
.products{ width:890px; margin:0 auto; margin-top:10px;}
.products ul{ width:950px;}
.products ul li{ float:left; width:278px; margin-right:25px;margin-bottom:5px;}
.products ul li .sproimg{  border:1px solid #dbdbdb;}
.products ul li .sproimg img{ max-width:100%; height:209px;}
.products ul li .sproctit{ line-height:24px; text-align:center; font-size:14px; color:#333;}
.products ul li:hover .sproimg{border:1px solid #0060ff;}
.products ul li:hover .sproctit{color:#285695;}*/


/*productsShow*/
.productsshow{ margin-top:10px;}
.productsshowtit{ text-align:center; font-size:17px; text-align:center; margin-bottom:20px;}
.productsshowimg{ text-align:center; margin:10px 0px;}
.productsshowcon{ font-size:14px; line-height:2em; padding:0px 5px;}
.inq_btn{ clear:both; background:#0978ea; color:#FFF; display:inline-block; width:185px; height:40px; line-height:40px; text-align:center; margin-top:15px; border-radius:5px; margin-bottom:10px; margin-left:5px;} 
.inq_btn:hover,.inq_btn:active{ color:#FFF;}


/*down*/
.down{ padding:20px 15px 0px 15px;}
.down ul li{ overflow:hidden;line-height: 33px; border-bottom: 1px dashed #ccc; font-size:14px;}
.down ul li a{ color:#666;}
.down .newstit{  padding: 0 0 0 20px;background: url(../images/news_43.png) 2px center no-repeat; float:left; font-weight:100}
.down .newsr{ float:right;} 
.down ul li:hover a .newstit{ color:#0978ea}
.down ul li:hover a .newsr{ color:#0978ea}




/*漂浮*/

#zxzx_rt{ position:fixed; right:20px; top:50%; color:#333; z-index:9999;}
#zxzx_rt .close{ float:left; width:25px; padding-top:18px;}
#zxzx_rt .close img{ cursor:pointer;}
#zxzx_rt .box{ float:right; width:170px; height:125px; border:2px solid #212121; background:#FFF; box-shadow:0px 0px 8px #B6D8E7;}
#zxzx_rt .box .p_1{ text-align:center; font-size:16px; line-height:20px; font-weight:bold; color:#3399cc; padding-top:13px;}
#zxzx_rt .box .p_2{ padding:0 0 0 6px; line-height:16px; font-size:12px; padding-top:10px;}
#zxzx_rt .box .p_3{ margin:10px auto 0 auto; width:120px; padding-left:37px; height:30px; line-height:30px; background:#EEE url(../images/zxzx_05.png) 11px center no-repeat; font-size:12px; color:#f5680d; cursor:pointer;}
#zxzx{ position:fixed; left:50%; top:50%; margin:-172px 0 0 -130px; color:#333; z-index:9999; width:256px; height:335px; border:1px solid #3699CC; border-radius:4px; background:#FFF; display:none;}
#zxzx .top1{ height:42px; color:#FFF; background:#212121; border-radius:4px; overflow:hidden;}
#zxzx .top1 .tit{ float:left; padding:0 0 0 10px; font-size:16px; line-height:40px;}
#zxzx .top1 .close{ float:right; padding:9px 15px 0 0;}
#zxzx .top1 .close img{ cursor:pointer;}
#zxzx .box_1{ clear:both; margin:7px 0 0 7px; width:233px; position:relative;}
#zxzx .area{ width:219px; height:70px; padding:10px 6px 6px 6px; border:1px solid #E5E5E5; border-radius:4px; color:#666; font-size:12px; line-height:16px;}
#zxzx .box_1 em{ position:absolute; right:-10px; top:0px; line-height:32px; font-style:normal; color:#ff0000;}
#zxzx .box{ clear:both; margin:6px 0 0 7px; width:231px; height:30px; border:1px solid #E5E5E5; border-radius:4px; position:relative;}
#zxzx .box p{ float:left; padding-left:23px; width:48px; height:30px; line-height:30px; font-size:14px; color:#525252; background:#F4F4F4;}
#zxzx .box input{ float:right; width:140px; height:20px; padding:5px 5px 5px 15px; line-height:20px; border:0; color:#666; background:#FFF; font-size:12px;}
#zxzx .box em{ position:absolute; right:-10px; top:0px; line-height:32px; font-style:normal; color:#ff0000;}
#zxzx .btnbox{ clear:both; padding:7px 0 0 7px;}
#zxzx .btnbox input{ width:108px; height:31px; line-height:31px; text-align:center; color:#FFF; border:0px; cursor:pointer;}
#zxzx .btnbox .btn1{ background:#212121; margin-left:3px;}
#zxzx .btnbox .btn2{ background:#535353; margin-left:7px;}



.totop{ position:fixed; right:20px; bottom:20px; cursor:pointer; z-index:666;}

.pro_main{ clear:both; padding:25px 0; line-height:26px; min-height:260px;}
.pro_list{ overflow:hidden;}
.pro_list li{ float:left; margin:0 19px 25px 0;}
.pro_list li.none{ margin-right:0px;}
.pro_list li a{ display:block; border:1px solid #AAB0AE; text-align:center;}
.pro_list li a img{ display:block; max-width:100%;}
.pro_list li a p{ height:28px; line-height:28px; border-top:1px solid #AAB0AE; background:#E5E5E5; color:#666;}
.pro_list li a:hover{ border-color:#006D37;}
.pro_list li a:hover p{ background:#006D37; color:#fff;}
.fd_pro_tb{ width:95%; margin:0 auto; border-left:1px solid #E8E8E8; border-top:1px solid #E8E8E8; margin-bottom:20px;}
.fd_pro_tb th, .fd_pro_tb td{ border-right:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8;}
.fd_pro_tb th{ background:#F5F5F5; height:40px; line-height:40px; font-weight:normal;}
.fd_pro_tb td{ text-align:center; padding:10px 0;}
.fd_pro_tb td input{ border:1px solid #E8E8E8; width:80px; padding:0 10px; height:22px; line-height:22px; text-align:right;}
.fd_pro_tb .del{ color:#F00; cursor:pointer;}
.jn_box{ clear:both; padding-bottom:20px; overflow:hidden; width:520px; margin:0px 0 0 240px;}
.jn_lt{ float:left; width:100px; padding:0 5px 0 0; line-height:30px; text-align:right; font-size:14px; font-weight:bold;}
.jn_rt{ float:left; width:360px;}
.jn_box .txt{ width:325px; height:28px; line-height:28px; border:1px solid #DBDBDB; color:#444; padding:0 10px; font-size:13px; border-radius:3px; outline:none;}
.jn_box input:focus{ border:1px solid #212121;}
.jn_box textarea:focus{ border:1px solid #212121;}
.jn_box .cod{ width:70px; height:28px; line-height:28px; border:1px solid #DBDBDB; color:#444; padding:0 15px; font-size:13px; border-radius:3px; outline:none;}
.jn_box .txtarea{width:325px; height:120px; padding:10px; font-size:13px; border:1px solid #DBDBDB; border-radius:3px; outline:none;}
.jn_box .btn{ width:95px; height:32px; text-align:center; line-height:30px; border:0px; background:#666; color:#FFF; font-size:15px; font-weight:bold; border-radius:3px; cursor:pointer;}
.jn_box .btn:hover{ background:#212121}