@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html{
  font-size: 8.33vw;
}
@media screen and  (min-width:1200px){ /*主体宽度*/
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}
html {
  scrollbar-width: thin;
  scrollbar-color: #005dc5 rgba(255, 255, 255, .75);
}
html::-webkit-scrollbar {
  width:8px;
}
html::-webkit-scrollbar-thumb {
  background-color: #005dc5;border-radius:8px;
}



.ctext{padding-left:75px;padding-right:75px;}
@media  screen and (max-width: 1024px){
.ctext{padding-left:15px;padding-right:15px;}
}


body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:5px;}
fieldset , img {border:0;}
address , caption , cite , code , dfn , em ,i , th , var {font-style:normal; font-weight:normal;}
ol , ul {list-style:none;}
ception , th{text-align:left;}
q:before , q:after{content:'';}
abbr , acronym{border:0;}
a {color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:none;} /*for ff f6n.net*/
a:hover {text-decoration:none;}

/*定位*/
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.bc {margin-left:auto; margin-right:auto;}
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.zoom {zoom:1}
.hidden {visibility:hidden;}
.vam {vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
li{list-style:none;}
/*其他*/
.cur{cursor:pointer}

/*原reset*/
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;outline: none; font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}
/*清除浮动*/
.clearfix:after{ 
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix{ /*兼容 IE*/
    zoom: 1;
}

/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:14px; font-family: "sourcehansans"; position:relative;width:100%;}/*网站字体颜色*/
.content,.container{margin-left:auto; margin-right:auto; max-width:1200px;}


