@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0}
a{ text-decoration:none;}
img{ border:none;}
ul,ol{ list-style:none;}
i{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:400;}
body{ background:#fff;}
.title{ height:45px; line-height:45px;}
.title .line{ width:100%;}
.title_con .title_l{ overflow:hidden;}
.title_con .title_l img{ width:25px; position:relative; top:5px;}
.title_con .title_l span{ font-size:20px; color:#00408f; font-weight:bold; margin-left:15px;}
.title_con .title_l a{ font-size:14px; color:#b4b4b4; float:right;}
.title_con .title_l a:hover{ color:#00408f;}

.header{ width:1200px; height:100px; margin:0 auto; display:flex; flex-direction:row; justify-content:space-between;}
.header .logo{ margin-top:25px;}
.header .logo img{ height:50px;}
.header .tel{ display:flex;flex-direction:row; }
.tel{ height:50px; margin-top:25px;}
.tel .tel_img{ margin-right:20px;}
.tel .tel_img img{ height:50px;}
.tel_text span{ font-size:22px;  color:#00b3e1;}
.tel_text h3{ font-size:14px; color:#666666; line-height:1.7em;}

.nav{ width:1200px; height:50px; margin:0 auto; font-size:18px;}
.nav ul li{ float:left; position:relative; z-index:10;}
.nav ul li a{ display:inline-block; padding:15px 30px;color:#00408f;}
.nav ul li:hover a,.nav ul li a.on{ color:#fff; background:#00408f;}
.nav .down{ position:absolute; left:0; top:50px; width:100%; background:#00408f; display:none;}
.nav .down a{ display:block; line-height:20px; color:#fff; font-size:14px; padding-left:30px;}
.nav .down a:hover{ background:#00b3e1;}

.banner{ width:100%; height:550px; margin-top:30px; background:#333;}

.service{ width:1200px; height:1140px;margin:80px auto; position:relative;}
.sider{ width:235px; float:left;}
.sider ul li{ width:100%; height:50px; line-height:50px; background:#f7f7f7; border-bottom:1px solid #eaeaea;}
.sider ul li.last{  border-bottom:5px solid #eaeaea;}
.sider ul li a{ display:block; width:100%;color:#666666; font-size:16px;padding:0 25px 0 25px; box-sizing:border-box;}
.sider ul li span{ float:right; font-family:"宋体"; position:relative; left:0;transition:0.3s;}
.sider ul li:hover{ background:#fff;}
.sider ul li:hover a{ color:#00b3e1;}
.sider ul li:hover a span{ left:20px;}
.sider_about{ width:235px; height:295px; margin-top:40px;}
.sider_about .about_up{ height:50px; width:100%; background:#00b3e1; line-height:50px; padding:0 26px;
 box-sizing:border-box;}
.sider_about .about_up span{color:#fff; font-size:26px;}
.sider_about .about_up img{ float:right; margin-top:14px;}
.sider_about .about_center{ width:100%; height:110px; background:#f7f7f7; border-bottom:1px solid #eaeaea; 
text-align:center; overflow:hidden;}
.sider_about .about_center h3{ color:#666666; font-size:14px; margin:30px 0 10px;}
.sider_about .about_center span{ color:#00b3e1; font-size:24px;}
.sider_about .about_down{ width:100%; height:135px; background:#f7f7f7; text-align:center; overflow:hidden;}
.sider_about .about_down h4{ font-size:14px; color:#666; margin:20px 0 10px;}
.sider_about .about_down img{ width:66px;}
.service_con{ width:850px; height:1140px; float:right;}
.service_con ul{ margin-top:30px; display:flex; justify-content:space-between; width:100%;flex-direction: row;
flex-wrap: wrap;}
.service_con ul li{ display:flex; flex-direction:column; text-align:center; height:275px;}
.service_con ul li .con_img img{ width:270px; height:205px;}
.service_con ul li .con_text{ color:#666; font-size:14px; margin-top:15px;}
.service_con ul li:hover .con_text{ color:#00408f;}


.advantage{ width:1200px; height:1190px; margin:0 auto;}
.ad_title{ width:100%; background:url(../images/ad_line.png) no-repeat center; text-align: center;}
.ad_title h3{ color:#00408f; font-size:24px; line-height:1.75em;}
.ad_title span{ color:#888888; font-size:12px; text-transform:uppercase;}
.advantage .ad_up{ width:100%; height:500px; margin:68px 0 60px;}
.advantage .up_l{ width:540px; height:500px; float:left;}
.advantage ul li{ margin-bottom:40px;}
.advantage li .up_title b{ background:url(../images/adv_tt.png) no-repeat left; display:inline-block;
width:46px; height:78px; color:#fff; line-height:78px; font-size:56px; font-weight:400; text-align:center; float:left;}
.advantage ul li .h{ float:left; display:flex; flex-direction:column; margin-left:20px;}
.advantage ul li .h h2{ font-size:36px; color:#00408f;}
.advantage ul li .h span{line-height: 22px;color: #333;font-size: 20px;}
.advantage ul li .h i{font-style: normal;font-size: 12px;line-height: 14px;color: #858585;text-transform: uppercase;}
.advantage ul li .up_list{ display:flex; flex-direction:column; padding-left:50px; margin-top:20px;}
.advantage ul li .up_list span{width: 400px;line-height: 38px;height: 38px;padding: 0 0 0 20px;
background: url(../images/adv_ic.gif) left 15px no-repeat; font-size:16px; color:#666; border-bottom:1px solid #eaeaea;}
.advantage .ad_up .up_r{ width:612px; height:500px; overflow:hidden; float:right;}
.advantage .ad_up .up_r img{ width:100%;}
.advantage .ad_down{ width:100%; height:500px;}
.advantage .ad_down .down_l{width:612px; height:500px; float:left; overflow:hidden;}
.advantage .ad_down .down_l img{ width:100%;}
.advantage .ad_down .down_r{width:540px; height:500px; float:right; position:relative; box-sizing:border-box;}
.advantage .ad_down .down_r ul{ position:absolute; right:0; top:0;}



.case{ width:1200px; height:500px; margin:80px auto;}
.case ul{ display:flex; justify-content:space-between; flex-wrap:wrap;}
.case ul li{ width:565px; height:170px; border:1px solid #eaeaea;  margin-top:45px; transition:0.3s;}
.case ul li:hover{ margin-top:40px;}
.case ul li .case_img{ float:left;}
.case ul li img{ width:233px; height:170px;}
.case ul li .case_con{ float:right; width:305px; height:170px;}
.case ul li .case_con a h2{ font-size:16px; color:#333; font-weight:bold; margin-top:15px;}
.case ul li .case_con p{ line-height:2em; font-size:14px; color:#666; margin-top:20px;}
.case ul li .case_con .more{ font-size:14px; color:#00408f; font-weight:bold; margin-top:20px; display:block;}
.case ul li .case_con a h2:hover{ color:#00408f;}

.album{ width:1260px; height:300px; margin:80px auto;}

.about{ width:1200px; height:455px; margin:0 auto 80px;}
.news{width:1200px; height:455px;}
.news_t h2{ background:#fff;}
.news_c{ height:340px; margin-top:40px;}
.news_c_left{width:750px; height:370px; float:left;}
.news_c_left .left{width:195px; height:370px; background:#3f434c; float:left; padding-left:22px;}
.news_c_left .left img{ margin-top:25px;}
.news_c_left .left h3{ font-size:20px; color:#fff; line-height:1em; font-weight:100; margin:20px 0;}
.news_c_left .left .btn{width:175px; height:90px; margin-bottom:10px; overflow:hidden; transition:0.3s; cursor:pointer;}
.news_c_left .left .btn:hover,.news_c_left .left .btn.active{width:195px;}
.news_c_left .left .btn i{ display:block; width:28px; height:30px; background:url(../images/news_l_bg.png);
 margin-top:30px; margin-left:30px; float:left;}
.news_c_left .left .btn p{ float:left;  font-size:16px; color:#fff; margin-top:30px; margin-left:20px; line-height:1em;}
.news_c_left .left .btn p span{ display:block; color:#a3dbf0; font-size:12px; text-transform:uppercase;}
.news_c_left .left .xinwen{ background:#00b3e1;}
.news_c_left .left .dongtai{ background:#00408f;}
.news_c_left .right{width:520px; height:370px; border:1px solid #d0d0d0; border-left:none; float:left; overflow:hidden}
.news_c_left .right li{border-left:3px solid #00b3e1; height:300px; width:447px;padding:40px 10px 10px 20px;}
.news_c_left .right h4{ color:#00b3e1; font-size:16px; line-height:1em;}
.news_c_left .right p{ font-size:12px; color:#666; line-height:2em; margin-top:15px; text-indent:2em;}
.news_c_left .right p a{ color:#00b3e1}
.news_c_left .list a{ margin-top:30px; display:block; color:#3f434c; font-size:14px;
 font-weight:900; background:url(../images/news_list_d.png) no-repeat left center; padding-left:10px;}
.news_c_left .list a:hover{ color:#00b3e1;}
.news_c_left .list a span{font-size:12px; color:#9e9fa3; font-weight:100; float:right;}
.news_c_left  .more{ width:106px; height:28px; border:1px solid #00b3e1; display:block;
 float:right; font-size:12px; color:#00b3e1; text-align:center; line-height:28px; margin-top:38px; transition:0.3s;}
.news_c_left  .more:hover{ background:#00b3e1; color:#fff;}
.news_c_left .right .dt{border-left:3px solid #00408f;}
.news_c_left .right .dt .more{ border:1px solid #00408f; color:#00408f}
.news_c_right{width:420px; height:340px; float:right;}
.news_c_right .shipin{ width:420px; height:300px; overflow:hidden;}
.news_c_right .shipin img{ height:300px;}
.news_c_right .tex{width:418px; height:50px; border:1px solid #d1d1d1; border-top:none; color:#3f434c; font-size:16px; 
text-align:center; line-height:1.3em; padding-top:20px;}
.news_c_right .tex span{ display:block; font-size:12px; text-transform:uppercase; color:#b0b1b4;}
.video{width:500px; height:400px; background:#000; position:fixed; left:50%; top:50%; margin-left:-250px;
 margin-top:-200px; display:none; z-index:6;}
.video .close{width:24px; height:24px; background:#000; color:#fff; text-align:center; line-height:24px; 
font-size:20px; position:absolute; right:-24px; top:0; cursor:pointer;}
.video_bg{ width:100%; height:100%; background:url(../images/btm80.png); position:fixed; top:0;left:0; 
display:none; z-index:5}


.footer{ width:100%; height:250px;}
.footer .ft{ background:#00b3e1; width:100%; height:220px;}
.footer .ft .ft_con{ width:1200px; height:100%; margin:0 auto;}
.footer .ft .ft_con .ft_l{ display:flex; flex-direction:column; width:430px; float:left;}
.footer .ft .ft_con .ft_l span{ color:#fff; font-size:14px; line-height:2.2em;}
.footer .ft .ft_con .ft_l img{ height:58px; margin:30px 0 20px;}
.footer .ft .ft_con .ft_r{ float:right; margin-top:50px;}
.footer .ft .ft_con .ft_r img{ width:125px; height:120px; margin-left:25px;}
.footer .copy{ background:#00408f; width:100%; height:60px; text-align:center; line-height: 22px;padding: 10px 0;box-sizing: border-box;}
.footer .copy h2{ color:#f2f2f2; font-size:12px;}
.footer .copy a{ color:#fff;}

/*****************************文章内页开始**********************/
.n_banner{ width:100%; height:280px; background:url(../images/ny_banner_about.jpg) no-repeat center;  margin-top:20px;}
.n_about{ width:1200px; min-height:1070px; margin:0 auto; position:relative;margin-bottom:30px; /*overflow:hidden;*/}
.n_about .sider{position:absolute;top: -90px;}
.n_about .sider_about{position: static; margin-top:50px;}
.nabout_con{ width:850px; min-height:1070px; float:right;}
.title .link{ float:right; background:url(../images/weizhi.png) no-repeat left center;padding-left:15px;}
.title .link a,.title .link i{ float:left; color:#888; padding:0 5px;}
.nabout_con .con{ margin-top:40px; width:100%; height:auto;}
.nabout_con .con p{font-size: 16px;line-height: 2em;text-indent: 2em;padding: 5px 0; text-align:justify; color:#666;}
.nabout_con .con img{ width:100%; margin-top:20px;}
.n_about:after{content: '';display: block;clear: both;}

/*****************************产品内页开始**********************/
.ny_pro_con{margin-top:40px; width:100%;}
.ny_pro_list li{ width:268px; border:1px solid #d2d2d2; float:left; margin-right:16px; margin-bottom:30px; height:250px; position:relative; transition:0.3s;}
.ny_pro_list li img{ display:block; width:100%; height:180px;}
.ny_pro_list li h4{ color:#666; font-size:14px; padding:0 10px; line-height:2em; margin-top:10px;}
.ny_pro_list li p{ color:#999; font-size:12px;padding:0 10px; line-height:1.8em;}
.ny_pro_list li:hover{ border:1px solid #00408f;}
.ny_pro_list li:hover b.more{ background:#00408f}
.ny_pro_list li:hover h4{ color:#00408f}
.ny_con  b.more{ display:block; width:20px; height:20px; background:#d2d2d2; position:absolute; bottom:0; right:-1px; text-align:center; line-height:20px; color:#fff; font-size:18px; transition:0.3s;}
.ny_con ul.page{ text-align:center; margin-top:40px;}
.ny_con ul.page li{ line-height:30px; border:1px solid #d2d2d2; display:inline-block; cursor:pointer;}
.ny_con ul.page li a{ color:#666; padding:0 10px; display:inline-block;}
.ny_con ul.page li:hover,.ny_con ul.page li.on{ background:#0f4b96; border:1px solid #0f4b96; }
.ny_con ul.page li:hover a,.ny_con ul.page li.on a{color:#fff;}
.ny_con p{ line-height:1.6em;}


/*****************************新闻内页开始**********************/
.ny_news_con ul.news_list{ margin-top:40px;}
.ny_news_con ul.news_list li{ margin-bottom:20px; position:relative;}
.ny_news_con ul.news_list li a{ height:110px; width:100%; display:block; border:1px solid #d2d2d2;}
.ny_news_con ul.news_list li a .time{ margin-right:25px; width:110px; height:110px;  float:left; transition:0.3s; overflow:hidden;}
.ny_news_con ul.news_list li a .time img{ width:100%; height:100%;}
.ny_news_con ul.news_list li a .time b{ display:block; height:79px; border-bottom:1px solid rgba(0,0,0,0.2); text-align:center; line-height:80px; color:#fff; font-size:46px; font-weight:100}
.ny_news_con ul.news_list li a .time i{ font-style:normal; color:#fff; height:29px; border-top:1px solid rgba(255,255,255,0.3); display:block; font-size:14px; line-height:29px; text-align:center;}
.ny_news_con ul.news_list li a h3{ float:left; width:700px; margin:20px 0 15px; color:#444}
.ny_news_con ul.news_list li a p{ float:left; width:700px; font-size:12px; line-height:1.6em; color:#777;}
.ny_news_con ul.news_list li a i{position: absolute;top: 20px;right: 10px;color: #999;font-size: 12px;}
.ny_news_con ul.news_list li:hover a{ border:1px solid #0f4b96}
.ny_news_con ul.news_list li:hover b.more{ background:#0f4b96}


/*****************************列表页开始**********************/
.ny_news_con .ul{ margin-top:40px;}
.ny_news_con .hot{ width:100%; border:1px solid #d2d2d2; display:block; height:150px; position:relative; margin-bottom:30px;}
.ny_news_con .hot img{ width:300px; height:150px; float:left;}
.ny_news_con .hot:hover{ border:1px solid #00408f;}
.ny_news_con .hot:hover b{ background:#00408f}
.ny_news_con .hot .tex{ width:480px; padding:20px 25px; height:130px; overflow:hidden; float:right;}
.ny_news_con  h3{ font-size:14px; color:#3f434c;}
.ny_news_con .hot:hover h3{ color:#00408f;}
.ny_news_con .hot p{ font-size:14px; color:#666; margin-top:15px; line-height:1.6em; height:50px;}
.ny_news_con .hot i{ font-style:normal; font-size:12px; color:#999; margin-top:15px; display:block;}


/*****************************联系我们页开始**********************/
.ny_us_con .map{ margin-top:40px;}
.ny_us_con .contact{ display:flex; flex-direction:column;}
.ny_us_con .contact h2{ font-size:24px; color:#00b3e1; font-weight:100; line-height:2em; padding:40px 0 10px;}
.ny_us_con .contact span{font-size:16px; color:#333; line-height:2.5em;}
.ny_us_con .contact h3{ padding:20px 0 10px; color:#00408f; font-size:30px;}


.qrcode-img img{ width:100%;}