@charset "utf-8";

/*css 初始化 */

html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img,a { margin:0; padding:0;transition:all 0.6s ease;}

body{overflow-x:hidden;}

fieldset, img,input,button { border:none; padding:0;margin:0;outline-style:none; }

ul, ol { list-style:none; margin:0;padding: 0;}

input { padding-top:0; padding-bottom:0; }

select, input { vertical-align:middle;}

select, input, textarea { font-size:12px; margin:0;}

textarea { resize:none; } /*防止拖动*/

img {border:0; vertical-align:middle; }  /*  去掉图片低测默认的3像素空白缝隙*/

table { border-collapse:collapse; }

body {

    font:12px/150% Arial,Verdana,"\5b8b\4f53";

    font-family:"微软雅黑","宋体";

    color:#333333;

    transition: all 0.6s;

}



.clearfix:before,.clearfix:after {

    content:"";

    display:table;

}

.clearfix:after{clear:both;}

.clearfix{

    *zoom:1;/*IE/7/6*/

}

a {color:#333333; text-decoration:none; }

a:hover{color: #082a49;}

h1,h2,h3,h4,h5,h6 {text-decoration:none;font-weight:normal;font-size:100%;}

s,i,em{font-style:normal;text-decoration:none;}

.col-red{color: #d71619 !important;}

ul,ol,li{list-style:none}

.clear{clear:both;}



/*公共类*/

.w132 {  /*版心 提取 */

    width: 1320px;margin:0 auto;

}

.fl {

    float:left

}

.fr {

    float:right

}

.al {

    text-align:left

}

.ac {

    text-align:center

}

.ar {

    text-align:right

}

.hide {

    display:none

}

/* 头部样式 */

*{transition: all 0.6s;}

img{object-fit: cover;}

/* 字体引用 */

 @font-face {

    font-family: 'newsnum';

    src: url('../font/DINPro-Regular.eot'); /* IE9 Compat Modes */

    src: url('../font/DINPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

             url('../font/DINPro-Regular.woff') format('woff'), /* Modern Browsers */

             url('../font/DINPro-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */

             url('../font/DINPro-Regular.svg#YourWebFontName') format('svg'); /* Legacy iOS */

   }



@font-face {

    font-family: 'newsmed';

    src: url('../font/DINPro-Medium.eot'); /* IE9 Compat Modes */

    src: url('../font/DINPro-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

             url('../font/DINPro-Medium.woff') format('woff'), /* Modern Browsers */

             url('../font/DINPro-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */

             url('../font/DINPro-Medium.svg#YourWebFontName') format('svg'); /* Legacy iOS */

   }

.web-top{width: 100%;overflow: hidden;position: relative;}

.web-top .banner{width: 100%;}

.web-top .banner .ba-bd img{width: 100%;height: 100%;object-fit: cover;}

.web-top .banner .ba-hd{width: 100%;text-align: center;position:absolute;bottom:4%;left: 0;right: 0;margin:0 auto;z-index: 99;}

.web-top .banner .ba-hd li{width:30px;height: 10px;border:2px solid #fff;display: inline-block;margin:0px 4px;border-radius:10px;}

.web-top .banner .ba-hd li:hover,.web-top .banner .ba-hd li.on{width: 35px;background:#f13131;border:2px solid #f13131;}

.web-top .web-nav{position: absolute;top:43px;left: 0;right: 0;margin:0 auto;z-index: 999;}

.web-top .web-nav .logos{width: 170px;height: 43px;margin-right:145px;}

.web-top .web-nav .logos img{width: 100%;height: 100%;}

.web-top .web-nav .in-navs{width:700px;display: flex;justify-content: space-between;flex-flow: row;font-size:16px;}

.web-top .web-nav .in-navs li.nav-li1{line-height: 43px;}

.web-top .web-nav .in-navs li.nav-li1 .li1-a{color: #fff;}

.web-top .web-nav .in-navs li.nav-li1 .li1-a:hover,.web-top .web-nav .in-navs .active .li1-a{color:#f13131 !important;}

.nav-icons{display:inline-block;margin-left:7px;width:9px;height: 7px;background: url(../images/icons-1.png)no-repeat center;margin-bottom: 1px;}



.web-top .top-search{display: flex;flex-flow: row;margin-top:7px;}

.web-top .top-search .search-form{margin-right:30px;transition: width 0.6s;width:200px;position: relative;display: none;}

.web-top .top-search .search-form .keyword{width: 100%;height:36px;box-sizing: border-box;padding:0px 10px;background:rgb(0,0,0,0.3);color: #fff;margin-top: -4px;}

.web-top .top-search .search-form .sub{width:28px;height: 28px;background:url(../images/icon-3.png)no-repeat center;cursor: pointer;    background-size: 100%;

    cursor: pointer; position: absolute;top: 0px;right: 4px;}

.sousuo{margin-right: 30px;width:28px;height: 28px;background:url(../images/icon-3.png)no-repeat center;cursor: pointer;}

.sousuo:hover{background:url(../images/icon-3on.png)no-repeat center;}

.web-top .top-search .ren{cursor:pointer;height:28px;font-size: 0px;color: #f13131;}

.web-top .top-search .ren:after{content:'';display:block;width: 0px;transition:width 0.6s;height: 4px;background:#f13131;margin-top:10px;}

.web-top .top-search .ren:hover:after{content:'';display: block;width:100%;}

.com-tit{width: 100%;display: flex;justify-content: space-between;flex-flow: row;margin-bottom: 70px;}

.com-tit h2{font-size:46px;line-height: 46px;color: #333333;}

.com-tit a{font-size:16px;line-height:46px;color: #999999;}

.com-tit a:after{content:'';display: block;border-bottom:1px solid #999999;width: 100%;transform: scaleX(1);margin-top: -12px;

transition: all .2s ease-in-out;visibility:visible;}

.com-tit a:hover{color:#f13131;/*text-decoration: revert;*/}

#ren-img{width:30px;height: 30px;overflow:hidden;border-radius: 50%;display: block;}

#ren-img img{width: 100%;height: 100%;object-fit: cover;}

#ren-img:hover img{transform: scale(1.2);}

.com-tit a:hover:after{transform: scaleX(0);visibility: hidden;-webkit-transform:scaleX(0);}



.banner .prev{width:28px;height: 75px;background:url(../images/left.png)no-repeat center;position:absolute;top:40%;left: 5%;z-index: 99;}

.banner .next{width:28px;height: 75px;background:url(../images/right.png)no-repeat center;position:absolute;top:40%;right: 5%;z-index: 99;}



/* 公共底部 */

.footer{width: 100%;overflow: hidden;padding:60px 0px 47px;background: #2e2e2e;}

.footer .foot-info{display: flex;flex-flow: row;justify-content: space-between;width: 100%;overflow: hidden;}

.footer .foot-info .foot-rwm{width: 284px;margin-left: 195px;display: flex;justify-content: space-between;}

.footer .foot-info .foot-rwm .rwm-img{width: 122px;}

.footer .foot-info .foot-rwm .rwm-img img{width: 100%;}

.footer .foot-info .foot-rwm .desc{font-size:14px;line-height: 32px;color: #999999;text-align: center;}

.footer .foot-info .foot-nav{flex:1;margin-bottom: 40px;display: flex;justify-content: space-between;flex-flow: row;}

.footer .foot-info .foot-nav .f1-nav{font-size:18px;font-weight: bold;line-height: 18px;color: #fff;margin-bottom: 35px;display: block;}

.footer .foot-info .foot-nav .f2-nav a{font-size: 14px;line-height: 14px;color: #999999;margin-bottom:15px;display: block;}

.footer .foot-info .foot-nav .f2-nav a:hover{color: #fff;}



.footer .call-info{width: 100%;display: flex;flex-flow:wrap;}

.footer .call-info p{font-size: 14px;line-height: 36px;color: #fff;min-width:22%;margin-top:10px;}
.footer .call-info .call-adds{min-width:50%;}

.footer .call-info p.call-tel:before{content:'';display: inline-block;width: 36px;height: 36px;background: url(../images/tel-icon.png)no-repeat center;

margin-right: 20px;margin-bottom: -13px;}

.footer .call-info p.call-web:before{content:'';display: inline-block;width: 36px;height: 36px;background: url(../images/web-icon.png)no-repeat center;

margin-right: 20px;margin-bottom: -13px;}

.footer .call-info p.call-email:before{content:'';display: inline-block;width: 36px;height: 36px;background: url(../images/email-icon.png)no-repeat center;

margin-right: 20px;margin-bottom: -13px;}

.footer .call-info p.call-adds:before{content:'';display: inline-block;width: 36px;height: 36px;background: url(../images/adds-icon.png)no-repeat center;

margin-right: 20px;margin-bottom: -13px;}

.foot-but{width: 100%;line-height: 82px;text-align: center;background: #262626;height: 82px;}

.foot-but,.foot-but a{color: #999999;}

.foot-but a:hover{color: #fff;}







/* 登陆注册表单 */

html{position: relative;width: 100%;height: 100%}

.top-div{width: 100%;height: 100%;background: rgb(0,0,0,0.4);position: absolute;left: 0;top: 0;display:block;}

#dialog-form{width:600px;height:auto;padding-bottom: 30px;background: #fff;border-radius:10px;margin:10% auto;overflow: hidden;}

#dialog-form .top-hea{width: 100%;background: #f7f7f7;height: 80px;padding:26px 30px;box-sizing: border-box;

display: flex;justify-content: space-between;flex-flow: row;}

#dialog-form .top-hea .close{width: 16px;height: 16px;background: url(../images/xx-icon.png)no-repeat center;cursor: pointer;}

#dialog-form h3{font-size: 18px;font-weight: bold;line-height: 82px;text-align: center;}

#dialog-form .form-info{width: 100%;padding:0px 72px;box-sizing: border-box;}

#dialog-form .form-info .input{display: block;width: 100%;height: 48px;box-sizing: border-box;margin-bottom: 20px;position: relative;}

#dialog-form .form-info .input input{width: 100%;height: 100%;font-size: 14px;color: #bebebe;line-height: 48px;padding: 0px 50px;

    box-sizing: border-box;border:1px solid #e6e6e6;border-radius: 10px;}

#dialog-form .form-info input.sub{width: 100%;height:48px;background: #bebebe;border-radius: 48px;margin-top: 20px;color:#fff;font-size: 18px;letter-spacing:2px;}

#dialog-form .form-info input.sub:hover{background:#d61518;cursor: pointer;}

#dialog-form .form-info .username i{display: block;width:18px;height: 20px;background: url(../images/user-name.png)no-repeat center;position: absolute;top: 12px;

left: 20px;z-index: 99;}

#dialog-form .form-info .gongsi i{display: block;width:18px;height: 20px;background: url(../images/icon-gsmc.png)no-repeat center;position: absolute;top: 12px;

left: 20px;z-index: 99;}

#dialog-form .form-info .tel i{display: block;width:18px;height: 20px;background: url(../images/icon-tel.png)no-repeat center;position: absolute;top: 12px;

left: 20px;z-index: 99;}

#dialog-form .form-info .email i{display: block;width:18px;height: 20px;background: url(../images/icon-email.png)no-repeat center;position: absolute;top: 12px;

left: 20px;z-index: 99;}

#dialog-form .form-info .pwd i{display: block;width:18px;height: 20px;background: url(../images/user-pwd.png)no-repeat center;position: absolute;top: 12px;

left: 20px;z-index: 99;}



#dialog-form .zhece{line-height: 32px;text-align: right;padding: 0px 20px;color: #e6e6e6;}

#dialog-form .zhece a{color:#1660b3;}

#liuyan select{position:relative;}

#liuyan .b-label{display:block;float:left;overflow:hidden;}

#liuyan .b-label:nth-child(even){float:right;}