body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td { padding: 0; margin: 0;}
fieldset, img { border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style:none;}
address, caption, cite, code, dfn, em, th, var {font-weight: normal;font-style: normal;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}
p:before, q:after {content: '';}
abbr, acronym { border: 0;}
a{text-decoration:none;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease }
.clr {HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; FONT-SIZE: 0px; OVERFLOW: hidden}
BODY {FONT-SIZE: 12px; color:#000; background:#fff ;  }
img{ vertical-align:bottom}
.header,.content,.footer{ width:100%; overflow:hidden; margin:0px auto}

/*header*/
.header{ position:relative}
.banner{width:100%; overflow:hidden; margin:0px auto; position:relative}
.header .swiper-container {width: 100%;height: 100%;}
.banner .swiper-slide {text-align: center;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative}
.banner .swiper-slide p{ width:100%; overflow:hidden; position:absolute;left:0px;top:10px; z-index:2; font-size:30px; color:#fff;}

.source{ width:100%; position:fixed;left:0px;bottom:0px; height:0px; background:rgba(191,34,33,0.9); z-index:2344;transition:all 0.4s ease}
.source-s{ width:1200px;margin:0px auto; position:relative;}
.sr{ float:left; width:25%; height:76px; background:url(../images/icon-27.png) no-repeat right center;transition:all 0.4s ease}
.sr:last-child{ background:none}
.sr span{ float:left;display:inline; width:36px; height:35px; margin:20px 0px 0px 67px;transition:all 0.4s ease}
.sr .sra{ background:url(../images/icon-1.png) no-repeat -46px 0px}
.sr samp{ float:left; width:auto; line-height:76px; font-size:20px; color:#fff; margin-left:10px;}
.sr a{ color:#fff; font-weight:bold;font-family:"黑体" }
.sr .srb{ background:url(../images/icon-1.png) no-repeat -46px -41px}
.sr .src{ background:url(../images/icon-1.png) no-repeat -46px -80px}
.sr .srd{ background:url(../images/icon-1.png) no-repeat -46px -125px}
.source-s .on{ background-color:#fff}
.source-s .on .sra{ background:url(../images/icon-1.png) no-repeat -82px 0px}
.source-s .on a samp{ color:#999;}
.source-s .on .srb{ background:url(../images/icon-1.png) no-repeat -82px -41px}
.source-s .on .src{ background:url(../images/icon-1.png) no-repeat -82px -80px}
.source-s .on .srd{ background:url(../images/icon-1.png) no-repeat -82px -125px}

.sr-s{ width:100%; overflow:hidden;left:0px;bottom:0px; height:0px; z-index:12; position:absolute;transition:all 0.4s ease;opaicty:0;filter:alpha(opacity=0)}
.source-s .on .sr-s{height:155px;opaicty:1;filter:alpha(opacity=100)}
.source-s .ond .sr-s{height:90px;opaicty:1;filter:alpha(opacity=100)}
.sr-s ul{ float:left; width:100%; overflow:hidden; background:#fff; padding:10px 0px}
.sr-s ul li{ float:left; width:20%; overflow:hidden; background:url(../images/icon-28.png) no-repeat right center; padding:15px 0px}
.sr-s ul li a{ color:#222}
.sr-s ul li em{ float:left; display:inline; width:auto; margin-left:52px;transition:all 0.4s ease}
.sr-s ul li p{ float:left; width:auto; line-height:38px; height:38px; overflow:hidden; display:inline; margin-left:10px; font-size:14px; color:#999;transition:all 0.4s ease}
.sr-s ul li .s-1{ width:35px; height:38px; background: url(../images/icon-1.png) no-repeat 0px -348px}
.sr-s ul li .s-2{ width:37px; height:38px; background: url(../images/icon-1.png) no-repeat -47px -348px}
.sr-s ul li .s-3{ width:39px; height:38px; background: url(../images/icon-1.png) no-repeat -102px -349px}
.sr-s ul li .s-4{ width:39px; height:38px; background: url(../images/icon-1.png) no-repeat -165px -351px; margin-left:30px}
.sr-s ul li .s-5{ width:32px; height:38px; background: url(../images/icon-1.png) no-repeat -225px -351px}
.sr-s ul li .s-6{ width:39px; height:38px; background: url(../images/icon-1.png) no-repeat -284px -351px; margin-left:47px}
.sr-s ul li .s-7{ width:39px; height:38px; background: url(../images/icon-1.png) no-repeat -346px -351px;}
.sr-s ul li .s-8{ width:52px; height:38px; background: url(../images/icon-1.png) no-repeat -401px -345px;}
.sr-s ul li:nth-child(5),.sr-s ul li:last-child{ background:none}
.sr-s ul li:last-child{width:30%}
.sr-s ul .ons .s-1{ background-position:0px -389px}
.sr-s ul .ons .s-2{ background-position:-47px -387px}
.sr-s ul .ons .s-3{ background-position:-102px -388px}
.sr-s ul .ons .s-4{ background-position:-165px -389px}
.sr-s ul .ons .s-5{ background-position:-225px -389px}
.sr-s ul .ons .s-6{ background-position:-284px -389px}
.sr-s ul .ons .s-7{ background-position:-346px -389px}
.sr-s ul .ons .s-8{ background-position:-401px -384px}
.sr-s ul .ons a p{ color:#ca1b1d}

.sr-s ul li .t-1{ width:35px; height:38px; background: url(../images/icon-1.png) no-repeat 0px -452px}
.sr-s ul li .t-2{ width:37px; height:38px; background: url(../images/icon-1.png) no-repeat -47px -450px}
.sr-s ul li .t-3{ width:39px; height:38px; background: url(../images/icon-1.png) no-repeat -102px -452px}
.sr-s ul li .t-4{ width:58px; height:38px; background: url(../images/icon-1.png) no-repeat -165px -448px}
.sr-s ul .ons .t-1{ background-position:0px -488px}
.sr-s ul .ons .t-2{ background-position:-47px -488px}
.sr-s ul .ons .t-3{ background-position:-102px -490px}
.sr-s ul .ons .t-4{ background-position:-165px -488px}

.sr-s ul li .m-1{ width:35px; height:38px; background: url(../images/icon-1.png) no-repeat 0px -552px}
.sr-s ul li .m-2{ width:95px; height:38px; background: url(../images/icon-1.png) no-repeat -47px -543px; margin-left:26px}
.sr-s ul li .m-3{ width:39px; height:38px; background: url(../images/icon-1.png) no-repeat -175px -551px}
.sr-s ul li .m-4{ width:70px; height:38px; background: url(../images/icon-1.png) no-repeat -234px -549px;}
.sr-s ul li .m-5{ width:37px; height:38px; background: url(../images/icon-1.png) no-repeat -343px -554px}
.sr-s ul li .m-6{ width:39px; height:38px; background: url(../images/icon-1.png) no-repeat -410px -552px;}
.sr-s ul li .m-7{ width:52px; height:38px; background: url(../images/icon-1.png) no-repeat -493px -556px; margin-left:30px}
.sr-s ul .ons .m-1{ background-position:0px -592px}
.sr-s ul .ons .m-2{ background-position:-47px -582px}
.sr-s ul .ons .m-3{ background-position:-175px -592px}
.sr-s ul .ons .m-4{ background-position:-234px -588px}
.sr-s ul .ons .m-5{ background-position:-343px -592px}
.sr-s ul .ons .m-6{ background-position:-410px -592px}
.sr-s ul .ons .m-7{ background-position:-493px -593px}

.sr-s ul li .z-1{ width:35px; height:38px; background: url(../images/icon-1.png) no-repeat 0px -647px}
.sr-s ul li .z-2{ width:56px; height:38px; background: url(../images/icon-1.png) no-repeat -47px -648px;}
.sr-s ul li .z-3{ width:39px; height:38px; background: url(../images/icon-1.png) no-repeat -148px -650px}
.sr-s ul li .z-4{ width:50px; height:38px; background: url(../images/icon-1.png) no-repeat -223px -651px;}
.sr-s ul li .z-5{ width:37px; height:38px; background: url(../images/icon-1.png) no-repeat -291px -650px}
.sr-s ul li .z-6{ width:37px; height:38px; background: url(../images/icon-1.png) no-repeat -362px -650px}
.sr-s ul .ons .z-1{ background-position:0px -686px}
.sr-s ul .ons .z-2{ background-position:-47px -686px}
.sr-s ul .ons .z-3{ background-position:-148px -686px}
.sr-s ul .ons .z-4{ background-position:-223px -689px}
.sr-s ul .ons .z-5{ background-position:-291px -689px}
.sr-s ul .ons .z-6{ background-position:-362px -689px}

.nav{ width:100%; margin:0px; position:fixed;left:0px;top:0px; z-index:234; height:86px;background:rgba(255,255,255,0);transition:all 0.4s ease}
.nav-s{ width:90%; margin:0px auto}
.bgs{background:rgba(255,255,255,1)}
.logo{ float:left; width:135px; margin-top:22px;transition:all 0.4s ease;overflow:hidden}
.logo img{width:270px;height:auto;float:left;display:inline;margin-left:-135px;transition:all 0.4s ease}
.nav-s ul{ float:right; width:auto}
.nav-s ul li{ float:left; display:inline; width:auto; margin-left:32px; font-size:18px; color:#fff; position:relative; text-align:center; height:56px; padding-top:30px}
.nav-s ul li a{ color:#fff; }
.bgs .nav-s ul li a{ color:#444}
.nav-s ul li em{ width:100%;left:0px;bottom:24px; z-index:2; position:absolute;  }
.nav-s ul li em samp{ width:0%;height:2px; background:#ca1b1d;display:inline-block;transition:all 0.4s ease}
.nav-s ul .on em samp{ width:50%}
.nav-s ul .on>a{ color:#ca1b1d}
.bgs .logo img,.bg .logo img{margin-left:0px}

.logos{ float:left; width:420px; margin-top:14px;transition:all 0.4s ease;overflow:hidden}
.logos img{width:840px;height:auto;float:left;display:inline;margin-left:-420px;transition:all 0.4s ease}
.bgs .logos img,.bg .logos img{margin-left:0px}



.banners canvas{background:#E70D1E}
.drop{ width:100%; overflow:hidden;left:0px;top:86px; position:fixed; z-index:2344;background:rgba(255,255,255,1);height:0px;transition:all 0.6s ease;transition:all 0.4s ease}
.menu{ width:1200px; overflow:hidden; margin:14px auto 0px; text-align:left;}
.menu-s{ float:left; width:100%; overflow:hidden; margin-top:5px;}
.menu-s h3{ float:left; width:100%; overflow:hidden; font-size:20px; color:#444; font-family:"微软雅黑"; font-weight:bold; padding-left:18px; background:url(../images/icon-new1.jpg) no-repeat left center}
.menu-sa{ float:left; width:100%; overflow:hidden; background:#fff; padding:6px 0px}
.menu-sa .menu-li{ float:left; width:17%; display:inline; margin-right:30px; overflow:hidden; background:url(../images/icon-28.png) no-repeat right center; padding:1px 0px}
.menu-sa .menu-li a{ color:#222}
.menu-sa .menu-li span{ float:left; display:inline; width:auto;transition:all 0.4s ease}
.menu-sa .menu-li p{ float:left; width:auto; line-height:38px; height:38px; overflow:hidden; display:inline; margin-left:10px; font-size:14px; color:#999;transition:all 0.4s ease}
.menu-sa .menu-li .s-1{ width:35px; height:38px; background: url(../images/icon-1.png) no-repeat 0px -348px}
.menu-sa .menu-li .s-2{ width:37px; height:38px; background: url(../images/icon-1.png) no-repeat -47px -348px}
.menu-sa .menu-li .s-3{ width:39px; height:38px; background: url(../images/icon-1.png) no-repeat -102px -349px}
.menu-sa .menu-li .s-4{ width:39px; height:38px; background: url(../images/icon-1.png) no-repeat -165px -351px;}
.menu-sa .menu-li .s-5{ width:32px; height:38px; background: url(../images/icon-1.png) no-repeat -225px -351px}
.menu-sa .menu-li .s-6{ width:39px; height:38px; background: url(../images/icon-1.png) no-repeat -288px -351px;}
.menu-sa .menu-li .s-7{ width:39px; height:38px; background: url(../images/icon-1.png) no-repeat -346px -351px;}
.menu-sa .menu-li .s-8{ width:52px; height:38px; background: url(../images/icon-1.png) no-repeat -401px -345px;}
.menu-sa .ons .s-1{ background-position:0px -389px}
.menu-sa .ons .s-2{ background-position:-47px -387px}
.menu-sa .ons .s-3{ background-position:-102px -388px}
.menu-sa .ons .s-4{ background-position:-165px -389px}
.menu-sa .ons .s-5{ background-position:-225px -389px}
.menu-sa .ons .s-6{ background-position:-288px -389px}
.menu-sa .ons .s-7{ background-position:-346px -389px}
.menu-sa .ons .s-8{ background-position:-401px -384px}
.menu-sa .ons a p{ color:#ca1b1d}

.menu-sa .menu-li .t-1{ width:35px; height:38px; background: url(../images/icon-1.png) no-repeat 0px -452px}
.menu-sa .menu-li .t-2{ width:37px; height:38px; background: url(../images/icon-1.png) no-repeat -47px -450px}
.menu-sa .menu-li .t-3{ width:39px; height:38px; background: url(../images/icon-1.png) no-repeat -108px -452px}
.menu-sa .menu-li .t-4{ width:58px; height:38px; background: url(../images/icon-1.png) no-repeat -170px -448px}
.menu-sa .ons .t-1{ background-position:0px -488px}
.menu-sa .ons .t-2{ background-position:-47px -488px}
.menu-sa .ons .t-3{ background-position:-108px -490px}
.menu-sa .ons .t-4{ background-position:-170px -488px}

.menu-sa .menu-li .m-1{ width:35px; height:38px; background: url(../images/icon-1.png) no-repeat 0px -552px}
.menu-sa .menu-li .m-2{ width:95px; height:38px; background: url(../images/icon-1.png) no-repeat -47px -543px; }
.menu-sa .menu-li .m-3{ width:39px; height:38px; background: url(../images/icon-1.png) no-repeat -175px -551px}
.menu-sa .menu-li .m-4{ width:70px; height:38px; background: url(../images/icon-1.png) no-repeat -234px -549px;}
.menu-sa .menu-li .m-5{ width:37px; height:38px; background: url(../images/icon-1.png) no-repeat -343px -554px}
.menu-sa .menu-li .m-6{ width:39px; height:38px; background: url(../images/icon-1.png) no-repeat -410px -552px;}
.menu-sa .menu-li .m-7{ width:52px; height:38px; background: url(../images/icon-1.png) no-repeat -493px -556px;}
.menu-sa .menu-li .m-8{ width:39px; height:38px; background: url(../images/face-2019-2.png) no-repeat -7px 0px;}
.menu-sa .menu-li .n-1{ width:39px; height:38px; background: url(../images/ad_new.png) no-repeat 0px 5px;}
.menu-sa .ons .m-1{ background-position:0px -592px}
.menu-sa .ons .m-2{ background-position:-47px -582px}
.menu-sa .ons .m-3{ background-position:-175px -592px}
.menu-sa .ons .m-4{ background-position:-234px -588px}
.menu-sa .ons .m-5{ background-position:-343px -592px}
.menu-sa .ons .m-6{ background-position:-410px -592px}
.menu-sa .ons .m-7{ background-position:-493px -593px}
.menu-sa .ons .m-8{ background-position:-7px -34px}
.menu-sa .ons .n-1{ background-position:0px -27px}

.menu-sa .menu-li .z-1{ width:35px; height:38px; background: url(../images/icon-1.png) no-repeat 0px -647px}
.menu-sa .menu-li .z-2{ width:56px; height:38px; background: url(../images/icon-1.png) no-repeat -61px -648px;}
.menu-sa .menu-li .z-3{ width:39px; height:38px; background: url(../images/icon-1.png) no-repeat -148px -650px}
.menu-sa .menu-li .z-4{ width:50px; height:38px; background: url(../images/icon-1.png) no-repeat -223px -651px;}
.menu-sa .menu-li .z-5{ width:37px; height:38px; background: url(../images/icon-1.png) no-repeat -291px -650px}
.menu-sa .menu-li .z-6{ width:37px; height:38px; background: url(../images/icon-1.png) no-repeat -362px -650px}
.menu-sa .ons .z-1{ background-position:0px -686px}
.menu-sa .ons .z-2{ background-position:-61px -686px}
.menu-sa .ons .z-3{ background-position:-148px -686px}
.menu-sa .ons .z-4{ background-position:-223px -689px}
.menu-sa .ons .z-5{ background-position:-291px -689px}
.menu-sa .ons .z-6{ background-position:-362px -689px}


.nav-s ul li .menu .menu-2 p a:hover{ color:#ca1b1d}
.nav-s ul li:nth-child(2) .show{height:120px}
.show{height:560px}
.header .bg,.header .bg .drop{background:rgba(255,255,255,1)}
.header .bg  .nav-s ul li a{ color:#444}
.video{width:100%;overflow:hidden;margin:0px;position:relative;height:560px}
.video video{float:left;width:100%;margin-top:-20px}
.video samp{width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:3;background:rgba(0,0,0,0.6);display:block}
.video span{width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:3;background:rgba(0,0,0,0.4);display:block}
.video-p{width:1200px;overflow:hidden;position:absolute;left:50%;bottom:230px;margin-left:-600px;z-index:12;color:#fff}
.video-p h3{float:left;width:100%;font-size:44px}
.video-p em{float:left;width:100%;font-size:26px;margin-top:12px}
.video-p p{float:left;width:100%;font-size:20px;margin-top:10px}

.footer{ background:#fafafa; padding-bottom:30px}
.footer ul{ width:100%; overflow:hidden; margin:40px auto 0px; text-align:center;}
.footer ul li{ width:auto; display:inline-block; font-size:14px; color:#333}
.footer ul li a{ color:#333; margin:0px 9px}
.footer ul li a:hover{ color:#ca1b1d}
.footer p{ width:100%; overflow:hidden; text-align:center; font-size:14px; color:#666; margin-top:10px}
.footer p span{ margin:0px 10px}
.footer p em{ margin:0px 10px 0px 30px}
.footer p samp{ color:#ca1b1d; font-weight:bold}
.kong{width:100%;height:80px;overflow:hidden}
/*yuyue*/
.yue{ width:100%; overflow:hidden; margin:100px auto 0px; background:url(../images/index-2018-11.jpg) no-repeat top center; height:439px}
.yue h2{ width:100%; overflow:hidden; text-align:center; margin-top:113px; font-size:44px; color:#fff; font-weight:lighter}
.yue span{ width:334px; display:block; height:109px; margin:90px auto 0px; background:url(../images/index-news.png) no-repeat top center; line-height:99px; text-align:center; font-size:22px;padding-right:90px;box-sizing:border-box}
.yue span a{ color:#1268ac; display:block; cursor:pointer}


.pop-t{ width:490px; background:#fff; position:fixed;left:50%;top:-50%; z-index:242424234;border-radius:10px; height:290px; margin-left:-245px; margin-top:-145px;box-shadow:0px 0px 4px 3px rgba(0,0,0,0.2);transition:all 0.4s ease}
.pop-t span{ float:left; display:inline; width:430px; height:245px; background:url(../images/index-2018-12.jpg) no-repeat; margin:20px 0px 0px 30px}
.pop-t span a{ float:left; width:100%; overflow:hidden; height:122px; margin-top:30px}
.close{ width:34px; height:32px; position:absolute;right:20px;top:20px; z-index:234; background:url(../images/icon-1.png) no-repeat -0px -754px; cursor:pointer}

/*new add*/
.bann,.bann img{ width:100%; overflow:hidden; margin:0px auto;height:auto}


@media screen and (max-width:1600px){
.nav-s ul li{ font-size:17px; }

}


@media screen and (max-width:1440px){
.nav-s ul li{margin-left:15px; font-size:15px; }

}

@media screen and (max-width:1370px){
.nav-s{width:92%}
.nav-s ul li{margin-left:17px; font-size:14px; }
.logos{ width:300px;}
.logos img{width:600px;margin-left:-300px;}
.menu{width:1080px}
.menu-sa .menu-li{margin-right:54px;width:20%}
.video-p{width:1000px;margin-left:-500px}
}