@charset "utf-8";

/* CSS Document */
/*  ------------------------ 通用 ----------------------------  */
*{ margin:0px; padding:0px;}
*, *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;-ms-box-sizing: border-box; -o-box-sizing: border-box;  box-sizing: border-box;}
body { font-family:"微软雅黑",Arial; color:#333;  font-size:14px; line-height:24px; background:#fff;}
body,html{ width:100%; height:100%;}
html.ovhide{ overflow:hidden;}
ol, ul ,li{list-style: none; margin:0px; padding:0px}
img,ol, ul ,li{ border:none;}
div{ margin:0 0; padding:0 0}
a{text-decoration:none; color:#000; outline:none; star:expression_r(this.onFocus=this.blur());}
a:hover {text-decoration: none; color:#003c83 ;cursor:pointer;}
img{ border:none;}
.conten{ margin:auto;}
.pointer { cursor:pointer; }
.NoBorder { border:0 none; }
.NoPadding { padding:0; }
.t_l { text-align:left; }
.t_c { text-align:center; }
.t_r { text-align:right; }
.Break { word-break:break-all; word-wrap:break-word; }
.Nobreak { word-break:keep-all; word-wrap:normal; }
.UnLine { text-decoration:underline; }
.DisunLine { text-decoration:none; }
.absolute { position:absolute; }
.relative { position:relative; }
.wrapper { clear:both; overflow:hidden; }
.o-hidden { overflow:hidden; }
.invisible { visibility:hidden; }
.hidden { display:none; }
.block { display:block; }
.clearfix:after{content:".";display:block; width:100%;height:0; line-height:0;clear:both; overflow:hidden}
.eadiv img{ max-width:100%; height:auto;}
.fl{ float:left;}
.fr{ float: right;}
.trup{text-transform: uppercase;}
.textcent{ text-align:center;}
.main{ width:1200px; margin:0 auto; height:auto;}
.mtb50{ margin:50px auto;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt45{ margin-top:45px;}
.mt50{ margin-top:50px;}
.mt55{ margin-top:55px;}
.mt60{ margin-top:60px;}
.mt65{ margin-top:65px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}
.mb50{ margin-bottom:50px;}
.mb55{ margin-bottom:55px;}
.mb60{ margin-bottom:60px;}
.mb65{ margin-bottom:65px;}
.ts3{transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; 
    -o-transition:all ease 0.3s;}
.ts5{transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; 
    -o-transition:all ease 0.5s;}
textarea{outline:none;}

/*  header  */
.header{ width:100%; height:auto; position:fixed; left:0; top:0; z-index:20;}
.top{ width:100%; height:40px;line-height:40px;transition:all ease 0.3s; overflow:hidden; background:#eee;}
.top .main{ position:relative;}
.top_jl{ width:100%; height:0; overflow:hidden; }
.top_left{float:left;height:40px;line-height:40px;}
.top_left a{ text-transform:uppercase; }

.top_right{ float:right; height:40px; line-height:40px;}
.top_right a{ float:left; margin-right:40px;}
.top_right p{ float:left;}
.top_right p b{ color:#003c83;}
.top_right i,.top_left i{ display:inline-block; width:15px; height:15px; vertical-align:middle;border-radius:50%;}
.top_left i.icon_top_1{ background:url(../images/icon_top_1.png) no-repeat center center/15px 15px;margin-right:5px; vertical-align:-2px;}
.top_right i.icon_top_2{ background:url(../images/icon_top_2.png) no-repeat center center/15px 15px;}
.top_right i.icon_top_3{ background:url(../images/icon_top_3.png) no-repeat center center/15px 15px;}
.top_right i.icon_top_4{ background:url(../images/icon_top_3.png) no-repeat center center/15px 15px;}
.tcerweimacon{width:100px; height:100px; position:absolute; right: 50%; top:50px;margin: 0 -420px 0 0; z-index:444; display:none;}
.tcerweimacon img{width:100%; height:100%;}


/* 登录 */
.member_fixed,.member_fixed2{ width:100%; height:100%; position:fixed; left:0; top:0; display:none; z-index:30;}
.member{ width:360px;height:auto; background:#fff; position:fixed; left:50%; top:50%;transform:translate(-50%,-50%);
 padding:20px 20px 40px; overflow:hidden; border-radius:5px; box-shadow:0 0 14px #666; z-index:1120;}
.member_tit{ width:100%; height:50px; line-height:50px; text-align:center; font-size:20px; color:#333;}
.member_text{ width:660px; height:auto;}
.member_text .p_input_con{width:320px; height:45px; margin:17px 0 0 0; border-radius:5px;  border:1px solid #dedede;
    font-size:14px;}
.member_text .input_text{ text-indent:10px; width:100%; height:45px;background:none; border:none; font-size:14px;}
.member_text .input_text:focus{ border:1px solid #003c83;}
.input_text_con{ width:320px;}
.member_tjbtn{ display:block; width:160px; height:45px; line-height:43px; background:#003c83; color:#fff; text-align:center; 
    margin:40px auto 0; border-radius:20px; font-size:16px;}
.member_tjbtn:hover{ color:#fff; cursor:pointer;}
.closebtn,.closebtn2{ width:20px; height:20px; background:url(../images/close3.png) no-repeat center center/20px 20px; position:absolute; top:15px; right:15px; cursor:pointer; z-index:1122;}


/* 导航 */
.menu{ width:100%; height:70px; background:#fff;}
.menu .main{ overflow:visible;}
.logo{ float:left; margin-top:23px;}
.logo img{ width:auto; height:26px;}

.menuUL{ float:right;}
.menuUL li{ display:inline-block;position:relative; margin:0 15px;}
.menuUL li>a{ display:block; height:70px; line-height:70px; color:#454545; font-size:16px; padding:0;}
.menuUL li:hover a,.menuUL li.cur>a{ color:#003c83; border-bottom:3px solid #003c83;}
.menuUL li:hover .icon_red_down,.menuUL li.cur .icon_red_down{background:url(../images/icon_red_up.png) no-repeat center center/10px 5px; }
.licur>a{color:#003c83; border-bottom:3px solid #003c83;}
.icon_red_down{ display:inline-block; width:10px; height:5px; background:url(../images/icon_red_down.png) no-repeat center center/10px 5px; margin-left:5px; vertical-align:5px;}

.down_level{ display:none; width:100%;height:auto; background:rgba(255,255,255,0.9); position:fixed;left:0; top:110px; text-align:center; z-index:444;}
.down_level .main{ overflow:hidden; }
.down_level .down_list{ display:inline-block; width:160px; height:auto;margin:20px 10px; white-space:nowrap;  }
.down_pic{ display:block; width:100%; height:100px; background:#eee; overflow:hidden; position:relative; }
.down_pic img{ display:block; width:100%; height:auto; position:absolute;left:50%; top:50%;transform:translate(-50%,-50%); }
.down_tit{ width:100%; height:40px; line-height:40px; font-size:16px; overflow:hidden; color:#003c83; }

/*  产品轮播图  */
.banner{position:relative; padding-top:110px;}
.banner .swiper-container { width: 100%;position: relative;}
.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff; position:relative;}
.banner .swiper-slide a,.banner .swiper-slide img{ display: block; width:100%; height:auto; }

.banner_con{position:absolute;left:50%; top:50%;text-align:left;margin-left:-600px;
margin-top:-40px;}
.banner_con p{ font-size:48px;margin-bottom:40px;}
.banner_con span{font-size:24px; text-transform:uppercase;}

/*project recommend*/
.gallery{ width:100%; padding-top:100px; margin:-230px auto 0;position:relative;}
.gallery .swiper-container { width:1200px; margin:0 auto; padding-top:70px; padding-bottom:13px; background:url(../images/shadow.png) no-repeat center bottom;border-radius:3px;}
.gallery .swiper-container .swiper-slide{ background:#fff;border-radius:3px;}
.gallery .arrow{position: absolute;z-index: 9;top:68%;color:#999999;width:23px; height:15px;cursor:pointer; text-indent:-9999px;}
.gallery .arrow-left{left:0;  background:url(../images/icon_prev.png) no-repeat;}
.gallery .arrow-right{right:0; background:url(../images/icon_next.png) no-repeat;}
.switch_son,.sw_pic,.switch_list:hover .switch_son,.switch_list:hover .sw_pic{ transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}

.recommend{ background:#f5f8fc; width:100%; height:auto; border-bottom:1px solid #f2f2f2;}
.index_zc{margin-bottom:50px;}
.index_tec{ background:#f5f8fc; width:100%; height:auto;margin:0; padding-bottom:50px; border-bottom:1px solid #f2f2f2;}
.switch_list{ width:300px; height:275px; position:relative; }
.switch_list::after{ background:#f2f2f2; position:absolute; bottom:40px; right:0; content:""; width:1px; height:195px;}
.switch_list:last-child::after{ content:normal;}
.switch_son{ width:240px; height:200px;  position:absolute; left:30px; top:30px;text-align:center; overflow:hidden;}
.sw_pic{ width:100px; height:100px; padding-top:10px; margin:0 auto;position:relative; background:#fff;transform:scale(1);}
.sw_pic::after{ width:30px; height:2px; background:#d5e1f0; position:absolute; left:50%; bottom:0; margin-left:-15px; content:"";}
.sw_pic img{ display:block; width:50px; height:60px; margin:0 auto;}
.a_tit{ display:block; width:100%; height:40px; line-height:40px; overflow:hidden; color:#3a3a3a; font-size:16px;  font-weight:bold; margin:10px 0 0;}

.p_con a{ display:block; width:110px; height:35px; line-height:35px; margin:0 auto; border-radius:3px; text-align:center; background:#003c83; color:#fff; margin-top:25px;}
.p_con p{color:#666; line-height:24px; height:48px; overflow:hidden;}
.p_con a:hover{ background:#022854;}
.switch_list:hover .switch_son{ height:275px;transform:translateY(-70px);}
.switch_list:hover .sw_pic::after{ content:normal;}
.switch_list:hover .sw_pic{ border-radius:100px;box-shadow:0 6px 9px #f0f0f0;transform:scale(1);}
.switch_list:hover .a_tit{ color:#003c83;}


.index_mk{ padding:60px 0;}
.tab{ width:130px; height:auto; position:relative;}
.tab dd{ padding-bottom:35px;position:relative; border-right:1px solid #f3f3f3; cursor:pointer;}
.tab dd:last-child{ border:none;}
.tab a{ display:inline-block; width:100px;}
.icon_circle{ display:block; width:22px; height:22px; background:url(../images/circle.png) no-repeat; position:absolute; top:0; right:-11px;}
.tab .current .icon_circle{background:url(../images/circle_cur.png) no-repeat;}
.tab a:hover,.tab .current a{ color:#022854; font-size:16px;}

.tabcon{ width:1025px; height:auto;}
.tabcontext{ width:490px; line-height:36px;}
.tabcon_p{ width:100%; height:288px; line-height:24px; font-size:14px; overflow:hidden;}
.more{ color:#022854; text-transform:uppercase; float:right;}
.more span{ font-family:"宋体"; }
.more:hover span{margin-left:10px;}
.tabconpic{ width:500px; height:320px; overflow:hidden;}
.tabconpic img{ width:500px; height:auto;}


/*news index*/
.find{ width:560px; height:auto;}
.tit h2{ font-size:24px; font-weight:normal;}

.aboutus{width:100%; height:auto;}
.aboutus img{ width:100%; height:auto;}
.aboutus:hover img,.indexnews a:hover img,.tabconpic:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); 
    -o-transform:scale(1.2);}
.p_tit{ color:#3a3a3a; font-size:16px; height:24px; line-height:24px; overflow:hidden;text-overflow:ellipsis; white-space: nowrap; font-weight:600; }
.icon_rl{ display:inline-block; width:13px; height:13px; background:url(../images/icon_rl.png) no-repeat; margin-right:10px; vertical-align:-1px;}
.p_des{ width:100%; line-height:24px; height:48px; font-size:14px; overflow:hidden;}

.indexnews{ width:570px; height:auto;}
.indexnews a:hover,.indexnews a:hover .p_tit,.aboutus:hover,.aboutus:hover .p_tit{color:#003c83;}
.newspic{ width:104px; height:102px; overflow:hidden;border:1px solid #eee;}
.newspic img{ width:104px; height:auto;}
.indexlistcon{ width:445px;}
.indexlistcon span,.aboutus span{color:#999; font-size:12px;}
.aboutus_pic{ display:block; width:100%; height:260px; overflow:hidden; }
.tsmore{ display:block; width:110px; height:35px; line-height:35px;background:#003c83;text-align:center;color:#fff; font-size:12px; border-radius:3px; }
.tsmore:hover{color:#fff;background:#022854;}

/*contact index*/
.contact{ background:url(../images/map.png) no-repeat center center/cover; height:auto; padding:50px 0;}
.contact_l{ width:400px; height:auto;border-radius:5px; overflow:hidden;}
.contact_l h2{ color:#fff; font-size:24px; font-weight:normal;}
.contact_lcon{ font-size:14px; color:#fff; line-height:30px; }

.contact_r{ background:#fff; width:625px; height:340px; margin-top:60px;}
.contact_r img{ width:230px; height:100%;} 
.contactcon{ width:370px; height:auto;}
.contactcon span{ font-size:14px;}
.contactcon i{ display:inline-block; width:16px; height:16px; margin:4px 10px 0 0;}
.icon_contact_11{ background:url(../images/p3.png) no-repeat center center/16px auto;}
.icon_contact_22{ background:url(../images/p4.png) no-repeat center center/16px auto;}
.icon_contact_33{ background:url(../images/p1.png) no-repeat center center/16px auto;}
.icon_contact_44{ background:url(../images/p2.png) no-repeat center center/16px auto;}
.contactcon .p_tit{ font-size:16px; }

/*底部*/
.footer_top{ width:100%; height:350px; background:#404040; padding:60px 0;}
.f_left{ float:left; width:340px;}
.f_logo{ width:auto; height:46px;}
.f_logo img{width:auto; height:28px;}
.f_des{ font-size:14px; color:#c6c6c6; margin:20px 0 30px;}
.f_tel{ width:198px; height:50px;}

.f_right{ float:right; width:630px;}
.f_right dl{ float:left;color:#c6c6c6; width:116px; margin-left:55.33px;}
.f_right dl:first-child{ margin:0;}
.f_right dl a{ color:#c6c6c6;}
.f_right dt{ font-size:18px; position:relative; padding-bottom:20px; margin-bottom:13px;}
.f_right dt::after{ content:""; width:60px; height:2px; background:#c6c6c6; position:absolute; left:0; bottom:0;}
.f_right dd a{ display:block; width:100%; height:30px; line-height:30px;}
.f_right dd img{ width:116px; height:115px; margin-top:18px;}

.footer_bot{ width:100%; height:51px; line-height:48px; background:#1d1d1d; color:#fff;}
.footer_bot .main{ overflow:hidden;}
.footer_bot a{ color:#fff;}
.footer_bot a:hover{ color:#003c83;}
.footer_bot p{ float:left;}
.f_a{ float:right;}
.f_a a{ display:inline-block; margin-left:25px;}

.diswapblock{ display:none;}
.dispcblock{ display:block;}

/* 内页banner */
.nrbanner{ width:100%; height:400px;color:#fff; position:relative; text-align:center; padding-top:110px; display:table; }
.nrbannercon{ display:table-cell; vertical-align:middle; }
.banner_tit{ font-size:30px; position:relative; padding-bottom:40px;  }
.banner_tit::after{ content:""; width:60px; height:3px; background:#fff; position:absolute; bottom:0;left:50%;margin-left:-30px; }
.banner_des{font-size:18px;padding:20px 0 0; font-weight:100; text-transform:uppercase;}

.about_edit{ width:100%; height:auto; padding:30px 0 50px; }
.about_edit img{ max-width:100%; height:auto; }
.idea_nav{ width:100%; height:60px; line-height:60px; background:rgba(0,0,0,0.4);position:absolute;bottom:0; left:0; text-align:left;}
.idea_nav a{ display:inline-block; padding:0 50px;font-size:16px; color:#fff; text-align:center;  }
.idea_nav a.cur{ background:#003c83; }

.page{width:300px; position:relative; margin:30px auto 60px;}
.page ul{ width:300px; height:60px;}
.page ul li{float:left;text-align:center;}
.page ul li a{ display:block;width:50px; height:50px; line-height:50px; font-size:18px; color:#878787;}
.page ul li a.page_cur{ text-align:center; border-radius:50px; background:#003c83; color:#fff;}
.page ul li img{display:block;}
.page .arrow{ position:absolute; width:12px; height:12px; text-indent:-9999px; cursor:pointer;}
.page .arrow-left{left:-50px; top:20px; background:url(../images/jt_left.png) no-repeat;}
.page .arrow-right{right:-50px; top:20px; background:url(../images/jt_right.png) no-repeat;}


.bread{background:rgba(220,220,220,0.4);line-height:60px;width: 100%;}
.bread p{background: url(../images/icon-pos.png) no-repeat 5px center;padding-left: 35px;}
.bread a{color: #3d3a39;font-size: 14px;}
.icon-angle-right{ display:inline-block; width:10px; height:10px; background:url(../images/icon_r.png) no-repeat center center/5px auto; vertical-align:middle; }
.aboutleft{float:left; width:670px; height:auto;}
.aboutrightimg{width:403px; height:363px; float:right; margin-top:80px;}
.idealeft{float:left; width:700px; height:auto;}
.contactmap{width:100%;height:500px;border:#ccc solid 1px;margin-bottom:70px;}



