@charset "utf-8";
/*============================ 初始化样式 ============================*/
*
{ margin:0; padding:0;  }
body
{ font-family:Microsoft YaHei,'黑体',Verdana,Tahoma,Arial,sans-serif; font-size:14px; color:#333; min-width:1185px;}
*html
{ background-image:url(about:blank);background-attachment:fixed;}
li
{ list-style:none;}
img
{ border:none;}
body a img
{ border:none;}
/*a:hover img
{opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; }
{opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; }
*/
a
{ color:#333; text-decoration:none; }
a:hover
{ color:#3889c8;}
a:focus
{ outline:none;}
.clear:after
{content:''; display:block; clear:both; }
.clear
{ height:0px; clear:both; }
.text-cut  /*限制文字,文字超出显示冒号*/
{ overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}
.t_center
{ text-align:center;}

.space10 { height:10px; clear:both; }
.space15 { height:15px; clear:both; }
.space20 { height:20px; clear:both; }
.space25 { height:25px; clear:both; }
.space30 { height:30px; clear:both; }

/*效果*/
.trans1
{ transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

/*图片放大*/
.fdapic
{ overflow:hidden;}
.fdapic img
{
-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;transition:all 0.4s ease;}
.fdapic:hover img
{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

/*按钮样式*/
.yu_a0
{ display:inline-block;  text-align:center; transition:all 0.4s ease;-moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; }

/*============================ 公共部分 ============================*/

/* 文章上下篇 */
.wengzhengfanye
{ line-height:30px; padding:20px 10px; clear:both; }
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB
{ padding-left:0px; clear:both; font-size:14px; color:#666;}
.wengzhengfanye span
{font-weight:bold; }
.wengzhengfanye a:hover
{ text-decoration:underline;}

/* 文章类别上下页 */
.page
{ padding:20px; overflow:hidden; text-align:center;}
.pagelink a,.pagelink span
{ display:inline-block; border:1px solid #999;padding:7px 12px; color:#666;margin: 0 4px;border-radius: 3px;}
.pagelink ul li{display: inline-block;}
.pagelink ul li a:hover
{ background:#3889c8; border:solid 1px #3889c8; color:#fff;}
.pagelink ul li.active span
{ background:#3889c8; border:solid 1px #3889c8; color:#fff;}
/*.page
{ padding:20px; overflow:hidden; text-align:center;}
.pagelink a,.pagelink span
{ display:inline-block; padding:7px 12px; color:#666;margin: 0 5px;}
.pagelink ul li{display: inline-block;}
.pagelink ul li a:hover
{ color:#ce1421;}
.pagelink ul li.active span
{ color:#ce1421;}*/

/*用于手机屏幕，大于480px小于640px
@media (min-width: 480px) and (max-width: 640px) {}*/

/* 数字上下页 */
.page_fanye
{ width:100%; height:auto; text-align:center; padding:40px 0 20px; margin:0 auto; overflow:hidden; clear:both;}
.page_fanye a
{ line-height:16px; font-size:14px; text-indent:0px; color: #333;  margin-right: 5px; padding:4px 9px; background:#efefef;  border:1px solid #dedddd;  display: inline-block; }
.page_fanye span
{  height:24px; line-height:20px;  padding:0 10px 0 5px; display: inline-block;}
.page_fanye span input
{ width:30px; height:20px;}
.page_fanye a.page_home,.page_fanye a.page_home:hover,.page_fanye a.page_end,.page_fanye a.page_end:hover
{ width:60px;  color:#666666; }
.page_fanye .onpage,.page_fanye a:hover
{ color: #fff; background:#856493; }
.container{width: 1201px;margin: 0 auto}
.fl{float: left}
.fr{float: right}

/*========================================= 首页 =====================================*/
.header{box-shadow: 0px 0px 16px #999;background-color: #fff;z-index: 999}
.header .top{line-height: 35px;background-color: #eff0f4;overflow: hidden;font-size: 12px;padding: 2px 0;}
.header .top .tel{color: #ff7709;margin-left: 5px}
.header .top i{color: #797979;font-style: normal}
/*.header .nav{overflow: hidden;}*/
.navs{margin-top: 20px}
.navs ul li{float:left;text-align:center; position: relative;margin-left: 30px;}
.navs ul li a {font-size:16px;display:block;line-height: 55px;}
.navs ul li a:hover,.navs ul li a.active{color: #3889c8;border-bottom: 2px solid #3889c8}
.navs ul li.active a{color: #fff;}
.nav2{display:none;width:350px;min-height:480px;position: absolute;top:77px;left: -50%;z-index: 99999;background-color:#fff;margin-left: -100px;
    overflow: hidden;border-top: 3px solid #3889c8}
.nav2 dl{width: 350px;float: left;overflow: hidden;padding: 20px 15px;box-sizing: border-box;}
.nav2 dl a{text-align: left;font-size: 14px!important;line-height: 2!important;background: url("../img/dot1.png") no-repeat left;padding-left: 15px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.nav2 dl a:hover{border-bottom: none!important;}
.nav2 dd{width:540px;line-height: 2;font-size: 16px;padding: 20px;box-sizing: border-box;float: left;display: none;
    box-sizing: border-box;text-align: left;text-indent: 2em}
.nav2 .dd1{display: block!important;}
/*.navs li ul{display:block;width:1500%;position: absolute;top:78px;left: -50%;z-index: 999;background-color:#f0f0f0;margin-left: -600px;}
.navs li ul li{width:100%;line-height:35px;}
.navs li ul li:hover{background-color: #0054a3}
.navs li ul li:hover a{color: #fff;}
.navs li ul li a{font-size: 14px;padding: 0;}*/
.header.fixed {position: fixed;  left: 0;  top: 0;  width: 100%; }
.search{overflow: hidden;}
.search dl{background-color: #fff;overflow: hidden;float: left}
.search dl img{margin: 8px 6px 0 10px;float: left}
.search dl input{line-height: 35px;border: none;background-color: #fff;width: 110px;float: left;outline: none}
.search .sea{display: inline-block;float: left;width: 50px;line-height: 35px;background-color: #c9a37e;text-align: center;color: #fff;border: none;outline: none}


/*banner图片切换样式*/
.banner{width:100%; height:435px; margin:0px auto 0px; overflow:hidden}
#focus {width:100%; height:435px; overflow:hidden; position:relative;}
#focus ul {height:auto; position:absolute;left:-3840px;width: 5709px;}
#focus ul li {float:left; height:435px;overflow:hidden;position: relative;}
#focus ul li a{display: inline-block;width: 100%;height: 100%}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:100%; height:16px; left:0; bottom:0; }
#focus .btn {position:absolute; width:100%; height:16px;left:0;text-align:center;bottom:20px;}
#focus .btn span { _display:inline; _zoom:1; _font-size:0;  width:32px; height:4px; display:inline-block; margin:0 6px; text-indent:-999px; cursor:pointer;
    background:#fff;overflow:hidden;}
#focus .btn span.on {background:#3889c8;}
#focus .preNext {width:45px; height:100px; position:absolute; top:150px; background:url(../img/sprite.png) no-repeat 0 0; cursor:pointer;display: none}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}
#focus:hover .preNext{display: block}

.title{margin-top: 40px;text-align: center;overflow: hidden}
.title h2{font-size:36px;color:#000;font-weight: normal;}
.title p{color: #8d8d8d;margin-top: 20px;line-height: 1.8}
.title i{display: inline-block;width: 40px;height: 2px;background-color: #b28031;margin: 0 auto}

.oneA{overflow: hidden;padding-bottom: 40px;}
.oneA1{margin-top: 40px;}
.oneA1 ul li{display:table;width: 219px;float: left;box-sizing: border-box;margin-right: 24px;border-radius: 8px;
    background-color: #f1f1f1;font-size: 16px;text-align: center;margin-bottom: 15px;padding: 15px;position: relative}
.oneA1 ul li:nth-child(5n){margin-right: 0}
.oneA1 ul li p{height: 40px;display:table-cell; vertical-align:middle }
.oneA1 ul li a{color: #3889c8;}
.oneA1 ul li:hover{background-color: #3889c8}
.oneA1 ul li:hover a{color: #fff}

/*
.oneA1 ul li:nth-child(5n){margin-right: 0}
.oneA1 ul li dd{height: 60px;text-align:center;line-height: 60px;background-color: #3889c8;overflow: hidden;color: #fff;font-size: 24px;
    font-family: Arial;border-top-left-radius: 15px;border-top-right-radius: 15px}
.oneA1 ul li dt{padding: 20px;box-sizing: border-box}
.oneA1 ul li dt h3{font-size: 18px;font-weight: normal;text-align: center;margin-bottom: 10px;background-color: #3889c8;}
.oneA1 ul li dt span{font-size: 12px;color: #999;line-height: 1.8}
*/

/*原样式备份*/
/*.oneA1 .bd ul li{width: 280px;height: 216px;float: left;margin:0 10px;transition: all 0.3s ease;position: relative;text-align: center;position: relative}
.oneA1 .bd ul li dd{width: 100%}
.oneA1 .bd ul li dd img{max-width:100%;transition: all 0.3s ease;opacity: 0.8}
.oneA1 .bd ul li dt{width:100%;font-size: 20px;color: #fff;position: absolute;top: 125px;left: 0;text-align: center}
.oneA1 .bd ul li:nth-child(4n){margin-right: 0}
.oneA1 .bd ul li:hover dd img{opacity: 1}
.oneA1 .hd{ overflow:hidden;padding:0 10px;margin-top: 10px}
.oneA1 .hd ul{overflow:hidden; zoom:1; margin-top:10px; zoom:1; text-align: center}
.oneA1 .hd ul li{ display: inline-block; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../img/icoCircle.gif") 0 -9px no-repeat; }
.oneA1 .hd ul li.on{ background-position:0 0; }*/


.oneB{overflow: hidden;border-top: 1px solid #dddddd;}
.oneB .oneB1{width: 680px;margin-top: 20px;}
.oneB .oneB1 .tit h3{color: #000;font-weight: normal}
.oneB .oneB1 .tit p{color: #a5a5a5;margin-top: 10px}
.oneB .oneB1 .info{color: #737373;line-height: 1.6}
.oneB .oneB2{width: 450px;height: 320px;overflow: hidden}
.oneB .oneB2 img{max-width: 100%}

.oneC{background-color:#f7f7f7;overflow: hidden;margin-top: 25px;padding: 25px 0;}
.oneC1{width: 880px;}
.oneC1 .tit{width: 100%;background-color: #3889c8;line-height: 60px;overflow: hidden}
.oneC1 .tit a{color: #fff;font-size: 18px;padding: 0 28px;line-height: 60px;display: inline-block;float: left}
.oneC1 .tit a:hover{font-weight: bold;background-color: #0360af}
.oneC1 .tit a.active{font-weight: bold;background-color: #0360af}
.oneC1 .oneC1s{padding: 30px 20px;overflow: hidden;background-color: #fff;display: none}
.oneC1 .oneCs1{display: block}
.oneC1 .oneC1sl{width: 300px;height: 320px;overflow: hidden}
.oneC1 .oneC1sl img{height: 320px;}
.oneC1 .oneC1sr{width: 510px;}
.oneC1 .oneC1sr ul li{border-bottom: 1px dashed #e5e5e5;padding: 10px 0;overflow: hidden}
.oneC1 .oneC1sr ul li a{color: #4d4d4d;display: inline-block;width:80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left}
.oneC1 .oneC1sr ul li span{float: right;display: inline-block;color: #808080}
.oneC1 .oneC1sr ul li:hover a{color: #3889c8}

.oneC2{width: 280px;}
.oneC2 ul li{line-height: 60px;text-indent: 85px;border-bottom: 1px solid #fff;opacity: 0.8}
.oneC2 ul li a{font-size: 16px;color: #fff;}
.oneC2 ul li:nth-child(1){background: url("../img/onec1.png") no-repeat 25px;background-color: #0071ad;}
.oneC2 ul li:nth-child(2){background: url("../img/onec2.png") no-repeat 25px;background-color: #22a673;}
.oneC2 ul li:nth-child(3){background: url("../img/onec3.png") no-repeat 25px;background-color: #009a8e;}
.oneC2 ul li:nth-child(4){background: url("../img/onec4.png") no-repeat 25px;background-color: #299cd3;}
.oneC2 ul li:hover{opacity: 1;}
.oneC2 ul li:hover a{font-weight: bold}

.oneC2s{padding: 15px;background-color: #fff;}
.oneC2s h3{color: #0360af;font-size: 20px;text-align: center}
.oneC2s dl{margin-top: 15px;}
.oneC2s input{line-height: 25px;}
.oneC2s #btn{width: 200px;line-height: 35px;display: inline-block;background-color: #0360af;border-radius: 30px;
    color: #fff;text-align: center;margin: 20px 20px 5px 20px;border:none}
.oneC2s #btn:hover{opacity: 0.8}

.oneD{overflow: hidden;margin-top: 40px;}
.oneD ul {float: left;width: 400px;margin-right: 40px}
.oneD dl{border-bottom: 1px solid #d7dde0;overflow: hidden;padding-bottom: 20px;margin-bottom: 20px}
.oneD dl h3{display: inline-block;float: left;font-size: 18px;font-weight: normal}
.oneD dl a{display: inline-block;float: right;color: #666}
.oneD dl a:hover{color: #3889c8}
.oneD ul li{padding: 10px 0;border-bottom: 1px dashed #e5e5e5;background: url("../img/onedli.png") no-repeat left 18px;padding-left: 12px;box-sizing: border-box}
.oneD ul li a{display: inline-block;width: 70%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #4d4d4d}
.oneD ul li span{color: #808080;display: inline-block;float: right}
.oneD ul:nth-child(3n){margin-right: 0;width: 280px;}
.oneD ul dt{line-height: 2}
.oneD ul li:hover a{color: #3889c8}


.oneE{width: 100%;overflow: hidden;border-top: 1px solid #e0e0e0;margin-top: 35px;padding: 20px 0}
.oneEs{background: url("../img/onebg.png") no-repeat 16px 26px;padding-left: 50px;box-sizing: border-box;overflow: hidden}
.oneEs dl{float: left;line-height: 58px;}
.oneEs ul{float: left;width: 1080px;}
.oneEs ul li{float: left;margin: 5px;overflow: hidden;box-sizing: border-box;}
.oneEs ul li img{width: 160px;height: 60px;border: 2px solid #fff}
.oneEs ul li:hover img{border-color: #0360af}

.footer{background:url("../img/footer_gl.png") #222222 no-repeat center;overflow:hidden;color: #fff;}
.foot{overflow: hidden;padding: 40px 0}
.foot_nav{margin-left: 50px;border-right: 1px solid #56595d;box-sizing: border-box;}
.foot_nav ul{margin-right: 50px;}
.foot_nav ul li{color:#ccc;}
.foot_nav h3 {font-weight:normal;color:#fff;}
.foot_nav ul li a {display:block;color:#ccc;margin-top: 10px;}
.foot_nav ul li:hover a{color: #3889c8}
.foot_nav ul:last-child{margin-right: 0}
.foot_nav p{margin-top: 10px;color: #ccc}
.foots{background-color: #333;overflow: hidden;font-size: 16px;line-height: 60px;text-align: center}
.foots a{color: #fff}

/*========================================= 机构简介 =====================================*/
.slider{width: 100%;height: 317px;overflow: hidden;color: #fff;font-size: 24px;}
.slider h3{font-size: 32px;margin: 110px 0 20px;}

.subnav{width: 100%;height:57px;line-height: 57px;overflow: hidden;background-color: #f2f9fe;text-align: center}
.subnav ul li{height: 57px;float: left}
.subnavs a{color: #333333;font-size: 16px;border-right: 1px solid #cdd3d7;padding: 0 30px;}
.subnavs ul li:hover a{color: #fff;border-color: #3b8bc6}
.subnavs ul li:hover{background-color: #3b8bc6}
.subnavs ul li.active{background-color: #3b8bc6}
.subnavs a.active{color: #fff;border-color: #3b8bc6}
.local{color: #999;background: url("../img/local.png") no-repeat left;font-size: 13px;padding-left: 15px;}
.local a{color: #999}

.aboutA{overflow: hidden;font-size: 16px;line-height: 2;padding: 70px 0;}
.aboutA img{max-width: 100%}

.honor{overflow: hidden;padding-bottom: 40px;min-height: 500px;}
.honor ul li{width: 261px;float: left;margin-right: 51px;margin-top: 40px;overflow: hidden}
.honor ul li:nth-child(4n){margin-right: 0}
.honor ul li p{line-height: 48px;text-align: center;background-color: #f4f4f4;overflow: hidden;
    white-space: nowrap;text-overflow: ellipsis;}
.honor ul li dd{width: 261px;height: 339px;overflow: hidden}
.honor ul li dd img{max-width: 100%;transition: all 0.3s;}
.honor ul li:hover img{transform: scale(1.1,1.1);transition: all 0.3s;}
.honor ul li:hover p{background-color: #3889c8;color: #fff}

/*========================================= 新闻动态 =====================================*/
.news{overflow: hidden;min-height: 400px;padding: 20px 0}
.news ul li{border-bottom: 1px solid #e1e5e7;padding: 40px 0;overflow: hidden}
.news ul li dl{width: 140px;height: 100px;border-right: 1px solid #e6e6e6;font-size: 14px;color: #8d8b8b;padding-left: 55px;box-sizing: border-box}
.news ul li dl span{font-size: 50px;color: #3b8bc6}
.news ul li dd{width: 720px;margin-left: 40px;}
.news ul li dd h3{font-size: 20px;font-weight: normal}
.news ul li dd .ly{font-size: 12px;color: #c9c9c9;margin: 15px 0}
.news ul li dd .ly span{display: inline-block;margin-right: 30px;}
.news ul li dd .ly .ly1{background: url("../img/see.png") no-repeat left;padding-left: 18px;}
.news ul li dd .ly .ly2{background: url("../img/ly.png") no-repeat left;padding-left: 15px;}
.news ul li dd p{color: #666;line-height: 1.8}
.news ul li dt{width: 193px;height: 111px;overflow: hidden}
.news ul li dt img{max-width: 100%;transition: all 0.3s;}
.news ul li:hover{background-color: #f4f4f4}
.news ul li:hover dt img{transform: scale(1.1,1.1);transition: all 0.3s;}

/*========================================= 产品中心 =====================================*/
.product{overflow: hidden;min-height: 400px;padding: 20px 0}
/*原样式备份*/
/*.product ul li{width: 268px;height:341px;border: 1px solid #ebebeb;box-sizing: border-box;text-align: center;padding: 25px;float: left;
    margin-right: 40px;margin-top: 35px;}
.product ul li dd{width: 150px;height: 150px;overflow: hidden;margin:0 auto;margin-top: 10px}
.product ul li dd img{max-width: 100%;;transition: all 0.3s}
.product ul li dt h3{font-size: 20px;font-weight: normal;margin: 20px 0}
.product ul li dt p{color: #666;line-height: 1.8}
.product ul li:nth-child(4n){margin-right: 0}
.product ul li:hover{border-color: #3889c8}
.product ul li:hover dd img{transform: scale(1.2);transition: all 0.3s}*/
.product ul li{overflow: hidden;}
.product ul li h3{font-size: 20px;font-weight: normal;}
.product ul li p{color: #666;line-height: 1.8;margin: 15px 0;}
.product ul li dt{height: 200px;margin: 20px;overflow: hidden;padding: 30px;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.12);box-sizing: border-box}
.product ul li .more{display: inline-block;width: 100px;line-height: 40px;background-color: #3889c8;text-align: center;color: #fff;}
.product ul li:hover .more{background-color: #0360af}
.product ul li:hover dt{box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);}

/*========================================= 文件下载 =====================================*/
.down{overflow: hidden;padding: 60px 0;min-height:500px}
.down ul li{line-height: 47px;overflow: hidden;border-bottom: 1px solid #e5e5e5}
.down ul li:nth-child(1){background-color: #e8e8e8;}
.down ul li:nth-child(1) dl{color: #333;font-size: 16px}
.down ul li dl{float: left}
.down ul li .dl{width: 80%;text-indent: 25px;}
/*.down ul li .d2{width: 30%;text-align: center;color: #666}*/
.down ul li .d3{width: 10%;text-align: center;color: #666;float: right}

/*========================================= 新闻详情页 =====================================*/
.con{overflow: hidden;padding: 60px 0}
.conl{width: 830px;}
.conl .tit{border-bottom: 1px solid #ededed;overflow: hidden;padding-bottom: 25px;}
.conl .tit p{font-size: 24px;color: #333;margin-bottom: 20px;}
.icon{color: #999;font-size: 12px;}
.icon i{font-style: normal;margin-right: 20px;}
.icon .i1{background: url("../img/time.png") no-repeat left;padding-left: 15px;}
.icon .i2{background: url("../img/see.png") no-repeat left;padding-left: 18px;}
.icon .i3{background: url("../img/ly.png") no-repeat left;padding-left: 15px;}
.cont{line-height: 2;padding: 30px 0;min-height: 400px;font-size: 16px;}
.cont img{max-width: 100%}
.conr{width: 330px;}
.wengzhengfanyeA{width: 100%;background-color: #f2f9fe;padding: 25px;box-sizing: border-box;margin-bottom: 25px;color: #666;}
.wengzhengfanyeA span{display: inline-block;width: 100%;font-weight: bold;font-size: 18px;color: #000;margin-bottom: 15px;}
.wengzhengfanyeA a{color: #666;font-size: 16px;line-height: 1.8}
.wengzhengfanyeB{width: 100%;background-color: #f2f9fe;padding: 25px;box-sizing: border-box;margin-bottom: 25px;color: #666;}
.wengzhengfanyeB span{display: inline-block;width: 100%;font-weight: bold;font-size: 18px;color: #000;margin-bottom: 15px;}
.wengzhengfanyeB a{color: #666;font-size: 16px;line-height: 1.8}
.conr .back{display: inline-block;width: 100%;line-height: 42px;background-color: #265aab;color: #fff;text-align: center}

/*========================================= 联系我们 =====================================*/
.contactA{height: 460px;overflow: hidden;border: 1px solid #e5e5e5;box-sizing: border-box;position: relative;margin: 60px auto}
.contactA #map{width: 100%;height: 460px;}
.contactA1{width: 389px;height: 366px;position: absolute;right: 0;top: 0;background-color: #3b8bc6;margin-top: 45px;color: #fff;
    box-sizing: border-box;line-height: 2;font-size: 16px;padding: 40px}
.contactA1 h3{font-size: 26px;font-weight: normal}
.contactA1 i{display: inline-block;width: 45px;height: 1px;background: rgba(255,255,255,0.3);margin: 10px 0 15px}

.contactB{padding-bottom: 40px}
.contactB h3{font-size: 24px;font-weight: normal;line-height: 24px;color: #333;position: relative;padding-left: 10px;}
.contactB h3:before{content: '';width: 4px;height: 24px;background-color: #3889c8;position: absolute;top: 0;left: 0}
.contactB ul{margin-top: 40px}
.contactB ul li{width: 32%;min-height: 245px;display: block;background: #fff;border: 1px solid #e5e5e5;
    box-sizing: border-box;padding: 25px 20px;margin-right: 2%;float: left;box-shadow: 0 0 10px #ccc;}
.contactB ul li h4{font-size: 16px;margin-bottom: 10px}
.contactB ul li p{padding: 5px 0}
.contactB ul li:nth-child(3n){margin-right: 0}

/*========================================= 招贤纳士 =====================================*/
.recruit{overflow: hidden;padding: 60px 0}
.recruitl{width: 860px;}
.recruitl dl,.recruitl div{width: 100%;border-bottom: 1px solid #f2f2f2;line-height: 50px;box-sizing: border-box;overflow: hidden;text-align: center;}
.recruitl div dt{display: inline-block;width: 25%;float: left;font-size: 18px;color: #fff;}
.recruitl dl span{display: inline-block;width: 25%;float: left;font-size: 16px;color: #333}
.recruit_con{width: 100%;height: auto;padding: 25px 50px;box-sizing: border-box;background-color: #f4f4f4;line-height: 2;display: none}
.recruitr{width: 289px;height: 380px;background-color: #fff;box-sizing: border-box;border: 10px solid #f4f4f4;padding: 0 21px;color: #666;line-height: 2}
.recruitr h3{font-size: 18px;color: #333;box-sizing: border-box;padding: 15px 0}
.recruitr img{margin-bottom: 15px;}
.recruitl dl:hover{background-color: #f4f4f4}

/*========================================= 产品详情 =====================================*/
.show{overflow: hidden;padding: 60px 0}
.showl{width: 260px;text-align: center}
.showl h3{font-size: 20px;color: #f5f7fa;line-height: 60px;background-color: #3b8bc6;font-weight: normal}
.showl ul li{line-height: 55px;background-color: #f5f7fa;font-size: 16px;border-bottom: 1px solid #e5e6e9;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.showr{width: 880px;}
.showr .tit{font-size: 24px;border-bottom: 1px solid #eaeaea;padding-bottom: 25px;}


/*========================================= 注册 登录 =====================================*/
.acbox{
    background: url(../img/logobg.png) no-repeat center center / 100% 100%;
    height: calc(100vh - 136px);
}
.formbox{
    padding:30px 0;
    /* 1785e1 */
}
.formbox .formtit{
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #e2e0df;
    padding: 5px 0;
}
.formbox .formtit .tit{
    width: 18px;
    height: 18px;
    background-color: #1785e1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    position: relative;
}
.formbox .formtit .tit::after{
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg);
    position: absolute;
    right: 7px;
}
.formbox .formtit .text{
    margin-left: 10px;
    color:#1785e1;
}
.formbox .formbox{
    padding-left: 80px;
}
.formbox .formbox input{
    outline: unset;
    border: 1px solid #ccc;
    padding: 8px 15px;
    border-radius: 2px;
    font-size: 13px;
    width: 300px;
}
.formbox .formbox .red{
    color:#f00;
    padding-right: 3px;
}
.formbox .formbox .items{
    display: flex;
    align-items: center;
    padding: 8px 0;
}
.formbox .formbox .items .label{
    margin-right: 10px;
    width: 80px;
    display: flex;
    align-items: center;
}
.formbox .formbox .items .label .labeltxt{
    width: 70px;
    text-align: justify;
    text-justify: inter-character;
    text-align-last: justify;
}
.regbtnbox{
    padding-left: 200px;
}
.regbtnbox .btn{
    width: 180px;
    height: 35px;
    background-color: #1785e1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    cursor: pointer;
}
.tologin{
    margin-top: 100px;
    width: 100%;
    height: 100px;
    background: url(../img/login2bg.png) no-repeat center center/100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    color: #fff;
}
.tologin a,.tologin a:hover{
    color: #ff9000;
}
.loginformbox{
    width: 310px;
    background-color: #fff;
}
.loginformbox .tit{
    background-color: #f4f4f4;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    height: 45px;
    color: #2086ee;
    font-weight: bold;
}
.loginformbox .formbox{
    padding: 20px;
    padding-bottom: 0;
}
.loginformbox .formbox .items{
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}
.loginformbox .formbox .items input{
    outline: unset;
    border: 0px solid #ccc;
   
    border-radius: 2px;
    font-size: 13px;
    width: 180px;
}
.loginformbox .formbox .items .label{
    width: 102px;
    text-align: justify;
    text-justify: inter-character;
    text-align-last: justify;
    background-color: #e8f2fc;
    padding: 8px 15px;
    flex-shrink: 0;

}
.loginformbox .formbox .items .value{
    width: calc(100% - 110px);
    padding: 0 5px;
    height: inherit;
}
.loginformbox .formbox .items .value input{
    width:  100% !important;

}
.loginbtnbox{
    padding: 0 20px;
}
.loginbtnbox .btn{
    width: 100%;
    height: 45px;
    background-color: #1785e1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    cursor: pointer;
}
.toregbox{
    display: flex;
    padding: 20px 0;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}
.toregbox a,.toregbox a:hover{
    color: #2086ee;
}
.video ul li dd{width: 261px;height: 159px;overflow: hidden}
.video ul li dd img{width:100%;height:100%;object-fit:cover;}