article, aside, details, figcaption, figure, header, hgroup, nav, section { display:block }
html {font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body {font-size: 12px;font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;line-height: 24px;color: #333;background:#fff;}
h2,h3{ font-style:normal; font-weight:normal;}
* {margin:0;padding:0}
a { transition: all 0.5s ease;color:#333; text-decoration:none; }
a:hover { color:#00a0e9;transition: all 0.5s ease; }
a:active, a:focus, a:hover ,input:focus { outline:0 }
.css3-animate { transition: all 0.6s ease; }
img{ border-style:none;}
li{list-style:none}
img{border:0;margin:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
.line{border-top: #ccc 1px dotted;margin:6px 0;}
.left{ float:left;}
.right{ float:right;}
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.orange { color:#e1a616; }
.blue { color: #00a0e9; }
.black { color:#111;}
.bgwhite { background: #fff; }
.white { color:#fff; }
.gray { color:#888; }
.clear { clear: both; }
.black { color:#111; }
.phonepic { width:100%;}
.more { display:inline-block;padding:4px 23px;border:#b2b2b2 1px solid; background:none;}
.more:hover { border:#0f6fbb 1px solid;background:#0f6fbb; color:#fff;}
.more1 { display:inline-block;padding:4px 23px;border:#fff 1px solid; color:#fff; background:none;}
.more1:hover { border:#ddd 1px solid;background:#04589a; color:#fff;}
.wrap { position: relative; max-width: 1150px; margin: 0 auto; }
.container {max-width: 1150px; width: 100%; margin:0 auto; }
.container-fluid { width:100%;display:block;}
/*顶部导航开始*/
.header {position:fixed;width:100%;height:110px;line-height:30px;background:url(../images/topbg.gif);border-bottom:#eee 1px solid;z-index:99; }
.header .top { height:30px;color:#ccc;}
.header .top a { color:#eee; font-size:11px;padding:0px 17px 0 22px;display:inline-block;}
.header .top a:hover { color:#f57d82;}
.header .t_cen{width:100%; position:relative;height:81px; }
.header .t_c_logo{position:absolute;z-index:100;left:8px;top:7px;width:300px;}
.header .t_c_cen{position:absolute;right:0px;width:778px;top:8px;height:100%;z-index:10;}
.header .t_c_cen .t_c_bottom{width:100%;height:46px;padding-top:4px; }
.header .t_c_cen .t_c_bottom .thisMenu{position:absolute;left:0;top:40px;width:98px;height:51px;background:url(../images/menubg.gif) no-repeat center 17px;z-index:30;}
.header .t_c_cen .t_c_bottom ul{width:100%;}
.header .t_c_cen .t_c_bottom ul li{position:relative;float:left;width:70px;padding:17px 14px 0;text-align:center;z-index:35; }
.header .t_c_cen .t_c_bottom ul li a{display:block;width:70px;height:60px;color:#333;}
.header .t_c_cen .t_c_bottom ul li:hover a {color:#00a0e9;}
/*===============子菜单定位=================*/
.header .t_c_cen .t_c_bottom ul li .Nodes{position:absolute;overflow:hidden;width:110px;height:0px;left:0px;top:63px;padding-top:5px;z-index:100;}
.header .t_c_cen .t_c_bottom ul li .Nodes img{float:left;width:100%;height:14px;}
.header .t_c_cen .t_c_bottom ul li .Nodes ul{position:static;float:left;width:100%;left:0px;top:0px;z-index:100;background-color:#eee;}
.header .t_c_cen .t_c_bottom ul li .Nodes ul li{width:100%;height:36px;float:none;padding:0;margin:0;border-top:#ccc 1px solid;}
.header .t_c_cen .t_c_bottom ul li .Nodes ul li:nth-child(1){border-top:0;}
.header .t_c_cen .t_c_bottom ul li .Nodes ul li a{display:block;width:100%;height:36px;color:#222;line-height:32px;}
.header .t_c_cen .t_c_bottom ul li .Nodes ul li a:hover{ background:#ddd; }

/*首页动画*/
.home-banner { width: 100%;display: block;border-top:#fff 110px solid; }
.swiper-container { width: 100%;position: relative;height: 100%; }
.swiper-slide {font-size: 18px;justify-content: center;align-items: center;}
.home-banner .text {z-index:888;position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;}
.home-banner .container {position: relative;max-width:1150px;width:96%;height: 100%;}
.swiper-container .swiper-pagination{ text-align: center;bottom:30px;}
.swiper-pagination-bullet {width: 16px;height: 16px;opacity: 1;background: none;border:#008be4 1px solid;background:#fff;border-radius: 8px;}
.swiper-pagination-bullet-active {opacity:0.9;background: #008be4;}
.swiper-container .swiper-button-prev { width:46px;height:78px;background:url(../images/arrprew.png) no-repeat center;position:absolute;left:2%; }
.swiper-container .swiper-button-next { width:46px;height:78px;background:url(../images/arrnext.png) no-repeat center;right:2%;  }
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(50px, 0, 0)}100%{opacity:1;transform:none}}
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-50px, 0, 0)}100%{opacity:1;transform:none}}
@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 50px, 0)}100%{opacity:1;transform:none}}
@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0, -50px, 0)}100%{opacity:1;transform:none}}
@keyframes zoomIn{0%{opacity:0.0;-webkit-transform:scale3d(.5,.5,.5);-ms-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}50%{opacity:1}}
.img1-0 {position: absolute;right: 0;top: 0;width: 100%;height:100%;}
.img1-1 {position: absolute;left: 0;top: 18%;width: 46%;}
.img1-2 {position: absolute;left: 0;top: 28%;width: 55%;}
.img1-3 {position: absolute;left: 0;top: 54%;width: 39%;}
.img1-4 {position: absolute;left: 0;top: 72%;width: 100%;}
.img1-4 a { width:176px;line-height:36px;border:#1663cc 1px solid;border-radius:5px;display:block;color:#fff;background:#1663cc;text-align:center;}
.img1-4 a:hover { background:#2ba1fc; }
.img2-1 {position: absolute;left: 8%;top: 28%;width: 86%;}
.img2-2 {position: absolute;left: 16%;top: 37%;width: 68%;}
.img2-3 {position: absolute;left: 25%;top: 62%;width: 50%;}
.img3-1 {position: absolute;left: 15%;top: 12%;width: 69%;}
.img3-2 {position: absolute;left: 0%;top: 41%;width: 100%;font-size:18px;}
.img3-3 {position: absolute;left: 0%;top: 50%;width: 100%;}
.img3-3 span { font-size:16px;display:inline-block;border:#fff 2px solid;padding:1px 15px;}
.img3-4 {position: absolute;left: 0%;top: 65%;width: 100%;}
.img3-5 {position: absolute;left: 20%;bottom: 10%;width: 60%;font-size:16px;}
/*首页动画结束*/

/*首页样式*/
.index1 {width:100%;padding:90px 0;}
.index1 .left {width:43%;}
.index1 .left .title { padding:0 0 24px;}
.index1 .left .text { padding:0 0 10px;}
.index1 .left p { padding-bottom:25px;}
.index1 .right{width:602px;}

.index2 { padding:60px 0 80px;min-height:705px; background:url(../images/index2.jpg) no-repeat top center;}
.index2 .tit { font-size:16px;font-weight:bold;width:100%;padding:0 0 10px;text-align:center; }
.index2 .line { width:35px; height:2px;background:#1494f8;margin:0 auto;border:0;}
.index2 .text { padding:20px 0 0;}
.index2 .text1 { width:240px;height:214px;padding:150px 100px 0 607px; float:left;}
.index2 .text2 { width:240px;height:214px;padding:75px 0px 0 307px; float:left; }
.index2 .text3 { width:240px;height:214px;padding:75px 0px 0 339px; float:left; }

.index3{ width:100%;padding:60px 0 80px; background:#eee;}
.index3 .title .left { width:80%;}
.index3 .title .right { width:20%; text-align:right;}
.index3 .content { padding:20px 0 0;}
.index3 .content .left { width:530px;}
.index3 .content .left .pic { padding:0 0 10px;}
.index3 .content .left .tit { width:80%; float:left;font-size:16px;overflow: hidden;/*注意不要写在最后了*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; }
.index3 .content .left .date { width:20%; float:left;text-align:right;color:#888;font-size:14px;}
.index3 .content .left .des { clear:both;padding:12px 0 0; color:#888;}
.index3 .content .right { width:580px;}
.index3 .content .right li { margin:0 0 10px;width:100%;float:left;background:#e2e2e2;transition: all 0.2s ease;}
.index3 .content .right .left { width:12%;height:60px;line-height:50px;font-size:30px;text-align:center;color:#444; background:#d3d1d1; border:#999 1px solid;}
.index3 .content .right .right { width:85%;padding:5px 0 0;}
.index3 .content .right .tit { width:80%; float:left;font-size:16px;font-weight:bold;overflow: hidden;/*注意不要写在最后了*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; }
.index3 .content .right .date { width:20%; float:left;text-align:right;color:#888;font-size:14px;}
.index3 .content .right .des { clear:both;padding:2px 0 0; color:#888;width:100%;height:22px;overflow: hidden;/*注意不要写在最后了*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.index3 .content .right li:hover  { color:#2c9ef7;background:#2c9ef7;}
.index3 .content .right li:hover .left { background:#006ec7; color:#fff;border:#006ec7 1px solid;}
.index3 .content .right li:hover .tit { color:#fff;}
.index3 .content .right li:hover .date { color:#fff;}
.index3 .content .right li:hover .des { color:#fff;}

.index4{ width:100%;padding:80px 0 0; }
.index4 .title .left { width:80%;}
.index4 .title .right { width:20%; text-align:right;}
.index4 .content { padding:30px 0 0;}
.index4 .content .left { width:918px; }
.index4 .content .right { width:232px;min-height:380px; background:#f4f4f4;}
.index4 li { width:286px; height:180px;margin:0 20px 20px 0;float:left;position:relative;}
.index4 li .img { width:286px;height:180px;position:absolute;top:0;left:0;z-index:11;}
.index4 li .tubg { width:286px;height:180px; line-height:180px; text-align:center;transition: all 0.5s ease;color:#fff;font-size:16px;font-weight:bold;position:absolute;top:0;left:0;z-index:22; background:url(../images/bg2.png) no-repeat center;opacity:0;filter:alpha(opacity=0);}
.index4 li .tubg:hover { opacity:1;filter:alpha(opacity=100);}
.search2 .input { width:160px;padding-left:6px;line-height:26px;line-height:26px;border:#aaa 1px solid;background:#fff; text-align:left;color:#999; }
.search3 .submit { width:68px;height:26px;border:0;background:#4687d6;text-align:center;color:#fff;cursor:pointer; display:block;transition: all 0.5s ease; }
.search3 .submit:hover { background:#26529e; }
.search1 { padding:30px;color:#666;}
.search2  { padding:10px 30px;}
.search3  { padding:10px 30px;}
.search4 { padding:30px 30px 0;color:#888;font-size:11px;}

.index5{ width:100%;padding:40px 0 40px;}
/*首页滚动 轮播*/
.friend{width: 90%;padding:20px 0 20px 10%; background:url(../images/movebg.gif) no-repeat left 60%;}
.mr_frbox{ width:100%;}
.mr_frBtnL{cursor:pointer;float:left;margin:15px 0 0;width:5%; text-align: center;}
.mr_frUl{float:left;width:90%;height:100%; overflow: hidden;}
.mr_frBtnR{cursor:pointer;float:left;margin:15px 0 0;width:5%;text-align: center;}
.mr_frUl ul li{float:left;width:16.5%;overflow:hidden;position:relative; list-style: none;}
.main_text{width: 92%;margin:0 4%;text-align:center;overflow:hidden;position: relative;z-index:1;float: left; text-align:center;color:#111;font-size:16px;}
/*首页样式结束*/

.footer{width:100%;background:#102b5a;border-top:#ccc 1px solid;padding-top:50px; color:#fff;}
.footer .foot1{width:100%;padding:0 0 60px;}
.footer .foot1 .left{width:41%;border-top:#eee 1px solid ;padding-top:6px;color:#fff;}
.footer .foot1 .tit1 { font-size:18px;padding:10px 0 10px;color:#eee;}
.footer .foot1 .tit2 { font-size:28px;letter-spacing:2px;color:#eee;}
.footer .foot1a { width:60%;float:left;}
.footer .foot1b { width:40%;float:left;padding-bottom:20px;}
.footer .foot1c { width:60%;float:left;}
.footer .foot1d { width:40%;float:left;}
.footer .foot1 .right { width:50%;}
.footer .foot1 .right li { width:22.5%;float:left;}
.footer .foot1 .right li.last { width:10%; }
.footer .foot1 .right .title { font-size:14px;font-weight:bold;padding:0 0 20px;}
.footer .foot1 .right .title a { color:#fff;}
.footer .foot1 .right .text a { color:#ccc;}
.footer .foot1 .right .text a:hover { color:#fff;}
.footer .foot2 {width:100%;padding:25px 0 60px; border-top:#1d4791 1px solid;}
.footer .foot2 .left{float:left;width:50%;color:white;}
.footer .foot2 .right{float:left;width:50%;}

#fenye {float:right;color:#0085d9;padding:0 45px 0 0; height:25px;}
#fenye a {padding:0 4px;color:#0085d9; border:#0085d9 1px solid; margin:0 1px;}
#fenye a:hover {text-decoration:none; background:#0085d9;color:#fff;}
#fenye .a1 { padding:0 4px;border:#0085d9 1px solid; margin:0 1px;background:#0085d9;color:#fff;}

/*公共样式*/
.banner-img { width: 100%;height:320px;display: block;border-top:#fff 110px solid;padding:0 0 19px;background:url(../images/banbg.jpg) no-repeat bottom center;background-size:100% 19px;}
.banner-img .pic { width:100%;height:100%; position:relative;color:#fff; background-position:center;font-size:18px;}
.banner-img .title { padding:90px 0 0;font-size:28px;color:#333;animation:fadeInRight 1.5s 0s both;}
.banner-img .tit { padding:40px 0 8px;animation:fadeInUp 1.5s 0.3s both;}
.banner-img .text { animation:fadeInUp 1.2s 0.5s both;}

/* main_img */
.anli_img{width: 100%; position: relative;cursor: pointer;z-index:1;float: left; background:#aaa;}
.anli_img .tupian { width:100%;height:100%;position:relative;z-index:20;left:0;top:0;}
.anli_img .tupian img { width:100%;height:100%;}
.anli_img .pinpai { width:1%;height:1%;position:absolute;left:50%;top:50%;z-index:200;opacity: 0;filter:alpha(opacity=0);transition: all 0.5s ease;}
.anli_img .pinpai img{width: 100%;height:100%;}
.anli_img:hover .pinpai {width: 100%;height:100%;left:0;top:0;opacity: 1;filter:alpha(opacity=100);}

/*about页面*/
.about { padding:35px 0 60px;}
.about .title .tit1,.about .title .tit2 { font-size:18px;}
.about-title { width:100%;height:37px; background:url(../images/home0bg.gif) repeat-x bottom;}
.about-title .tit1 { display:inline-block; line-height:36px;border-bottom:#333 1px solid;font-size:20px;font-weight:bold;}
.about-title .tit2 { display:inline-block;line-height:36px;font-size:16px;color:#aaa; }
.about-nav{ position:relative; margin:30px 0 40px; text-align:center; }
.about-nav li{ transition: all 0.4s ease; display:inline;margin:0 6px; background:#323232; padding:6px 25px; cursor:pointer; }
.about-nav li a { color:#fff;  }
.about-nav ul li.hover{  background:#008fc6; }
.about-nav li:hover{ background:#008fc6;  }
.about .content { position:relative;line-height:28px;clear:both; min-height:220px;}
.about .content p { padding-bottom:13px; text-indent:32px;}
.about1 { padding:20px 0 60px;line-height:30px;font-size:14px;}
.about1 p { padding:0 0 22px;}
.about2 { padding:95px 0;line-height:30px; background:url(../images/bg.jpg) no-repeat center center fixed;background-size:cover;color:#fff; }
.about2 li { width:24.5%;text-align:center;display:inline-block; font-size:16px;vertical-align:top;}
.about2 .text { padding:30px 0 0; }
.about2 .text b { font-size:18px; }
.about3 { padding:40px 0 30px; }
.about4 { padding:20px 0 0;line-height:80px;font-size:18px;}
.about4  b{ font-size:23px;}
.about4 img { margin-right:50px;}

.agent { padding:30px 0 40px;}
.agent .content li { width:20%;margin:0 0 40px;float:left;height:100px;text-align:center;}
.agent .content li .pic { width:100%; overflow:hidden;  }

.route { padding:30px 0 40px;}
.route .content li { width:32%;margin:0 2% 20px 0;float:left;}
.route .content li .title { width:94%;padding:5px 3%; background:#eee;font-weight:bold;transition: all 0.4s ease; border-top-left-radius:6px;border-top-right-radius:6px;}
.route .content li:hover .title {  background:#ccc;}
.route .content li .text { border:#eee 3px solid;padding:15px 20px;min-height:200px;transition: all 0.4s ease;}
.route .content li:hover .text {  background:#f5f5f5;}

.wharf li { width:27.33333%;margin:30px 3%;float:left; }
.wharf li a { border:#2068bb 2px solid;font-size:16px;display:block; background:#3a86dd;color:#fff;text-align:center;line-height:65px;font-weight:bold; }
.wharf li a:hover { background:#1355a0; }

.search { width:350px;margin:0 auto; padding-bottom:20px; }
.search .search2 { padding-right:0px;}
.search .search3 { padding-left:10px;}

/*客户服务*/
.service1 { padding:0px 0 60px;line-height:30px;font-size:14px;}
.service1 p { padding:0 0 22px;}
.service1 h3 { font-size:18px;font-weight:bold;}
.service h4 { font-size:16p;}
.service2 { padding:55px 5%;line-height:30px; background:url(../images/bg1.jpg) no-repeat center center fixed;background-size:cover;color:#fff; }
.service2 li { width:25%;padding:0 4%;text-align:center;display:inline-block; font-size:16px;vertical-align:top;}
.service2 .text { padding:30px 0 0; }
.service2 .text b { font-size:18px; }
.service3 { padding:40px 0 30px; }
.parter li{float:left;width:20%;padding:10px 0;text-align:center;transition: all 0.6s ease;}
.parter li img {width:80%;}
.parter li:hover { padding:0 0 20px;transition: all 0.6s ease; }

/*新闻*/
.news{ max-width:900px;width:96%;margin:0 auto;padding:35px 0 50px;min-height:300px;}
.news .content li { padding:0 0 30px;border-bottom:#ccc 1px dotted;margin-bottom:30px;float:left;}
.news .content .left { width:25%;}
.news .content .right { width:68%;}
.news .new-title { font-size:16px;font-weight:bold;padding:0 0 12px;}
.newsview{ min-height:300px;margin-top:40px; }
.newsview .title { text-align:center;font-weight:bold;font-size:16px;padding:0 0 12px;border-bottom:#eee 1px solid;}
.newsview .date { padding:22px 0 21px;color:#666;word-spacing:6px; text-align:center;}
.newsview img { width:100%;margin:5px 0;}
.newsview .text { font-size:14px;}

/*联系我们*/
.contact { padding-top:91px;}
.contact #header{ background:none; border-bottom:none; position:inherit;}
.contact .container{ padding:60px 30px;}
.contact .container img{ width:100%;}
.contact .container .left{ width:30%; padding-left:15%; margin-top:80px; line-height:28px;}
.contact .container .right{ width:30%; padding-right:15%; margin-top:110px;}