/* CSS Document */

/* header */
.header{position:relative;height: 110px;z-index:999;}
.header-top{ background:#333; height:50px; line-height:50px; position:fixed; left:0;top:0; width:100%; color:#fff}
.header-top a{ display:block}
.header-top .left{ padding-left:180px}
.header-top .right{ padding-right:180px;}
.header-top .right a{ float:left}
.header-top .right .mail{ margin-right:80px}
.header-top .right .tel{ position:relative; padding-right:80px; margin-right:80px;}
.header-top .right .tel:after{ content:""; width:1px; height:12px; background:rgba(255,255,255,0.7); position:absolute; right:0;top:19px}
.header-top .right .tel b{ font-weight:bold}
.header-top a{ color:#fff}
.header-bot{background:#fff;height:110px;width: 1450px;font-size:16px;margin: 0 auto;}
.header-bot .right a{ float:left}
.header-bot .right .search-btn{ line-height:110px; color:#018ed6; background:url(../images/searchbtn.png) no-repeat left center; background-size:15px auto; padding-left:20px; margin-right:35px}

.logo{padding-top:30px;}
.logo img{ display:block;}
.menu{margin-left: 16%;}
.menu li{ float:left; font-size:16px; line-height:110px;position:relative}
.menu li a{ display:block;}
.menu li.on .menu_a{color:#018ed6}
.menu .menu_a{ position:relative; padding:0 55px}
.menu .menu_a:after{ content:""; width:1px; height:12px; background:#e8e8e8; position:absolute; right:0;top:50%; margin-top:-6px;}
.menu li:last-child .menu_a::after{ display:none}
.menu .menu_a:before{ content:""; width:0; height:2px; background:#018ed6; position:absolute; left:50%; transform:translateX(-50%); bottom:35px; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s;}
.menu .menu_a.cur{color:#018ed6}
.menu .menu_a:hover::before, .menu .menu_a.cur::before{ width:calc(100% - 60px);}
.menu li .sub{ position:absolute; width:200px; left:50%; margin-left:-95px; background:#fff;height:0; overflow:hidden;box-shadow: 0 0 15px rgba(0,0,0,0.1);-webkit-transform:translateY(2px); -ms-transform:translateY(2px);transform: translateY(2px);-webkit-transition: -webkit-transform .3s ;transition: transform .3s;}
.menu li .sub a{ display:block; background:#f3f3f3; color:#666; border-bottom:1px solid #d5d5d5; line-height:22px; font-size:15px;padding:10px}
.menu li .sub a:hover{background:#018ed6; color:#fff}
.menu li .sub.active{ height:auto;-webkit-transform:translateY(0); -ms-transform:translateY(0);transform: translateY(0); overflow:visible}
.menu li .prosub .cls{ position:relative}
.menu li .prosub .cls>a{ position:relative; z-index:2}
.menu li .prosub .cls.on>a{background:#018ed6; color:#fff}
.menu li .prosub .sub{ left:150px; margin-left:0;top:0; z-index:1; border-left:1px solid #e8e8e8}
/* header */

/* banner */
.banner{position: relative;z-index: 1;overflow: hidden;width: 100%;}
.banner a{ display:block;}
.banner .text{ position:absolute; background:#018ed6; color:#fff; color:#fff; font-weight:bold; width:40%; padding:10% 3% 10% 5%; height:100%}
.banner .text .p0{ font-size:60px;}
.banner .text .p1{font-size:38px; }
.banner .text .p2{ font-size:25px; font-weight:normal; margin-top:30px}
.banner .images img{ display:block; width:100%}
.banner .swiper-pagination-bullet{ width:12px; height:12px; background:#fff; opacity:1;}
.banner .swiper-pagination-bullet-active{ background:#018ed6}
/* banner */

/* about */
.aboutus{padding: 0 0 30px 0;}
.aboutus>div{border: 1px solid #dadada;}
.abouttop,.aboutbot{overflow: hidden;}
.abouttop>div{height: 312px;}
.aboutbot>div{height: 224px;}
.abouttopleft,.aboutbotleft{width: 678px;}
.abouttopright,.aboutbotright{width: 770px;}
.abouttopleft{background-color: #fff;position: relative;}
.abouttopleft .tit{margin-top: 40px;font-size: 26px;color: #333;margin-left: 40px;}
.abouttopleft p{font-size: 15px;color: #333;margin: 30px 40px 26px;line-height: 30px;display: -webkit-box;overflow: hidden;}
.abouttopleft p strong{font-weight:bold;font-size: 16px;}
.abouttopleft a{margin-left: 40px;color: #018ed6;display: block;width: 120px;height: 36px;border: 2px solid #018ed6;line-height: 36px;text-align: center;}
.abouttopleft img{position: absolute;bottom: 0;left: 366px;}
.abouttopright{position: relative;}
.aboutus .imgbox{overflow: hidden;}
.aboutus .imgbox img{transition: all 1.5s;}
.abouttopright .imgbox,.abouttopright .imgbox img,
.aboutbotleft .imgbox img,.aboutbotright .imgbox,
.aboutbotright .imgbox img{display: block;width: 100%;height: 100%;}
.abouttopright:hover .imgbox img,.aboutbotleft:hover .imgbox img,.aboutbotright:hover .imgbox img{transform: scale(1.2);}
.abouttopright .wenziintro{position: absolute;right: 8px;top:38px;}
.tit26{font-size: 26px;margin-bottom: 30px;}
.wenziintro p{font-size: 14px;color: #666;line-height: 30px;}
.aboutbotleft{position: relative;}
.aboutbotleft .imgbox{width: 456px;height: 100%;}
.aboutbotleft .wenziintro{width: 222px;height: 100%;background-color: #eaeaea;overflow: hidden;}
.aboutbotleft .wenziintro>div{margin: 35px 15px 0;}
.morebtn{position: absolute;bottom: 0;right: 0;display: block;width: 48px;height: 48px;background-color: #018ed6;text-align: center;line-height: 60px;z-index: 3;}
.morebtn img{display: inline-block;}
.aboutbotright{position: relative;}
.aboutbotright .wenziintro{position: absolute;width: 222px;height: 100%;background-color:#018ed6;filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#C8f68100,endcolorstr=#C8f68100);overflow: hidden;top:0;right: 0;z-index: 2;opacity:0.9;}
.aboutbotright .tit26{font-size: 26px;margin-bottom: 30px;color: #fff;}
.aboutbotright .wenziintro p{font-size: 14px;color: #fff;}
.aboutbotright .wenziintro>div{margin: 35px 15px 0;}
.aboutbotright .morebtn{background-color: transparent;border: 1px solid #fff;}
/* about */

/* cpyf */
.index .pt4{padding:60px 0 70px; background:url(../images/i_pt4bg.jpg) center center no-repeat;}
.channel_content.index{padding-bottom:0;}
.index .pt4 .title{text-align:center;font-size:36px;color: #fff;margin-bottom:15px;font-weight:bold;}
.index .pt4 .title a{color: #fff;}
.index .pt4 .info{font-size:14px;color: #fff;text-align:center;margin-bottom:35px;}
.index .pt4 .links{text-align:center;}
.index .pt4 .links a{display:inline-block; margin:0 15px; *display:inline; *zoom:1;}
.index .pt4 .links .opc_btn{width:445px; height:55px; line-height:55px; background:url(../images/gray_70.png); font-size:18px; color:#fff;}
.index .pt4 .links .opc_btn .icon{margin-left:50px; vertical-align:0;}
/* cpyf */

/* footer */
.footer{background-color: #2f363e;padding: 40px 0 50px;margin-top:30px;}
.somelink{overflow: hidden;}
.somelink dl{float: left;}
dt{color: #fff;font-size: 18px;line-height: 50px;}
dt.cline{width: 36px;height: 1px;background-color: #018ed6;line-height: 1;margin-bottom: 25px;}
dd a:active, dd a:hover,dd a:link,dd a:visited{color: #9e9e9e;}
dd,dd a{color: #9e9e9e;font-size: 14px;line-height: 30px;}
.aboutlink{margin-left: 50px;width: 210px;}
.serlink{width: 400px;}
.contantlink{width: 480px;}
.hudonglink{width: 313px;}
.erweimabox{overflow: hidden;}
.erweimabox p{text-align: center;width: 18px;padding: 0 10px;padding-top: 10px;line-height: 18px;}
.erweimabox .imgbox{width: 96px;height: 96px;}
.erweimabox .imgbox img{display: block;width: 100%;height: 100%;}
.sharebox{padding: 16px 0;border-top: 1px solid #4e5864;margin-top: 10px;}
.sharebox a{display: inline-block;margin-left: 12px;}
.morenewsbtns{text-align: center;}
.morenewsbtns img{width: 20px;height: 16px;}
 .morenewsbtns button{padding: 0 36px;}
.morenewsbtns button:hover{background-color: #018ed6;border-color: #018ed6;color: #fff;}
.copyright{background-color: #21262a;text-align: center;padding: 35px 20px;font-size: 14px;color: #9e9e9e;}
@media only screen and (max-width: 1200px) {
.footer{padding: 30px 20px;}
}
@media only screen and (min-width: 768px)and (max-width: 1200px) {.aboutlink,.serlink{margin-left: 0;width: 25%;}
.contantlink{width: 50%;}
.hudonglink{width: 100%;overflow: hidden;}
.erweimabox{float: left;}
.sharebox{border-top: none;float: left;margin-left: 20px;}
}
@media only screen and (max-width: 768px) {.footer{display: none;}
}
/* footer */