/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:14px;font-family:' '; color:#666;}
a{color:#666;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1300px; margin:0 auto;}
img{ max-width:100%;}


.header{ height:157px; background:url(../images/head.jpg) center bottom repeat-x; position:relative; z-index:22;}
.header .top{ height:100px;}
.header .top .logo{ float:left;margin-top:21px;}
.header .top .tel{ float:right; width:215px; background:url(../images/tel.jpg) left center no-repeat; margin-top:20px;}
.header .top .tel strong{ display:block; width:180px; padding-left:35px; height:30px; line-height:34px; font-size:22px; font-weight:normal; font-weight:normal; color:#dd811e;}
.header .top .tel span{ display:block; width:180px; padding-left:35px; height:30px; line-height:34px; font-size:22px; font-weight:normal; font-weight:normal; color:#dd811e;}

	
/*menu*/

.menu ul li{ height:55px; line-height:55px; float:left; position:relative;/* border-right:#fff solid 1px;*/width:134px;}
.menu ul li dl{ background:#193e73; width:100%; position:absolute; left:0px; top:50px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0 10px 0;display:none; }
.menu ul li dl dd{ line-height:32px; margin:0 10px; }
.menu ul li dl dd a{ font-size:14px; color:#fff; font-weight:normal; display:block; padding:0; text-align:center;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:16px;color:#fff; text-decoration:none; display:block;text-align:center;}
.menu a:hover{color:#da7e1b;}
a.menu_hover{ color:#fff;}


/*banner_02*/
.banner_02{ height:429px; overflow:hidden;}
.banner_02 #banner_02_con{ display:none;}


.con01{ margin-top:40px;}
.con01 img{ display:block; margin:0 auto 30px auto;}
.con01 a{ display:block; margin-top:50px;}


.con02_bg{ background:#f5f5f5; padding:40px 0; margin-top:40px;}
.con02 h2{ height:40px; line-height:40px; color:#333; font-size:36px; font-weight:normal; text-align:center; background:url(../images/h2.png) center no-repeat;}
.con02 ul li{ float:left; width:215px; height:356px; margin:40px 7px 0 7px; background:#fff; border:#e5e5e5 solid 1px; position:relative; overflow:hidden;}
.con02 ul li img{ width:100%;}
.con02 ul li strong{  display:block; width:100%; height:40px; line-height:40px; background:rgba(0,0,0,0.2); position:absolute; left:0; top:140px; z-index:22; color:#fff; font-size:20px; text-align:center; font-weight:normal;}
.con02 ul li span{ display:block; width:185px; height:100px; line-height:25px; padding:15px; overflow:hidden;}
.con02 ul li.l1{ float:left; width:360px; height:358px;}
.con02 ul li.l1 img{ width:360px; height:358px;}




.con03{ margin:50px auto;}
.con03 h2{ height:40px; line-height:40px; color:#333; font-size:36px; font-weight:normal; text-align:center; background:url(../images/h2.png) center no-repeat; margin-bottom:40px;}
.con03 a{ display:block; width:220px; height:50px; line-height:50px; background:#2487d8; color:#fff; font-size:20px; text-align:center; border-radius:24px; margin:40px auto 0 auto;}

.con04{ margin:50px auto;}
.con04 h2{ height:40px; line-height:40px; color:#333; font-size:36px; font-weight:normal; text-align:center; background:url(../images/h2.png) center no-repeat; margin-bottom:40px;}
.con04 ul li{ float:left; width:298px; /*height:338px;*/ border:#c9c9c9 solid 1px;}
.con04 ul li strong{ display:block; width:100%; height:78px; line-height:78px; border-bottom:#c9c9c9 solid 1px; background:#f7f7f7; color:#2687d6; font-size:24px; font-weight:normal; text-align:center;}
.con04 ul li img{ display:block; margin:40px auto 0 auto;}
.con04 ul li img:hover{transform: scale(1.1);transition:all 0.3s;}
.con04 ul li a{ display:block; width:98%; margin:20px auto; font-size:20px; color:#2687d6; text-align:center;}
.con04 a.a1{ display:block; width:280px; height:50px; line-height:50px; border-radius:24px; margin:30px auto; font-size:20px; color:#fff; background:#2487d8; text-align:center;}


.con05_bg{ background:#f5f5f5; padding:50px 0;}

.con05 h2{ height:40px; line-height:40px; color:#333; font-size:36px; font-weight:normal; text-align:center; background:url(../images/h2.png) center no-repeat; margin-bottom:40px;}
.con05 .left{ float:left; width:426px; border:#c8c8c8 solid 1px; border-bottom:none; height:514px; overflow:hidden;}
.con05 .left dl{ border-bottom:#c8c8c8 solid 1px; background:#fff;}
.con05 .left dl dt{ height:46px; line-height:46px; background:url(../images/new.jpg) #f8fcff 116px center no-repeat;border-bottom:#c8c8c8 solid 1px;}
.con05 .left dl dt strong{ display:block; float:left; width:200px; border-left:#2687d6 solid 1px; height:22px; line-height:22px; margin-top:12px; font-size:20px; padding-left:10px; color:#2687d6; font-weight:normal; margin-left:20px;}
.con05 .left dl dt a{ float:right; height:46px; line-height:46px; color:#818284; font-size:16px; margin-right:20px;}
.con05 .left dl dd{ margin:13px;}
.con05 .left dl dd a{ line-height:30px; color:#333; font-size:16px; padding:0 5px;}

.con05 .center{ float:left; width:396px; margin-left:20px; height:518px; overflow:hidden;}
.con05 .center .sm{ border:#c8c8c8 solid 1px;}
.con05 .center .sm h3{ height:46px; line-height:46px; background:#f8fcff;border-bottom:#c8c8c8 solid 1px; font-weight:normal; font-size:20px; padding-left:20px; color:#2687d6; font-weight:normal;}
.con05 .center .sm img{ display:block; width:100%;}
.con05 .center .sm img:hover{transform: scale(1.1);transition:all 0.3s;}

.con05 .center .xm{ border:#c8c8c8 solid 1px; margin-top:20px; background:#fff;}
.con05 .center .xm h3{ height:46px; line-height:46px; background:#f8fcff;border-bottom:#c8c8c8 solid 1px; font-weight:normal; font-size:20px; padding-left:20px; color:#2687d6; font-weight:normal;}
.con05 .center .xm ul{ padding:19px 0 36px 0;}
.con05 .center .xm ul li{ display:block; height:36px; line-height:36px; border:#c8c8c8 solid 1px; width:100px; color:#333; border-radius:24px; margin-left:20px; margin-top:10px; text-align:center; font-size:18px; float:left;}

.con05 .right{ float:right; width:426px; height:512px; overflow:hidden;}
.con05 .right dl{ border:#c8c8c8 solid 1px; background:#fff; margin-bottom:20px;}
.con05 .right dl dt{ height:46px; line-height:46px; background:url(../images/new.jpg) #f8fcff 156px center no-repeat;border-bottom:#c8c8c8 solid 1px;}
.con05 .right dl dt strong{ display:block; float:left; width:200px; border-left:#2687d6 solid 1px; height:22px; line-height:22px; margin-top:12px; font-size:20px; padding-left:10px; color:#2687d6; font-weight:normal; margin-left:20px;}
.con05 .right dl dt a{ float:right; height:46px; line-height:46px; color:#818284; font-size:16px; margin-right:20px;}
.con05 .right dl dd{ margin:17px 20px;}
.con05 .right dl dd a{ line-height:30px; color:#333; font-size:16px; padding:0 5px;}

.con06{ margin:50px auto;}
.con06 h2{ height:40px; line-height:40px; color:#333; font-size:36px; font-weight:normal; text-align:center; background:url(../images/h2.png) center no-repeat; margin-bottom:10px;}
.con06 h3{ line-height:30px; color:#333; font-size:20px; font-weight:normal; text-align:center; margin-bottom:40px;}
.con06 ul li{ float:left; width:308px; border:#c8c8c8 solid 1px; padding-bottom:30px; margin:0 7px; height:370px; overflow:hidden;}
	.con06 ul li img{height:190px;width:308px;object-fit:cover;}
	.con06 ul li img:hover {
		transform: scale(1.1);
		transition: all 0.3s;
	}
.con06 ul li strong{ display:block; width:96%; margin:0 auto; height:40px; line-height:40px; color:#333; font-size:16px; font-weight:normal;}
.con06 ul li span{ display:block; width:96%; margin:0 auto;  line-height:28px; font-size:15px;}


.footer{ background:#3b4b64; margin-bottom:90px;}
.footer .top{ padding:20px 0;}
.footer .top .left{ float:left; width:675px; padding-top:40px;}
.footer .top .left dl dt{ display:block; width:100%; height:40px; line-height:40px;}
.footer .top .left dl dt a{ display:block; float:left; margin-right:20px; color:#fff; font-size:14px;}
.footer .top .left dl dd{ float:left; margin-right:30px; font-size:14px; color:#fff;}
.footer .top .right{ float:right; width:580px;}
.footer .top .right ul li{ float:left; width:130px; margin:0 20px;}
.footer .top .right ul li img{ width:130px; height:130px;}
.footer .top .right ul li img:hover{transform: scale(1.1);transition:all 0.3s;}
.footer .top .right ul li span{ display:block; width:100%; height:30px; line-height:30px; color:#fff; font-size:16px; text-align:center;}
.footer .down{ border-top:#79818e solid 1px; padding:10px 0;}
.footer .down ul li{ line-height:25px; color:#fff; font-size:14px; text-align:center;}
.footer .down ul li a{ color:#fff; font-size:14px;}


.fixed{ width:100%; height:90px; position:fixed; left:0; bottom:0; background:url(../images/db.jpg) center top no-repeat;}
.zj ul{ margin-left:464px;}
.zj ul li{ float:left; margin-top:30px;}
.input_text1{ height:30px; line-height:30px; background:#fff; width:126px; padding-left:10px; margin-left:120px; }
.input_text2{ float:left; height:30px; line-height:30px; background:#fff; width:100px; padding-left:10px;  margin-left:160px;}
.zj ul li img{ float:left; width:56px; height:30px; margin-left:10px;}
.input_text3{ float:left; height:30px; line-height:30px; background:#fff; width:66px; padding-left:10px;  margin-left:120px;}
.input_button{ float:left; background:#4fb6f1; width:82px; height:30px; line-height:30px; display:block; text-align:center; color:#fff; cursor:pointer; margin-left:8px; border-radius:10px;}
.zj ul li a{ display:block; width:150px; height:42px; margin-left:10px;}




/*Add------------------------------------------------------------------------------*/

.inside{margin:20px auto; min-height:600px;}

.inside .left{ width:340px; float:left;}
.inside .left .l1{ width:340px; border:#c8c8c8 solid 1px;}
.inside .left .l1 h2{ height:50px; line-height:50px; background:#2487d8; color:#fff; text-align:center; font-size:22px; font-weight:normal;}
.inside .left .l1 ul li{ line-height:36px; text-align:center; margin:0 10px;}
.inside .left .l1 ul li a{ font-size:16px;}

.inside .left .l2{ width:340px; margin-top:20px; border:#c8c8c8 solid 1px;}
.inside .left .l2 h2{ height:50px; line-height:50px; background:#2487d8; color:#fff; text-align:center; font-size:22px; font-weight:normal;}
.inside .left .l2 ul li{ line-height:30px; margin:0 10px;}

.inside .left .l3{ width:340px; border:#c8c8c8 solid 1px; margin-top:20px; padding-bottom:20px;}
.inside .left .l3 h2{ height:50px; line-height:50px; background:#2487d8; color:#fff; text-align:center; font-size:22px; font-weight:normal;}
.inside .left .l3 ul li{ padding:10px 0; border-bottom:#c8c8c8 dashed 1px; margin:0 20px;}
.inside .left .l3 ul li strong{ display:block; height:30px; line-height:30px; overflow:hidden;}
.inside .left .l3 ul li strong b{ display:block; float:left; width:30px; color:#2196f3; font-size:14px; font-weight:normal; height:30px; line-height:30px;}
.inside .left .l3 ul li strong em{ display:block; float:left; width:270px; height:30px; line-height:30px; color:#000; font-weight:normal; font-style:inherit;}
.inside .left .l3 ul li span{ display:block; width:270px; padding-left:30px;}




.inside .right{ width:920px; float:right; }
.inside .right h2{ height:49px; line-height:49px; border-bottom:#c8c8c8 solid 1px;}
.inside .right h2 strong{ float:left; font-size:22px; font-weight:normal; color:#2487d8;}
.inside .right h2 span{ float:right; font-size:14px; font-weight:normal;}
.inside .right h2 span a{ font-size:14px; font-weight:normal;}

.inside .right .con{ padding:10px 0;}



/*contact*/
.contact h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.contact{ margin-top:15px; }
.contact ul{ padding:10px 10px; border:#e4e4e4 solid 1px;}
.contact ul li{ line-height:20px; padding:3px 0;}

/*proShow*/
.product_show ul li{ width:130px;line-height:20px;}
.product_show ul li{ float:left; margin:15px 20px 0; border:#e4e4e4 solid 1px; display:inline;}
.pro img{max-width:120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true); height: expression(this.height > 90 ? 90: true);}
.hover2{ background:#f4f4f4;}

/*product_list*/
.side_product { margin-top:15px;}
.side_product h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.side_product ul{ padding:10px 10px; border:#e4e4e4 solid 1px; }
.side_product ul li{line-height:24px;}
.side_product ul li a{ padding-left:30px; display:block; border-bottom:#e4e4e4 dashed 1px;background: url(../images/side_menu_bg.gif) 10px 8px no-repeat;}
.side_product ul li dl dd a{ display:inline; border:none; background:none;}