﻿@charset "utf-8";
/* CSS Document */

html{min-width:1100px;}
*{margin:0px; padding:0px;}
*:focus{outline:none;}
body{color:#666; 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;}
.w1100{width:1100px; margin:0 auto; clear:both}
#header{height:120px;}
.logo{padding-top:20px; float:left}
.phone{float:right; padding-top:38px;}
.menu{width:100%; height:55px; line-height:55px; background:#1b7bbd; clear:both;}
.mainlevel{width:157px; /*IE6 only*/ height:55px; text-align:center; position:relative; z-index:11; float:left;}
.mainlevel a{width:157px; height:55px; line-height:55px; display:block; font-size:14px; color:#fff; margin-left:0px;}
.mainlevel a:hover,.mainlevel a.active{background:#0ca8f5;}
.mainlevel ul{width:157px; display:none; position:absolute; left:1px; background:#1b7bbd; z-index:9;}
.mainlevel li{width:100%;/*IE6 only*/ height:35px; border-bottom:#3293d5 1px solid; line-height:35px;}
.mainlevel li a{width:100%;/*IE6 only*/ display:block; padding:0px; height:35px; line-height:35px; background:none; color:#fff; font-size:12px; font-weight:normal;}
.mainlevel li a:hover{background:#329de5; color:#fff;}
.flexslider{position:relative;height:427px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; width:100%; z-index:9;}
.slides{position:relative;z-index:1;}
.slides li{height:649px;}
.flex-control-nav{position:absolute;bottom:15px;z-index:2;width:100%;text-align:left; margin-left:680px;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:41px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.title{width:100%; height:80px; text-align:center; background:url(../images/dian.jpg) repeat-x center; margin:20px 0px; clear:both}
.title span{line-height:46px; font-size:24px; padding:0px 20px; border-bottom:#0ca8f5 3px solid;}
.title h2{font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.intro{width:1140px; margin:100px auto 0px; padding-bottom:40px; opacity:0; clear:both}
.intro li{width:245px; margin:0px 20px; float:left;}
.intro li img{width:245px; height:146px; float:left}
.intro li h3{height:34px; line-height:34px; text-indent:1.5em; background:#0ca8f5 url(../images/jt.png) no-repeat 10px center; margin-top:2px; color:#fff; font-weight:normal; clear:both}
.intro li p{padding:10px 0px; line-height:24px; clear:both}
.intro li a{width:205px; height:36px; line-height:36px; text-align:center; background:url(../images/ss_bg.png) no-repeat center; display:block; color:#0ca8f5; margin:0 auto;}
.intro li a:hover{background:url(../images/ss_hover.png) no-repeat center; color:#fff;}
.wbg{background:#fafafa; padding:20px 0px 50px; clear:both}
.slider_box{width:100%; margin:0 auto; height:422px; overflow: hidden; position:relative;}
.silder_tip{width:92px;height:92px;overflow: hidden;position: absolute;top: 0;right: 0;z-index:1; text-indent:-999px;background:url(../images/tip-tt.gif) no-repeat;}
.silder_con{height:314px;overflow: hidden; position: absolute;}
.silder_panel{width:1100px; height:314px; overflow: hidden; float:left;position:relative;background:#0ca8f5;}
.silder_panel img{width:678px;height:314px; display:block; overflow:hidden;}
.silder_intro{width:340px;height:220px; line-height:20px; overflow:hidden; color:#999; padding:45px 45px 0px 0px; float:right}
.silder_intro h2{height:55px; line-height:55px; border-bottom:#fff 1px solid; margin-bottom:5px; color:#fff; font-weight:normal; overflow:hidden; clear:both}
.silder_intro p{color:#fff; line-height:25px; height:100px; margin:5px 0px; overflow:hidden;}
.silder_intro a{width:145px; height:30px; background:#fff; line-height:30px; float:right; color:#5dbbf7; text-align:center;}
.silder_play{display: block;width:136px;height:30px;overflow: hidden;text-indent: -999px;position: absolute;bottom: 13px;right: 45px;background: url(../images/silder-play.png) 0 -30px no-repeat;}	
.silder_play:hover{background-position: 0 0;}
.silder_nav{width:100%; height:105px; margin:0 auto; bottom:0; position:absolute; overflow:hidden;}
.silder_nav li{float:left; width:217px; height:105px; padding:5px 1px 1px 1px; margin:0px 1.5px;}
.silder_nav li.current{background:url(../images/current.png) no-repeat top center;}
.silder_nav li,.silder_nav img{display: block;width:215px;height:99px;overflow: hidden;}
.slider_box a.prev,.slider_box a.next{display: block;width:45px;height:100px;overflow:hidden;text-indent: -999px;position: absolute;cursor: pointer;margin: 85px 0 0 0;background: url(../images/silder_btn.gif) no-repeat;}	
.slider_box a.prev{left:0;background-position: left 0;}
.slider_box a.next{right:0;background-position: right 0;}
.silderBox{height:8px; line-height:8px;}
.video{width:480px; margin-top:200px; opacity:0; float:left;}	
.advan_l{width:550px; margin-top:200px; opacity:0; float:left;}
.advan_l1{width:465px; padding-top:25px; padding-left:82px; float:left;}
.advan_l1 h2{font-weight:normal; font-size:24px;}
.advan_l1 p{color:#d0d0d0; line-height:20px; font-family:Arial, Helvetica, sans-serif;}
.advan_l1 ul li{width:420px; padding-left:20px; margin-left:-20px; line-height:24px; background:url(../images/org.png) no-repeat left 5px; float:left;}
.advan_l2{width:100%; padding:20px 0px; float:left;}
.advan_l3{width:100%; padding:30px 0px; float:left;}
.advan_r{width:550px; margin-top:200px; opacity:0; float:right;}
.advan_r1{width:100%; padding-bottom:20px; float:left;}
.advan_r2{width:100%; padding-top:20px; float:left;}
.a_bg1{background:url(../images/num1.png) no-repeat top left;}
.a_bg2{background:url(../images/num2.png) no-repeat top left;}
.a_bg3{background:url(../images/num3.png) no-repeat top left;}
.a_bg4{background:url(../images/num4.png) no-repeat top left;}
.a_bg5{background:url(../images/num5.png) no-repeat top left;}
.adv{width:100%; height:500px; margin-top:40px; background:url(../images/adv.jpg) no-repeat top center; clear:both}
.news{width:620px; margin-top:200px; opacity:0; float:right;}
.news_s{width:100%; float:left;}
.news_s li{width:288px; margin-left:22px; overflow:hidden; float:left;}
.news_s li img{width:288px; height:182px; transition:all 0.8s ease-in-out; float:left}
.news_s li:hover img{transform:scale(1.03)}
.news_s li p{height:42px; line-height:42px; font-size:16px; background:#0ca8f5; color:#fff; overflow:hidden; text-indent:1em; clear:both}
.news_x{width:598px; margin-left:22px; padding-top:25px; float:left;}
.news_x li{width:100%; height:40px; line-height:40px; margin-bottom:15px; background:#ebebeb; color:#666; float:left;}
.news_x li a{float:left; color:#666; padding-left:20px;}
.news_x li span{float:right; padding-right:20px;}
.news_x li:hover{background:#0ca8f5}
.news_x li:hover a{color:#fff;}
.news_x li:hover span{color:#fff;}
.lx_pic{width:100%; height:212px; margin-top:30px; background:url(../images/con_t.jpg) no-repeat top center; clear:both;}
.pad20{padding:20px 0px;}
.l_map{width:800px; height:427px; background:url(../images/map_bg.jpg) no-repeat top center; float:left;}
.l_map_d{width:478px; height:168px; margin-top:135px; margin-left:165px; background:url(../images/map_del.png) no-repeat top center; float:left}
.l_map_dz{float:left; padding-top:20px; padding-left:10px;}
.l_map_dz img{width:134px; height:134px;}
.l_map_dy{width:268px; padding-top:30px; padding-left:35px; float:left}
.l_map_dyt{width:100%; height:30px; line-height:30px; font-size:12px; float:left}
.l_map_dyt img{vertical-align:middle; padding-right:5px;}
.l_map_dyt span{color:#ffba14; font-weight:bold; font-size:14px;}
.l_map_dym{width:100%; font-size:12px; padding-top:8px; line-height:24px; color:#808080; float:left}
.l_map_dym span{color:#ffba14;}
.r_ly{width:240px; height:387px; padding:20px; background:#1b7bbd; float:right;}
.r_ly p{line-height:30px; color:#fff; clear:both}
.ly_in{width:238px; height:35px; line-height:35px; border:#d7dbdb 1px solid; float:left}
.ly_text{width:238px; height:140px; border:#d7dbdb 1px solid; float:left}
.ly_btn{width:240px; height:50px; line-height:50px; color:#fff; background:#53c3f1; border-radius:5px; font-weight:bold; font-size:16px; border:none; margin-top:10px; float:left}
.footer{width:100%; height:230px; background:url(../images/footer_bg.png) no-repeat bottom center; clear:both}
.back{width:100%; text-align:center; padding-bottom:40px; margin:0 auto; clear:both}
.f_l{float:left;}
.f_r{width:770px; line-height:28px; text-align:center; color:#fff; float:right;}
.f_r p a{padding:0px 25px; color:#fff;}
.f_r p a img{margin-left:-15px;}

/*about*/
.ny_banner{width:100%; height:360px; clear:both;}
#about{background:url(../images/about_banner.jpg) no-repeat top center;}
#news{background:url(../images/news_banner.jpg) no-repeat top center;}
#pro{background:url(../images/pro_banner.jpg) no-repeat top center;}
#join{background:url(../images/join_banner.jpg) no-repeat top center;}
#human{background:url(../images/human_banner.jpg) no-repeat top center;}
#con{background:url(../images/con_banner.jpg) no-repeat top center;}
.sub{width:100%; height:38px; line-height:38px; text-align:center; margin-top:20px; border-top:#d9d9d9 1px solid; border-bottom:#d9d9d9 1px solid; clear:both}
.sub a{padding:0px 15px; color:#666; line-height:38px; display:inline-block; border-right:#d9d9d9 1px solid;}
.sub a:hover,.sub a.active{background:#0ca8f5; color:#fff;}
.pos{width:100%; height:50px; float:left;}
.pos_l{float:left;}
.pos_l img{float:left; padding-top:12px; padding-right:5px;}
.pos_l h2{float:left; line-height:50px; font-size:24px; color:#20acea;}
.pos_l h3{float:left; padding-top:18px; color:#ccc; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; text-transform:uppercase; padding-left:5px;}
.pos_r{float:right; line-height:50px;}
.pos_r a{color:#666;}
.ny{width:100%; padding:30px 0px; line-height:24px; border-bottom:#d9d9d9 1px solid; float:left;}
.recom{width:740px; float:left;}
.recom_t{width:100%; height:50px; line-height:50px; border-bottom:#d9d9d9 1px solid; float:left}
.recom_t span{float:left; color:#1b7bbd; font-size:22px;}
.recom_t h2{float:left; color:#ccc; font-family:Arial, Helvetica, sans-serif; padding-left:10px; font-weight:normal;}
.recom_d{width:100%; padding-top:20px; float:left;}
.lxwm{width:335px; float:right;}
.pro_index{width:100%; height:220px; overflow:hidden; clear:both}
.pro_index a{width:230px; margin:0px 12px; float:left;}
.pro_index a img{width:228px; height:168px; border:#d9d9d9 1px solid;}
.pro_index a p{height:45px; line-height:45px; color:#999; text-align:center; overflow:hidden;}
.pro_index a:hover p{color:#1b7bbd;}
.lxwm_d{width:300px; margin-top:15px; padding-left:30px; background:url(../images/icon.jpg) no-repeat top left; line-height:30px; float:left;}

/*news*/
.news_bds{width:100%; padding-bottom:20px; border-bottom:#e5e5e5 1px dashed; float:left;}
.news_bds img{width:200px; height:140px; border:#e6e6e6 1px solid; margin-right:25px; float:left;}
.news_bds h3{height:32px; line-height:32px; overflow:hidden;}
.news_bds h3 a{color:#333;}
.news_bds h3 a:hover{color:#1b7bbd;}
.news_bds div{line-height:22px; height:45px; color:#666; overflow:hidden;}
.news_bds p{font-size:12px; line-height:30px; color:#999;}
.news_bds p a{width:162px; line-height:34px; display:inline-block; font-size:14px; text-indent:3em; background:#1b7bbd; color:#fff;}
.news_bdx{width:100%; padding-bottom:20px; float:left;}
.news_bdx dl{width:100%; margin:10px 0px; height:108px; float:left;}
.news_bdx dl dt{width:100px; padding:18px 0px; height:70px; color:#999; border:#eee 1px solid; text-align:center; font-family:Arial, Helvetica, sans-serif; float:left;}
.news_bdx dl dt h1{font-size:42px; line-height:44px; font-weight:normal;}
.news_bdx dl dt p{font-size:16px; line-height:24px;}
.news_bdx dl dd{width:940px; padding:20px; height:66px; border:#eee 1px solid; float:right;}
.news_bdx dl dd a{color:#666;}
.news_bdx dl dd a h3{height:28px; line-height:28px; overflow:hidden;}
.news_bdx dl dd a p{height:36px; line-height:18px; padding-top:5px; overflow:hidden;}
.news_bdx dl:hover dt{background:#1b7bbd; color:#fff;}
.news_bdx dl:hover dd{background:#1b7bbd;}
.news_bdx dl:hover dd a{color:#fff;}

/*products*/
.pro_list{width:100%; clear:both;}
.pro_list li{width:265px; margin:0px 5px 5px; float:left;}
.pro_list li img{width:263px; height:193px; border:#d9d9d9 1px solid; float:left}
.pro_list li p{clear:both; height:40px; line-height:40px; overflow:hidden; color:#666; text-align:center;}
.pro_list li:hover img{border:#1b7bbd 1px solid;}
.pro_list li:hover p{color:#1b7bbd;}

/*contact*/
.con_l{width:400px; line-height:26px; padding-left:10px; float:left;}
.con_l h3{line-height:30px; clear:both}
.con_l p{line-height:22px; font-size:12px;}
.con_r{float:right; padding-top:10px;}
.con_r li{width:160px; padding-left:20px; text-align:center; float:left;}
.con_r li img{width:160px; height:160px; float:left;}
.con_r li p{line-height:30px; clear:both}

.yqlj{line-height:30px;margin:5px  auto;}
.yqlj a{color:#666}

.link_foot a{padding:0px !important;}