@charset "utf-8";
@font-face{ font-family:rzrx; src:url(../font/rzrx.TTF);}
@font-face{ font-family:shruti; src:url(../font/shruti.ttf);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
html,body{ position:relative; height:100%}


.top_header{ height:42px; line-height:42px;  border-bottom:#f0f0f0 1px solid}
/*===============================================header================================================*/
#header{width: 100%;left: 0;z-index:9;height:146px;background: #fff;position: relative;}
#header .logo_area{ position:relative; height:146px; }
#header .logo{ position:absolute; top:0; width: 175px; }
#header .logo{display:table;height: 146px;position:absolute;top: 0px;left:0;z-index:3;}
#header .logo a { display:table-cell; vertical-align:middle;}

/*=================导航=================*/
#nav{ position: absolute; right: 0; top: 0;}
#nav .big_box{border-right: 1px solid #e4e4e6;}
#nav ul{border-left: 1px solid rgba(255,255,255,0.15);}
#nav li{position:relative;width: 108px;display: block;float: left;border-right: 1px solid #f0f0f0;} 
#nav li:first-child{ border-left: 1px solid #f0f0f0;}
#nav li .a{display: inherit;text-align:center;}
#nav li .a {height: 146px;}
#nav li .a strong{padding-top: 60px;font-size: 14px;color: #484849;text-align:center;display: block;margin-bottom: 0px;position:relative;z-index: 2;font-weight:  normal;}
#nav li .a span{font-size:12px;display: block;color: #b2b2b3;filter:alpha(opacity=50);text-transform: uppercase;text-align:center;position:relative;z-index:1;transform: scale(0.95);}
#nav li .a i{position:absolute;top: 75px;left:-1px;display:block;z-index:1;height:0px;width:1px;height: 7px;background: #1384e2;}
#nav li.on i{height: 20px;top: 68px;}
#nav li.on,#nav li:hover{background:#1384e2;border-left: #1384e2 1px solid;}
#nav li:hover i{height: 20px;top: 68px;}
#nav li:hover .a strong,#nav li.on .a strong{ color:#fff}
#nav .title{}
#nav .list{display:none;left: 0px;top: 146px;position:absolute;height:50px;width: 745px;}
#nav .list .box{ text-align:left; position:relative;  }
#nav .list a{ font-weight:normal; margin-left: 20px;    padding: 0 10px; color:#fff;  line-height:50px;  font-size:14px;  }
#nav .list a:hover{ color: #fff;  }
#nav .text_left{ left:auto; right:10px;}
#nav .text_left .box{ text-align:right;}
#nav .text_left .box a{}
.list_box{position:absolute;left:0px;top: 146px;z-index:9;height:0px;line-height:50px;width:100%;background: rgba(19,132,1226,0.8);}

/*================= banne===================*/
.full_page{position:relative;height: 580px;}


#banner{position:relative;height: 100%;overflow: hidden;margin: 0 auto;}
#banner .bd {position:relative;height: 100%;}
#banner .bd ul,#banner .bd ul li{width: 100% !important;height:100% !important;}
#banner .bd a{display:block;width:100%;height: 100%;}
#banner .bnt{position:absolute;top:50%;z-index:3;margin-top: -30px;cursor: pointer;}
#banner .bnt:hover{ }
#banner .prev{position:absolute;left: -64px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
#banner .next{position:absolute;right: -64px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
#banner:hover .prev{left:50px;  opacity:1; filter:alpha(opacity=100);}
#banner:hover .next{right:50px; opacity:1; filter:alpha(opacity=100);}
#banner .pageState{font-size: 24px;color: #12dbb3;left: 50%;margin-left: -600px;top: 50%;margin-top: 90px;position: absolute;font-family: Shruti;}
#banner .pageState span{ font-size: 40px; color:#1384e2; font-family:shruti}
#banner .bd ul li .con{position:absolute;width:1200px;left:50%;margin-left:-600px;top: 50%;margin-top: -120px;height:162px;}
#banner .bd ul li .con .box{float:right;width:100%; position:relative;}
#banner .bd ul li .con .box h3{position:absolute;left: 0;top:0;white-space:nowrap;font-size:50px;color: #12dbb3;font-weight:bold;text-transform:uppercase;margin-bottom:22px;font-family: Swis721 BlkCn BT;}
#banner .bd ul li .con .box h5{position:absolute;left: 0;top:64px;white-space:nowrap;font-size: 40px;color: #066abe;font-weight:bold;text-transform:uppercase;margin-bottom:18px;font-family: rzrx;}
#banner .bd ul li .con .box h6{position:absolute;left: 0;top:124px;white-space:nowrap;font-size:14px;line-height:20px;color:rgba(255,255,255,0.7);font-weight:bold;text-transform:uppercase;}


/*==========================================公共 结束=============================================*/


/*==========================================首页 开始=============================================*/

.container01{ margin-top:-265px; position:relative; z-index:100000; margin-bottom:40px;}
.container01 .hd{ height:6px; margin-bottom:30px; position:relative;}
.container01 .hd:before{ content:""; position:absolute; top:3px; width:100%; height:1px; background:rgba(255,255,255,0.5)}
.container01 .hd li{ float:left; height:6px; width:300px; line-height:8000px; overflow:hidden;}
.container01 .hd li.on{ background:#fff;}
.container01 .bd li{ float:left; width:300px !important; height:190px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5E62129', endColorstr='#E5E62129');background:rgba(230,33,41,0.9); padding:24px 30px}
.container01 .bd li:nth-child(2n-1){ filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5363638', endColorstr='#E5363638');background:rgba(54,54,56,0.9);}
.container01 .bd li h5{ font-size:16px; color:#fff; margin-bottom:14px;}
.container01 .bd li p{ font-size:12px; color:#fff; line-height:22px; height:44px; overflow:hidden; margin-bottom:22px;}
.container01 .bd li .more01 a{ display:inline-block; width:107px; height:40px; line-height:36px; text-align:center; border:#fff 2px solid; color:#fff; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container01 .bd li .more01 a:hover{ background:#fff; color:#1384e2;}
.container01 .bd li:nth-child(2n-1) .more01 a:hover{ background:#1384e2; color:#fff; border:#1384e2 2px solid}
.container01 .bd li .more01 span{ font-size:12px; text-transform:uppercase; vertical-align:top; overflow:hidden; display:inline-block; -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.container01 .bd li .more01 .span{ font-family:simsun; margin-left:10px; overflow:hidden; width:6px;}
.container01 .bd li:nth-child(2n-1) .more01 a{border:#1384e2 2px solid; color:#1384e2}
.container01 .bd li:hover .more01 .span{ width:0; margin-left:0}

.container02{ padding:70px 0 46px; background:#f5f5f6; overflow:hidden; border-bottom:#e9e9e9 1px solid}
.container02 .title{ margin-bottom:26px;}
.container02 .title h3{ font-size:24px; color:#1384e2; text-transform:uppercase;}
.container02 .title h4{ font-size:16px; color:#343435; text-transform:uppercase;} 
.container02 ul{ float:left; width:1230px;}
.container02 ul li{ float:left; width:280px; margin:0 26.666666px 26.666666px 0}
.container02 ul li .img,.container02 ul li .img img{ width:280px; height:135px;}
.container02 ul li h5{ height:42px; line-height:42px; border:#e5e5e5 1px solid; text-align:center; margin-top:-1px;}
.container02 ul li h5 a{ font-size:14px; color:#676767}
.container02 ul li h5 a:hover{ color:#1384e2}

.container03{padding: 64px 0 0;overflow:hidden;}
.container03 .left{float:left;width: 585px;margin-right:50px;}
.container03 .left h3{ margin-bottom:18px;}
.container03 .left p{ font-size:12px; line-height:22px; height:88px; overflow:hidden; color:#808083; margin-bottom:24px;}
.container03 .left .more a{ display:inline-block; width:116px; height:35px; line-height:35px; text-align:center; background:#484849; font-size:12px; color:#fff;}
.container03 .left .more a:hover{ background:#1384e2; color:#fff}
.container03 .center{float:left;width: 565px;}
.sideMenu{}
.sideMenu h3{height: 40px;line-height: 40px;padding: 0 66px 0 20px;border: 1px solid #e3e3e8;background: #fbfbfc;cursor:pointer;color: #6c6c6d;font-size: 12px;margin-bottom: 6px;position:  relative; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sideMenu h3.on{ display:none}
.sideMenu h3 em{position: absolute;display:block;right: 12px;width: 38px;height: 38px;background:url(../images/down.png) center no-repeat;cursor:pointer;}
.sideMenu h3.on em{ background:url(../images/up.png) center no-repeat; }
.sideMenu ul{padding: 10px 20px;height: 102px;border: #e3e3e8 1px solid;display:none; /* 默认都隐藏 */margin-bottom: 6px;position:relative;}
.sideMenu ul em{ background:url(../images/up.png) center no-repeat; position: absolute;display:block;right: 12px; top:0; width: 38px;height: 38px;}
.sideMenu ul h4{font-size: 18px;color:#1384e2;margin-bottom: 2px;}
.sideMenu ul h5{font-size:15px;color:#4b4b4b;margin-bottom: 2px;}
.sideMenu ul h5 a{ font-size:15px; color:#4b4b4b}
.sideMenu ul p{font-size:12px;color:#afafb0;line-height: 18px;height: 36px;overflow:hidden;}
.container03 .right{float:right;width: 354px; display: none;}

.container04{ padding:0 0 50px}
.container04 .w1200{ height:57px; background:url(../images/container04_bg.png) left center no-repeat;}
.container04 .left{float:left;width:322px;height:57px;line-height:57px;padding-left:70px;font-size:27px;color:#1384e2;font-weight:bold;font-family: Swis721 Cn BT;background:url(../images/tel.png)37px 19px no-repeat;}
.container04 .center{float:left;width:650px;height:57px;padding: 9px 0 0;}
.container04 .center p{ color:#8d8d8e; font-size:12px; line-height:20px;}

.bdshare-button-style1-32{float:right;width: 108px;margin-right:20px;}





.bdshare-button-style1-32 a{ width:44px !important; height:44px !important;}

#footer{background: #484849;padding: 27px 0;font-size: 14px;height: 160px;}
#footer .w1200{ position:relative;}
#footer .up{height: 40px;padding-bottom: 15px;position: relative;}
#fot_nav { float: left; padding-top: 5px;}
#fot_nav a{color: #acacae;font-size: 12px;}
#fot_nav i{color:#acacae; padding:0 10px;}
#footer .un {color: rgba(182,182,186,0.63);line-height: 20px;padding-top: 18px;font-size: 12px;border-top: 1px solid #5f5f61;}
#footer .line{position:absolute;top: -20px;left: 0;height: 2px;background: #12dbb3;width: 48px;}
#footer .un a{color: rgba(182,182,186,0.63);text-transform: uppercase;}
#footer a:hover{ color:#fff;}
#footer .fot_bnt{ position: relative; padding-left: 20px; display: block;  float: left;}
#footer .fot_bnt .ewm{ position: absolute; left: -13px; bottom: 50px; display: none;}
#footer .fot_bnt.ewm_box:hover .ewm{ display: block;}

#fot_link{position: absolute; right: 0px; top: 5px; }
#fot_link a{font-size: 12px;color: #b3b3b3;display: block;float: left;margin-left: 20px;height: 24px;}
#bnt_fot_wap{padding-left: 22px;background: url(../images/icon_top_phone.png) left 3px no-repeat;} 
#bnt_fot_add{padding-left: 18px;background: url(../images/icon_map.png) left 2px no-repeat;} 


/*==========相关链接===========*/
#slide_up_box{ position: absolute; right: 0; top: 0px;}
#bnt_link{cursor:pointer;width: 208px;display: inline-block;height: 37px;border: 1px solid #717172;background: url(../images/icon_up.png) 168px center no-repeat;border-radius: 3px;margin-left: 10px;}
.icon_un{background: url(../images/icon_un.png) 168px center no-repeat  !important;}
#bnt_link a{color:#fff;display:block;padding: 0px 22px;height:34px;font-size:12px;line-height:34px;border-radius: 3px;}
#bnt_link i{ font-size:10px; padding-left:5px;}
#content_link{display:none;z-index:9;width: 208px;position: absolute;right: 0;bottom: 37px;background: #484849;max-height:300px;overflow:hidden;overflow-y:auto;}
#content_link .box{   background:#3c3c3d; padding:5px 0;}
#content_link a{padding: 0px 20px;color:#eee;border-bottom:1px dotted #eee;line-height:34px;font-size:12px;display:block;}
#content_link a:hover,#bnt_link a:hover{ color:#fff;}


/*==========================================首页 结束=============================================*/


/*==========================================内页 开始=============================================*/

.n_banner{ height:535px;}

.zhuangtai{height:138px;padding: 29px 0 0;}
.zhuangtai .w1200{height:138px;background: url(../images/zhuangtai_bg.png) right top no-repeat;}
.zhuangtai h2{font-size:44px;color:#1384e2;text-transform:uppercase;font-weight:bold;height: 48px;}
.zhuangtai h3{ font-size:24px; color:#525252}


.n_about{padding: 55px 0 0;}


/*==============分享插件=====================*/
.shart_box{}
.shart_box:hover #j_shart_s_24{ display:block;}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{ padding-left:60px; position:relative; display:none; height:50px;}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{padding-left: 7px;position:relative;}
#j_shart_s_24 strong{display:block;position:absolute;left:0;z-index:2;line-height:36px;font-size:12px;color: #838383;font-weight: normal;}
#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}
#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}
#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}
#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}
#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size:12px}

.bdshare-button-style1-32 a{ width:26px !important; height:26px !important; line-height:26px !important; margin:6px 2px 6px 0 !important;}


.top_header .fl{ font-size:12px; color:#777778}

.container03 .right .con01{ width:173px; height:120px; background:url(../images/container02_bg01.jpg) center no-repeat;}
.container03 .right .con02{ width:173px; height:120px; background:url(../images/container02_bg02.jpg) center no-repeat;}
.container03 .right .con03{width:354px;height:120px;background:url(../images/container02_bg03.jpg) center no-repeat;margin-top: 8px;}
.container03 .right .con{ text-align:center}
.container03 .right .con h3{height:56px;line-height:56px;margin-top: 15px;}
.container03 .right .con h3 img{ vertical-align:middle}
.container03 .right .con h5{ font-size:14px; color:#fff}

.container05{ margin-bottom:65px;}
.container05 .box{ width:560px;}
.container05 .box{ width:560px;}
.container05 .box .title{ height:40px; line-height:40px; font-size:16px; color:#74747b; position:relative; margin-bottom:28px;}
.container05 .box .title:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#dedfe0}
.container05 .box .title:after{ content:""; position:absolute; bottom:0; left:0; width:60px; height:2px; background:#12dbb3}
.container05 .box .title a{ float:right; font-size:12px; color:#c6c6c6}
.container05 .box ul{ float:left; width:580px;}
.container05 .box ul li{ float:left; width:270px; background:#fbfbfc; margin-right:18px; text-align:center}
.container05 .box ul li .img{ width:100%; height:174px; line-height:174px;}
.container05 .box ul li .img img{display:inline-block;width:252px;height:150px;vertical-align: middle;}
.container05 .box ul li h5{font-size:14px;color:#5d5d5d;border:#eeeeee 1px solid;height:45px;line-height:43px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; padding:0 15px;}
.container05 .box ul li:hover h5,.container05 .box .title a:hover{ color:#1384e2}

.top_header .right ul li a{position:relative;}
.top_header .right ul li a .ewm{position:absolute;width:123px;height:123px;left:50%;margin-left: -89px;top: 30px;border: #1384e2 1px solid;display:none;z-index: 1111;}
.top_header .right ul li a .ewm:before{content:"";position:absolute;top: -6px;left: 50%;margin-left: 26px;border-left: transparent 6px solid;border-right: transparent 6px solid;border-bottom: #1384e2 6px solid;}
.top_header .right ul li a:hover .ewm{ height:123px; display:block}
.top_header .right ul li a .ewm img{width:121px;height:121px;vertical-align: middle;margin-top: 0;}
.top_header .right ul li a img{ vertical-align:middle; margin-top:-3px}
.top_header .right ul li a span{ font-size:12px; color:#373739; margin-left:5px}

.tc1 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;}
.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);display:  none;}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}
.tc1 .close:hover{ transform:rotate(180deg);}
.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc1 .tc-box{position:absolute; overflow: hidden;top:50%;z-index:9999;height: 15rem;width: 12rem;left:50%;margin-left: -6rem;margin-top: -7.5rem;}
.tc1 .tc.act{display: block; }
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc-bg {height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.tc1 .tc-box h3 img{ width:12rem; height:12rem;}
.tc1 .tc-box h5{ width:12rem; height:3rem; line-height:3rem; font-size:1rem; color:#fff; text-align:center}

.bn-box,.n_banner{height: 300px;position:relative;}

.n_about .fl01{ padding:90px 0 98px; background:url(../images/n_about_fl01_bg.jpg) left bottom no-repeat}

.title00{text-align:center;margin-bottom: 40px;}
.title00 h3{font-size: 28px;color: #066abe;text-transform:uppercase;margin-bottom: 2px;}
.title00 h4{font-size: 12px;color: #12dbb3;}

.n_nav_box{height: 60px;border-bottom: 1px solid #e0e0e0;box-sizing: border-box;}
.n_nav_box .m{ position:relative;}
.n_nav{position:relative;text-align: left;font-size:0;height: 60px;}
.n_nav a{display:inline-block;width: 160px;height: 60px;l;line-height: 60px;text-align: center;box-sizing: border-box;position: relative;-webkit-transition:0.2s;transition:0.2s;vertical-align:  top;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_nav a:first-child{}
.n_nav a strong{display:block;color: #484849;position:relative;z-index:4;font-size: 15px;font-weight: 100;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_nav .on,.n_nav a:hover{background: #fff;color: #cd2d3c;height: 85px;margin-top: -25px;font-size: 24px;}
.n_nav a:after{content:"";width: 8px;height: 8px;position: absolute;bottom:-7px;left: 50%;margin-left: -7px;border: 2px solid transparent;border-radius:50%;-webkit-transition:0.6s;transition:0.6s;display: none;}
.n_nav .on strong,.n_nav a:hover strong{color: #fff;line-height: 108px;background: #1384e2;height: 85px;line-height: 85px;border-top: #12dbb3 3px solid;}

.n_main_box .main_box{width: 1200px;height: 80px;position:relative;margin: 0 auto;}

.n_nav_box .w1200{ position:relative;}

.position{position: absolute;right: 0;top: 0;line-height: 60px;height: 60px;color: #949494;padding-left: 24px;background: url(../images/position.png) left 22px no-repeat;font-size: 12px;}
.position i{display: inline-block;height: 60px;line-height: 58px;width: 10px;text-align:  center;font-size: 14px;color: #b0b0b0;}
.position a{vertical-align: middle;font-size: 12px;color: #949494;display: inline-block;line-height: 60px;vertical-align:  top;}
.position em{vertical-align: middle;font-size: 12px;font-style:normal;display: inline-block;line-height: 60px;vertical-align:  top;}
.position .span{color: #5b5b5b;}
.position em{color: #1384e2;}
.position a:hover{color: #1384e2;}

.n_contact01{padding: 60px 0 60px;}
.n_contact01 .top{width: 100%;border-bottom:  #e3e3e3 1px solid;overflow: hidden;padding-bottom: 40px;margin-bottom: 40px;}
.n_contact01 .top .con{padding: 10px 0 0 0;overflow:hidden;width:  596px;}
.n_contact01 .top .con .ar_article{float:left;width: 352px;}
.n_contact01 .top .con h3{padding: 0;margin-bottom: 2px;font-size: 28px;color: #066abe;font-weight:  normal;}
.n_contact01 .top .con h6{font-size:  12px;color: #12dbb3;margin-bottom: 16px;}
.n_contact01 .top .con .right{float:right; width:496px; height:367px; position:relative;}
.n_contact01 .top .con .right img{ position:absolute; left:-85px; bottom:0}
.n_contact01 .top .con .right ul{text-align:right;font-size: 0;}
.n_contact01 .top .con .right ul li{display:inline-block; *display:inline;*zoom:1;margin-left: 40px;text-align:center;}
.n_contact01 .top .con .right ul li h6{ height:36px; line-height:36px; text-align:center; font-size:14px; color:#545353;}
.n_contact01 .top .con div img{vertical-align:top;border:  #d2d2d2 1px solid;}
.n_contact01 .top .con .ewm{ padding:45px 0 0}

.n_news{ padding:40px 0 60px}
.n_news ul { margin-bottom:50px;}
.n_news ul li{ height:65px; line-height:65px; border-bottom:#f2f2f2 1px solid;}
.n_news ul li i,.n_news ul li a,.n_news ul li span{ float:left}
.n_news ul li i{ background:url(../images/ico.png) left center no-repeat; width:24px; height:65px}
.n_news ul li:hover i{ background:url(../images/ico_on.png) left center no-repeat;}
.n_news ul li a{ width:984px; font-size:15px; color:#3f4041; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n_news ul li span{ font-size:13px; color:#919394; float:right}
.n_news ul li a:hover{ color:#1384e2; }

/*====翻页====*/
.j_pages{margin: 0px auto 0 auto;}
.j_pages .box{display:inherit;width:100%;padding: 0;font-size: 0; text-align:center}
.j_pages a{height: 35px;line-height: 33px;display:inline-block;margin: 0px 4px;color: #666666;font-size: 14px;box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-align:center;padding: 0 13px;border:  #dedede 1px solid; }
.j_pages a font{font-size:14px;color: #7b7b7b;display:  block;padding: 0 12px;}
.j_pages a:hover font{ color:#fff}
.j_pages a span{ font-family:simsun}
.j_pages .on{background: #1384e2;color: #fff;border: #1384e2 1px solid;}
.j_pages a:hover{background: #1384e2;color:#fff!important;border:  #1384e2 1px solid;}
.j_pages a.u_bnt{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}


.n_video{ padding:50px 0 70px}
.n_video ul{width:1250px;margin-bottom: 14px;overflow:hidden;}
.n_video ul li{float:left;width: 380px;margin-right: 30px;margin-bottom: 38px;}
.n_video ul li .img{width: 380px;height: 250px;overflow:hidden;position:relative;background:#000;border:  #1384e2 3px solid;}
.n_video ul li .img>img{width: 380px;opacity: 0.8;height: 250px;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_video ul li:hover .img>img{ opacity:1;}
.n_video ul li .img .top01{ width:100%; height:100%; position:absolute; left:0; top:0;}
.n_video ul li h5{height: 50px;line-height: 50px;left:0;bottom:0;font-size: 15px;color: #777777;width:100%;padding:0 30px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_video ul li:hover h5{background: #1384e2;color: #fff;}

.n_tu{ padding:50px 0 70px}
.n_tu ul{width:1250px;margin-bottom: 14px;overflow:hidden;}
.n_tu ul li{float:left;width: 380px;margin-right: 30px;margin-bottom: 38px;}
.n_tu ul li .img{width: 380px;height: 250px;overflow:hidden;position:relative;background:#000;}
.n_tu ul li .img>img{width: 380px;height: 250px;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;border: #fbfbfc 13px solid;}
.n_tu ul li:hover .img>img{ border: #1384e2 13px solid;}
.n_tu ul li .img .top01{ width:100%; height:100%; position:absolute; left:0; top:0;}
.n_tu ul li h5{height: 64px;line-height: 64px;left:0;bottom:0;font-size: 16px;color: #5d5d5d;width:100%;background: #fbfbfc;border:  #eeeeee 1px solid;padding:0 30px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_tu ul li p{-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out}
.n_tu ul li:hover h5{background: #1384e2;color: #fff; border:#1384e2 1px solid}
.n_tu ul li:hover p{color: #fff !important;}

#n_zizhi{ padding:60px 0 70px}
#n_zizhi ul{ float:left; margin-bottom:25px; width:1240px;}
#n_zizhi ul li{float:left;width: 280px;margin: 0 25px 38px 0;}
#n_zizhi ul li .img_box{width: 282px;height: 196px;background: #f7f7f8;position:relative;transition:all ease 300ms;-webkit-transition:all ease 300ms;}
#n_zizhi ul li img{max-width: 185px;max-height: 173px;display:block;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);}
#n_zizhi ul li p{text-align:center;margin-top:18px;font-size: 16px;color: #777777;line-height: 22px;height: 44px;overflow: hidden;}
#n_zizhi ul li:hover .img_box{ box-shadow:0px 5px 10px rgba(0,0,0,0.2);}
#n_zizhi ul li p:hover{ color:#333;}


.n_join{padding:60px 0 80px;}
.n_join ul{margin-bottom:60px;}
.n_join ul li{overflow:  hidden;}
.n_join ul li .top{position:  relative;height: 54px;line-height: 54px;background: #ffff;padding: 0 25px;box-sizing:  border-box;border-bottom:  #efefef 1px solid;}
.n_join ul li .top i{position:absolute;right: 22px;top:50%;margin-top:-9px;width:18px;height:18px;background:url(../images/jia.png) center no-repeat;}
.n_join ul li .top h5{font-size:16px;color: #5a5a5a;float: left;width: 950px;}
.n_join ul li .top h6{font-size: 13px;color: #5a5a5a;float: right;margin-right: 34px;}
.n_join ul li .a{ cursor: pointer;}
.n_join ul li .a.open .top{background: #1384e2;}
.n_join ul li .a.open .top i{ background:url(../images/jian.png) center no-repeat;}
.n_join ul li .a.open .top h5{  color: #fff;}
.n_join ul li .a.open .top h6{color: #fff;}
.n_join ul li .ar_article{padding: 25px;background: #f8f8f8;display:none;}
.n_join ul li .ar_article p{font-size:14px;line-height: 28px;margin-bottom: 28px;color: #707070;}

.n_news01{padding: 50px 0 70px;}
.n_news01 .top_news{float:left;width:100%;overflow:hidden;margin-bottom: 20px;}
.n_news01 .top_news .img{float:left;width: 430px;overflow:hidden;}
.n_news01 .top_news .img img{overflow:  hidden;width: 430px;height: 255px;}
.n_news01 .top_news .con{float:right;width: 770px;height: 255px;background:#f5f5f9;padding: 0 30px;}
.n_news01 .top_news .con .table .table_cell{ text-align:left}
.n_news01 .top_news .con h5{font-size: 18px;color: #4d4d4d;margin-bottom: 18px;overflow:hidden;}
.n_news01 .top_news .con h5 a{color: #3c3c3c;font-size: 18px;min-height:1px;max-height: 999999px;}
.n_news01 .top_news .con h5 a:hover{ color:#1384e2}
.n_news01 .top_news .con h6{ color:#7d7d80; font-size:0.75rem; margin-bottom:0.75rem; -webkit-text-size-adjust: 100%;}
.n_news01 .top_news .con p{font-size: 14px;color: #6f6f6f;line-height: 30px;height: 60px;margin-bottom: 10px;overflow:hidden;}
.n_news01 .top_news .miso-dots{bottom: 42px;z-index:100000;width: auto;left: 460px;}
.n_news01 .top_news .miso-dots li{width: 25px;height: 1px;background: #12dbb3;margin: 0 0.5rem 0 0;overflow: hidden;}
.n_news01 .top_news .miso-dots li.miso-active{ background:#1384e2}
.n_news01 ul.ul{float:left;width:100%;margin-bottom: 50px;}
.n_news01 ul.ul li{float:left;padding: 40px 0;width:100%;position:relative;border-bottom: #f1f1f1 1px solid;background: url(../images/dot.png) left 2.65rem no-repeat;}
.n_news01 ul.ul li:before{ content:""; position:absolute; height:190px; width:0; right:0; top:25px; background:#1384e2; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_news01 ul.ul li:hover:before{ width:1065px;}
.n_news01 ul.ul li h5{font-size: 18px;color: #3c3c3c;overflow:hidden;margin-top: 10px;}
.n_news01 ul.ul li h5 a{color: #3c3c3c;}
.n_news01 ul.ul li h6{ color:#7d7d80; font-size:0.75rem; margin-bottom:0.75rem; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_news01 ul.ul li p{font-size: 14px;color: #6f6f6f;line-height: 30px;height: 60px;margin: 15px 0 15px;overflow:hidden; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.n_news01 .left{ float:left; width:69%;}
.n_news01 .ar_title{padding-bottom: 0;padding: 0 0 2rem;}
.n_news01 .ar_title h3{font-size: 1.25rem;color: #525252;overflow:hidden;text-align: center;font-weight:  bold;padding: 0 1rem;line-height: 1.75rem;padding-bottom: 1rem;}
.n_news01 .ar_title h6 span{position:relative;font-size: 0.75rem;color: #838383;display:inline-block;line-height: 2.3rem;font-weight:normal;margin-right: 1rem;}
.n_news01 .ar_title h6 span i{position:absolute;left:0;bottom: -3px;width:100%;height: 3px;}
.n_news01 .ar_title h6{display:inline-block;vertical-align: top;} 

.n_news01 ul.ul li .img{ float:left; width:270px; height:160px; overflow:hidden; position:relative}
.n_news01 ul.ul li .img img{ width:270px; height:160px;}
.n_news01 ul.ul li .con{ float:right; width:900px; position:relative}
.n_news01 ul.ul li:hover h5 a,.n_news01 ul.ul li:hover p,.n_news01 ul.ul li:hover h6{ color:#fff}


.n_article {margin-top: 35px;}
#n_show_news .n_article{ width: 855px; float: left;}
.n_article .ar_title{padding: 10px 0 8px 0;margin-bottom: 20px;}
.n_article .ar_title{position:relative;border-bottom: #e2e2e2 1px solid;text-align: center;}
.n_article .ar_title h1{font-size: 18px;margin-bottom: 0px;display:block;line-height: 30px;color: #333333;}
.n_article .ar_title h2{position:relative;  text-align: center; display:block;}
.n_article .ar_title h2 span{font-size:12px;color: #b0afaf;display:  inline-block;line-height: 36px;margin: 0 10px;}
.n_article .ar_article{padding-top:20px;padding-bottom: 15px;min-height:400px;}
#ar_fot{position:relative;padding: 15px 18px;border-top: #e5e5e5 1px solid;border-bottom: #e5e5e5 1px solid;}
#ar_fot h1{display:block;font-size: 13px;color: #000000;}
#ar_fot h1 span{display:inline-block;vertical-align: top;}
#ar_fot h1 a{font-size: 13px;color: #565656;font-weight:normal;display:  inline-block;max-width: 460px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align: top;}
#ar_fot h1 a:hover{color: #1384e2;}
#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot .bnt_back:hover{ border-radius:3px;}

.n_zizhi{ padding:58px 0 30px}
.n_zizhi .fl02{padding: 0;background-size:auto 100%;position:relative;margin: 0;}
.n_zizhi .fl02 ul:before{content:"";position:absolute;top: 52px;height: 1px;background: #d9d9d9;left: 0;right: 0;}
.n_zizhi .fl02 ul{width: 100%;position: relative;}
.n_zizhi .fl02 ul li.miso-slide{padding: 0 47px;position:relative;}
.n_zizhi .fl02 ul li.miso-slide:before{content:"";position:absolute;top: 41px;left: 50%;margin-left: -13.5px;width:27px;height:27px;background:url(../images/dot01.png) center no-repeat;}
.n_zizhi .fl02 ul li.miso-slide:hover:before{ background:url(../images/dot01_on.png) center no-repeat;}
.n_zizhi .fl02 ul li.miso-slide:hover h3{ color:#1384e2}
.n_zizhi .fl02 ul li.miso-slide h3{font-size: 20px;color: #535353;position:relative;margin-bottom: 64px;text-align:  center;}
.n_zizhi .fl02 ul li.miso-slide h5{font-size:0.875rem;color:#7f7f7f;line-height:26px;max-width: 10.25rem;display:  inline-flex; }
.n_zizhi .fl02 .miso-prev, .n_zizhi .fl02 .miso-next{width: 31px;height: 31px;top: 46px;}
.n_zizhi .fl02 .miso-prev{background:#fff url(../images/left02.png) center no-repeat;left: 0;}
.n_zizhi .fl02 .miso-next{background:#fff url(../images/right02.png) center no-repeat;right: 0;}
.n_zizhi .fl02 ul li.miso-slide h2{ margin:28px 0 20px}
.n_zizhi .fl02 ul li.miso-slide h2 img{width: 298px;height: 160px;}
.n_zizhi .fl02 ul li.miso-slide p{font-size:14px;color: #535353;line-height: 30px;margin-bottom: 30px;padding: 0 7px;}

.form{ padding:60px 0}
.form .top{margin-bottom: 40px;}
.form .box{ margin:0 -15px;}
.form .con{float:left;width:33.333333%;padding: 0 15px;}
.form h3{ font-size:24px; text-align:center; color:#363636; font-weight:bold; margin-bottom:36px;}
.form .input{height: 62px;line-height: 60px;border: #ecedef 1px solid;background:#fff;margin-bottom:18px;position:relative;}
.form .input span{float:left;background:#ecedef;width:90px;height:60px;text-align: center;font-size: 15px;color: #7b7b7b;}
.form .input label{ float:left}
.form .input input{float: left;display:block;width: 288px;height: 58px;border:none;background:none;padding:0 20px;font-size:16px;color: #666;}
.form .button{width: 380px;height: 60px;line-height: 60px;background: #1384e2;margin-bottom:18px;text-align:center;margin-top: 25px;}
.form .button input{display:block;width: 380px;height: 60px;border:none;line-height: 60px;background:none;padding:0 20px;font-size: 15px;color:#fff;cursor:pointer;border-radius:25px;}
.form .button:hover{background: #12dab3;}

.form .area .input{height: 152px;}
.form .area .input span{height:150px;line-height: 150px;}
.form .area .input textarea{float: left;display:block;width: 1108px;height: 150px;border:none;background:none;padding: 20px 20px;font-size:16px;color: #666;}


.n_tu .top_news{float:left;width:100%;overflow:hidden;margin-bottom: 30px;}
.n_tu .top_news .img{float:left;width: 476px;overflow:hidden;}
.n_tu .top_news .img img{overflow:  hidden;width: 476px;height: 303px;}
.n_tu .top_news .con{float:right;width: 724px;height: 303px;background: #1384e2;padding: 0 30px;}
.n_tu .top_news .con .table .table_cell{ text-align:left}
.n_tu .top_news .con h5{font-size: 18px;color: #ffffff;margin-bottom: 18px;overflow:hidden;}
.n_tu .top_news .con h5 a{color: #ffffff;font-size: 32px;min-height:1px;max-height: 999999px;}
.n_tu .top_news .con h5 a:hover{color: #12dbb3;}
.n_tu .top_news .con h6{ color:#7d7d80; font-size:0.75rem; margin-bottom:0.75rem; -webkit-text-size-adjust: 100%;}
.n_tu .top_news .con p{font-size: 18px;color: #ffffff;line-height: 30px;height: 60px;margin-bottom: 10px;overflow:hidden;}
.n_tu .top_news .miso-dots{bottom: 42px;z-index:100000;width: auto;left: 511px;}
.n_tu .top_news .miso-dots li{width: 25px;height: 1px;background: #38a0f7;margin: 0 0.5rem 0 0;overflow: hidden;}
.n_tu .top_news .miso-dots li.miso-active{background: #ffffff;}

#show_team  { display: block;}
#show_team .team_article{ display: block;}
#show_team .left{width: 320px;float: left;}
#show_team .left .con{border:#e5e5e5 1px solid;text-align: center;padding: 15px 15px;}
#show_team .left img{z-index: 1;width: 320px;height: 204px;}
#show_team .right{width: 518px;float: right;padding: 0;}
#show_team .left h4{font-size: 22px;color:#474748;margin-bottom: 10px;display:inline-block;}
#show_team .left h4 a{ color:#474748;}
#show_team .left h2{font-size: 12px;color: #9d9da0;padding: 0;display:inline-block;margin-left: 10px;}
#show_team .left h2 small{font-size: 16px;color: #9d9da0;float:right;font-weight:normal;display:none;}
#show_team .right .ar_article p{color: #5e5e5e;line-height: 36px;margin-bottom: 36px;}
#show_team .a_scoll{position:relative;width: 100%;padding: 0 16px 0 0;height: 396px;overflow: scroll;overflow-x:hidden;}


#show_team .n_title{position:relative;height: 76px;line-height: 57px;border-bottom: 1px solid #efefef;margin-bottom: 82px;text-align: center;background:  none;}
#show_team .n_title h3{font-size: 24px;border-bottom: 3px solid #1384e2;display:inline-block;color: #363535;margin-bottom: 0px;padding-bottom: 16px;}
.n_tu .ar_article{ display:none}

/*==========================================内页 结束=============================================*/

@media(min-width: 768px){
	
}


@media(min-width: 992px) and (max-width: 1300px){
}

@media(max-width: 1700px){
}

@media(max-width: 1420px){
}

@media(max-width: 1400px){
}

@media(max-width: 1330px){
}

@media(max-width: 1200px){
}

@media(max-width: 1100px){

}

@media(max-width: 992px){
}


@media(max-width: 768px){
	.ar_web{ display:none}
	.ar_wap{ display:block}
}
.n_nav_boxs {
	background: #fafafc;
}
.n_nav_boxs ul {
	display: flex;
	align-items: center;
	gap: 2.25rem;
	padding: .875rem  0 ;
	
}

.n_nav_boxs ul li a {
	font-size: 16px;
    color: #949494;
	line-height: 1.5;
}

.n_nav_boxs ul li a:hover ,
.n_nav_boxs ul li.on a {
	color: #1384e2;
}