/* logo */
.logo .container {position: relative; width: 100%;height: 1.7rem;}
.logo .pic {position: absolute;left:0.1rem;top: 0.33rem;}
.logo .pic img {display: block;width: 1.3rem;}
.logo .l_tit {position: absolute;left: 1.57rem;top: 0.6rem;height: 0.7rem;padding-left: 0.18rem;border-left: 1px dotted #c8c8c8;}
.logo .l_tit .p1 {font-size: 0.18rem;font-weight: 600;color: #005dc5;margin-bottom: 0.12rem;}
.logo .l_tit .p2 {font-size: 0.15rem;color: #333;}
.logo .l_rz {position: absolute;left: 7rem;top: 0.6rem; width:2.4rem; line-height: 0;}
.logo .l_rz img{ width: 100%;}
.logo .l_tel {padding-right: 0.55rem;position: absolute;right: 0; top: 0.65rem;background: url(../images/l_tel.png) no-repeat right center;color: #005dc5;text-align: right; background-size: 0.46rem auto !important;}
.logo .l_tel .p1 {font-size:14px;}
.logo .l_tel .p2 {font-size: 0.24rem;}


@media screen and (max-width:1440px) {
.logo .container{ height:130px;}
.logo .pic{left:0;
  top: 0.25rem;}
.logo .pic img{ width:0.98rem;}
.logo .l_tit {left: 1.15rem;top: 0.45rem;height: 0.53rem;padding-left: 0.18rem;}
.logo .l_tit .p1 {margin-bottom: 0.08rem;}
.logo .l_rz {position: absolute;left:6.8rem;top: 0.45rem; width:2rem; line-height: 0;}
.logo .l_tel {padding-right: 0.5rem;position: absolute;right: 0; top: 0.48rem; background-size: 0.4rem auto !important;}
.logo .l_tel .p2 {font-size: 0.22rem;}
}
@media screen and (max-width:1024px) {
.logo{ display:none;}
}

.t_navs{ display: none;position: relative; width: 100%; align-items: center; justify-content: space-between; height:60px;}
.t_navs .pic { display: block; line-height: 0;}
.t_navs .pic img {display: block;width:auto; height:46px;}

@media screen and (max-width:1024px) {
.t_navs{ display:flex;}
}



.menuph{ display:block; float: right; width:26px; height: 20px; cursor: pointer; text-align: center;}
.menuph .point { float:left; width: 100%;  height: 20px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before { width: 100%;}
.menuph .navbtn { position: absolute; top:9px; right: 0; display: inline-block; width:100%; height: 2px; background: #000;
-webkit-transition: all .3s ease-out 0s; 
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after,
.menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 100%; height: 2px; content: ''; background: #000;
-webkit-transition: all .3s ease-out 0s;  
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after { top: -9px;}
.menuph .navbtn::before { top: 9px;}
.menuph.active .point .navbtn{ background: transparent !important;}
.menuph.active .point .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
.menuph.active .point .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}


.xialaph{ position: fixed; left:0; top:60px; float: left; width: 100%; height:100vh; z-index:15; display:none; background:#fff; padding:10px 15px 80px 15px; overflow-y: auto;border-top: 1px solid rgba(0,0,0,0.1);}
.xialaph .l1{width: 100%; display: inline-flex; flex-wrap: wrap; border-bottom:1px solid rgba(0,0,0,0.1);}
.xialaph .a1box{width: 100%;position: relative;}
.xialaph .a2box{width: 100%;position: relative;}
.xialaph .a1{font-size:16px;color: #000; text-transform: uppercase; font-size:16px; line-height:24px;position: relative;padding:14px 20px 14px 0;display: block;width: 100%; text-transform: uppercase;}
.xialaph .on .a1{ color: #005dc5;}
.xialaph .icobox{width:50px;height:100%;position: absolute;right:0;top:0;}
.xialaph .icobox::after{ display:block; content:''; width:8px;height:8px;position: absolute;right:2px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:1px solid #000;  border-right:1px solid #000;}
.xialaph .on .icobox::after{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;border-top:1px solid #005dc5;  border-right:1px solid #005dc5;}
.xialaph .u2{width: 100%;padding:0 0 15px 15px;display: none;}
.xialaph .u2 .l2{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u2 .a2{ width: 100%;display: block; font-size:15px;color: #333;line-height:24px; text-transform: uppercase;}
.xialaph .on .a2{ color:#005dc5;}
.xialaph .u3{width: 100%;padding:10px 0 2px 5px;display: none;}
.xialaph .u3 .l3{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u3 .l3 a{ width: 100%;display: block; font-size:15px;color: #333;line-height:24px; position: relative; padding-left:16px;}
.xialaph .u3 .l3 a::after{ display: block; content:''; position: absolute; left:0; top:50%; width:4px; height:4px; background: #000; margin-top: -2px; transform: rotate(45deg); -ms-transform: rotate(45deg);}
.xialaph .tel{ display: flex; justify-content:center; width: 100%; margin-top: 30px;}
.xialaph .tel a{color: #005dc5;color: #005dc5;display: flex; flex-direction: column; align-items: center;}
.xialaph .tel .p1 { display: inline-flex; font-size: 14px; line-height:30px;  padding-left:36px; background: url(../images/l_tel.png) no-repeat left center; background-size:26px auto !important;}
.xialaph .tel .p2 {display: inline-flex; font-size: 24px; line-height:34px; margin-top: 4px;}



/* nav部分 */

.Nav{ display: block; width:100%; position: relative;background: #067cff;}
.Nav .navUl{ width:102%; display: flex; flex-wrap: wrap;}
.Nav .navUl li.navli { font-size:15px; float:left;position: relative;}
.Nav .navUl li.navli>a {display: block; color: #fff;text-decoration: none;line-height: 0.6rem; position:relative;}
.Nav .navUl li.navli>a::after{ display: block; content: ''; position: absolute; left: 0; top: 50%; margin-top: -7px; height: 14px;border-left: 1px solid #d7ffff;}
.Nav .navUl li.navli:first-child a::after {display: none;}
.Nav .navUl li.navli:hover ,.Nav .navUl li.navli.cur {background: #898989;}
.Nav .navUl li.navli:hover>a::after ,.Nav .navUl li.navli.cur>a::after {border-left: 1px solid #898989;}


@media screen and (max-width:1024px) {
.Nav { display:none;}
}







/*footer*/



.footer {background: #005dc5;}



.footer .f_nav {border-bottom: 1px solid #2078da;}



.footer .f_nav ul {padding: 30px 0 22px 0;width: 101%; display: flex; flex-wrap: wrap;}



.footer .f_nav ul li {float: left;height: 14px;line-height: 14px;border-left: 1px solid #fff;}



.footer .f_nav ul li:first-child {border-left: none;}



.footer .f_nav ul li a {color: #fff; padding: 0;}



.footer .f_box {border-top: 1px solid #0b51a0;padding: 30px 0 20px 0;}



.footer .f_box .f_logo {float: left;}



.footer .f_box .f_logo img {display: block;width: 1.3rem;}



.footer .f_box ul {float: left; padding-left: 0.3rem;  margin-left: 0.3rem;color: #fff;border-left: 1px solid #337dd1;}



.footer .f_box ul li {font-size: 14px;margin-top: 12px;}



.footer .f_box ul li a{color:#fff;}



.footer .f_box ul li:first-child {margin-top: 0;}



.footer .f_box dl {float: right; width: 1.3rem;}
.footer .f_box dl dt{ display: block; width: 100%; line-height: 0;}
.footer .f_box dl dt img {display: block;width: 100%;}



.footer .f_box dl dd {font-size: 14px;text-align: center;margin-top: 10px;color: #fff;}

.footer .sect{ display: flex; width: 100%; justify-content: space-between; align-items: flex-start;}
.footer .keyword{ display: flex; width: 39%;  color: #fff; margin-top: 0.3rem; margin-left: 0.3rem;}
.footer .keyword .common{display: flex; flex-wrap: wrap; width: 100%;}
.footer .keyword .common a{color: #fff;float: left;font-size: 14px; line-height: 24px; margin:0 0.05rem 0.1rem 0.05rem; display: block;}
.footer .keyword .tit{color: #fff;float: left;font-size: 14px;font-weight: bold; white-space: nowrap;; line-height: 24px; }

.f_icp {background: #121c26;}
.f_icp .Coypright{ display: block; width: 100%;text-align: center;font-size: 13px;color: #fff; line-height: 24px; padding: 13px 0;}
.f_icp .Coypright a{color:#fff;}


@media screen and (max-width:1440px) {
.footer .f_box ul{padding-left: 0.2rem;
  margin-left: 0.2rem;}
  .footer .keyword{ margin-left: 0.2rem;}
}
@media screen and (max-width:1024px) {
.f_nav{ display: none;}	
.footer .sect{ flex-wrap: wrap;}
.footer .keyword{ width:100%; margin:20px 0 10px 0; flex-wrap: wrap;}
.footer .f_box{ position: relative;}
.footer .f_box ul{ width:100%; margin:30px 0 0 0; padding:20px 0 0 0; border-left:0;border-top: 1px solid #337dd1;}
.footer .f_box ul li{  margin-top: 8px; line-height:20px;}
.footer .f_box .f_logo img{ width:80px;}
.footer .f_box dl{ position: absolute; right: 0; top:20px; width:auto; display:flex; align-items: center; flex-direction: row-reverse;}
.footer .f_box dl dt{ width:84px;}
.footer .f_box dl dd{ width:20px; margin:0 10px 0 0px;}
.footer .keyword .common a{ font-size:13px; margin:6px 12px 0 0; display: block;}
}
@media screen and (max-width:767px) {
.f_icp .Coypright a{ display: block;}
}



/*底部*/











/*返回顶部*/



.retop ul{ overflow:hidden;}



.retop li{ float:left; margin-left:10px;}



.retop li img{ display:block;}



.rtTop{ width:43px; height:43px; overflow:hidden; position:fixed; top:80%; right:46%; margin-right:-615px; cursor:pointer;  display:none;}

.rtTop h4{ width:43px; height:43px; line-height: 0; overflow:hidden; position:relative;}
.rtTop img{ display:block; position:absolute; top:0; left:0;}

@media screen and (max-width:1400px) {
.rtTop{ right:10px; margin-right:0;}
}





/* -- 弹出窗口 -- */



#oran_full_bg{ display:none !important;}







/* tanchuang1 提交弹窗*/



.tanchuang1{width:100%;position: fixed;top: 0;left: 0;background: url(../images/tanchuangBg.png);height:100%; z-index:9999999;}



.tanchuang1 .conBox{width: 400px;height: 212px;padding: 20px;background: #fff;position: absolute;left: 50%;margin-left: -220px;top: 50%;margin-top: -80px;}



.tanchuang1 .conBox .tcClose{width: 33px;height: 90px;position: absolute;right: 45px;top: -90px;cursor: pointer;z-index:999999999999999;}



.tanchuang1 .conBox .box{width: 398px;height: 190px;border: 1px solid #e5e5e5;padding-top: 20px;text-align: center;position: relative;}



.tanchuang1 .conBox .box img{display: block;width: 47px;height: 47px;margin: 0 auto;}



.tanchuang1 .conBox .box h5{font-size: 24px;color: #005dc5;font-weight: bold;margin-top: 10px;}



.tanchuang1 .conBox .box p{font-size: 16px;color: #4d4d4d;margin-top: 10px;}



.tanchuang1 .conBox .box .b15{display: block;width: 150px;height: 52px;line-height: 52px;text-align: center;font-size: 18px;color: #fff;position: absolute;bottom: -1px;left: 50%;margin-left: -75px;background: #005dc5;text-decoration: none;z-index:999999999999999;border:0px;}



.tanchuang2 .conBox .box a{background: #404040;}



.isInObjectOrEmbed {
  width: 100%;
  height: 100vh;
}

.isInObjectOrEmbed img {
  width: 100% !important;
}