@charset "utf-8";
/* 基准色 */
body {color: #333;}
a {color: #333}
a:hover {color: #e70014}
a:visited {color: #333}
a:active, a:focus {color: #e70014}
/* base anim */
a, input, b, h1, img, span, button, header, .arrow, .portinfo, .portinfo h3, .portinfo p, .portimg, *:before, *:after, .nav_transform1 ul.navCont li .title, .media-box .icon, .cusbox a {-moz-transition: all ease-in-out 0.25s;-webkit-transition: all ease-in-out 0.25s;-o-transition: all ease-in-out 0.25s;-ms-transition: all ease-in-out 0.25s;transition: all ease-in-out 0.25s;}
.text-over1{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;text-overflow:ellipsis;  white-space: nowrap;}
.text-over2{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;text-overflow:ellipsis;  white-space: nowrap;}
.text-over3{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;text-overflow:ellipsis;  white-space: nowrap;}
.topbar{clear: both;background: #f1f1f1;color: #666;font-size: 12px;line-height: 30px;}
/*header*/
.header {z-index: 10000;top: 0;width: 100%;left: 0;top: 0;}
.nhead {position: relative;}
.header-min {}
.hw {padding: 0 5%;}
/*
 * top
 */
.head_tel {transition: all 0.5s;background: url(../img/top_ico.jpg) left center no-repeat;padding-left: 60px;}
.head_tel .htop {text-align: right;background: url(../img/abg.jpg) no-repeat right 0;height: 27px;line-height: 24px;color: #fff;padding-right: 10px;}
.news-box1{
padding: 20px;clear: both;overflow: hidden;box-sizing: border-box;}
.news-box1 .icon{border: 1px solid #CCC;}
.head_tel .htop a {color: #fff;font-size: 12px;margin: 0 5px;}
.head_tel{float: right;margin-top:10px;}

.head_tel .num {font-size: 3rem;font-weight: bold;color: #272727;display: block;text-transform: uppercase;transition: all 0.5s;}
.head_tel .txt {float: left;font-size: 16px;color: #5f5f5f;}
.head_tel span {float: left}
.search {padding-top: 4rem;}
.search input {width: 90%;float: left;padding: 0 5%;line-height: 68px;color: #fff;border: none;font-weight: normal;background: none;border: 1px solid #40474a;border-right: none;}
.search .btn1 {background: url(../img/dot_s.jpg) no-repeat center center;color: #0d4b9b;text-align: center;border: none;height: 70px;width: 100%;padding: 0;border: 1px solid #40474a;border-left: none;}
.search p {text-align: center;margin-top: 1rem;}

.lang {text-align: center;background: #da251c;color: #fff;height: 36px;position: relative;}
.lang i {font-size: 2rem;}
.lang span {font-size: 1.5rem;font-weight: bold;display: block;position: relative;cursor: pointer;}
.lang span:before {content: "\e628";font-size: 3rem;color: #fff;font-family: "iconfont";position: absolute;top: 0;bottom: 0;margin: auto 0 auto -35px;font-weight: normal;}
.lang a {background: #da251c;color: #fff;font-weight: bold;display: block;width: 100%;position: absolute;z-index: 1000;display: none;left: 0;}
.lang a:hover {color: #f6dc6f;}
/* LOGO */
.logo {float: left;vertical-align: middle;z-index: 2;position: relative;margin: 0;}
.logo a {display: block;height: 100%;line-height: 0;}
.logo span {display: inline-block;height: 100%;width: 0;text-align: center;vertical-align: middle;}
.logo img {vertical-align: middle;max-height: 100%;}
.logo:after {display: none;content: '';width: 1px;height: 83px;background-color: #e1e1e1;position: absolute;right: 0;top: 50%;margin-top: -34px}

.slogan {position: relative;float: left;width: 50%;height: 120px;vertical-align: middle;}
.slogan::before {content: " ";display: inline-block;height: 100%;width: 0%;vertical-align: middle;}
.slogan p {display: inline-block;vertical-align: middle;margin: 0;padding: 20px;font-size: 24px;color: #d41936;line-height: 1}
.slogan p small {padding-left: 15px;font-weight: normal;font-size: 14px;color: #414141}
.slogan p i {color: #d41936}

.mdot {position: fixed;background: url(../img/mdot.png) no-repeat 0 0;width: 61px;height: 147px;z-index: 10000;right: 1.7%;top: 30%;text-align: center;transition: all 0.5s;}
.mcur {top: 10%;transition: all 0.5s;}
.mdot:before {content: "";background: #ffd89a;width: 1px;height: 60px;position: absolute;left: -5px;right: 0;margin: 0 auto;top: -58px;}
.mdot:after {content: "";background: #ffd89a;width: 1px;height: 150px;position: absolute;left: 0;right: -5px;margin: 0 auto;top: -148px;}
.mdot p {font-size: 18px;font-weight: bold;}
.wapNavBtn {cursor: pointer;animation: transform .4s ease-in-out 0s both;-moz-animation: transform .4s ease-in-out 0s both;-webkit-animation: transform .4s ease-in-out 0s both;-o-animation: transform .4s ease-in-out 0s both;}
.wapNavBtn {display: none;line-height: 40px;height: 45px;width: 70px;font-size: 2rem;z-index: 1000000;margin-top: 4px;float: right;border-radius: 55px;margin-right: 5%;}
.wapNavBtn:before {color: #d11734;font-weight: bold;}
.wapNavBtn.on:before {}

.wapNavBtn span {display: block;right: 0;width: 60%;background: #ff5500;height: 3px;top: calc((100% - 50px) / 2);transition: all 0.4s;position: relative;margin: 0 auto;border-radius: 3px;}
.wapNavBtn span:nth-child(1) {animation: outfirst 0.5s;transform: translateY(15px) rotate(0);}
.wapNavBtn span:nth-child(2) {animation: outlast 0.5s;transform: translateY(21px) rotate(0);}
.wapNavBtn span:nth-child(3) {animation: outlast 0.5s;transform: translateY(27px) rotate(0);}
.wapNavBtn.on span {background: #fff;z-index: 100000;}
.wapNavBtn.on span:nth-child(1) {transform: translateY(25px) rotate(45deg);}
.wapNavBtn.on span:nth-child(2) {transform: translateX(0) rotate(0);display: none;}
.wapNavBtn.on span:nth-child(3) {transform: translateY(23px) rotate(-45deg);}

/* 导航-1 */
.nav_bg {position: relative;height: 57px;clear: both}
.navBox {font-size: 16px;width: 100%;background: #f76615;}
.nav_transform1 {}
.nav_transform1 .navTop {position: fixed;top: 57px;left: 0;opacity: 0;height: 57px;width: 100%;background: rgba(0, 0, 0, 0.8);display: none;}
.nav_transform1 .navTop {transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.nav_transform1 .nshow {opacity: 1;}
.nav_transform1 ul.navCont li.child {position: relative;float: left;width: 12.5%;text-align: center;}
.nav_transform1 ul.navCont li.child a {display: block;color: #FFF;text-transform: uppercase;line-height: 57px;position: relative;}
.nav_transform1 ul.navCont li.child a span {transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.nav_transform1 ul.navCont li.child a:hover, .nav_transform1 ul.navCont li.child a.cur {color: #fff;background: #fa8240;}
.nav_transform1 ul.navCont li.child a:hover::before {width: 100%;}
.nav_transform1 ul.navCont li.child.cur a {width: 100%;}
.nav_transform1 ul.navCont li.child.last a {border-right: 0px}
.nav_transform1 ul.navCont li.na1 {width: 6%;}
.nav_transform1 ul.navCont li.na1 i {color: #333;font-size: 2.4rem;cursor: pointer;}
.nav_transform1 ul.navCont li.child:nth-child(7) .childcont, .nav_transform1 ul.navCont li.child:nth-child(8) .childcont {right: 0;}
.header-min .nav_transform1 .navTop {background: rgba(0, 0, 0, 0.8);}

/*二级*/
.nav_transform1 ul.navCont li.child .childcont {position: absolute;top: 100%;z-index: 999;display: none;width: 100%;background: rgba(0, 0, 0, 0.8);}
.nav_transform1 ul.navCont li.child .childcont li {width: 100%;}
.nav_transform1 ul.navCont li.child .childcont a {line-height: 40px;color: #fff;background: no-repeat;height: auto;margin: 0;font-size: 14px;}
.nav_transform1 ul.navCont li.child .childcont a:before, .nav_transform1 ul.navCont li.child .childcont a:after {display: none;}
.nav_transform1 ul.navCont li.child .childcont a:hover {color: #128ef5;text-decoration: none;}

/*nav anim*/
.nav_transform1 .bg {position: absolute;width: 50%;height: 50%;background: rgba(0, 0, 0, .8);display: none;}
.nav_transform1.skin-white .bg {background: rgba(255, 255, 255, .85)}
.nav_transform1.skin-blue .bg {background: rgba(13, 98, 190, .8);}
.nav_transform1 .bg1 {top: 0px;left: 0px;}
.nav_transform1 .bg2 {top: 0px;right: 0px;}
.nav_transform1 .bg3 {bottom: 0px;left: 0px;}
.nav_transform1 .bg4 {bottom: 0px;right: 0px;}
.nav_transform1.in .bg1 {animation: navBgin1 .4s ease-in-out 0s both;-moz-animation: navBgin1 .4s ease-in-out 0s both;-webkit-animation: navBgin1 .4s ease-in-out 0s both;-o-animation: navBgin1 .4s ease-in-out 0s both;}
.nav_transform1.in .bg2 {animation: navBgin2 .4s ease-in-out 0s both;-moz-animation: navBgin2 .4s ease-in-out 0s both;-webkit-animation: navBgin2 .4s ease-in-out 0s both;-o-animation: navBgin2 .4s ease-in-out 0s both;}
.nav_transform1.in .bg3 {animation: navBgin3 .4s ease-in-out 0s both;-moz-animation: navBgin3 .4s ease-in-out 0s both;-webkit-animation: navBgin3 .4s ease-in-out 0s both;-o-animation: navBgin3 .4s ease-in-out 0s both;}
.nav_transform1.in .bg4 {animation: navBgin4 .4s ease-in-out 0s both;-moz-animation: navBgin4 .4s ease-in-out 0s both;-webkit-animation: navBgin4 .4s ease-in-out 0s both;-o-animation: navBgin4 .4s ease-in-out 0s both;}
@keyframes navBgin1 {0% { transform: translateX(-100%);}100% { transform: translateX(0);}}
@-moz-keyframes navBgin1 {0% { -moz-transform: translateX(-100%);}100% { -moz-transform: translateX(0);}}
@-webkit-keyframes navBgin1 {0% { -webkit-transform: translateX(-100%);}100% { -webkit-transform: translateX(0);}}
@-o-keyframes navBgin1 {0% { -o-transform: translateX(-100%);}100% { -o-transform: translateX(0);}}
@keyframes navBgin2 {0% { transform: translateY(-100%);}100% { transform: translateY(0);}}
@-moz-keyframes navBgin2 {0% { -moz-transform: translateY(-100%);}100% { -moz-transform: translateY(0);}}
@-webkit-keyframes navBgin2 {0% { -webkit-transform: translateY(-100%);}100% { -webkit-transform: translateY(0);}}
@-o-keyframes navBgin2 {0% { -o-transform: translateY(-100%);}100% { -o-transform: translateY(0);}}
@keyframes navBgin3 {0% { transform: translateY(100%);}100% { transform: translateY(0);}}
@-moz-keyframes navBgin3 {0% { -moz-transform: translateY(100%);}100% { -moz-transform: translateY(0);}}
@-webkit-keyframes navBgin3 {0% { -webkit-transform: translateY(100%);}100% { -webkit-transform: translateY(0);}}
@-o-keyframes navBgin3 {0% { -o-transform: translateY(100%);}100% { -o-transform: translateY(0);}}
@keyframes navBgin4 {0% { transform: translateX(100%);}100% { transform: translateX(0);}}
@-moz-keyframes navBgin4 {0% { -moz-transform: translateX(100%);}100% { -moz-transform: translateX(0);}}
@-webkit-keyframes navBgin4 {0% { -webkit-transform: translateX(100%);}100% { -webkit-transform: translateX(0);}}
@-o-keyframes navBgin4 {0% { -o-transform: translateX(100%);}100% { -o-transform: translateX(0);}}
.nav_transform1.out .bg1 {animation: navBgout1 .4s ease-in-out .4s both;-moz-animation: navBgout1 .4s ease-in-out .4s both;-webkit-animation: navBgout1 .4s ease-in-out .4s both;-o-animation: navBgout1 .4s ease-in-out .4s both;}
.nav_transform1.out .bg2 {animation: navBgout2 .4s ease-in-out .4s both;-moz-animation: navBgout2 .4s ease-in-out .4s both;-webkit-animation: navBgout2 .4s ease-in-out .4s both;-o-animation: navBgout2 .4s ease-in-out .4s both;}
.nav_transform1.out .bg3 {animation: navBgout3 .4s ease-in-out .4s both;-moz-animation: navBgout3 .4s ease-in-out .4s both;-webkit-animation: navBgout3 .4s ease-in-out .4s both;-o-animation: navBgout3 .4s ease-in-out .4s both;}
.nav_transform1.out .bg4 {animation: navBgout4 .4s ease-in-out .4s both;-moz-animation: navBgout4 .4s ease-in-out .4s both;-webkit-animation: navBgout4 .4s ease-in-out .4s both;-o-animation: navBgout4 .4s ease-in-out .4s both;}
@keyframes navBgout1 {100% { transform: translateX(-100%);}0% { transform: translateX(0);}}
@-moz-keyframes navBgout1 {100% { -moz-transform: translateX(-100%);}0% { -moz-transform: translateX(0);}}
@-webkit-keyframes navBgout1 {100% { -webkit-transform: translateX(-100%);}0% { -webkit-transform: translateX(0);}}
@-o-keyframes navBgout1 {100% { -o-transform: translateX(-100%);}0% { -o-transform: translateX(0);}}
@keyframes navBgout2 {100% { transform: translateY(-100%);}0% { transform: translateY(0);}}
@-moz-keyframes navBgout2 {100% { -moz-transform: translateY(-100%);}0% { -moz-transform: translateY(0);}}
@-webkit-keyframes navBgout2 {100% { -webkit-transform: translateY(-100%);}0% { -webkit-transform: translateY(0);}}
@-o-keyframes navBgout2 {100% { -o-transform: translateY(-100%);}0% { -o-transform: translateY(0);}}
@keyframes navBgout3 {100% { transform: translateY(100%);}0% { transform: translateY(0);}}
@-moz-keyframes navBgout3 {100% { -moz-transform: translateY(100%);}0% { -moz-transform: translateY(0);}}
@-webkit-keyframes navBgout3 {100% { -webkit-transform: translateY(100%);}0% { -webkit-transform: translateY(0);}}
@-o-keyframes navBgout3 {100% { -o-transform: translateY(100%);}0% { -o-transform: translateY(0);}}
@keyframes navBgout4 {100% { transform: translateX(100%);}0% { transform: translateX(0);}}
@-moz-keyframes navBgout4 {100% { -moz-transform: translateX(100%);}0% { -moz-transform: translateX(0);}}
@-webkit-keyframes navBgout4 {100% { -webkit-transform: translateX(100%);}0% { -webkit-transform: translateX(0);}}
@-o-keyframes navBgout4 {100% { -o-transform: translateX(100%);}0% { -o-transform: translateX(0);}}
.nav_transform1.in .navCont {animation: navContentIn .4s ease-in-out .4s both;-moz-animation: navContentIn .4s ease-in-out .4s both;-webkit-animation: navContentIn .4s ease-in-out .4s both;-o-animation: navContentIn .4s ease-in-out .4s both;}
@keyframes navContentIn {0% { transform: scale(0); opacity: 0;}80% { transform: scale(1.1);}100% { transform: scale(1); opacity: 1;}}
@-moz-keyframes navContentIn {0% { -moz-transform: scale(0); opacity: 0;}80% { -moz-transform: scale(1.1);}100% { -moz-transform: scale(1); opacity: 1;}}
@-webkit-keyframes navContentIn {0% { -webkit-transform: scale(0); opacity: 0;}80% { -webkit-transform: scale(1.1);}100% { -webkit-transform: scale(1); opacity: 1;}}
@-o-keyframes navContentIn {0% { -o-transform: scale(0); opacity: 0;}80% { -o-transform: scale(1.1);}100% { -o-transform: scale(1); opacity: 1;}}
.nav_transform1.out .navCont {animation: navContentOut .4s ease-in-out 0s both;-moz-animation: navContentOut .4s ease-in-out 0s both;-webkit-animation: navContentOut .4s ease-in-out 0s both;-o-animation: navContentOut .4s ease-in-out 0s both;}
@keyframes navContentOut {100% { transform: scale(0); opacity: 0;}20% { transform: scale(1.1);}0% { transform: scale(1); opacity: 1;}}
@-moz-keyframes navContentOut {100% { -moz-transform: scale(0); opacity: 0;}20% { -moz-transform: scale(1.1);}0% { -moz-transform: scale(1); opacity: 1;}}
@-webkit-keyframes navContentOut {100% { -webkit-transform: scale(0); opacity: 0;}20% { -webkit-transform: scale(1.1);}0% { -webkit-transform: scale(1); opacity: 1;}}
@-o-keyframes navContentOut {100% { -o-transform: scale(0); opacity: 0;}20% { -o-transform: scale(1.1);}0% { -o-transform: scale(1); opacity: 1;}}

/*
 * footer
 */
.footer {background: #313030;line-height: 26px;color: #fff;font-size: 14px;position: relative;overflow: hidden;padding: 2rem 0 180px;}
.footer a {display: inline-block;color: #fff;}
.footer a:hover {color: #000;}
.footer span {display: inline-block;}
.footer .ftit {text-align: center;line-height: 3.5rem;}
.footer .ftit span {display: block;font-size: 3.8rem;font-weight: bold;color: #00274d;margin-bottom: 1rem;}
.footer .ftit a {font-size: 3.5rem;font-weight: bold;color: #00274d;line-height: 3rem;}
.footer .m-form {width: 40%;margin: 0 auto;}
/*底部漂浮*/
.fmsg{background: #f76615;position: fixed;width: 100%;padding: 30px 0 50px;bottom: 0;left: 0;height: 60px;z-index: 10000000;}
.fmsg img{ position: relative; top: -70px;}
.fmsg .form-control{ background: #fff;}
.fmsg .btn{ background:url(../img/tj.png) no-repeat top center;background-size: contain; border:none; color:#fff; font-size:18px; font-weight: bold; height:58px; border-radius: 0; text-transform: uppercase;display: block;padding: 0;line-height: 50px;}
.fmsg .brow{ text-align: center; background:none;}
.fmsg .brow img {margin-top: 50px;}
.fmsg i{ font-style: normal;}
.fmsg span{ display: inline-block; background: #feed00; color: #333; border-radius: 30px; padding: 0 20px; cursor: pointer;}

/*导航*/
.footer .fnav {}
.footer .fnav a {display: block;margin-bottom: 1.5rem;overflow: hidden;clear: both;}
.footer .fnav .fpimg {float: left;width: 15%;}
.footer .fnav .fptxt {width: 83%;float: right;}
.footer .fnav .fptxt span {display: block;}
.footer .fnav a:hover {color: #ffdd00;}
/*友链*/
.footer_link {line-height: 26px;color: #666;border: 1px solid #999;padding: 20px 10px 10px;text-transform: uppercase;}
.footer_link span {color: #ff8800;font-size: 2.2rem;font-weight: bold;display: block;margin: 0 1% 5px;}
.footer_link a {color: #666;font-size: 14px;display: inline-block;margin: 0 1%;}
.footer_link a:hover {color: #ff8800;}
.footer_link .share {text-align: center;}
.footer_link .share i {font-size: 3rem;}
/**/
.flogo {}

.footer .form-control {border: 1px solid #00274d;background-color: #00274d;color: #fff;padding: 2%;}
.footer textarea.form-control {height: 80px;}
/*二维码*/
.footer_qf {text-align: center;}

/*
 * top
 */
.top {display: none;position: fixed;right: 2%;bottom: 80px;z-index: 999;width: 50px;height: 50px;background: #c7000b;color: #ffd89a;line-height: 50px;text-align: center;cursor: pointer;border-radius: 50px;}
.top i {font-size: 22px;}
.top2 {transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.top:hover {}
.top img {vertical-align: middle;}

.shareBox {padding-bottom: 2em}
.shareBox li {display: inline-block;}
.shareBox li a {background: #4d4d4d;color: #fff;border-radius: 50%;display: inline-block;width: 45px;height: 45px;margin-right: 6px;text-align: center;line-height: 45px;font-size: 2rem}
.shareBox li a:hover {text-decoration: none}

.box-title {line-height: 2.6rem;position: relative;text-align: center;color: #fff;padding-bottom: 1rem;width: 245px;margin: 0 auto;
}
.box-title span {font-size: 26px;color: #fff;margin-top: -20px;display: inline-block;padding: 0 25px;font-weight: normal;}
.box-title p {font-size: 1.6rem;font-weight: normal;margin: 10px 0 0;}
.box-title i {display: block;font-style: normal;text-transform: uppercase;position: relative;font-size: 4rem;font-family: Times New Roman;position: relative;line-height: 4rem;font-weight: bold;text-align: right;}

.bptxt {text-align: center;color: #999;margin-top: 5px;}
@keyframes ascroll {0% { transform: translate3d(0, 0, 0);}50% { transform: translate3d(0, 30px, 0);}100% { transform: translate3d(0, 0, 0);}}
.box-side {border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 2rem;}
.title-2 {line-height: 60px;position: relative;height: 80px;position: relative;}
.title-2 .en{color: #7d7d7d;text-transform: uppercase;position: relative;font-size: 18px;font-weight: bold;line-height: 80px;background: #FFF;
}
.title-2 .ch{font-size: 24px;font-weight: bold;color: #424242;padding-right: 20px;background: #FFF;padding: 0 10px;}
.title-2:after,.title-2 .ab-ch:after{content: '';background: #c7c7c7;height: 1px;width: 100%;left: 20%;bottom: 50%;z-index: -1;display: block;position: absolute;}
.title-1 {line-height: 60px;position: relative;height: 61px;position: relative;
}
.title-1 .ab-en{color: #f76615;text-transform: uppercase;position: relative;font-size: 26px;font-weight: bold;line-height: 80px;
}
.title-1 .ab-ch{font-size: 34px;font-weight: bold;color: #fa8240;}
.title-1 .ab-en:before,.title-1 .ab-ch:before{content: '01';font-size: 90px;font-weight: bold;color: #ececec;position: absolute;left: 0;top: 0;z-index: -1;}
.title-1:after,.title-1 .ab-ch:after{content: '';background: #ececec;height: 1px;width: 100%;left: 20%;bottom: 50%;z-index: -1;display: block;position: absolute;}
.brow{width: 100%;background: #f9f9f9;}
.title-1 span {font-size: 2.4rem;font-weight: bold;float: left;}
.c-name{font-size: 24px;line-height: 36px;font-weight: bold;margin: 10px 0;}
.pro-list{background: url(../img/cpbg.jpg) no-repeat top center;background-size: cover;margin-top: 2rem; padding-top: 30px;}
.abinfo{font-size: 14px;color: #666;}
.abinfo a{color: #fa8240 !important}

.title-3 {line-height: 42px;position: relative;background: #0c1417;padding: 15px 0;}
.title-3 span {font-size: 3rem;color: #fff;font-family: Impact;float: left;margin-left: 40px;text-transform: uppercase;}
.isub {text-align: center;padding-bottom:20px;}
.isub a {text-transform: uppercase;color: #333;padding: 0 2%;line-height: 3rem;margin: 2% 1%;display: inline-block;border-radius: 30px;clear: both;width: 60%;background: #fff;position: relative;}
.isub a:before{content:'';width: 26px;height: 5px;background: #b5b5b5;position: absolute;left: -20px;top: 40%;}
.isub a:after{content:'';width: 26px;height: 5px;background: #b5b5b5;position: absolute;right: -20px;top: 40%;}
.isub a:hover {color: #fff;background: #f76615;}
.m-form {}
.m-form legend {color: #032343;font-size: 2.4rem;line-height: 26px;font-weight: bold;margin-bottom: 10px;}
.m-form legend span {color: #6e7378;font-weight: normal;font-size: 16px;}
.form-control, textarea.form-control {color: #333;background: #efefef;border: none;box-shadow: none;height: 50px;width: 100%;}
.m-form .btn {background: #ff8800;border-color: #ff8800;color: #fff;font-size: 18px;font-weight: bold;border-radius: 50px;text-transform: uppercase;}
.form-group {margin-bottom: 10px;line-height: 50px;}
.control-label {float: left;width: 15%;text-align: right;font-weight: bold;}
.form-none {border-bottom: none;}
.form-control:input-placeholder {color: #fff;}
.order-form .form-control, textarea.form-control {width: 100%;}
.order-form textarea.form-control {height: auto;}
.binfo {box-sizing: border-box;padding: 30px;}
/*
 * block
 */
.index_ {padding: 4em 0 1em;}
.index_ .T {padding-bottom: 25px;text-align: center;color: #333333;overflow: hidden;}
.index_ .T h1 {font-size: 36px;line-height: 2;font-weight: bold;color: #202020}
.index_ .T h2 {font-size: 2rem;color: #999999;font-weight: normal;text-transform: uppercase;font-family: serif;letter-spacing: 3px;}
.index_ .T h2 strong {padding: 0 20px;position: relative;font-weight: normal;}
.index_ .T h2 span {color: #014785}
.index_ .T h2 a {display: block;font-size: 1rem;background-color: #014785;color: #fff;width: 100px;margin: 0 auto;border-radius: 15px;font-weight: normal}
.index_ .T h2 .l {height: 4px;width: 16px;background: #ccc;display: block;position: absolute;right: 100%;top: 50%;margin-top: -2px}
.index_ .T h2 .r {height: 4px;width: 16px;background: #ccc;display: block;position: absolute;left: 100%;top: 50%;margin-top: -2px}
.index_ .T h2 .l:before {display: block;content: ' ';width: 200px;height: 1px;background: #cccccc;position: absolute;right: 100%;bottom: 2px;margin-right: 0}
.index_ .T h2 .r:after {display: block;content: ' ';width: 200px;height: 1px;background: #cccccc;position: absolute;left: 100%;bottom: 2px;margin-left: 0}
.index_ .T h3 {font-size: 20px;font-weight: normal;}
.index_ .T h4 {font-size: 34px;color: #333333;font-weight: normal;}
.index_ .T h4 span {color: #d41936}
.index_ .T h5 {font-size: 16px;font-weight: normal;color: #fff;text-transform: uppercase;}
.index_scroll h2 {color: #fff;}
.index_scroll .T .more {float: right;width: 152px;height: 59px;background: url(../img/i_18.png) 0 bottom no-repeat;overflow: hidden;text-indent: -999px;margin-right: 20px;}
/*
* more: text or block
*/
a.more {color: #fff;margin: 2rem auto 0;display: block;width: 186px;height: 56px;text-align: center;line-height: 56px;background: #00274d;}
a.more i {font-size: 3rem;display: inline-block;vertical-align: sub;margin-right: 3%;}
a.more {transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
a.more:hover {color: #fff;background: #2a9fe0;}
a.more.block {padding: 10px 30px;border: 1px solid #c5c2c2;display: inline-block;margin-top: 10px}
a.more.block:hover {color: #ee3f8c;background-color: #fff;border-color: #fff;}
a.button {width: 220px;height: 45px;border: 1px #eee solid;border-radius: 40px;background-color: #fff;display: block;margin: 0 auto;text-align: center;line-height: 45px;position: relative;overflow: hidden;}
a.button.anim span {position: absolute;left: 50%;top: 0;white-space: nowrap;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition-delay: 250ms;-moz-transition-delay: 250ms;-ms-transition-delay: 250ms;-o-transition-delay: 250ms;transition-delay: 250ms;}
a.button.anim i:before {font-size: 22px;color: #ec408c;position: absolute;top: 9px;left: 0;-webkit-transform: translateX(-200%);-ms-transform: translateX(-200%);-o-transform: translateX(-200%);transform: translateX(-200%);}
a.button.anim:hover i:before {left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
a.button.anim:hover span {left: 120%;}

/*
 * 搜索
 */
.search_tool {height: auto;background: #fff;padding: 3rem;position: relative;margin-top: -50px;z-index: 10000;box-shadow: 0px 3px 5px #ccc;}
.widget-search-hot {font-size: 16px;color: #333;background: url(../img/dot_s.jpg) no-repeat 0 center;padding-left: 30px;}
.widget-search-hot a {padding: 0 6px}
.widget-search-hot a:hover {color: #f00;text-decoration: underline}
.widget-search-form {}
.widget-search-form input {float: left;vertical-align: top;color: #ccc;font-size: 14px;}
.widget-search-form .form-control {background: none;border: 1px solid #cbcbcb}
.widget-search-form .search_btn {margin-left: -50px;width: 50px;border: 1px solid #ccc;background: url(../img/base/t_ico.png) -94px -55px no-repeat;}
.widget-search-form .search_btn:hover {background-position: -94px -4px}
/* ==========================================================================
   Common
   ========================================================================== */
.opc0 {opacity: 0;}
.pos {position: relative;}
/*媒体盒子模型*/
.media-box {display: block;text-align: center;margin-bottom: 10px;width: 100%;}
.media-box a {display: block;}
.media-box .icon {display: inline-block;background: #fff;width: 100%;height: 140px;overflow: hidden;border: 1px solid #d7d8db;}
.media-box .icon {transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.media-box h3 {font-size: 1.6rem;padding: 8px 10px;color: #5a5a5a}
.media-box p {color: #8c8c8c;font-size: 1.6rem;line-height: 2;}
.media-box .icon img {height: 100%;width: 100%;object-fit: cover;}
.media-box .icon img {transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
.media-box a:hover .icon img {transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);-webkit-transform: scale(1.2);}
.media-box .laytit {position: absolute;bottom: 0;left: 0;width: 100%;font-size: 1.6rem;background: url(../img/base/layer.png);line-height: 2.4;color: #fff}
.img-box {margin-bottom: 0;border: 1px solid #e2e2e2;}
.img-box .icon {border: none;background: #fff;position: relative;}
.img-box .icon:before {content: "";width: 20%;height: 100%;background: url(../img/pmark.png) no-repeat top center;background-size: 100% auto;position: absolute;left: 20px;top:0;z-index: 3;}
.img-box .txtW {background: #ffffff;color: #333;padding: 15px 0;font-weight: normal;position: relative;box-sizing: border-box;clear: both;}

#swiper_imgslide,#swiper_imgslide2{padding-bottom: 80px;}
.img-box a:hover .txtW {color: #fff;background: #fa8240;transition: all 0.5s;}
/*新闻*/
.sect_bk5 {background: url("../img/news_bg.jpg") top center no-repeat}
.news-t {background: #d70404;box-sizing: border-box;display: block;padding: 2rem;text-align: center;}
.news-t .ch {word-wrap: break-word;width: 30px;float: left;text-transform: uppercase;color: #fff}
.news-t .en {word-wrap: break-word;width: 30px;float: left;text-transform: uppercase;color: #fff;font-size: 30px;line-height: 30px;font-weight: bold}
.inews-box a {display: block;}
.inews-box .icon {border: none;}
.inews-box .icon img {width: 100%;}
.inews-box .date {float: left;background: #999;color: #fff;text-align: center;width: 18%;line-height: 24px;padding: 15px 0;}
.inews-box .date2{clear: both;}
.inews-box .date-d {float: left;font-size: 30px;background: #fa8240;color: #FFF;text-align: center;line-height: 3rem;padding:10px;font-weight: bold;}
.inews-box .date-t{font-size: 18px;color: #ddd;margin-left:20px;}
.inews-box .ntxt .tit{clear: both;font-size: 18px;}
.inews-box .ntxt {float: right;width: 100%;}
.inews-box h3 {color: #282828;font-size: 1.4rem;padding: 10px 0 0;font-weight: normal;}
.inews-box p {font-size: 14px;line-height: 20px;color: #818181;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.inews-box i {display: block;font-size: 14px;font-style: normal;}
.inews-box span {font-size: 3.6rem;font-weight: bold;line-height: 3rem;}
.inews-box a:hover .date {background: #ff8800;transition: all 0.4s;}
a.nmore {display: block;background: #fff;color: #5a5a5a;font-size: 18px;font-family: "times new roman";width: 313px;height: 60px;line-height: 60px;text-align: center;margin: 4rem auto 0;border-radius: 60px;border: 1px solid #c9c9c9;text-transform: uppercase;}
a.nmore:hover {color: #5a5a5a;border-color: #ffdd00;background: #ffdd00;letter-spacing: 3px;}
.pro-box {border: 1px solid #f7f1f1;width: auto;position: relative;}
.pro-box .full-row {display: inline-flex;}
.pro-box a {display: block;}
.pro-box .icon {border: none;overflow: hidden;transition: all 0.5s;background: #e4e8ed;}
.pro-box .icon img {transition: all 0.5s;object-fit: cover;width: 100%;height: 100%;}
.pro-box span {background: #a4e4ad;color: #fff;padding: 10px 0;font-weight: normal;display: block;}
.pro-box:hover span {color: #fff;background: #ff8800;transition: all 0.5s;}

.case-box {width: auto;margin: 0;}
.case-box a {display: block;background: #fff;}
.case-box .icon {border: none;width: 100% !important;display: block !important;overflow: hidden;transition: all 0.5s;}
.case-box .icon img {width: auto;max-width: inherit;height: 100%;transition: all 0.5s;}
.case-box .brow span {display: block;color: #6c6c6c;}
.case-box a:hover {background: #ba0100;}
.case-box a:hover span {color: #fff;}
.case-box a:hover img {transform: scale(1.3);transition: all 0.5s;}

.text {fill: url(#p-fire);stroke: #585858;stroke-width: 2;stroke-opacity: 0.3;}
svg {width: 100%;margin: 0;display: block;text-transform: uppercase;}

@keyframes stripes {100% { background-position: 0 -50px;}}

.idot {position: absolute;bottom: -30px;width: 63px;height: 80px;background: rgba(255, 255, 255, 0.8);border-radius: 70px;left: 0;right: 0;margin: 0 auto;z-index: 10;cursor: pointer;}
.idot span {width: 20px;height: 64px;display: block;width: 100%;height: 64px;margin-top: 10px;animation: ascroll 2s infinite;}
@keyframes ascroll {0% { transform: translate3d(0, 0, 0);}50% { transform: translate3d(0, 20px, 0);}100% { transform: translate3d(0, 0, 0);}}
.fl-l{ float: left}
/*面包屑*/
.PageCrumb {font-size: 14px;font-weight: normal;color: #656161;text-align: right;float: right;}
.PageCrumb a {color: #656161;padding: 0 3px;}
.PageCrumb a:hover {color: #ff313e;}
/* BOX */
.widget-box {background-color: #fff;color: #000;padding: 30px;margin-bottom: 20px}
.widget-box h4 {font-size: 20px;line-height: 32px;margin-bottom: 25px}
.widget-box h4 a {float: right;font-size: 14px;font-weight: normal;color: #0e58a4}
/* portlet */
.portlet {width: 100%;margin-bottom: 15px;}
.portlet > .portlet-title {font-size: 20px;line-height: 32px;margin-bottom: 15px;font-weight: normal;padding-left: 10px;color: #000}
.portlet > .portlet-title a {float: right;font-size: 14px;font-weight: normal;color: #6e6e6e}
.portlet > .portlet-body {background-color: #f7f7f7}
.portlet.bordered > .portlet-body {border: 1px solid #e6e5e5}
.portlet.padding > .portlet-body {padding: 20px 25px}
/* 两列右侧自适应布局 */
.g-bd1 {margin: 0 0 10px;}
.g-sd1 {position: relative;float: left;width: 260px;margin-right: -260px;}
.g-mn1 {float: right;width: 100%;}
.g-mn1c {margin-left: 290px;}
@media screen and (max-width: 640px) {.g-bd1 { margin: 0 0 10px;}
.g-sd1 { position: relative; float: left; width: 100%; margin-right: 0;}
.g-mn1 { float: right; width: 100%;}
.g-mn1c { margin-left: 0;}}
/* 问答*/
.ask-box {width: 100%;padding-bottom: 2rem;margin-bottom: 1rem;border-bottom: 1px dotted #ccc}
.ask-box i {position: absolute;font-size: 12px;font-style: normal;color: #fff;display: block;width: 20px;height: 20px;font-weight: 400;margin-right: 10px;text-align: center;line-height: 20px;top: 0;left: 0}
.ask-box h3 {line-height: 20px;font-weight: 400;padding-left: 30px;position: relative;margin-bottom: 6px}
.ask-box h3 i {background-color: #666666}
.ask-box p {padding-left: 30px;position: relative;line-height: 1.4;color: #7e7d7d;}
.ask-box p i {background-color: #d41936}

/*fixed 20170627*/
#swiper_cusslide .media-box .icon {width: 183px;height: 165px;}
.txtW {text-overflow: ellipsis;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;white-space: nowrap;display: block;}
.txtH {word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-size: 14px;}
.zoomIn {animation: zoomIn 2s forwards;}
.zoomIn2 {animation: zoomIn2 3s forwards;}
.zoomIn3 {animation: zoomIn3 2s forwards;}
.fadeInUp {animation: fadeInUp 1.5s forwards;}
.fadeInDown {animation: fadeInDown 1.5s forwards;}
.fadeInLeft {animation: fadeInLeft 1.5s forwards;}
.fadeInLeft3 {animation: fadeInLeft3 1s forwards;}
.fadeInRight {animation: fadeInRight 1.5s forwards;}
.fadeOpc {animation: fadeOpc 2s forwards;}
.fadeInLR {animation: fadeInLR 10s infinite;}
.fadeInLR2 {animation: fadeInLR2 6s infinite;}
.fadeInLR3 {animation: fadeInLR3 6s infinite;}
.fadeHeight {animation: fadeHeight 2s forwards;}
.fadeInFont {animation: fadeInFont 30s forwards;}
.fadeInImg {animation: fadeInImg 1.5s forwards;}
.fadeInImg2 {animation: fadeInImg2 1.5s forwards;}
.fadeInImg3 {animation: fadeInImg3 1.5s forwards;}
.fadeHeight2 {animation: fadeHeight 2s infinite alternate;}
@keyframes zoomIn {0% { opacity: 0; transform: scale(0.8, 0.8);}100% { opacity: 1; transform: scale(1, 1);}}
@keyframes zoomIn2 {0% { opacity: 0; transform: scale(2, 2);}100% { opacity: 1; transform: scale(1, 1);}}
@keyframes zoomIn3 {0% { opacity: 0; filter: blur(10px); transform: translate3d(0, 200px, 0);}100% { opacity: 1; filter: blur(0); transform: translate3d(0, 0, 0);}}
@keyframes zoomIn4 {0% { transform: scale(1, 1);}50% { transform: scale(0.6, 0.6);}100% { transform: scale(1, 1);}
}

@keyframes fadeInUp {0% { opacity: 0; transform: translate3d(0, -200px, 0);}100% { opacity: 1; transform: none;}}
@keyframes fadeInDown {0% { opacity: 0; transform: translate3d(0, 100px, 0);}100% { opacity: 1; transform: none;}}
@keyframes fadeInLeft {0% { opacity: 0; transform: translate3d(-200px, 0, 0);}100% { opacity: 1; transform: none;}}
@keyframes fadeInLeft2 {0% { transform: none; opacity: 1;}100% { opacity: 0; transform: translate3d(-300px, 0, 0) scale(0.7, 0.7);}}
@keyframes fadeInLeft3 {0% { opacity: 0; transform: translate3d(-80px, 0, 0);}100% { opacity: 1; transform: none;}}
@keyframes fadeInRight {0% { opacity: 0; transform: translate3d(200px, 0, 0);}100% { opacity: 1; transform: none;}}
@keyframes fadeInRight2 {0% {
 transform: translate3d(500px, 0, 0);}100% {
 transform: none;}}
@keyframes fadeInUp2 {0% { transform: translate3d(0, 0, 0);}50% { transform: translate3d(0, 50px, 0);}100% { transform: translate3d(0, 0, 0);}}
@keyframes fadeHeight {0% { height: 0;}100% { height: 100%;}}

@keyframes axz {from { opacity: 0; transform: rotateY(-90deg);}to { opacity: 1; transform: rotateY(0);}}
@keyframes fadeOpc {0% { opacity: 0;}100% { opacity: 1;}}
@keyframes fadeInLR {0% { opacity: 0.2; transform: translate3d(50px, 0, 0);}50% { opacity: 0.7; transform: translate3d(-50px, 0, 0);}100% { transform: translate3d(50px, 0, 0); opacity: 0.2;}}
@keyframes fadeInLR2 {0% { opacity: 1; transform: translate3d(0, 0, 0);}50% { opacity: 0.6; transform: translate3d(-100px, 0, 0);}100% { transform: translate3d(0, 0, 0); opacity: 1;}}
@keyframes fadeInLR3 {0% { opacity: 1; transform: translate3d(0, 0, 0);}50% { opacity: 0.6; transform: translate3d(100px, 0, 0);}100% { transform: translate3d(0, 0, 0); opacity: 1;}}
@keyframes fadeInFont {0% { letter-spacing: 50px; opacity: 0;}10% { letter-spacing: 0; opacity: 1;}}
@keyframes fadeInImg {0% { opacity: 1; transform: translate3d(0px, -800px, 0px);}100% { opacity: 1; transform: translate3d(0px, 0, 0px);}}
@keyframes fadeInImg2 {0% { opacity: 1; transform: translate3d(0px, 800px, 0px);}100% { opacity: 1; transform: translate3d(0px, 0, 0px);}}
@keyframes fadeInImg3 {0% { opacity: 1; transform: translate3d(800px, 0, 0px);}100% { opacity: 1; transform: translate3d(0px, 0, 0px);}}

.clear {clear: both;overflow: hidden;}
.mrg-t1 {margin-top: 1rem;}
.mrg-t2 {margin-top: 2rem;}
.mrg-t3 {margin-top: 3rem;}
.mrg-t4 {margin-top: 4rem;}
.mrg-t5 {margin-top: 5rem;}
.mrg-t6 {margin-top: 6rem;}

/*分页*/
.de-page-mian {
    overflow: hidden;
    text-align: center;
    font-size: 0;
    padding: 10px;
    line-height: normal;
  }
  .de-page-mian .page-inner {
    display: inline-block;
    overflow: hidden;
  }
  .de-page-mian .page-inner a {
    display: block;
    float: left;
    min-width: 26px;
    padding: 0 5px;
    height: 36px;
    border: 1px solid #dddddd;
    background: #fff;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #333;
    margin-right: -1px;
    overflow: hidden;
  }
  .de-page-mian .page-inner a.active,
  .de-page-mian .page-inner a:hover {
    color: #fff;
    border-color: #f76615;
    background: #f76615;
  }
  .de-page-mian .page-inner a.prev {
    margin-right: 10px;
    background: #fff url(../images/prev.jpg) no-repeat center;
  }
  .de-page-mian .page-inner a.prev.on {
    background: #fff url(../images/prev-hover.jpg) no-repeat center;
  }
  .de-page-mian .page-inner a.prev:hover {
    background-color: #fff;
    border-color: #dddddd;
  }
  .de-page-mian .page-inner a.next {
    margin-left: 10px;
    margin-right: 15px;
    background: #fff url(../images/next.jpg) no-repeat center;
  }
  .de-page-mian .page-inner a.next.on {
    background: #fff url(../images/next-hover.jpg) no-repeat center;
  }
  .de-page-mian .page-inner a.next:hover {
    background-color: #fff;
    border-color: #dddddd;
  }
  .de-page-mian .page-inner a.page-btn {
    font-size: 12px;
    margin-right: 0;
    width: 63px;
    margin-left: 10px;
  }
  .de-page-mian .page-inner span {
    display: block;
    font-size: 12px;
    color: #333;
    float: left;
    line-height: 38px;
  }
  .de-page-mian .page-inner input {
    display: block;
    float: left;
    height: 36px;
    width: 36px;
    border: 1px solid #dddddd;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #333;
    margin: 0 5px;
  }