/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input,button{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:''; color:#666;}
a{color:#666;}
a:hover{ color:#02be5a; text-decoration:underline;}
p{line-height:1.8em; padding:5px 0;}
img{outline-width:0px;vertical-align:middle;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}

.topbg{ height:40px; line-height:40px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}

.header{ background:url(../images/head_bg.jpg) no-repeat; height:140px;}
.head{ height:140px;}
.head .logo{ float:left;}
.head .tel{ float:right; background:url(../images/tel.png) right center no-repeat; padding-right:70px; text-align:right; margin-top:40px;}
.head .tel span{ display:block; font-size:14px; color:#999;}
.head .tel strong{ display:block; color:#40a7ec; font-size:24px; font-style:italic;} 

.menubg{ background:#266fbb; height:50px; line-height:50px; position:relative; z-index:8;} 
/*menu*/
.menu{height:50px;line-height:50px;}
.menu ul li{ float:left; position:relative; width:120px;}
.menu ul li dl{ background:#fff; width:160px; position:absolute; left:0px; top:50px; box-shadow:2px 2px 5px rgba(0,0,0,0.2);display:none; }
.menu ul li dl dd{ line-height:35px;border-bottom:#ddd dotted 1px; position:relative; }
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0px 10px; text-align:left;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu ul li dl dd .sanji{ background:#fff; width:160px; position:absolute; left:160px; top:0px; box-shadow:2px 2px 5px rgba(0,0,0,0.2);display:none; }
.menu ul li dl dd .sanji b{ display:block; font-weight:normal; line-height:35px;border-bottom:#ddd dotted 1px; position:relative; }
.menu a{ font-size:14px;color:#fff; text-decoration:none; display:block;text-align:center;}
.menu a:hover{color:#fff;}
a.menu_hover{ background:#40a7ec;color:#fff;}


/*banner_02*/
.banner_02{ height:200px; overflow:hidden;}
.banner_02 #banner_02_con{ display:none;}

.con1{ padding-top:50px;}
.con1 h2{ text-align:center; background:url(../images/tit.png) center bottom no-repeat; font-size:24px; font-weight:normal; padding-bottom:10px; margin-bottom:10px; color:#266fbb;}
.con1 h3{ text-align:center; font-weight:normal;}
/*scroll_03*/
.scroll_03{ margin-top:30px;}
.scroll_03 .bd li{ float:left; width:275px; overflow:hidden; margin:0 13px;}
.scroll_03 .bd li .c1_pro{ border:1px solid #bfbfbf; background:#f0f0f0; margin-bottom:20px; text-align:center; padding-top:16px;}
.scroll_03 .bd li .c1_pro:hover{ background:#266fbb;}
.scroll_03 .bd li .img{height:188px;}
.scroll_03 .bd li span{ height:60px; line-height:60px; text-align:center; display:block; }
.scroll_03 .bd li .img table tr td{ height:188px;}
.scroll_03 .bd li .img table tr td img{ max-width:243px; max-height:188px;}
.scroll_03 .bd li .c1_pro:hover span{color:#fff;}

.con2bg{height: 607px;margin: 30px 0 11px;background: url(../images/application_bg.jpg) center no-repeat;}
.con2{ padding-top:70px;}
.con2 h2{ text-align:center; background:url(../images/tit1.png) center bottom no-repeat; font-size:24px; font-weight:normal; padding-bottom:10px; margin-bottom:10px; color:#fff;}
.lf{ float:left}
.rf{ float:right}

/*行业领域*/
#hyly{padding:50px 0; overflow:hidden;}
#hyly .bd-box{ width:920px; overflow:hidden;}
#hyly .bd-box li{ float:left; width:143px; height:143px; padding:0px 0px 10px 10px; overflow:hidden; position:relative;}
#hyly .bd-box li img{ width:143px; height:143px; position:absolute; left:0px; top:0px; z-index:2; overflow:hidden;}
#hyly .bd-box li span{  width:143px; height:143px; position:absolute; left:0px; top:38px; z-index:1; text-align:center; overflow:hidden; display:none;}
#hyly .bd-box li a{ width:143px; height:143px; position: relative; left:0px; top:0px; z-index:3; display:block; text-decoration:none; overflow:hidden;}
#hyly .bh-box{ width:280px;}
.hylyimg{ padding-bottom:10px;}
#hyly .bh-box{ width:280px; overflow:hidden;}
#hyly .bh-box li{ float:left; width:135px; height:135px; padding:0px 10px 10px 0px; overflow:hidden; position:relative;}
#hyly .bh-box li img{ width:135px; height:135px; position:absolute; left:0px; top:0px; z-index:2; overflow:hidden;}
#hyly .bh-box li span{  width:135px; height:135px; position:absolute; left:0px; top:38px; z-index:1; text-align:center; overflow:hidden; display:none;}
#hyly .bh-box li a{ width:135px; height:135px; position: relative; left:0px; top:0px; z-index:3; display:block; text-decoration:none; overflow:hidden;}


/*.con2 ul{ background:#fff; margin-top:40px; padding-bottom:10px;height: 265px;}
.con2 ul li{float: left; margin-right: 10px;height: 265px; width:292.5px; overflow:hidden; position:relative;}
.con2 ul li img{height: 265px; width:292.5px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.con2 ul li img:hover{transform: scale(1.2, 1.2);}
.con2 ul li:last-child{margin-right:0px;}
.con2 ul li span{ display:block; right:20px; bottom:20px;color: #fff;font-size: 24px;font-weight: bold;line-height: 24px;position:absolute;z-index: 200;}
.con2 dl{ background:#fff;height: 265px;}
.con2 dl dd{float: left; margin-right: 10px;height: 265px; width:232px; overflow:hidden; position:relative;}
.con2 dl dd img{height: 265px; width:262px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.con2 dl dd img:hover{transform: scale(1.2, 1.2);}
.con2 dl dd:last-child{margin-right:0px;}
.con2 dl dd span{ display:block; right:20px; bottom:20px;color: #fff;font-size: 24px;font-weight: bold;line-height: 24px;position:absolute;z-index: 200;}*/

.con3bg{height: 224px;}
.c3_left{ float:left; width:548px;}
.c3_right{ float:right; width:600px;}
.c3_right h2{ height:30px; line-height:30px; margin-top:47px; color:#535353; font-size:24px;}
.c3_right span{ display:block; padding-top:30px; line-height:30px;}


.con4{ padding-top:50px;}
.con4 h2{ text-align:center; background:url(../images/tit.png) center bottom no-repeat; font-size:24px; font-weight:normal; padding-bottom:10px; margin-bottom:10px; color:#02be5a;}
.con4 h3{ text-align:center; font-weight:normal; padding-bottom:30px;}
.c4_left{ float:left; background:#f3f3f3; width:550px;}
.c4_left img{ width:550px; padding-bottom:10px; height:236px;}
.c4_left .c4_txt{ padding:20px; padding-top:0px;}
.c4_left .c4_txt a{ display:block; font-size:18px; color:#323232; line-height:50px;}
.c4_left .c4_txt span{ display:block; border-top:1px solid #adadad; font-size:14px; line-height:24px; padding-top:10px;}
.c4_right{ float:right; width:600px;}
.c4_right ul li{border-bottom: 1px solid #dddddd; height:60px; line-height:60px;font-size: 16px;}
.c4_right ul li a {float:left;color: #474747;padding-left: 20px;background: url(../images/new_ico.png) left center no-repeat;}
.c4_right ul li span{float:right;}

.footer{padding: 30px 0;background:#266fbb;margin-top: 50px;}
.ft_left{ float:left;}
.foot dl{ float:left; color:#fff; padding-left:20px; line-height:24px; padding-top:10px; border-right:1px solid #67d89c; width:310px;}
.f_nav{ float:left; border-right:1px solid #67d89c; width:228px; padding-left:20px;}
.f_nav h2{ height:50px; line-height:50px; color:#fff; font-weight:normal; font-size:14px;}
.f_nav ul li{ float:left; width:50%; line-height:34px;}
.f_nav ul li a{ color:#fff;}
.f_nav1{ float:left; border-right:1px solid #67d89c; width:206px; padding-left:20px;}
.f_nav1 h2{ height:50px; line-height:50px; color:#fff; font-weight:normal; font-size:14px;}
.f_nav1 ul li{ line-height:34px;}
.f_nav1 ul li a{ color:#fff;}

.ft{ text-align:center; line-height:24px; padding:20px 0px;}
.ft a{ padding:0px 5px;}




/*Add------------------------------------------------------------------------------*/

.weizhi{height:40px; line-height:40px; border-bottom:solid 1px #c7c7c7;}
.weizhi strong{ float:left; color:#266fbb; font-size:18px;}
.weizhi span{ float:right;}
.inside{margin-top:50px; min-height:400px;}

.inside_left{ width:300px; float:left; background:#f3f3f3;}
.inside_left h2{ height:100px; background:url(../images/nav_about.jpg) center no-repeat; color:#fff; text-align:center;}
.inside_left h2 strong{ display:block; font-weight:normal; font-size:30px; padding-top:10px;}
.inside_left h2 span{ display:block; font-weight:normal; font-size:30px; padding-top:10px; font-family:Arial, Helvetica, sans-serif; opacity:0.3;}
.inside_left .side_a{ margin-bottom:10px;}
.inside_left .side_a dl{ padding:15px; }
.inside_left .side_a dl dt{ height:40px;line-height:40px;background: url(../images/ico.png) 10px center no-repeat #266fbb;position: relative;border-bottom: 1px solid #266fbb; text-decoration: none;-webkit-transition: color .6s ease-in-out;transition: color .6s ease-in-out;}
.inside_left .side_a dl dt a{ display:block;color: #fff; font-size:14px; padding-left:40px;}
.inside_left .side_a dl dt:before{content: "";position: absolute;bottom: 0;width: 0;border-bottom: solid 1px;left: 0;-webkit-transition: width .6s ease-in-out;transition: width .6s ease-in-out;}
.inside_left .side_a dl dt:hover:before{width: 100%; border-bottom-color:#fff;}
.inside_left .side_a dl dt:hover{background: url(../images/ico.png) 10px center no-repeat  #40a7ec;}
.inside_left .side_a dl dd{ height:30px; line-height:30px; color:#fff; padding-left:40px;}
.inside_left .side_b dl{ padding:15px; line-height:24px;}

.inside_right{ width:870px; float:right; }
.inside_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;}


