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

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dd,dt{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;font-size:14px;font-family:"微软雅黑", "楷体", "宋体";}
ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
input,textarea{font-family: "Microsoft YaHei";}
a{text-decoration:none; color:#555;}
a:link{color:#555;}
em,i{font-style:normal;}

a:hover,a:active,a:focus{color:#014da2;text-decoration:none;}
.clear{clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{zoom:1}
.clearfix { display:inline-block;}
* html .clearfix { height:1%;}
.clearfix { display:block;}

.hide{display:none}
.left{float:left;}
.right{float:right;}
.blue{color: #014da2;}
.w{width: 1024px;margin: 0 auto;}
.top{height: 30px; background-color:#014da2; line-height: 30px;color: #fff;}
.top em{float: left;display: block;background:#014da2 url(../images/about_icon.png) no-repeat left center;padding-left: 20px;}
.top span{float: right;display: block;background: url(../images/tel_icon.png) no-repeat left center;padding-left: 30px;}


.banner .swiper-wrapper{height: 450px;}
.banner .swiper-slide{background-position: center;}
.banner .swiper-pagination-bullet{border: #fff solid 2px;height: 14px;width: 14px;}
.banner .swiper-pagination-bullet-active{background-color: #fff;}
.menu{position: absolute;width: 1024px;left: 50%;top: 30px;margin-left: -512px;z-index: 999;}
.menu .nav{float: right;padding-top: 56px;}
.menu .nav li{font-size: 14px;float: left;width: 120px;text-align: center;padding-left: 2px;}
.menu .nav li a{display: block;background-color: #014da2;color: #fff;line-height: 44px;}
.menu .nav li a:hover,.menu .nav li a.on{background-color: #fff;color:#014da2; }
.menu .nav li ul{display: none;}
.menu .nav li ul li{padding-left: 0;}
.logo{display: block;width: 130px;height: 100px; background: url(../images/logo.png) no-repeat; text-indent: -999px;float: left;}

.iabout{margin-bottom: 20px;background: url(../images/main_img01.jpg) no-repeat;padding: 20px 0;}
.iabout .pic{float: left;width: 400px;border: #fff solid 1px;padding: 3px;}
.iabout .txt{float: right;width: 560px; color: #fff;}
.iabout .txt h3{font-size: 30px;line-height: 42px;padding-bottom: 10px;}
.iabout .txt h4{font-size: 24px;}
.iabout .txt p{line-height: 2;font-size: 14px;text-indent: 2em;}

.ititle{height: 40px;border-bottom:#014da2 solid 1px;border-left:#014da2 solid 6px;color:#014da2;font-size: 18px;line-height: 40px;padding-left: 10px;font-weight: bold;}
.inews{width: 440px;float: left;}
.inews ul{padding: 10px 0;}
.inews li{line-height: 32px;border-bottom:#aaa dotted 1px;padding: 0 10px;}
.iproduct{width: 560px;float: right;}
.iproduct ul{padding: 10px 0;margin-left: -10px;width: 570px;}
.iproduct li{line-height: 30px;float: left;padding-left: 10px;text-align: center;}
.iproduct li img{width: 174px;height: 134px;display: block;border: #aaa solid 1px;padding: 2px;}
.iproduct li a:hover img{border: #014da2 solid 1px;}

.ijoin{margin: 20px 0 0;background: url(../images/main_img01.jpg) no-repeat;padding: 20px 0;color: #fff;}
.ijoin .ititle{border-bottom:#fff solid 1px;border-left:#fff solid 6px;color:#fff;}
.ijoin .form{width: 520px;float: left;}
.ijoin .form table{width: 80%;margin: 20px 0 0;}
.ijoin .form th{font-weight: normal;width: 80px;vertical-align: top;line-height: 32px;}
.ijoin .form td{padding: 2px 0;}
.ijoin .form td .input{height: 20px;line-height: 20px;background-color: transparent;background-image: none;color: #CECECE;padding: 5px;border:#d9d9d9 solid 1px;border-radius: 5px;width: 90%;}
.ijoin .form td .area{height: 3em;line-height: 20px;background-color: transparent;background-image: none;color: #CECECE;padding: 5px;border:#d9d9d9 solid 1px;border-radius: 5px;width: 90%;}
.ijoin .form td .btn{cursor: pointer;width: 76px;height: 32px;line-height: 32px;background-color: #fff;background-image: none;color: #014DA2;text-align: center;border: none;}
.ijoin .icontact{width: 500px;float: right;padding-top: 20px;}
.ijoin .icontact h3{font-size: 30px;line-height: 42px;}
.ijoin .icontact h4{font-size: 24px;padding-bottom: 10px;}
.ijoin .icontact p{font-size: 18px;line-height: 2;}


.footer{background-color:#014da2;color: #fff; text-align: center;padding: 10px 0;line-height: 28px;}
.footer .link{margin-bottom: 5px;text-align:left;position: relative;padding-left: 100px;}
.footer .link span{display: block;position: absolute;width: 100px;text-align: center;height: 28px;background-color: #fff;color:#014da2;left: 0;}
.footer a{color: #fff;}
.footer a:hover{text-decoration: underline;}

/*.footnav{background: url(../images/footBg.gif) repeat-y center top;}*/
.footnav .nav{width: 330px;float: left;padding-top: 45px;}
.footnav .nav li{float: left;width: 100px;padding: 5px;text-align: center;font-size: 16px;}
.footnav .nav li a{color: #014DA2;font-weight: 700;}
.footnav .nav li a:hover{color:#014da2;}
.footnav .tel{width: 300px;float: left;background: url(../images/tel_ico.gif) no-repeat center 15px;text-align: center;color: #014DA2;line-height: 1.3;padding:75px 0 15px;border-right: #fff solid 1px;margin-left: 10px;}
.footnav .tel i{font-size: 16px;}
.footnav .tel em{font-size: 24px;font-weight: 700;}
.footnav .erwei{width: 340px;float: left;background: url(../images/erwei.gif) no-repeat center center;height: 161px;}
.footnav .erwei img{display: block;float: left;margin-left: 50px;width: 114px;height: 114px;}

#online_service{position: fixed;left: 0;top: 50%;width: 191px;height: 300px;margin-top: -150px;z-index: 9999;}
#online_service .off{background: url(../images/customerservice_off.png) no-repeat;width: 53px;height: 90px;position: absolute;top: 50%;margin-top: -45px;padding: 52px 0 0 8px;color: #fff;}
#online_service .on{background: url(../images/customerservice_on.png) no-repeat;width: 100%;height: 100%;position: absolute;top: 0;left: -191px;}
#online_service .on h4{position: absolute;left: 136px;top: 130px;color: #fff;font-weight: normal;}
#online_service .on ul{width: 90px;padding: 80px 10px 20px;}
#online_service .on ul li{margin-bottom:10px;}
#online_service .on ul li a{color: #7d7d7d; height: 26px; line-height: 26px; display: block; padding-left: 30px; border-radius: 3px; background: url(../images/new_online_qq.png) 8px 50% no-repeat;}
#online_service .on ul li a:hover{background:#5ba8ff url(../images/customer_service_qqover.png) 8px 50% no-repeat;color: #fff;}

.subMain{position: relative;}
.postion{background-color: #76C5F0;line-height: 34px;color: #fff;}
.postion .w{padding-left: 284px;width: 740px;}
.postion a{color: #fff;}
.postion a:hover{text-decoration: underline;}

.sleft{position: relative;top: -60px;width: 250px;float: left;z-index: 99;}
.sleft .cn{background-color: #003968;color: #fff;line-height: 60px;font-size: 24px; text-align: center;}
.sleft .en{background-color: #004E99;color: #fff;line-height: 60px;font-size: 20px; text-align: center;}
.sleft .nav{padding: 10px 0;}
.sleft .nav li{height: 52px;}
.sleft .nav li a{display: block;line-height: 50px;background-color: #014DA2;color: #fff;text-align: center;font-size: 18px;}
.sleft .nav li a:hover,.sleft .nav li a.on{background-color: #76C5F0;}
.lcontact{background: url(../images/lcontactus.jpg) no-repeat center top;padding-top: 120px;}
.lcontact li{padding: 10px 0; text-align: center;border: #D9D9D9 solid 1px;border-top: none;}
.lcontact li i{color: #014da2;font-size: 20px;font-weight: bold;}
.lcontact li .btn{display: block;width: 160px;margin: 0 auto;    -moz-transition: color 0.4s ease 0s; -webkit-transition: color 0.4s ease 0s; -o-transition: color 0.4s ease 0s;    transition: color 0.4s ease 0s;color: #fff;background-color: #014da2;line-height: 34px;margin-top: 5px;}
.lcontact li .btn:hover{background-color: #76C5F0;}

.sright{width: 740px;float: right;}
.news_list{padding-top: 35px;}
.news_list li{font-size: 0;border-bottom:#D9D9D9 solid 1px; margin-bottom: 20px;}
.news_list li .pic{width: 200px;display:inline-block; *zoom:1;*display:inline;vertical-align: top;}
.news_list li .pic img{width: 200px;height: 130px;display: block;}
.news_list li .txt{width: 525px;display:inline-block; *zoom:1;*display:inline;vertical-align: top;font-size: 13px;padding-left: 15px;}
.news_list li .txt h4{font-size: 15px;color: #444;padding-bottom: 3px;}
.news_list li .txt p{color: #999;}
.news_list li .txt span{display: block;height: 6em;overflow: hidden;line-height: 1.5;padding-top: 4px;}

.pro_list{padding-top: 35px;font-size: 0;}
.pro_list li{width: 350px;display:inline-block; *zoom:1;*display:inline;vertical-align: top;padding: 10px;}
.pro_list li a{display: block;padding: 15px;text-align: center;border:#eee solid 1px;}
.pro_list li a:hover{border:#76C5F0 solid 1px;}
.pro_list li a img{width: 320px;height: 200px;display: block;}
.pro_list li a h4{font-size: 14px;font-weight: bold;color:#014da2;line-height: 2;}

.about{padding: 30px 0;line-height: 2;}
.join{padding: 20px;}
.join th{vertical-align: top;}
.join .input{width: 500px;height: 22px;line-height: 22px;background: url(../images/message_bg.jpg) repeat-x;color: #666;border:#ccc solid 1px;border-radius: 3px;padding: 2px 5px;}
.join .area{width: 500px;height: 122px;line-height: 22px;background: url(../images/message_bg.jpg) repeat-x;color: #666;border:#ccc solid 1px;border-radius: 3px;padding: 2px 5px;background-size: contain;margin-top: 2px;}
.join .btn{background-color: #014da2;color: #fff;text-align: center;border: none;width: 96px; height: 32px;cursor: pointer;}
.join .btn:hover{background-color: #76C5F0;}

.news_dat{padding: 25px 0;}
.news_dat .tit{font-size: 16px;color: #014da2;font-weight: bold;line-height: 3;text-align: center;}
.news_dat .time{text-align: center;}
.news_dat .txt{line-height: 1.5;padding-top: 20px;}

.pageList{height:40px; padding:10px 8px 15px; clear:both;}.pageList ul{float:right;}.pageList li{float:left; line-height:28px; height:28px; margin-left:4px;}.pageList li a.on{background-color:#014da2; color:#FFF;padding:0 10px;border-radius: 5px;border:#014da2 solid 1px;}.pageList a{display:block; border:#D9D9D9 solid 1px; line-height:26px; padding:0 10px; background-color: #f9f9f9; border-radius: 5px;}.pageList a:hover{background:#014da2; border:#014da2 solid 1px; color:#FFF;}