@charset "utf-8";
html,body{width:100%; height:100%; padding:0px; margin:0px;
width:expression(document.body.clientWidth <= 1360? "1360px": "auto");min-width:1360px;}
html, body, ol, ul, li, header, menu, nav {font-family:Microsoft YaHei, Arial, Helvetica, sans-serif; font-size:16px !important; color:#333; margin:0; padding:0;border:0; vertical-align:baseline; list-style-type:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
header, menu, nav, main,footer,section,article,video {display: block;}/*初始化html5标签*/
::-webkit-scrollbar {width:0px;}/*滚动条*/
:focus{outline:none;}
*{margin:0;padding:0;list-style-type:none;}
li{list-style-type:none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a:link{color:#333;text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:hover{color:#007ee9!important;text-decoration:none !important;}
a:active{color:#333;text-decoration:none;}
u,i{font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-style:normal;}
img:-moz-broken{-moz-force-broken-image-icon:1;/*火狐图片占位 */} 
img{border:0;behavior: url("../js/iepngfix.htc");}
.con{width:100%; max-width:1200px;height:auto;*height:auto!important;_height: auto;overflow:hidden;margin:0 auto;}
.con2{width:100%; max-width:1330px;height:auto;*height:auto!important;_height: auto;overflow:hidden;margin:0 auto;}
.content{min-height:200px;height:auto;*height:auto!important;_height: auto;line-height:2; font-size:17px;}
.content p{margin:0px;padding:0px;}
.content img{max-width:100%;vertical-align:bottom;}
.content video{max-width:100%;}
.line{border-bottom:1px #313131 solid; height:1px; margin:30px 0; display:block;}
.m120{margin-top:120px;}
.m50{margin-top:50px;}
.m30{margin-top:30px;}
.b50{margin-bottom:50px;}
.b100{margin-bottom:100px;}

/*header*/
header{width:100%; height:80px; position:fixed; top:0; z-index:100; background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#262626,endColorstr=#262626);}
header .logo img{height:50px; display:inline-block;}
header .logo {width:20%; float:left; margin:15px 0 0 0;}
header .logo .biao{font-size:14px; color:#999; float:left; margin:90px 0 0 15px;}
.menu_box{max-width:1200px;height:80px;margin:0 auto;}
header nav{float:left; width:78%; height:80px; margin:0px 0 0 2%; display:block;}
header nav ul{float:left; margin:28px 0 0 0; }

.langu{float:right; margin:22px 0 0 0;}
.langu a{display:block; width:33px; height:33px; border:2px #007ee9 solid; color:#007ee9; font-size:20px; line-height:33px; text-align:center; border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;}
.langu a:hover{border:2px #007ee9 solid; background:#007ee9; color:#FFF!important;}

/*--menu--*/
.menu_div a{height:40px; color:#007ee9 !important;}
#cd_menu li{float:left;}
#cd_menu li span a{font-size:18px; color:#FFF; text-align:center;text-decoration:none; padding:0 25px;}
#cd_menu li span a:hover{height:40px; color:#007ee9;}
@media (max-width:1200px) {
#cd_menu li{margin:0 5px;}
#cd_menu li span a{padding:0 20px;}
}
/*--menu--*/
/*
@media (max-width:1200px) {
header .logo {width:19%; float:left; margin:20px 0 0 1%;}
}
@media (max-width:1023px) {
header{height:60px; top:0; position:fixed;}
header nav{display:none;}
header .logo .biao{display:none;}
header .logo{margin:15px 0 0 15px;}
header .logo img{height:20px; margin-left:0px; filter:none;}
}
/*header end*/

/*xia-menu*/
#xt1 a{line-height:40px; font-size:15px; color:#FFF; display:block;}
#xt1 a:hover{color:#007ee9; background:rgba(0,0,0,0.8); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#m31,#m32,#m33,#m34,#m35{position:absolute; visibility:hidden; width:100%; margin:25px -5px; max-width:140px;  background:rgba(0,0,0,0.6); text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
/*xia-menu end*/

/*pro-xia-menu*/
#p30{position:absolute; z-index:1000; visibility:hidden; width:100%; min-height:260px;height:auto;*height:auto!important;_height: auto; overflow:hidden; background:#F8F8F8; margin:28px 0 0 0; left:0;}
.pcd{float:left; width:16.57%; border-right:1px #ddd solid; padding:20px 0 25px 0; min-height:260px;height:auto;*height:auto!important;_height: auto; overflow:hidden;}
#pt1{font-size:17px; padding:0 10px 10px 10px; text-align:center;}
#pt1 img{width:100%; display:block; margin-bottom:10px;}
#pt2 a{line-height:35px; font-size:15px; padding:0 15px; width:100%; text-transform:none; display:block;}
#pt2 a:hover{color:#FFF!important; background:#007ee9;}
.noline{float:left;width:1px; margin-left:-1px; min-height:300px;height:auto;*height:auto!important;_height: auto; overflow:hidden; background:#F8F8F8;}
/*pro-xia-menu end*/

/* demo-touch */
.topimg{width:100%;padding-top:29.6875%; /*高:宽*/ background:no-repeat; background-size:cover; background-position:center; min-height:150px; max-height:720px; height:auto;*height:auto!important;_height: auto;overflow:hidden;-ms-behavior: url(../js/backgroundsize.min.htc);behavior: url(../js/backgroundsize.min.htc);}
.main_visual{width:100%; position:relative; margin:0 auto; padding-bottom:150px; overflow:hidden;}
.main_image{width:100%; padding-top:29.6875%; overflow:hidden;}
.main_image li{float:left;width:100%;height:auto;}
.flicking_con{position:absolute; bottom:25px; left:50%; margin:0 0 0 -2%; z-index:1;}
.flicking_con a{display:block;float:left;width:12px;height:12px;margin:0 5px;padding:0;background-color:#FFF;text-indent:-1000px;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;behavior:url("../js/PIE.htc");}
.flicking_con a.on{background-color:#FFF; width:40px; height:10px; margin-top:1px; background-position:0 -21px}
#btn_prev,#btn_next{z-index:1;position:absolute;display:block;width:33px!important;height:30px!important;top:50%;display:none;}
#btn_prev{background:url(../images/banner_arrl.png) no-repeat left top;left:5%;opacity:0.75;}
#btn_next{background:url(../images/banner_arrr.png) no-repeat right top;right:5%;opacity:0.75;}
/*
@media (max-width:1200px){
.main_visual{padding-bottom:150px;}
#btn_prev,#btn_next{width:33px!important;height:40px!important;top:50%;background-size:contain;-ms-behavior: url(../js/backgroundsize.min.htc);behavior:url(../js/backgroundsize.min.htc);}
.flicking_con{bottom:10px;left:50%;z-index:999;margin:0 0 0 -8%;}
.flicking_con a{display:block;float:left;width:12px;height:12px;margin:0 4px;padding:0;background-color:#FFF;text-indent:-1000px;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;behavior:url("../js/PIE.htc");}
}
/* demo-touch end */

/*home*/
/*home-topnews*/
#news_box{width:100%; height:45px; background:#F6F6F6;}
#scrollupper {float:left;height:45px; overflow:hidden;}
#scrollupper a {line-height:45px;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}
#scrollupper a u{margin-right:15px;}
.play{background:url(../images/play.gif) no-repeat; width:18px; height:15px; margin:15px 5px 15px 0; float:left;}
.readmor{ float:right; line-height:45px;}
@media (max-width:1160px){
.play{margin-left:10px;}
.readmor{margin-right:10px;}
}
@media (max-width:990px){
.readmor{display:none;}
}
/*home-topnews end*/

/*company*/
.company{text-align:center; font-size:18px; line-height:32px; color:#555;}
.ser-1 li{width:25%; float:left; margin:30px 0; text-align:center;}
.ser-1 li span{display:block; width:135px; height:135px; line-height:135px; margin:0 auto; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;}
.ser-1 li span img{margin:0 auto; vertical-align:middle;}
.ser-1 li u{display:block; font-size:18px; line-height:30px; margin-top:15px;}
.s1{background:#203981;}
.s2{background:#ec6941;}
.s3{background:#da251d;}
.s4{background:#4bb033;}
.ser-1 li:hover img, .icos{
    -webkit-transition: -webkit-transform 0.8s ease-out;
    -moz-transition: -moz-transform 0.8s ease-out;
    -o-transition: -o-transform 0.8s ease-out;
    -ms-transition: -ms-transform 0.8s ease-out;
}
.ser-1 li:hover img, .icos:hover{
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
/*company end*/

/*home-ser*/
.ser_bg{width:100%; height:auto; padding:50px 0; margin:80px 0 0 0; display:block; background:url(../upload/bg.jpg) no-repeat; background-size: 100% 100%;}
.ser_bg .cds{color:#FFF; margin:0px auto 20px auto;}

.ser_bg .cds span{border-color:#FFF;}
.con3{width:100%; max-width:1830px;height:auto;*height:auto!important;_height: auto;overflow:hidden;margin:0 auto;}
.sbox{overflow:auto; zoom:1;}

.sbox li{float:left; width:30%; min-width:590px; height:225px; margin:10px; background:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; overflow:hidden;}    
.sbox li div{width:225px; height:225px; float:left; overflow:hidden;}
.sbox li img{max-width:100%; height:225px;}
.sbox li h3{margin:30px 0px 15px 0px; font-size:18px; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sbox li:hover h3{color:#007ee9;}
.sbox li span{width:55%; height:170px; overflow:hidden; margin:15px 20px; float:left; font-size:14px; line-height:25px; color:#555;}
.sbox li div i{width:0px; height:0px; position:absolute; z-index:10; margin:105px 0 0 210px;
    border-top: 10px solid transparent; /*--三角形--*/
    border-right: 15px solid #FFF;
    border-bottom: 10px solid transparent;
}
.ca_but{width:140px; height:45px; margin:20px auto; display:block; font-size:18px; font-family:Arial, Helvetica, sans-serif; line-height:47px; text-align:center; color:#FFF; border:1px #FFF solid; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.ca_but:hover{border:1px #5CF solid; color:#5CF;}

/*services*/
.libg li{background:#2E9FFF!important; margin:10px 0px!important;}
.libg li h3{color:#FFF!important;}
.libg li span{width:54%!important; color:#FFF!important;}
.libg li div i{border-right:15px solid #2E9FFF!important;}
/*services end*/
@media (max-width:1830px){
.con3{max-width:1220px;}
.sbox li{float:left; width:45%;}
}
/*home-ser end*/

/*home num*/
.priorities{max-width:1920px; height:260px; margin:70px 0 0 0; background: url(../upload/num.jpg) no-repeat center; display:flex; align-items:center; /*div垂直居中*/}
.container{float:left; width:23%; margin:0 1%; text-align:center;}
.container .box{display:flex; justify-content:center; }
.num{float:left; text-align:right; font-size:60px; color:#00b7ee; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.container u{float:left; margin:25px 0 0 2%; text-align:left; font-size:30px; color:#00b7ee; text-decoration:none;}
.container i{float:left; width:30px; font-size:60px; color:#00b7ee; font-style:normal; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.container h3{clear:left; font-size:15px; color:#FFF; font-weight:normal; margin:0px;}
/*home num end*/

/*home pro_brand*/
.lef{float:left; width:37.5%; height:220px; text-align:center; display:flex; align-items:center; margin:0 1% 29px 1%; border:1px solid #ddd;}
.lef img{width:100%; max-width:277px; max-height:110px; margin:0 auto;}
.rig{float:left; width:60%;}
.rig li{float:left; width:30%; height:95px; text-align:center; display:flex; align-items:center; border:1px solid #ddd; margin:0 10px 29px 10px;}
.rig li:hover,.lef:hover{border:1px solid #09F;}
.rig li img{width:100%; max-width:200px; max-height:90px; margin:0 auto;}

@media (max-width:1140px){
.lef{float:left; width:35%;}
.rig{float:left; width:62%;}
.lef img{width:100%;}
.rig li{float:left; width:29.5%;}
.rig li img{width:100%; max-width:155px;}
}
@media (max-width:992px){
.rig li{float:left; width:28.5%;}
.rig li img{width:100%; max-width:135px;}
}
@media (max-width:768px){
.lef{float:none; width:90%; margin:0 auto 29px auto;}
.rig{float:none; width:94%; margin:0 auto 29px auto;}
.rig li{float:left; width:45%; margin:0 2% 29px 2%;}
.lef img{width:100%; max-width:none; max-height:none;}
.rig li img{width:100%; max-width:200px; max-height:90px;}
}
/*home pro_brand end*/
.brand{margin-bottom:120px;}
/*home end*/

/*cd*/
.cds{width:100%;font-size:30px; text-align:center; margin:80px auto 20px auto;}
.cds u{display:block; font-size:15px; line-height:25px; color:#555; text-transform:uppercase;}
.cds span{display:block; width:45px; height:1px; border-bottom:1px solid #999; margin:15px auto 20px auto;}
@media (max-width:992px){
.cds{font-size:25px; margin:30px auto 30px auto;}
.cbg,.cbg2{padding:30px 0;}
.cbg .cds,.cbg2 .cds{margin:0px auto 40px auto;}
.cds u{font-size:15px;}
}
/*cd end*/

/*--img--*/
.sbox li img, .app .layui-col-md4 img, .news img{max-width:100%;
  -webkit-transition: transform 0.4s;
  -moz-transition: transform 0.4;
  -ms-transition: transform 0.4s;
  -o-transition: transform 0.4s;
  -webkit-transform: scale(1);
  transform: scale(1);}
.sbox li:hover img,.app .layui-col-md4:hover img, .news:hover img{
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
/*--img end--*/

/*f_cd*/
.fbg{width:100%; background:#222;}
.f1,.f2,.f3,.f4{float:left; width:13%; margin:0 3% 0 0;}
.f5{float:left; width:10%; margin:0 0% 0 50px;}
.f6{float: right; width:19%;}

.f1_cd a,.f2_cd a,.f3_cd a,.f4_cd a,.f5_cd a,.f6_cd a{color:#FFF!important;}
.f1_cd,.f2_cd,.f3_cd,.f4_cd,.f6_cd{margin:40px 0 0 0; line-height:45px; font-size:18px; border-bottom:1px solid #626c76; pointer-events:none;/*禁用鼠标事件*/}
.f5_cd{margin:40px 0 0 0px; line-height:45px; font-size:18px; border-bottom:0px solid #626c76; pointer-events:none;/*禁用鼠标事件*/}
.libox{margin:10px 0 0 0px;}
.libox li,.libox li a{font-size:15px; line-height:30px; color:#b6c2cd;}
.fbg .dv{padding:10px 0; width:100%; margin:0 0; line-height:25px; text-align:left; display:inline-block; background:#222;}
.fbg .dv a{width:100%; margin:0 0; display:block;}
.fbg .sv{background:none;}

.phone{font-size:18px !important; font-family:Arial, Helvetica, sans-serif;}
.phone u{font-size:22px; color:#007ee9;}
.work{font-size:18px !important; font-family:Arial, Helvetica, sans-serif;}
.weixin{text-align:center;}
.weixin img{max-width:100px; margin:10px 0 0 0;}
.weixin span{display:block; font-size:14px;}
.mx{display:none;}

/*
@media (max-width:1023px){
.fbg{padding-top:20px;}
.f1,.f2,.f3,.f4,.f5{float:none; width:80%;margin:20px 10%;}
.f1_cd,.f2_cd,.f3_cd,.f4_cd,.f5_cd{margin:0px 0 0 0; pointer-events:auto;}
.fbg .dv{padding:10px 0; width:100%; margin:0 0; line-height:25px; text-align:left; display:none;}
.fbg .dv a{width:100%; margin:0 0; display:block;}
.fbg .sv{background:url(../images/uew_icon.png) no-repeat right 18px;}
}
@media (max-width:768px){
.fbg{margin-bottom:0px;}
.f1,.f2,.f3,.f4{display:none;}
.phone,.work{text-align:center; font-size:18px !important;}
.weixin{width:150px; margin:10px auto 0 auto; text-align:center;}
.weixin span{display:block; font-size:14px !important;}
.mx{display:block;}

.f1,.f2,.f3,.f4,.f5{float:none; width:90%;margin:10px 5%;}
.f1_cd,.f2_cd,.f3_cd,.f4_cd{line-height:35px; font-size:15px;}
.f5_cd{font-size:18px; text-align:center;}
}
/*f_cd end*/

/*footer*/
.footer{width:100%; height:70px; line-height:70px; margin:50px 0 0px 0; background:#161616; }
.footer ul{border-top:0px solid #bbc5ce;}
.footer li{float:left; color:#b6c2cd;}
.fcoy{width:70%; text-align:right; font-size:14px!important; font-family:Arial, Helvetica, sans-serif;}
.fcoy a{color:#b6c2cd;}
.fmenu{width:30%; text-align:left; font-size:14px!important;}
.fmenu img{max-width:80px; margin-top:-10px;}

/*
@media (max-width:1200px){
.footer{margin:10px 0;}
.fcoy{width:62%;}
}
@media (max-width:1023px){
.footer{height:50px; line-height:50px; margin:50px 0 0 0;}
.footer ul{border-top:0px solid #bbc5ce; margin:0 5%;}
.fcoy{width:60%;}
.fmenu{width:20%;}
}
@media (max-width:768px){
.footer{margin:30px 0 0 0;}
.fcoy{width:100%; text-align:center;}
.fmenu,.fcoy i{display:none;}
}
/*footer end*/

/*--cd_menu--*/
/**float:left居中**/
.clearfix:after {content:""; height:0; visibility:hidden; display:block; clear:both;}
.clearfix{zoom:1; }
.warp{width:100%; margin:15px auto; overflow:hidden; position:relative;}
.cdbg .navs{float:left; position:relative; width:100%; left:50%;}
.cdbg .navs li{float:left; /*width:24.5%;*/ position:relative; right:50%; overflow:hidden; text-align:center; margin:0px 0.5%; word-wrap:break-word;word-break:break-all;overflow:hidden;}
.w1{max-width:150px;}.w2{max-width:600px;}.w3{max-width:800px;}.w4{max-width:1000px;}.w5{max-width:1200px;}.w6,.w7,.w8,.w9,.w10,.w11,.w12,.w13,.w14,.w15{max-width:100%;}/*根据菜单ID数量变化*/
.c1{width:98%;}.c2{width:48%;}.c3{width:31.0%;}.c4{width:23.5%;}.c5{width:18%;}.c6{width:15.3%;}.c7{width:13%;}.c8,.c9,.c10,.c11,.c12,.c13,.c14,.c15{width:13.25%;}
/**float:left居中 end**/

/*navs menu*/
.cdbg .navs li{float:left; margin:30px 0.5%; text-align:center; font-size:18px; height:40px; line-height:40px; border:1px solid #CCC; background:#FFF; -moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;}
.cdbg .navs li:hover{background-color:#203981;}
.cdbg .navs li:hover a{color:#FFF!important;}
.cdbg .navs li a, .cdbg .navs li a:link{padding:0 25px; color:#555; text-decoration:none; display:block;}
.cdbg .navs .hover{background-color:#203981; color:#FFF; text-decoration:none; display:block; -moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;}
@media (max-width:640px){
.cdbg .navs{margin:0 2%;}
.cdbg .navs li{height:30px; line-height:30px; font-size:14px;}
.cdbg .navs li a, .cdbg .navs li a:link{padding:0 12px;}
.c1{width:99%;}.c2{width:47%;}.c3{width:31.0%;}.c4{width:23.8%;}.c5{width:18.8%;}
}
/*navs menu end*/
/*--cd_menu end--*/

/*about*/
.topimg3{width:100%;padding-top:15.625%; /*(max-min):1920*/ background:no-repeat; background-size:cover; background-position:center; min-height:150px; max-height:450px; height:auto;*height:auto!important;_height: auto;overflow:hidden;-ms-behavior: url(../js/backgroundsize.min.htc);behavior: url(../js/backgroundsize.min.htc); text-align:left;}

.tcd{width:100%; height:45px; font-size:15px; line-height:45px; background:#dedede; border-bottom:1px solid #FFF; margin-bottom:50px;}
.tcd #cd_menu{float:right;}
.tcd a{font-size:15px;}
.tcd li{float:left;}
.tcd li .h2,.h3,.h4,.h5{display:inline-block; border-left:1px solid #999; height:12px; margin:0 15px;}
@media (max-width:1000px){
.tcd{margin-bottom:20px;}
.tcd #cd_menu{margin-right:10px;}
.tcd li .h2,.h3,.h4,.h5{margin:0 10px;}
}
/*about end*/

/*contact*/
.mapbox_01{width:100%; margin:80px 0; min-height:300px; height:auto;*height:auto!important;_height: auto;overflow:hidden;}
.mapbox_02{width:100%; height:300px; margin:80px 0; padding-top:80px; border-top:1px #eee solid; min-height:300px; height:auto;*height:auto!important;_height: auto;overflow:hidden;}
.mlef{float:left; width:50%;}
.mlef li{line-height:40px; font-size:16px;}
.mlef li span{font-size:20px; color:#000;}
.taiwai{background:url(../images/icon.png) no-repeat 0 -48px; height:29px; margin:0 0 15px 0; display:block;}
.shenzhen{background:url(../images/icon.png) no-repeat; height:29px; margin:0 0 15px 0; display:block;}
.mrig{float:left; width:48%; margin-left:2%;}
@media (max-width:1200px){
.mapbox_01{width:98%; margin:30px 1%;}
.mapbox_02{width:98%; margin:30px 1%; padding-top:30px;}
.mlef{width:98%; clear:both; margin:0 1%;}
.mrig{width:98%; clear:both; margin:20px 1% 0 1%;}
.mlef li{line-height:28px; font-size:14px;}
.mlef li span{font-size:16px; color:#000;}
}

/*map*/
#container,#container2{width:100%; height:320px; border:1px #ddd solid;}
.amap-logo{right:-1000px !important;left:auto !important;display:none;/*去水印*/}
.amap-copyright{right:-1000px !important;left:auto !important;display:none;}
@media (max-height:810px){
#container,#container2{width:100%; height:250px;}
}  
@media (max-width:1000px){
#container,#container2{width:70%; height:150px; margin:0 auto; border:1px #ddd solid;}
}
@media (max-width:800px){
#container,#container2{width:98%; height:135px; margin:0 auto; border:1px #ddd solid;}
}
/*contact end*/

/*news*/
/*nav menu*/
.cdbg2 .navs{width:100%; height:35px; margin:35px 0; border-bottom:1px #CCC solid;}
.cdbg2 .navs li{float:left; text-align:center; height:35px; line-height:35px;}
.cdbg2 .navs li a, .cdbg2 .navs li a:link{padding:0 20px; /*background-color:#C0C0C0; color:#000000;*/ text-decoration:none; display:block;}
.cdbg2 .navs .hover2{/*background-color:#808080;*/ color:#203981; border-bottom:2px #203981 solid; margin-top:-1px; text-decoration:none; display:block;}
@media (max-width:1023px){
.cdbg2 .navs{height:25px; margin:25px 0 0px 0;}
.cdbg2 .navs li{height:25px; line-height:25px;}
}
/*nav menu end*/
.tit_cd{font-size:20px; line-height:50px; text-transform:uppercase; display:block; margin:35px 0 20px 0;}
.tit_cd a{margin-right:15px;}
.news{height:205px; height:auto;*height:auto!important;_height: auto;overflow:hidden; padding-bottom:50px; border-bottom:1px #ddd solid; clear:both;}
.nbox{margin:0 0 50px 0;}
.nbox:hover .nmor{border:1px #203981 solid; background-color:#203981; color:#FFF;}
.nlef{float:left; width:65%; margin:0 0 0 3%;}
.nrig{float:left; width:30%; max-width:400px; height:200px; overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:block;}
.nrig .ncd{display:none;}
.ncd{font-size:36px; height:36px; text-transform:uppercase; color:#b31b67; margin:0px 0 20px 0;}
.nrig img{width:100%; max-width:400px;}

.ntit{font-size:20px!important; margin:20px 0 0 0;}
.ntit_jj{line-height:22px;color:#707070; font-size:15px!important; height:85px; margin:15px 0 15px 0; overflow:hidden;}
.nmor{width:45px; height:25px; line-height:25px; font-size:18px; text-align:center; margin:10px 0 0 0; color:#CCC; border:1px #CCC solid; background-color:#FFF; border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;}

@media (max-width:1200px){
.nrig{float:left; width:30%; max-width:400px; margin:0 0 0 10px;}
}
/*
@media (max-width:1023px){
.nlef{width:98%; margin:0 1%;}
.nrig{width:100%; max-width:600px; clear:left; float: none; text-align:center; margin:0 auto;}
.nrig img{width:100%; max-width:600px;}
.news{border:0;}
.ntit{font-size:20px; margin:10px 0 0 0;}
.ntit_jj{margin:5px 0 0px 0; font-size:14px;}
.nmor{margin:15px auto 10px auto;}
.nothing{margin:30px 20px; color:#F30; min-height:200px;}
.cdbg{margin-bottom:20px;}
.nbox{padding:0 10px; max-width:600px; margin:30px auto 0 auto;}
}
@media (max-width:1000px){
.headbg{height:50px;}
}
@media (max-width:800px){
.nrig{width:100%; max-width:100%; clear:left; float:left; text-align:center;}
.nrig img{width:100%; max-width:100%;}
}
/*NEWS end*/

/*news-show*/
#head header{background:rgba(0,0,0,0.8);}
.topbox{margin:150px 0 0 0;}
.close{float:right; width:31px; height:31px; background: url(../images/img.png) no-repeat 0px -250px; margin-right:1%; margin-top:-30px;}
.close:hover{background:url(../images/img.png) no-repeat 0px -281px;}
.show_tit{font-size:30px; color:#000; margin:15px 0 0 0; padding-bottom:10px; text-align:center;border-bottom:1px #999 dashed;}
.nl{text-align:center;}
.new_date{clear:both; display:block; width:100%; margin:10px 0 20px 0;}
.hot_hits{margin:2px 15px 0 0;padding: 0 0 0 17px;background:url(../images/img.png) 0 -203px no-repeat; color:#666;}
.hot_date{margin:2px 15px 0 0;padding: 0 0 0 18px; background:url(../images/img.png) 0 -160px no-repeat; }
.hot_date font{font-size:0;line-height:0;}
.hot_bj{margin:0 15px 8px 0;}
.nothings{margin:30px 0;}

/*
@media (max-width:1200px){
.topbox{margin:50px 0 0 0;}
.close{width:25px; height:25px; background: url(../images/img.png) no-repeat -3px -253px;  margin-right:3%;}
.close:hover{background:url(../images/img.png) no-repeat -3px -284px;}
.show_tit{font-size:18px; line-height:25px; padding-bottom:10px; margin:0 10px 15px 10px;}
.nothings{margin:30px 10px;}
.hot_hits{background:url(../images/img.png) 0 -205px no-repeat;}
.hot_date{background:url(../images/img.png) 0 -162px no-repeat;}
.c1{text-align:center; margin-bottom:15px;}
}
/*news-show end*/

/*application*/
.app .layui-col-md4{height:315px; overflow:hidden; margin:30px 0;}
.app .layui-col-md4 span{overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:block;}
.app .layui-col-md4 img{width:100%; height:235px;}
.app .layui-col-md4 h3{font-size:20px; color:#204bc4; margin:10px 0 5px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.app .layui-col-md4 u{font-size:15px; line-height:22px;}
/*application end*/

/*product-brand*/
.mask-container{position:relative; overflow:hidden; width:380px; height:235px; border:1px solid #ddd; display:table-cell; text-align:center; vertical-align:middle; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.mask-container img{max-width:100%;}
.mask {position: absolute; left:0; bottom:0px; padding:0px; width:100%; height:0px; line-height:80px; color:#fff; text-align:center; font-size:25px; background-color: rgba(32,75,196,0.9); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s;}
.mask-container:hover .mask{height:100%; bottom:0 !important; line-height:25px; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s; -ms-transition: all 0.2s;}
.mask-container:hover .mask span{display:block; padding:10% 0 0 0; margin:0 30px;}
.mask-container .mask p{font-size:14px!important; text-align:left; margin-top:12px; padding-bottom:50px;}

/*滑动条*/
.mask-container .mask{max-height:500px; overflow-y:auto; overflow-x:hidden;}
.mask-container .mask::-webkit-scrollbar {height:300px; width:3px; background:#203981;}
.mask-container .mask::-webkit-scrollbar-thumb {background-color:#1bb6fc;}
/*product-brand end*/

.cbg{background:#FFF;}
.cbg,.cbg2{padding:60px 0;}
.cbg .cds,.cbg2 .cds{margin:0px auto 60px auto;}

/*图标字体*/
@font-face {
  font-family: 'iconfont';
  src: url('icon/iconfont.eot');
  src: url('icon/iconfont.eot?#iefix') format('embedded-opentype'),
      url('icon/iconfont.woff2') format('woff2'),
      url('icon/iconfont.woff') format('woff'),
      url('icon/iconfont.ttf') format('truetype'),
      url('icon/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  /*font-size: 36px;*/
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iconfont u{font-size:18px; margin:0 0 0 10px; vertical-align:top;}
.icon-add{font-size:40px; margin:0 0 0 -5px;}
.icon-tel{font-size:33px;}

@media (max-width:1023px){
.iconfont u{font-size:15px; margin:0 0 0 5px;}
.icon-add{font-size:30px; margin:0 0 0 -3px;}
.icon-tel{font-size:25px;}
}
/*图标字体 end*/

/*page*/
DIV.digg {PADDING:20px 3px 20px 3px;clear:both; text-align: center; margin:30px 0 80px 0;}
DIV.digg A {BORDER: #999 1px solid; PADDING: 5px 10px 5px 10px;MARGIN: 2px; TEXT-DECORATION: none;border-radius:3px; background:rgba(255,255,255,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF,endColorstr=#FFF);}
DIV.digg A:hover {BORDER: #204bc4 1px solid; COLOR: #FFF!important; background:#204bc4;}
DIV.digg A:active {BORDER: #204bc4 1px solid; COLOR: #204bc4;}
DIV.digg SPAN.current {BORDER: #204bc4 1px solid; PADDING: 5px 10px 5px 10px; MARGIN:2px; TEXT-DECORATION: none; FONT-WEIGHT: bold; BACKGROUND-COLOR: #204bc4;border-radius:3px; color:#FFF;}
DIV.digg SPAN.disabled {BORDER: #EEE 1px solid; PADDING: 5px 10px 5px 10px;MARGIN:2px; COLOR: #fff; border-radius:3px;}
/*page end*/
.nothing{margin:30px 0px 30px 0px; color:#333; min-height:300px;}
a.backToTop{width:52px; height:52px; background:url(../images/top.png) no-repeat; text-indent:-999em; z-index:10000; right:30px;}
a.backToTop:hover{background-position:0 -53px;}

@media (max-width:992px){
DIV.digg {margin:20px 0 50px 0;}
.content{margin:0 10px 0 10px;}
a.backToTop{width:0px; height:0px;}
a.backToTop{display:none;}
}
@media (max-width:768px){
.con{width:98%; max-width:1200px;height:auto;*height:auto!important;_height: auto;overflow:hidden;}
.content{line-height:30px; font-size:15px;}
.content span{font-size:18px !important;}
}

.cbg2 .content table{border:0px solid #ccc;}
.cbg2 .content table td{padding:0px;}
/*table*/
.content table{border-collapse:collapse; border:0px solid #ccc;}
.content table td{padding:10px; font-size:15px; line-height:28px;}
@media (max-width:768px){
.content table{font-size:12px;}
.content table td{padding:10px 5px; line-height:25px;}
}
/*table*/