@charset "utf-8";
*{margin: 0px;padding: 0px;font-family:"思源黑体";}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0px;padding:0px;}
h1{color:#232323;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,p,span{font-size:12px;}
p{color:#686868;}
ul{list-style:none;}
.cursor{cursor:pointer;}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.l{float:left;}
.r{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
img {border:0;}
a{text-decoration:none;color:#686868;}
.gy{width:1200px;margin:0 auto;overflow:hidden;}
a:hover{text-decoration:none;color:#0b5795;}

/*.top-blank{height:125px;overflow:hidden;background:none;}*/
.top-head{/*height:132px;*/position:absolute;top:0;width:100%;z-index:1000;background:none;}
/*.shadow{width:100%;height:0px;font-size:0;overflow:hidden;background:url(../images/nav_shadow.png) repeat-x;}*/


.top02{height:100px;width:100%; background:rgba(255,255,255,0.75);}
.top02_center{ max-width:1600px; margin:auto;}
.logo{width:24%;float:left;padding-top:22px;}
.logo img{ display:block; max-width:100%; height:auto;}
.nav{/*width:770px;*/float:right;}
.nav ul{/*width:780px;*/}
.nav li{/*width:86px;*/margin:20px 5px 0 6px;float:left;text-align:center;/* position:relative;*/}
.nav a{/*width:86px;*/height:48px;padding:20px 4px 0 4px; display:block;font-size:18px;/*overflow:hidden;*/ color:#0d0c0c; text-transform:uppercase; margin-bottom:32px;}
.nav li a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -1px;height: 1px;opacity: 0;background-color: #0b5795;
-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.tel{ float:right; /*width:260px;*/ margin:30px 0 0 10px; position:relative;}
.tel span{ float:left; display:block; background:url(../images/tel.png) no-repeat left center; padding-left:44px; 
line-height:44px; color:#0b5795; font-size:18px; font-weight:bold;}
.tel .ss{ float:right; width:31px; height:31px; margin:10px 0 0 20px;}
.tel .ss img{ display:block; max-width:100%;}
.ss_con{ position:absolute; bottom:-90px; right:0; width:400px;}
.ss_con input{ display:block; width:calc(100% - 66px); height:50px; border:1px solid rgba(255,255,255,0.2); padding-left:10px; font-size:14px; color:#333;}
.ss_con a{ position:absolute; right:30px; top:0; display:block; width:46px; height:50px; background:url(../images/ss.png) rgba(255,255,255,1) no-repeat center;}
#gb{ position:absolute; right:0; top:0; line-height:50px; font-size:20px; color:#333; cursor:pointer;}


/*.nav .dq,.nav a:hover{border-bottom:1px solid #0b5795;color:#0b5795;}
.nav .dq:hover:after{opacity: 0;} */
.nav a#sel,.nav a:hover{border-bottom:1px solid #0b5795;color:#0b5795;}
.nav a#sel:hover:after{opacity: 0;}


.nav .sub{display:none;width:100%;padding:0;position:fixed;top:100px;overflow:hidden;text-align:left;z-index:110;left:0px;background-color:#f5f5f5; padding-top:30px;}
.nav .sub .nav_xiao{width:1300px;overflow:hidden;padding-top:5px;margin:0 auto;padding-bottom:50px;}
.nav .sub .nav_xiao .nav_left{ float:left; margin-top:20px}
.nav .sub .nav_xiao .nav_left b{ display:block; width:36px; height:1px; background:#0b5795; margin-bottom:40px;}
.nav .sub .nav_xiao .nav_left h2{ font-size:22px; text-align:left; line-height:22px; color:#0b5795; margin-bottom:6px;}
.nav .sub .nav_xiao .nav_left h3{ font-size:16px; text-transform:uppercase; color:#c0c0c0;}
.nav .sub .nav_xiao .xiao_one{width:760px;float:right;overflow:hidden;}
.nav .sub .nav_xiao .xiao_one a{float:left;display:inline;height:28px;line-height:28px;width:108px;margin-right:12px;overflow:hidden;
border-bottom:1px solid #d3d2d2;color:#313030;background:url(../images/201603/nav_dian.jpg) left center no-repeat;padding:0;padding-left:15px;margin-top:13px;
font-size:12px;font-family:"宋体";}
.nav .sub .nav_xiao .xiao_one a:hover{color:#0b5795; border:none;}
.nav .sub .nav_xiao .xiao_two{margin-top:28px;width:760px;float:right;}
.nav .sub .nav_xiao .xiao_two img{float:left;margin-right:25px;}
.nav .sub .nav_xiao .xiao_two .nav_div{float:left;width:380px;padding-top:30px;font-size:12px;color:#666666;line-height:22px;}
.nav .sub .nav_xiao .xiao_two .nav_div h2{font-size:16px;color:#0b5795;font-weight:normal;letter-spacing:1px;line-height:36px;}

.nav .sub .nav_xiao .xiao_three{width:1080px;float:right;overflow:hidden;}
.nav .sub .nav_xiao .xiao_three ul{width:1080px;}
.nav .sub .nav_xiao .xiao_three ul li{float:left;display:inline;width:250px;/*height:190px;*/overflow:hidden;margin:0 20px 0 0px;
text-align:center;position:inherit;line-height:40px;}
.nav .sub .nav_xiao .xiao_three ul li:nth-child(4n){ margin-right:0;}
.nav .sub .nav_xiao .xiao_three ul li img{width:100%;height:auto;display:block; margin-bottom:10px; border:2px solid #fff; box-shadow:0 0 6px #b3b3b3;}
.nav .sub .nav_xiao .xiao_three ul li a{color:#333;width:100%;font-size:16px;height:100%; padding:0; padding-top:17px; margin-bottom:0;}
.nav .sub .nav_xiao .xiao_three ul li a:hover{color:#0b5795; border:none;}
.nav .sub .nav_xiao .xiao_three ul li:hover img{opacity: 0.8;filter: alpha(opacity=80);}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li{width:195px;}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li img{width:195px;height:138px;}

.nav .sub .nav_xiao .xiao_four{width:512px;overflow:hidden;margin-right:25px;margin-left:55px;}
.nav .sub .nav_xiao .xiao_four h2{font-size:18px;font-weight:normal;color:#333333;height:50px;line-height:50px;border-bottom:1px solid #b3b3b3;
letter-spacing:3px;margin-top:10px;}
.nav .sub .nav_xiao .xiao_four .ul{width:590px;}
.nav .sub .nav_xiao .xiao_four .ul li{height:42px;line-height:42px;margin-right:80px;padding-right:10px;width:205px;overflow:hidden;float:left;
display:inline;background:url(../images/nav_dian2.png) right center no-repeat;margin-left:0px;position:inherit;}
.nav .sub .nav_xiao .xiao_four .ul li a{padding:0;width:205px;text-align:left;}
.nav .sub .nav_xiao .xiao_four .ul li a:hover{ border:none;}

.nav .sub .nav_xiao .xiao_five{width:680px;overflow:hidden;float:left;margin-top:15px;margin-left:50px;}
.nav .sub .nav_xiao .xiao_five img{width:280px;height:212px;}
.nav .sub .nav_xiao .xiao_five a{width:280px;height:212px;padding:0;margin-right:45px;float:left;}
.nav .sub .nav_xiao .xiao_five a:hover{ border:none;}
.nav .sub .nav_xiao .xiao_five2{float: right;margin-right: 20px;text-align: left;width: 445px;margin-top:15px;}
.nav .sub .nav_xiao .xiao_five2 p{border-bottom: 1px solid #D9D9D9;box-shadow: none;font-size: 14px;padding: 10px 0;}
.nav .sub .nav_xiao .xiao_five2 p a{text-align: left;width: 200px;display: inline-block;padding-top:0;height:auto;padding: 5px 0;font-size:14px;}

.nav .sub .nav_xiao .xiao_six_l{float:left;width:140px;margin-left:70px;overflow:hidden;margin-top:35px;}
.nav .sub .nav_xiao .xiao_six_l a{display:block;height:46px;line-height:46px;font-size:16px;color:#333333;padding-left:20px;
background:url(../images/yuming_pic9.png) left center no-repeat;padding-top:0;}
.nav .sub .nav_xiao .xiao_six_l a.osel{background:url(../images/yuming_pic9_on.png) left center no-repeat;color:#0b5795;}
.nav .sub .nav_xiao .xiao_six_r{float:left;width:990px;overflow:hidden;text-align:center;}
.nav .sub .nav_xiao .xiao_six_r img{display:block;margin:0 auto;margin-bottom:32px;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
.nav .sub .nav_xiao .xiao_six_r a{float:left;width:140px;height:auto;border-left:1px solid #e2e3e3;padding-top:0;margin-top:50px;}
.nav .sub .nav_xiao .xiao_six_r a:hover img{margin-top:-4px;margin-bottom:36px;}
.nav .sub .nav_xiao .xiao_six_r a:hover{ border:none;}

/*手机导航*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; top:0;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#005bac;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%; height:100%;
/*height:calc(100% - 104px);*/font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%; display:block;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#0b5795}
.sjj_nav ul li ul li>ul{margin-left:10px}

.ss_box{ position:relative; float:right; display:block; width:31px; height:31px; margin-top:10px;}
.ss_box .ss{ display:block; width:31px; height:31px;  background-size:100% 100%; background:url(../images/ss.png) no-repeat center center;}
.ss_input{ position:fixed; top:60px; right:0; width:calc(100% - 40px);}
.ss_input input{ display:block; width:calc(100% - 40px); height:36px; background:#fff; border:1px solid #ddd; border-radius:4px; font-size:14px; padding-left:10px; color:#555;}
.ss_input .ss1{ position:absolute; right:46px; top:6px; display:block; /*width:20px; height:20px;*/ font-size:14px; color:#555;
/*background:url(../images/ss.png) no-repeat center center; background-size:20px 20px;*/}
.ss_input span{ width:40px; text-align:center; position:absolute; top:0; right:0; line-height:36px; font-size:18px; color:#005bac;}
 
 
 
 
 
 
 
 
 
 
 
 
 
 

/*手机导航*/