@charset "utf-8";
/* CSS Document */

html{min-width:1050px;}
*{margin:0px; padding:0px;}
*:focus{outline:none;}
body{color:#555; font-size:14px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
ul li{list-style:none;}
a{text-decoration:none;}
a:hover{transition-property:color; transition-duration:.6s}
img{border:none;}
h1{font-size:24px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}

.clr{clear:both;}
.w1050{width:1050px; margin:0 auto;}
#top{width:100%; height:30px; line-height:30px; background:#d4d4d4; clear:both}
.header{width:100%; height:90px; padding-top:15px; clear:both}
.logo{float:left;}
.phone{float:right; padding-top:15px;}
.menu{width:100%; height:46px; background:#023894; clear:both}
.menu ul{border-left:#fff 1px solid; float:left}
.mainlevel{width:130px; /*IE6 only*/ height:46px; line-height:46px; border-right:#fff 1px solid; text-align:center; position:relative; background:url(../images/menu_bg.jpg) no-repeat right center; z-index:11; float:left;}
.mainlevel a{width:130px; height:46px; display:block; font-size:14px; color:#fff; margin-left:0px;}
.mainlevel a:hover,.mainlevel a.active{background:#4394d0;}
.mainlevel ul{width:130px; display:none; position:absolute; left:0px; background:#1868b3; border:none; z-index:9;}
.mainlevel li{width:100%;/*IE6 only*/ height:30px; border-bottom:#74a4d1 1px solid; line-height:30px;}
.mainlevel li a{width:100%;/*IE6 only*/ display:block; padding:0px; height:30px; line-height:30px; background:none; color:#fff; font-size:12px; font-weight:normal;}
.mainlevel li a:hover{background:#4394d0;}
.banner{width:100%; position:relative; clear:both}
.flexslider{position:relative; height:452px; overflow:hidden; width:100%; z-index:9;}
.slides{position:relative;z-index:1;}
.slides li{height:452px;}
.flex-control-nav{display:none;}
.flex-direction-nav{position:absolute; z-index:3; width:100%; top:200px;}
.flex-direction-nav li a{display:block; width:56px; height:78px; overflow:hidden; cursor:pointer; position:absolute;}
.flex-prev{background:url(../images/btnPre_hover.png) no-repeat left center; left:0px;}
.flex-prev:hover{background:url(../images/btnPre.png) no-repeat left center;}
.flex-next{background:url(../images/btnNext_hover.png) no-repeat left center; right:0px;}
.flex-next:hover{background:url(../images/btnNext.png) no-repeat left center; right:0px;}
.ss{width:1050px; bottom:30px; height:42px; left:50%; margin-left:-525px; position:absolute; background:url(../images/ser_bg.png) no-repeat top left; z-index:999;}
.ss span{width:148px; height:28px; line-height:28px; color:#4394d0; font-size:12px; margin-top:7px; margin-left:7px; text-align:center; font-weight:bold; background:url(../images/ss_span.png) no-repeat top center; float:left;}
.ss_in{width:776px; height:28px; line-height:28px; background:url(../images/ss_in.png) no-repeat center; border:none; color:#777; text-indent:1em; margin-top:7px; margin-left:7px; float:left}
.ss_btn{width:99px; height:42px; background:url(../images/ser_btn.png) no-repeat center; border:none; cursor:pointer; float:right;}
#scrollbox{width:100%; position:relative; overflow:hidden; float:left;}
#scrollbox li{width:198px; margin-right:12px; text-align:center; float:left; border: 1px #ddd solid;}
#scrollbox li img{width:200px; height:200px; float:left}
.item{overflow:hidden; position:relative; float:left;}
.item .caption{width:100%; height:200px; color:#fff; background:url(../images/cap_bg.png) no-repeat top center; position:absolute; left:0px; top:0px; display:none;}
.item .caption h1{line-height:40px; padding-top:70px; font-size:20px; clear:both}
.item .caption h2{font-family:Verdana, Geneva, sans-serif; font-weight:normal; text-transform:uppercase;}
.pro{width:1050px; padding:30px 0px 0px; margin:0 auto; clear:both}
.ser_t{text-align:center; margin-bottom:20px; clear:both}
.ser_l{float:left; padding-left:25px;}
.ser_r{width:690px; float:right;}
.ser_r li{width:100%; height:34px; line-height:34px; color:#777; float:left}
.ser_r li:hover{color:#4394d0; transition:all .8s ease-out; text-indent:2em;}
.ser_r li:hover b{color:#4394d0;}
.ser_r li b{color:#555; font-size:16px; padding-left:10px; background:url(../images/ser_dian.jpg) no-repeat left center;}
#dent{text-indent:4em;}
#dent:hover{text-indent:2em;}
.intro{width:100%; height:550px; padding:25px 0px; margin:40px 0px; color:#fff; background:#000 url(../images/intro_bg.jpg) no-repeat top center; clear:both}
.intro_t{width:100%; line-height:30px; clear:both;}
.intro_t a{color:#f6bd14; text-align:right; display:block; line-height:18px;}
.intro_s{width:100%; margin:20px 0px; clear:both;}
.intro_s li{float:left; margin:0px 6px; text-align:center;}
.intro_s li img{width:248px; height:162px; border:#fff 1px solid; float:left}
.intro_s li p{clear:both; line-height:35px; color:#fff;}
.more{text-align:center;}
.xw{width:1047px; border-top:#d2d2d2 1px solid; border-left:#d2d2d2 1px solid; margin:0 auto 50px; clear:both}
.qyxw{width:348px; border-right:#d2d2d2 1px solid; float:left;}
.qyxw_t{width:100%; height:54px; line-height:54px; border-bottom:#d2d2d2 1px solid; float:left}
.qyxw_t img{float:left; padding:20px 8px 0px 20px;}
.qyxw_t span{float:left;}
.qyxw_t a{float:right; color:#747a7a; padding-right:15px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.qyxw_m{width:100%; float:left;}
.qyxw_m li{width:325px; height:40px; padding-left:14px; background:url(../images/xw_line.jpg) no-repeat left center; float:left;}
.qyxw_m li a{height:20px; line-height:18px; display:block; margin-top:10px; font-size:12px; color:#747a7a; text-indent:0.5em; overflow:hidden;}
.qyxw_m li a:hover{background:#4394d0; color:#fff;}
.lxwm_m{width:100%; position:relative; float:left;}
.lxwm_m li{width:325px; height:40px; line-height:40px; text-indent:0.5em; font-size:12px; color:#747a7a; padding-left:14px; background:url(../images/xw_line.jpg) no-repeat left center; float:left;}
.lxwm_m a{position:absolute; right:0px; top:15px;}
.f_nav{width:100%; height:32px; line-height:32px; background:#023894; color:#fff; clear:both}
.f_nav a{color:#fff; padding:0px 5px; font-size:12px;}
.foot{width:100%; background:#4394d0; padding:15px 0px; color:#fff; clear:both}
.f_l{float:left; font-size:12px; line-height:26px;}
.f_l a{color:#fff;}
.f_r{float:right; background:url(../images/ewm_bg.png) no-repeat 204px top;}
.f_r li{float:left; margin-left:44px; text-align:center;}
.f_r li img{width:138px; height:138px; float:left;}
.f_r li p{line-height:28px; font-size:12px; clear:both;}

/*about*/
.ny_banner{width:100%; height:350px; clear:both;}
#about{background:url(../images/about_banner.jpg) no-repeat top center;}
#news{background:url(../images/news_banner.jpg) no-repeat top center;}
#product{background:url(../images/pro_banner.jpg) no-repeat top center;}
#case{background:url(../images/case_banner.jpg) no-repeat top center;}
#ser{background:url(../images/ser_banner.jpg) no-repeat top center;}
#join{background:url(../images/join_banner.jpg) no-repeat top center;}
#con{background:url(../images/con_banner.jpg) no-repeat top center;}
#vid{background:url(../images/vid_banner.jpg) no-repeat top center;}
.mar20{margin-bottom:20px;}
.pos{height:40px; line-height:40px; font-size:12px; text-align:right;}
.pos a{color:#555;}
.pos img{vertical-align:middle; padding-right:5px;}
.ny_l{width:218px; float:left;}
.sub{width:100%; margin-bottom:20px; float:left;}
.sub h3{text-align:center; background:#004287; font-weight:normal; height:50px; line-height:50px; color:#fff; clear:both}
.sub ul{width:216px; border:#c9c9c9 1px solid; border-bottom:none; float:left;}
.sub ul li{width:100%; height:48px; line-height:48px; text-indent:2em; border-bottom:#c9c9c9 1px solid; float:left}
.sub ul li a{color:#004287; display:block;}
.sub ul li a:hover,.sub ul li a.active{color:#fff; background:#4394d0;}
.gzwm{width:100%; float:left;}
.gzwm h3{text-align:center; background:#004287; font-weight:normal; height:50px; line-height:50px; color:#fff; clear:both}
.gzwm_s{width:176px; padding:15px 20px; border:#c9c9c9 1px solid; border-bottom:#ccc 1px dashed; float:left;}
.gzwm_s img{width:75px; height:75px; padding-right:10px; float:left;}
.gzwm_s h4{color:#004287; line-height:25px; font-weight:normal}
.gzwm_s p{color:#b5b5b5; font-size:12px; line-height:18px;}
.gzwm_s a{color:#004287; font-size:12px;}
.gzwm_x{width:196px; padding:10px; border:#c9c9c9 1px solid; border-top:none; font-size:12px; line-height:35px; color:#777; float:left;}
.ny_r{width:755px; min-height:481px; line-height:24px; padding:20px 25px; border:#c9c9c9 1px solid; float:right;}
.ny_r h2{text-align:center; line-height:40px; clear:both}

/*news*/
.news_bds{width:100%; padding-bottom:10px; float:left;}
.news_bds img{width:210px; height:140px; margin-right:15px; float:left;}
.news_bds h3{height:30px; line-height:30px; overflow:hidden;}
.news_bds h3 a{color:#666;}
.news_bds h3 a:hover{color:#004287;}
.news_bds p{line-height:25px; height:100px; overflow:hidden;}
.news_bdx{width:100%; float:left;}
.news_bdx li{width:100%; height:35px; border-bottom:#999 1px dashed; float:left;}
.news_bdx li a{color:#666; line-height:35px; padding-left:10px; float:left;}
.news_bdx li a:hover{color:#004287;}
.news_bdx li span{line-height:30px; padding-right:10px; font-size:12px; float:right;}

/*product*/
.pro_list{width:100%; clear:both}
.pro_list li{width:240px; padding:0px 5px; text-align:center; margin-bottom:5px; float:left;}
.pro_list li img{width:238px; height:238px; border:#ddd 1px solid; float:left}
.pro_list li p{height:30px; line-height:30px; overflow:hidden; color:#555; clear:both}
.pro_list li:hover p{color:#004287}

/*contact*/
.con_l{width:330px; line-height:26px; float:left;}
.con_l h3{line-height:35px; clear:both}
.con_r{float:right;}
.con_r li{width:130px; padding:0px 10px; text-align:center; float:left;}
.con_r li img{width:130px; height:130px; float:left;}
.con_r li p{line-height:30px; clear:both}

.yq_link{width:100%; line-height:20px; padding:5px 0px; font-size:12px; border-top:#a1cae8 1px solid; clear:both;}
.yq_link a{ padding:0px 10px;}

/*case*/
.case_list{width:100%; clear:both}
.case_list li{width:240px; padding:0px 5px; text-align:center; margin-bottom:5px; float:left;}
.case_list li img{width:238px; height:160px; border:#ddd 1px solid; float:left}
.case_list li p{height:30px; line-height:30px; overflow:hidden; color:#555; clear:both}
.case_list li:hover p{color:#004287}

.pro_index{width:100%; height:240px; padding-top:20px; overflow:hidden; clear:both}
.pro_index img{width:200px; height:200px; border:#e8e8e8 1px solid; margin:0px 5px;}
.pro_index p{clear:both; line-height:30px; color:#666; text-align:center;}