/*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:12px;font-family:' '; color:#666;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:underline;}
p{line-height:1.8em; padding:5px 0;}
img{outline-width:0px;vertical-align:top;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}


.header{ width:100%; position:absolute; top:55px; left:0px;}
.head{ height:55px;}
.head .logo{ float:left;}
.head .logo img{ height:55px;}
/*menu*/
.menu{height:35px;line-height:35px; margin-top:10px; float:right;}
.menu ul li{ float:left; position:relative; margin-left:20px; width:84px;}
.menu ul li dl{ background:#707070; width:100%; position:absolute; left:0px; top:35px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
.menu ul li dl dd{ line-height:30px;border-bottom:#fff solid 1px; 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{ border:none; line-height:30px; height:30px; background:#999;}
.menu a{ font-size:16px;color:#fff; text-decoration:none; font-weight:bold;display:block;text-align:center; }
.menu a:hover{color:#fff; border:#fff solid 1px; border-radius:4px; height:33px; line-height:33px;}
a.menu_hover{ background:#1b1b1b;color:#fff; border:#fff solid 1px; border-radius:4px; height:33px; line-height:33px;}

.con1bg{ background:url(../images/bg1.jpg) top center no-repeat; height:960px;}
.mobile-banner{ height:960px; overflow:hidden; position:relative; background-color:#000}
.mobile-banner-bg{ width:100%; height:710px; background:url(../images/02index-banner-9.jpg) no-repeat center top; position:absolute; left:0; top:0; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.mobile-banner-video{ position:absolute; left:0; bottom:0px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.con1{ position:relative; z-index:99;}
.con1 strong{ color:#fff; font-size:60px; text-align:center; display:block; padding-top:420px; font-weight:normal; }
.con1 a{ display:block; margin-top:50px; background:url(../images/about_tit.png) center no-repeat; height:52px; line-height:52px; color:#fff; text-align:center; font-size:30px;} 

.con2bg{ background:url(../images/map.png) repeat #F7F7F7; padding:50px 0px;}
.con2{ margin-top:80px;}
.con2 .title { margin-bottom:55px;}
.con2 .title .line{ width:1200px; margin:0 auto; height:1px; background:#d2d2d2;}
.con2 .title h2{ color:#3d3a3a; font-size:48px; padding-top:50px; text-align:center; font-weight:normal;}
.con2 .title h3{ color:#ff6666; font-size:36px; padding-bottom:50px; text-align:center; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.con2 ul{ border-top:1px solid #EDEDED; border-right:1px solid #EDEDED; width:1194px; margin:0 auto;}
.con2 ul li{ border-left:1px solid #EDEDED; border-bottom:1px solid #EDEDED; float:left; float:left; width:198px; background:#fff; position:relative; }
.con2 ul li img{ width:198px; height:92px;}
.con2 ul li span{ position:absolute; top:0px; left:0px; width:198px; height:92px; background:rgba(2,0,0,0.70); display:none;}
/*.con2 ul{ height:436px; position:relative;}
.con2 ul li{ position:absolute; width:182px; height:182px;}
.con2 ul li strong{ display:block; background:url(../images/con2_nr.png) center no-repeat; width:182px; height:182px; color:#fff; font-weight:normal; font-size:42px; text-align:center; margin:0 auto;}
.con2 ul li span{ display:block; font-size:28px; color:#333;}
.con2 ul li.i1{ top:0px; left:255px; text-align:center;}
.con2 ul li.i2{ top:0px; right:255px; text-align:center;}
.con2 ul li.i3{ bottom:0px; left:0px; text-align:center;}
.con2 ul li.i4{ bottom:0px; left:50%; margin-left:-91px; text-align:center;}
.con2 ul li.i5{ bottom:0px; right:0px; text-align:center;}*/

.video{ margin-top:180px; position:relative;}
.video img{ width:100%;}
.video a{ position:absolute; background:url(../images/play.png) center no-repeat; width:100px; height:100px; left:50%; margin-left:-50px; top:50%; margin-top:-50px;}
.video a:hover{ background:url(../images/play2.png) center no-repeat;}
.video video{ width:100%;}
.video-box{ position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(../images/playbg.png) repeat; display:none; }
.mask a.close{ color:#fff; font-size:50px; line-height:100px; font-weight:bold; position:absolute; right:50px; top:50px;}
.mask a:hover{text-decoration:none;}
.mask{ width:1280px; padding-top:100px;}

.con3{ margin-top:180px; background:url(../images/bg22.jpg) center no-repeat fixed;}
.con3_titbg{ height:286px; color:#fff; text-align:center;}
.con3_titbg .line{ width:1200px; margin:0 auto; height:1px; background:#fff;}
.con3_titbg h2{ font-weight:normal; padding-top:55px; font-size:60px;}
.con3_titbg h3{ color:#fff; font-size:36px; padding-bottom:35px; text-align:center; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.con3_titbg strong{ display:block; font-size:30px; font-weight:normal; padding-top:20px}
.cn3 ul { width:1220px; padding-top:40px;}
.cn3 ul li{ float:left; width:590px; height:264px; margin-right:20px; background:#fff; margin-bottom:20px; text-align:center; position:relative;}
.cn3 ul li img{ padding-bottom:25px; padding-top:30px;} 
.cn3 ul li b{ display:block; text-align:center; font-size:40px; color:#333;}
.cn3 ul li .c3_txt{ position:absolute; top:0px; left:0px; width:510px; height:184px; background:url(../images/hover1.png) center no-repeat; color:#fff; padding:40px; display:none;}
.cn3 ul li .c3_txt strong{ display:block; font-size:40px;}
.cn3 ul li .c3_txt span{ display:block; padding-top:30px; font-size:16px; line-height:40px;}

.con4{ margin-top:50px;}
.con4_titbg{ height:450px; color:#fff; text-align:center; padding-top:110px; background:url(../images/bg1.jpg) center no-repeat fixed;}
.con4_titbg .line{ width:1200px; margin:0 auto; height:1px; background:#fff;}
.con4_titbg h2{ font-weight:normal; padding-top:55px; font-size:60px;}
.con4_titbg h3{ color:#fff; font-size:36px; padding-bottom:35px; text-align:center; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.con4_titbg strong{ display:block; font-size:30px; font-weight:normal; padding-top:20px}
.c4_con{ position:relative; margin-bottom:10px; overflow:hidden;}


.c4_con{ height:400px;  margin-top:50px;}
.c4_con .c4_left{ float:left; width:400px; position:relative;}
.c4_con .c4_left img{ width:400px; height:400px;}
.c4_txt1{ position:absolute; top:50px; left:50px; background:url(../images/bgbg.png) repeat; border:2px solid #fff; color:#fff; text-align:center; width:296px; height:296px; margin-top:50px; margin:0 auto;}
.c4_txt1 strong{ display:block; font-size:40px; padding-bottom:30px; padding-top:30px;}
.c4_txt1 span{ display:block; font-size:18px; line-height:35px; width:80%; margin:0 auto; margin-bottom:20px;}
.c4_txt1 .more{ margin:0 auto; width:140px; border:1px solid #fff;}
.c4_txt1 .more a{ display:block; background:#fff; padding:5px 0px; text-align:center; margin:5px;}
.c4_txt2{ position:absolute; top:50px; left:50px; background:url(../images/bgbg.png) repeat; border:2px solid #fff; color:#fff; text-align:center; width:296px; height:296px;}
.c4_txt2 strong{ display:block; font-size:40px; padding-bottom:30px; padding-top:30px;}
.c4_txt2 span{ display:block; font-size:18px; line-height:35px; width:80%; margin:0 auto; margin-bottom:20px;}
.c4_txt2 .more{ margin:0 auto; width:140px; border:1px solid #fff;}
.c4_txt2 .more a{ display:block; background:#fff; padding:5px 0px; text-align:center; margin:5px;}
.c4_txt3{ position:absolute; top:50px; left:50px; background:url(../images/bgbg.png) repeat; border:2px solid #fff; color:#fff; text-align:center; width:296px; height:296px;}
.c4_txt3 strong{ display:block; font-size:40px; padding-bottom:30px; padding-top:30px;}
.c4_txt3 span{ display:block; font-size:18px; line-height:35px; width:80%; margin:0 auto; margin-bottom:20px;}
.c4_txt3 .more{ margin:0 auto; width:140px; border:1px solid #fff;}
.c4_txt3 .more a{ display:block; background:#fff; padding:5px 0px; text-align:center; margin:5px;}
.c4_txt4{ position:absolute; top:50px; left:50px; background:url(../images/bgbg.png) repeat; border:2px solid #fff; color:#fff; text-align:center; width:296px; height:296px;}
.c4_txt4 strong{ display:block; font-size:40px; padding-bottom:30px; padding-top:30px;}
.c4_txt4 span{ display:block; font-size:18px; line-height:35px; width:80%; margin:0 auto; margin-bottom:20px;}
.c4_txt4 .more{ margin:0 auto; width:140px; border:1px solid #fff;}
.c4_txt4 .more a{ display:block; background:#fff; padding:5px 0px; text-align:center; margin:5px;}
.c4_con .c4_right{ float:left; width:800px; overflow:hidden;}
.c4_con .c4_right img{ width:800px; height:400px;transition:all 0.3s;}
.c4_con .c4_right:hover img{transform: scale(1.1);transition:all 0.3s;}



.con5bg{ background:#e5e5e5; padding:80px 0px;}
.con5 h2{ text-align:center; font-size:60px; font-weight:normal; color:#333;}

/*scroll_03*/
.scroll_03{ position:relative;}
.scroll_03 .hd .prev{ display:block;  width:90px; height:97px; overflow:hidden;cursor:pointer; background:url(../images/left.png) no-repeat; position:absolute; top:150px; left:0px;} 
.scroll_03 .hd .next{display:block;  width:90px; height:97px; overflow:hidden;cursor:pointer; background:url(../images/right.png) no-repeat; position:absolute; top:150px; right:0px;} 
.scroll_03 .bd { margin-left:120px}
.scroll_03 .bd li{ float:left; width:300px; overflow:hidden; margin:0 10px;}
.scroll_03 .bd li .img{height:150px; margin-top:30px;}
.scroll_03 .bd li .img:hover{background:#f4f4f4;}
.scroll_03 .bd li span{ height:30px; line-height:30px; text-align:center; display:block;}
.scroll_03 .bd li .img table tr td{ height:150px;}
.scroll_03 .bd li .img table tr td img{ width:300px; height:150px;}

.footer{ background:url(../images/footbg.png) repeat; overflow:hidden;}
.f1 .ft_logo{ float:left;}
.f1 ul{ float:left; background:url(../images/ftline.png) right top no-repeat; margin-top:30px; padding:0px 112px; font-size:14px; line-height:28px; color:#fff;}
.f1 ul li a{ color:#fff;}
.f1 ul li img{ width:100px; height:100px; margin-right:10px;}
.f2{ text-align:center; padding:30px 0px; line-height:30px; font-size:14px; color:#fff; overflow:hidden;}
.f2 a{ padding:0px 5px; color:#fff;}





/*Add------------------------------------------------------------------------------*/
.header1{ height:55px; background:none; position:fixed; top:0px; left:0px; z-index:999; width:100%;}
.weizhi{height:50px; line-height:50px; background:url(../images/title03.png) no-repeat;font-size:14px; border-bottom:2px solid #757575; }
.weizhi strong{ background:url(../images/icon.png) right top no-repeat; padding-right:15px; color:#db0d0d; font-size:24px;}
.weizhi span{ float:right;}
.inside{min-height:400px; margin-bottom:50px;}

.inside_left{ width:259px; float:left;}
.inside_left .side_a dl dd{ height:96px; border-bottom:#000 solid 1px; background:url(../images/li.png) no-repeat;}
.inside_left .side_a dl dd a{ display:block; padding-left:30px; height:73px; line-height:25px; padding-top:23px; font-size:14px; background:url(../images/ico.png) 215px center no-repeat;color:#fff;}
.inside_left .side_a dl dd a:hover{  background:url(../images/liah.png) no-repeat; color:#fff;}
.inside_left .side_a dl dd strong{ display:block; font-weight:normal;}
.inside_left .side_a dl dd span{ display:block;} 
.inside_left .side_a dl .hover a{  background:url(../images/lia.png) no-repeat;color:#fff;} 
.lianxi{ background:url(../images/lianxi.jpg) center no-repeat; height:45px; line-height:45px; color:#fff; text-align:center;}

.inside_right{ width:900px; float:right; margin-top:20px; }
.inside_con{ padding:10px 0;}

.inside_con dl{ padding:15px; background:#eee; height:245px; margin-bottom:15px;}
.inside_con dl dt{ float:left; width:345px; height:245px;}
.inside_con dl dt img{ width:345px; height:245px;}
.inside_con dl dd{ float:right; width:500px;}
.inside_con dl dd a{ display:block; color:#c33201; font-size:22px;}
.inside_con dl dd span{ display:block; line-height:24px; font-size:14px; padding:10px 0px;}
.inside_con dl dd strong{ display:block; text-align:right; font-weight:normal; font-size:12px;}
.inside_con dl dd strong b { font-weight:normal; padding-left:10px; font-size:14px; }

.insidezx{ background:url(../images/zx_bg.jpg) center top no-repeat; padding:95px 0px;}
.insidezx_left{ float:left; margin-top:180px;}
.insidezx_left strong{ display:block; color:#fff; font-size:43px; margin-bottom:15px;}
.insidezx_left b{ display:inline-block; padding:3px 10px; background:#f0cd47; color:#fff; border-radius:10px; font-size:43px;}
.insidezx_left span{ display:block; font-size:36px; color:#fff; margin-top:15px;}
.insidezx_right{ float:right; background:url(../images/zx_right.png) center no-repeat; width:496px; height:798px; padding:20px;}
.insidezx_right h2{ color:#333; font-weight:normal; font-size:36px; padding-top:30px;}
.insidezx_right h3{ color:#333; font-weight:normal; font-size:20px; line-height:50px;}
.input_text{ height:47px; line-height:47px; background:#fff; width:476px; padding-left:20px; font-size:15px;}
.textarea{ height:247px; line-height:30px; background:#fff; width:476px; padding-left:20px; font-size:15px; border:none;}
.input_button{ background:#e1841a; width:496px; height:47px; line-height:47px; text-align:center; cursor:pointer; font-size:16px; color:#fff;}

/*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;}


