@charset "utf-8";
body{ font-size:12px; margin:0; padding:0; color:#333; font-family:"Microsoft YaHei", Arial, Helvetica,Verdana, Geneva, sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0; padding:0; list-style:none; }
em,i,span,font{ font-style:normal;}
input{ outline:none;}
h3{ font-size:14px;}
a:link,a:visited{ color:#333; text-decoration:none;}
a:hover,a:active{ color:#F54D00; text-decoration:none;}

.clear{ clear:both; height:0; list-style:none; display:block;}
.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }/*清除浮动*/

.floatL{ float:left;}
.floatR{ float:right;}

#kefub{ position:fixed; width:257px; height:198px; left:20px; bottom:50px; background:url(../images/bottom_yw.png) no-repeat;  z-index:11;}
#kefub a.close{ position:absolute; right:0; bottom:32px; display:block; width:20px; height:20px; text-align:center; line-height:20px; border-radius:10px; border:#000 1px solid; color:#000; background-color:#FFF;}
#kefub a.close:hover{border:#f00 1px solid; color:#f00;}

#container{ position:fixed; left:0; top:0; bottom:0; right:0; background:rgba(0,0,0,.7); z-index:100; display:none;}
#content{ position:fixed; border:#333 3px solid; background-color:#FFF; width:1000px; height:60%; left:50%; top:20%; margin:0 0 0 -503px; z-index:101; display:none;}
#content a.close{ position:absolute; right:-3px; top:-29px; display:inline-block; width:60px; height:26px; line-height:26px; text-align:center; font-size:12px; background-color:#F00; color:#fff; z-index:102; border:#333 3px solid; border-bottom:none;}
#content a.close:hover{ background-color:#333;}
#content #con{ display:block; height:100%; text-align:center;}
#content #con .pic{display: table-cell; vertical-align:middle; width:1000px; height:500px; text-align:center;}
#content #con .pic img{ max-width:90%; max-height:90%; vertical-align:middle;}

.blank_h120{ height:150px; width:100%; clear:both; overflow:hidden;}

#header{ width:1000px; height:100px; margin:0 auto; clear:both; overflow:hidden;}
#header .logo{ float:left; margin:25px 0 0;}
#header .phone{ float:right; margin:25px 0 0; font-size:14px;}
#header .phone em{ font-size:26px; color:#EA5515;}

/*****网站横幅显示****/
#banner{ margin:0 auto; overflow:hidden; clear:both;}
#banner img{ border:none;}
.flexslider{position:relative; width:100%; height:500px; margin:0 auto; overflow:hidden; z-index:10;}
.flexslider a{ }
.flexslider .slides{position:relative;z-index:11;}
.flexslider .slides li{ width:100%; height:500px; overflow:hidden; text-align:center; overflow:hidden;}
.flexslider .slides li{ background-position:center center; background-repeat:no-repeat;}
.flexslider .slides li img{ width:100%;}
.flexslider .slides li a{ display:block; width:100%; height:100%;}
.flexslider .flex-control-nav{position:absolute;bottom:20px; z-index:21;width:100%;text-align:center;}
.flexslider .flex-control-nav li{display:inline-block;width:12px;height:12px;margin:0 2px;*display:inline;zoom:1;}
.flexslider .flex-control-nav a{display:inline-block;width:11px;height:11px; border-radius:6px; background-color:#666; text-indent:-9999px;overflow:hidden;}
.flexslider .flex-control-nav .flex-active{background-color:#F54D00;}

.flexslider .flex-direction-nav{position:absolute;z-index:31;width:100%;top:45%;}
.flexslider .flex-direction-nav li a{display:block;width:22px;height:50px;overflow:hidden;position:absolute;}
.flexslider .flex-direction-nav li a.flex-prev{left:0;background:rgba(0,0,0,0.6) url(../images/prev.png) center center no-repeat; background-size:20px 20px;}
.flexslider .flex-direction-nav li a.flex-next{right:0;background:rgba(0,0,0,0.6) url(../images/next.png) center center no-repeat;background-size:20px 20px;}

.title{ height:100px; padding:20px 0 0; font-size:20px; color:#333;  text-align:center; line-height:160%; clear:both; overflow:hidden; color:#333;}
.title em{ display:inline-block; font-size:28px;font-weight:700;}
.title i{ display:inline-block; width:87px; height:35px;}
.title i.l{ background:url(../images/title_left.png) bottom left no-repeat; margin:0 10px 0 0;}
.title i.r{ background:url(../images/title_right.png) bottom left no-repeat; margin:0 0 0 10px;}
.l_title{ width:1000px; padding:0 0 30px; margin:0 auto; line-height:150%; font-size:14px; color:#777; text-align:center; clear:both; overflow:hidden;}

.hangyetitle{ width:auto; margin:0 auto; height:150px; background:url(../images/fuwubg.jpg) top center no-repeat;}

#syhangye{ width:1110px; margin:0 auto; clear:both; overflow:hidden;}
#syhangye ul li{ float:left; width:346px; margin:0 10px; padding:10px 0; border:#ddd 2px solid; border-radius:5px; background-color:#Fff; text-align:center;}
#syhangye ul li:hover{border:#087073 2px solid;}
#syhangye ul li em{ display:block; padding:5px 20px; text-align:left;}
#syhangye ul li i{ display:block; padding:10px 0 5px; font-size:18px; font-weight:bold;color:#087073;}

#liucheng{ width:1100px; height:200px; margin:0 auto; margin-top:50px; clear:both; overflow:hidden;}
#liucheng ul li{ float:left; margin:0 0 0 5px; width:178px; height:200px; background-color:#087073; position:relative;}
#liucheng ul li:hover,#liucheng ul li.on{ background-color:#FF4000;}
#liucheng ul li i{ position:absolute; width:64px; height:64px; top:35px; left:56px; background-image:url(../images/liucheng_bg.png);}
#liucheng ul li em{position:absolute; width:100%; bottom:20px; font-size:22px; color:#FFF; text-align:center;}
#liucheng ul li i.l1{ background-position:0 0;}
#liucheng ul li i.l2{ background-position:0 -80px;}
#liucheng ul li i.l3{ background-position:0 -160px;}
#liucheng ul li i.l4{ background-position:0 -240px;}
#liucheng ul li i.l5{ background-position:0 -320px;}
#liucheng ul li i.l6{ background-position:0 -400px;}

.videoc{ padding:40px 0 50px; background:url(../images/video_cbg.png); border-top:#ccc 2px solid;}
#video{ width:1100px; height:270px; margin:10px auto 0; clear:both; overflow:hidden;}
#video ul{ float:left; width:356px; height:270px; margin:0 0 0 10px;}
#video ul li.pic{ width:100%; height:200px;}
#video ul li.pic a{ display:block; width:100%; height:200px; background:url(../images/video_an.png) rgba(0,0,0,0.6) center center no-repeat; text-align:center; font-size:14px; line-height:280px; color:#FFF;}
#video ul li.pic a:hover{ background:url(../images/video_an.png) rgba(0,0,0,0.4) center center no-repeat;}
#video ul li.text{ width:100%; height:70px; box-sizing:border-box; padding:15px 15px 0; background-color:#ddd; color:#777; font-size:12px;}
#video ul:hover li.text{ background-color:#ccc;}
#video ul li.text em{ display:block; font-size:16px; color:#333; padding:0 0 5px 0; font-weight:600;}

.video_p{ width:1110px; margin:20px auto 0; height:117px; background:url(../images/video_p.jpg) 15px top no-repeat;}

#zhuashou{ text-align:center;}

#shebei{ width:1100px; margin:0 auto; clear:both; overflow:hidden;}
#shebei ul li{ width:260px; float:left; margin:0 0 16px 10px; text-align:center; position:relative;}
#shebei ul li span{ display: table-cell; vertical-align:middle; width:258px; height:200px; text-align:center; overflow:hidden; border:#eee 1px solid;}
#shebei ul li:hover span{ border:#FF3F00 1px solid;}
#shebei ul li img{max-height:200px; max-width:258px; vertical-align:middle;}
#shebei ul li i{ position:absolute; right:10px; bottom:10px; font-size:12px; color:#666;}

.kehuanli{ width:1100px; margin:15px auto; clear:both; overflow:hidden;}
.kehuanli .t{ float:left; width:200px; height:285px;}
.kehuanli .t i{ display:block; margin:20px 20px 0; padding:0 0 10px; font-size:24px; color:#fff; border-bottom: #FFF 1px dotted;}
.kehuanli .t em{ display:block; font-size:12px; color:#fff; padding:10px 20px 0; line-height:120%;}
.kehuanli .t em p{ padding:0 0 8px;}

.kehuanli .c{ float:left; width:900px; height:285px;}
.kehuanli .c .bpic{ float:left; width:280px; height:285px; margin:0 0 0 6px; overflow:hidden;}
.kehuanli .c .bpic img{height:286px;}

.kehuanli .c .lpic{float:left; width:150px; height:285px; margin:0 0 0 6px; overflow:hidden;}
.kehuanli .c .lpic img{height:140px;}
.kehuanli .c .lpictop{ margin-bottom:5px;}

.moreanli{ width:660px; height:56px; line-height:56px; border-radius:56px; color:#333; font-size:26px; margin:40px auto 10px; text-align:center;}


#hzhb{ width:1110px; margin:0 auto;}
#hzhb ul{ width:1110px; height:72px;}
#hzhb ul li{ float:left; width:250px; margin:0 5px; border:#EAEAEA 1px solid; height:70px;}

#contact_t{ width:100%; text-align:center;}
#contact{ width:1100px; padding:50px 0 80px; margin:0 auto; overflow:hidden; clear:both;}
#contact .l{ float:left; width:550px; height:300px; border:#999 2px solid;}
#contact .r{ float:right; width:500px; line-height:200%; font-size:16px;}
#contact .r i{ display:block; padding:0 0 15px 0; color:#087073; font-size:18px; font-weight:600;}

#footer{ width:100%; text-align:center; height:50px; line-height:50px; color:#fff; background-color:#087073;}