@charset "utf-8";
.clear_transition{-webkit-transition:none;-ms-transition:none;-moz-transition:none;transition:none}

html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font-size:12px; font-family:"微软雅黑"; color:#333;outline:0;}
a,a:hover{color:#333;}
.clearfix{clear:both; height:0;}
body{overflow-x:hidden}
::-webkit-scrollbar{width:14px;height:14px}
::-webkit-scrollbar-track,::-webkit-scrollbar-thumb{border-radius:999px;border:5px solid transparent}
::-webkit-scrollbar-track{box-shadow:1px 1px 5px rgba(0,0,0,.2) inset}
::-webkit-scrollbar-thumb{min-height:20px;background-clip:content-box;box-shadow:0 0 0 5px rgba(0,0,0,.2) inset}
::-webkit-scrollbar-corner{background:transparent}
a,li,span{outline:0}
a:hover,a:active,a:focus{outline:0}
a:focus{outline:0}
li:focus{outline:0}
span:focus{outline:0}
a,a:hover,a:visited,a:active,li,li:hover,li:visited,li:active,span,span:hover,span:visited,span:active,div:hover,div:visited,div:active{text-decoration:none;-webkit-transition-property:color;-moz-transition-property:color;-o-transition-property:color;transition-property:color;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}

.w_auto{ width:1200px; margin:0 auto;}
.w_posi{ position:relative; display:block;}

/*general*/
.index_header{ height:86px; position:fixed; z-index:99999999999999999999999; top:0; left:0; width:100%; background:none; padding-top:20px;/*-webkit-transition: all .2s ease-in-out; */}
.index_header .logo{ background:url(/asset/image/logo.png) no-repeat; background-size:325px; width:247px; height:61px; float:left; display:inline-block; position:relative;}
.index_header .logo .lo{  background:url(/asset/image/logo.png) no-repeat;    background-size: 325px; width:247px; height:61px; position:absolute; left:0; top:0;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;  -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.index_header .logo a{ display:block; width:100%; height:100%;}
.index_header .headnav{ float:right; display:inline-block; padding-top:20px;}
.index_header .headnav .i1{ width:100px;}
.index_header .headnav .i2{ width:100px;}
.index_header .headnav .i3{ width:100px;}
.index_header .headnav .i4{ width:100px;}
.index_header .headnav .i5{ width:100px;}
.index_header .headnav .i6{ width:100px;}
.index_header .headnav li{ float:left; display:inline-block; text-align:center;height:30px;}
.index_header .headnav li .en{ font-size:16px; line-height:30px;  height:30px;color:#fff;}
.index_header .headnav li .cn{ font-size:16px; font-family:"Arial;";font-weight:100; width:80px;color:#ff0000;border:1px solid #ff0000; margin:0 auto; height:30px; line-height:30px; display:none;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.index_header .headnav li:hover .en,.index_header .headnav li.on .en{ display:none;}
.index_header .headnav li:hover .cn,.index_header .headnav li.on .cn{display:block; }
.index_header .logo:hover .lo{ width:100%; }
.index_header_s{background:#fff}


.header{ height:86px; background:none; padding-top:20px; }
.header .logo{ background:url(/asset/image/logo.png) no-repeat; width:172px; height:42px; float:left; display:inline-block; margin-top:10px; position:relative;}
.header .logo .lo{  background:url(/asset/image/logo.png) no-repeat; width:0; height:42px; position:absolute; left:0; top:0;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;  -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.header .logo a{ display:block; width:100%; height:100%;}
.header .headnav{ float:right; display:inline-block; padding-top:20px;}
.header .headnav .i1{ width:100px;}
.header .headnav .i2{ width:100px;}
.header .headnav .i3{ width:100px;}
.header .headnav .i4{ width:100px;}
.header .headnav .i5{ width:150px;}
.header .headnav .i6{ width:100px;}
.header .headnav li{ float:left; display:inline-block; text-align:center;height:30px;}
.header .headnav li .en{ font-size:16px; line-height:30px;  height:30px;color:#333; text-align:center; text-align:left;}
.header .headnav li .cn{ font-size:16px; font-family:"Arial";font-weight:100; width:80px;color:#ff0000;border:1px solid #ff0000;  height:30px; line-height:30px; display:block;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-left:20px; display:none;margin:0 auto;}
.header .headnav li:hover .en,.header .headnav li.on .en{ display:none;}
.header .headnav li:hover .cn,.header .headnav li.on .cn{display:block; }
.header .logo:hover .lo{ width:100%; }


.index_main_mod{background:#fff;}
.bg_fff{background:#fff; opacity:0; width:100%; height:60px; top:0; left:0; width:100%; z-index:-1; position:absolute;}

.hov{ height:60px; position:fixed; z-index:999; top:0; left:0; width:100%; background:none; /*-webkit-transition: all .2s ease-in-out; */ z-index:9999999999; padding-top:0; border-bottom:1px solid #ff0000}
.hov .logo{ background:url(/asset/image/logo.png) no-repeat; width:172px; height:42px; float:left; display:inline-block; position:relative; margin-top:8px;}
.hov .logo .lo{  background:url(/asset/image/logo.png) no-repeat;background-size:220px; width:170px; height:42px; position:absolute; left:0; top:0;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;  -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.hov .logo a{ display:block; width:100%; height:100%;}
.hov .headnav{ float:right; display:inline-block; padding-top:16px;}
.hov .headnav .i1{ width:100px;}
.hov .headnav .i2{ width:100px;}
.hov .headnav .i3{ width:100px;}
.hov .headnav .i4{ width:100px;}
.hov .headnav .i5{ width:100px;}
.hov .headnav .i6{ width:100px;}
.hov .headnav li{ float:left; display:inline-block; text-align:center;height:30px;}
.hov .headnav li .en{ font-size:16px; line-height:30px;  height:30px;color:#000;}
.hov .headnav li .cn{ font-size:16px; font-family:"Arial;";font-weight:100; width:80px;color:#ff0000;border:1px solid #ff0000; margin:0 auto; height:30px; line-height:30px; display:none;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.hov .headnav li:hover .en,.hov .headnav li.on .en{ display:none;}
.hov .headnav li:hover .cn,.hov .headnav li.on .cn{display:block; }
.hov .logo:hover .lo{ width:100%; }






.footer{ height:40px; font-size:12px; line-height:40px; color:#e0e0e0; text-align:center; background:#868686;}
.footer a{color:#e0e0e0;}

/*index*/

#slider li{  width:100%; height:1079px; overflow:hidden; display:block; position:absolute; top:0; left:0;}
#slider li .word{  width:780px; margin:200px auto; height:366px; margin-top: 400px}
#slider li .word img{ display:block; width:100%; height:100%;}
.index_banner{-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
position:relative; display:block;  width:100%; height:1079px; overflow:hidden; display:block;}
.index_banner .num {text-align:center; position:absolute; z-index:999; width:100%; bottom:200px; display:block; z-index:9999}
.index_banner .num span {  cursor:pointer; display:inline-block;  margin:0 4px; background:url(../images/bannerBtn.jpg) no-repeat; text-align:center; width:123px; height:4px; text-indent:-99999999999px;}
.index_banner .num span:hover, .index_banner .num span.on{background-position:-20px 0; background:url(../images/bannerBtnOn.jpg) no-repeat;}
.index_banner .arw span{position:absolute; z-index:99; width:76px; height:148px; cursor:pointer; display:block; top:300px;}
.index_banner .arw span.left { background:url(../images/bannerLeft.png) no-repeat; left:88px;}
.index_banner .arw span.right { background:url(../images/bannerRight.png) no-repeat; right:88px;}

.index_mod1{ padding:70px 0; text-align:center;}
.index_mod1 .title{ font-size:28px; line-height:34px; color:#323232;}
.index_mod1 span{ height:3px; width:320px; background:#ff0000; margin:0 auto; display:block;}
.index_mod1 .word{ font-size:16px; line-height:22px; color:#724e4e; margin-top:30px;}
.index_mod1 .sword{ font-size:22px ; line-height:30px; color:#ff0000;}
.index_mod1 .more{ margin:0 auto; margin-top:30px; width:148px; background:url(../images/index_en1.png) no-repeat; height:36px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;  -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.index_mod1 .more a{  display:block; width:100%; height:100%;}

.index_mod1 .more:hover{ background:url(../images/morehov.png) no-repeat;}
.index_mod1 .redtitle{ font-size:20px; line-height:26px; color:#ff0000; margin-top:40px;}
.index_mod1 .redtitle i{ background:url(../images/word1.png) no-repeat; margin:0 auto; width:592px; height:22px; display:block; margin-top:5px;}

.index_mod2{ background:#8b8d8e; padding-bottom:80px; text-align:center;}
.index_mod2 .title{ height:120px; line-height:120px; color:#fff; font-size:26px;}
.index_mod2 li{ float:left; display:inline-block; width:600px; height:250px; position:relative; display:block; border:0; cursor:pointer;}
.index_mod2 li img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:10; width:600px; height:250px;}
.index_mod2 li .core{ z-index:20; padding-top:70px;color:#fff; position:relative;opacity:0}
.index_mod2 li .core .y_title{ font-size:26px; line-height:32px; }
.index_mod2 li .core .word{ font-size:14px; line-height:20px; margin-top:10px;}
.index_mod2 li .core span{-webkit-transition: all .2s ease-in-out;width:50px; height:1px; background:#fff;  display:block; margin:0 auto; margin-top:10px;}
.index_mod2 li .redbg{ z-index:19; position:absolute; top:0; left:0; background:rgba(216,28,32,0.75); width:100%; height:100%;filter:alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;  -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.index_mod2 li .blackbg{ z-index:19; position:absolute; top:0; left:0; background:rgba(0,0,0,0); width:100%; height:100%;-webkit-transition: all .5s ease-in-out;}
.index_mod2 li:hover .redbg{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity: 1;}
.index_mod2 li:hover .blackbg{filter:alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
.index_mod2 li:hover .core {opacity:1}
.index_mod2 li:hover .core span{width:300px;}

.index_mod3{ background: #e70000 top center; padding-top:40px; height:310px; position:relative; display:block; overflow:hidden;background-attachment: fixed;}

.index_mod3 .word{ width:521px; height:134px; z-index:10}


.index_mod4{ background:#004fa3; padding-bottom:60px;-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0); }
.index_mod4 .title{ height:80px; font-size:26px; line-height:120px; color:#fff; text-align:center;}
.index_mod4 .f_title{ margin-bottom:10px; height:24px;position:relative; display:block;}
.index_mod4 .f_title .ll{ float:left; display:inline-block; font-size:18px; line-height:24px; color:#fff; background:url(../images/index_en5.png) no-repeat left; height:24px; padding-left:140px;}
.index_mod4 .f_title .nn{ float:right; display:inline-block; font-size:16px; line-height:24px; color:#191919; background:url(../images/index_en6.png) no-repeat; width:92px; height:11px; display:block;margin-top:7px;}
.index_mod4 .f_title .nn:hover{ height:13px;}
.index_mod4 .f_title .nn a{ display:block; width:92px;  height:11px; }
.index_mod4 ul{ height:400px; width:99999999999px;}
.index_mod4 .swiper-slide{  display:inline-block; position:relative; display:inline-block; width:290px; height:350px; cursor:pointer; overflow:hidden;}
.index_mod4 .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:10; }
.index_mod4 .swiper-slide .core{ z-index:20; position:relative; padding:0 10px;padding-top:250px; }
.index_mod4 .swiper-slide .core .y_title{ font-size:18px; line-height:24px; margin-bottom: 10px}
.index_mod4 .swiper-slide .core .y_time{ font-size:14px; line-height:20px; margin-top: 5px; float:right}
.index_mod4 .swiper-slide .core .y_word{ font-size:14px; line-height:20px; margin-top:5px;float:left}
.index_mod4 .swiper-slide .core span{ width:270px; height:1px; background:#fff;  display:block; margin-top:10px;}
.index_mod4 .swiper-slide .redbg{ filter:alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;z-index:19; position:absolute; top:0; left:0; background:url(../images/index_casered.png) no-repeat; width:100%; height:100%; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;  -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.index_mod4 .swiper-slide .blackbg{ z-index:19; position:absolute; top:0; left:0; background:url(../images/index_caseblack.png) no-repeat; width:100%; height:100%;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;  -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.index_mod4 .swiper-slide:hover .redbg{ filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity: 1;}
.index_mod4 .swiper-slide:hover .blackbg{ filter:alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
.index_mod4 .swiper-slide:hover img{-webkit-transition:all 1s ease-in-out;-webkit-transform:scale(1.1);}
.index_mod4 .f_title .leftjt{ background:url(../images/index_smalljtleft.png) no-repeat; width:58px; height:57px; position:absolute;  margin-top:200px; left:-28px; z-index:999; cursor:pointer; z-index:999999;}
.index_mod4 .f_title  .rightjt{background:url(../images/index_smalljtright.png) no-repeat; width:58px; height:57px; position:absolute;  margin-top:200px; right:-28px; z-index:999; cursor:pointer; z-index:999999;}
.index_mod4 .i0{ margin-left:0}

.index_mod5{ padding:30px 0; text-align:center; -webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none; background:#fff;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);}
.index_mod5 .title{ font-size:42px; line-height:50px; color:#ff0000; margin:0 auto; background:url(../images/word4.png) no-repeat; width:268px; height:32px;}
.index_mod5 .more{ margin:0 auto; width:150px; height:40px;  text-align:center; margin-top:20px; border:1px solid #ff0000;}
.index_mod5 .more a{line-height:40px; color:#ff0000; font-size:20px; display:block; width:100%; height:100%;}
.index_mod5 .word{ margin-top:20px; color:#262626; font-size:18px; line-height:24px;}
.index_mod5 ul{display:inline-block;}
.index_mod5 ul li{ float:left; display:inline-block; margin-left:8px; margin-bottom:14px; border:1px solid #cbcbcb; width:230px; height:100px;}
.index_mod5 ul li img{ width:100%; display:block;}
.index_mod5 .leftjt{ background:url(../images/index_leftjt.png) no-repeat; width:47px; height:92px; position:absolute;  top:230px; left:-50px; z-index:999; cursor:pointer;}
.index_mod5 .rightjt{background:url(../images/index_rightjt.png) no-repeat; width:47px; height:92px; position:absolute; top:230px; right:-60px; z-index:999; cursor:pointer;}

.index_mod6{ padding:40px 0; background:#fff; margin-bottom:560px; border-top:1px solid #f38080; text-align:center;}
.index_mod6 .title{ font-size:38px; line-height:44px; color:#ff0000; background:url(../images/word5.png) no-repeat; width:354px; height:39px; margin:0 auto;}
.index_mod6 .iin{ width:150px; height:34px; color:#ff0000; margin:0 auto; margin-top:20px; border:1px solid #ff0000;}
.index_mod6 .iin a{ font-size:16px; line-height:34px; color:#ff0000;}
.index_mod6 .more{ margin:0 auto; margin-top:30px; width:148px; background:url(../images/index_en1.png) no-repeat; height:36px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;  -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.index_mod6 .more a{  display:block; width:100%; height:100%;}
.index_mod6 .more:hover{ background:url(../images/morehov.png) no-repeat;}


.index_mod6 .round{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.index_mod6 .word{ font-size:18px; line-height:28px; color:#494747; margin-top:30px;}
.index_mod6 .word i{ font-size:30px; line-height:40px;}
.map{ background:url(/asset/image/map.png) no-repeat top center; height:570px;}






/*COOPERATION*/
.coop_top{ background:#e70000; padding:50px 0 40px 0; color:#fff;text-align:center;}
.coop_top .en{ font-family:"Arial"; font-size:42px; line-height:50px; background:url(../images/index_en10.png) no-repeat; width:269px; height:32px; margin:0 auto;}
.coop_top .more{ font-size:20px; line-height:40px;width:148px; height:40px; border:1px solid #fff; margin:0 auto; margin-top:20px;}
.coop_top .cn{ font-size:18px ; line-height:24px; margin-top:20px;}

.coop_inner{ padding:60px 0;}
.coop_inner li{ width:230px; height:100px; float:left; display:inline-block; margin-left:10px; margin-bottom:20px; border:1px solid #cbcbcb;}
.coop_inner li img{width:230px; height:100px; display:block;}

.coop_inner .i1,.coop_inner .i6,.coop_inner .i11,.coop_inner .i16,.coop_inner .i21,.coop_inner .i26,.coop_inner .i31{ margin-left:0;}
/*contact*/
.contact_top{ background:url(../images/map.jpg) no-repeat top center; height:571px;}

.contact_inner{ padding-top:10px;}
.link{ background:url(../images/homeico.png) no-repeat left; height:20px; float:right; padding-left:25px; font-size:14px; line-height:20px; color:#595959;}
.contact_inner .en{ font-size:28px; line-height:34px; color:#ff0000; font-family:"Arial"; text-align:center; margin:0 auto;margin-top:5px; background:url(../images/index_en11.png) no-repeat; width:117px; height:21px;}
.contact_inner .cn{ font-size:16px; line-height:22px; color:#ff0000; text-align:center; margin-top:5px;}

.contact_inner .core{ margin-top:20px; background:#efefef; padding:40px 150px 70px 120px;}
.contact_inner .core ul{}
.contact_inner .core ul li{ margin-left:130px; float:left; display:inline-block; font-size:14px; color:#494747;}
.contact_inner .core ul li .ico1{ background:url(../images/mapico.png) no-repeat; height:23px; float:left; display:inline-block; padding-left:22px; line-height:22px;}
.contact_inner .core ul li .ico2{ background:url(../images/phoneico.png) no-repeat;  height:26px; float:left; display:inline-block;padding-left:20px; line-height:26px;}
.contact_inner .core ul li .ico3{ background:url(../images/emailico.png) no-repeat;  height:14px; float:left; display:inline-block;padding-left:25px; line-height:14px;}
.contact_inner .core .lyb{ margin-top:40px;}
.contact_inner .core .lyb .ll{ float:left; display:inline-block; width:296px;}
.contact_inner .core .lyb .ll .wbk{ padding:0 20px; width:280px; height:34px; border:0; background:#fff; margin-bottom:10px; font-size:12px; line-height:34px; color:#5e5e5e; overflow:hidden;}
.contact_inner .core .lyb .wby{ float:left; display:inline-block; margin-left:35px; width:475px; height:146px; padding:10px 20px;font-size:12px; line-height:34px; color:#5e5e5e; border:0; overflow:hidden;}
.contact_inner .core .lyb .bot{float:left; display:inline-block; margin-left:10px; width:74px; height:166px; text-align:center;  background:#d81f1c;  cursor:pointer;}
.contact_inner .core .lyb .bot a{ display:block; width:100%; height:100%;line-height:166px;font-size:20px; color:#fff; color:#fff;}

/*work*/
.work_top{ background:#e70000; padding:50px 0 40px 0; color:#fff;text-align:center;}
.work_top .en{ font-family:"Arial"; font-size:42px; line-height:50px; background:url(../images/index_en9.png) no-repeat; width:275px; height:27px; margin:0 auto;}
.work_top .more{ width:148px; height:40px; border:1px solid #fff; margin:0 auto; margin-top:20px;}
.work_top .more a{ font-size:20px; line-height:40px;width:148px; height:40px; display:block; color:#fff;}

.work_inner{ padding-top:10px; padding-bottom:40px;}
.work_inner .w_auto{ position:relative;}
.work_inner .listsbox ul{ position:relative; display:block; margin-top:10px; width:1200px;}
.work_inner .listsbox ul li{ float:left; margin-left:13px; margin-bottom:13px; display:inline-block; position:relative; display:inline-block; width:290px; height:400px; cursor:pointer;}
.work_inner .listsbox ul li img{  display:block; position:absolute; left:0; top:0; z-index:10; width:290px; height:400px;}
.work_inner .listsbox ul li .core{ z-index:20; padding-top:290px;color:#fff; position:relative; padding-left:10px;}
.work_inner .listsbox ul li .core .y_time{ font-size:14px; line-height:20px; }
.work_inner .listsbox ul li .core .y_title{ font-size:18px; line-height:24px; }
.work_inner .listsbox ul li .core .y_word{ font-size:14px; line-height:20px; margin-top:5px;}
.work_inner .listsbox ul li .core span{ width:270px; height:1px; background:#fff;  display:block; margin-top:10px;}
.work_inner .listsbox ul li .redbg{ z-index:19; position:absolute; top:0; left:0; background:url(../images/index_casered.png) no-repeat; width:290px; height:400px; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity: 0;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;  -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.work_inner .listsbox ul li .blackbg{ z-index:19; position:absolute; top:0; left:0; background:url(../images/index_caseblack.png) no-repeat; width:290px; height:400px; display:block;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;  -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.work_inner .listsbox li:hover .redbg{ filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity: 1;}
.work_inner .listsbox li:hover .blackbg{ filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity: 0;}
.work_inner .listsbox .i1,.work_inner .listsbox .i5,.work_inner .listsbox .i9,.work_inner .listsbox ul .i13,.work_inner .listsbox  .i17,.work_inner .listsbox ul .i21,.work_inner .listsbox ul .i25{ margin-left:0;}
/*弹出*/
.maxtop{ position:absolute; top:0px; left:0px; background:url(../images/case_debg.png) repeat; height:100%; width:1200px; z-index:888; display:none;}
.maxexit{ background:url(../images/exit.gif) no-repeat center center; height:40px; width:40px; position:absolute; top:0px; right:0; z-index:5555; cursor:pointer; }
.maxtop .max_top .max_ttitle{ font-size:24px; line-height:40px; color:#1a1a1a;}
.maxtop .max_top .max_tcon{ font-size:13px; line-height:22px; color:#424242;}

.v_out{width:1200px;overflow:hidden;}
.v_show{width:1200px;overflow:hidden;position:relative;height:630px;float:left; margin:0 auto;}
.v_cont{ width:999999999px;position:absolute;left:0px;top:0px;}
.v_cont ul{float:left;text-align:center;line-height:50px;}
.v_cont ul li{width:1200px;height:630px;}

/*---圆圈---*/
.v_out_p{position:relative;overflow:visible}
.circle{position:absolute;left: 0px;top: 640px;}
.circle li{width:230px;height:120px;float:left;margin:5px; cursor:pointer;}
.circle .circle-cur,.circle li:hover{-webkit-transition:all 1s ease-in-out;-webkit-transform:scale(1.1);}

/*---切换---*/
.prev{background:url(../images/le.png) no-repeat center center; height:120px; width:30px; position:absolute; top:690px; left:0; z-index:5555; cursor:pointer;}
.next{background:url(../images/ri.png) no-repeat center center; height:120px; width:30px; position:absolute; top:690px; right:0; z-index:5555; cursor:pointer;}
.prev .ico_1{ background:url(input_a.gif) no-repeat 0 -3757px;}

.next .ico_2{background:url(input_a.gif) no-repeat right -3757px;}
.prev,.prev a,.next,.next a{width:21px;height:28px; display:block}




.page{ text-align:center; margin:0 auto; width:100%; margin-top:30px;}
.page span{ text-align:center; display:inline-block; padding:0 10px; height:26px; background:#9b9b9b; color:#fff; line-height:26px; cursor:pointer; font-size:12px; margin-left:2px;}
.page span:hover{ background:#e60002;}
.page a{ text-align:center; display:inline-block; padding:0 10px; height:26px; background:#9b9b9b; color:#fff; line-height:26px; cursor:pointer; font-size:12px; margin-left:2px;}
.page a:hover{ background:#e60002;}

.hei1{ height:900px; overflow:hidden;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;  -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.hei2{ height:100%;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;  -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}

/*service*/
.ser_top{ background:#e70000; text-align:center; height:170px; padding-top:50px; font-size:28px; line-height:34px; color:#fff;}

.ser_inner{ padding-bottom:50px; text-align:center;}
.ser_inner .tp{  height:338px; width:1200px; margin-top:-110px;}
.ser_inner .tp img{ width:100%; display:block;}
.ser_inner .title{ font-size:16px; line-height:22px; color:#444; margin-top:20px;}
.ser_inner .word{ font-size:14px; line-height:20px; color:#444; margin-top:20px;}
.ser_inner .zl{ height:46px;position:relative; display:block; margin-top:70px;}
.ser_inner .zl .line{ position:absolute; top:23px; left:0; width:100%; background:#ffc0c0; height:1px; z-index:99;}
.ser_inner .zl .more{ margin:0 auto; height:46px; width:160px; border:1px solid #ff4040; text-align:center;; line-height:46px; font-size:20px; color:#e70000; z-index:100; position:relative; display:block; background:#fff;}
.ser_inner ul{ margin-top:60px;}
.ser_inner li{ float:left; display:inline-block; margin-left:90px;}
.ser_inner li .ico{ display:block; margin:0 auto;}
.ser_inner li .word{ font-size:16px; line-height:24px; color:#161616;}



.ser_down{ background:url(../images/ser_map.jpg) no-repeat top center; height:272px; text-align:center; padding-top:65px;}
.ser_down .more{ width:160px; height:46px; font-size:20px; margin:0 auto; border:1px solid #fff; color:#fff; line-height:46px;}
.ser_down .word{ font-size:16px; line-height:22px; color:#fff; margin-top:30px;}
.ser_down .title{ font-size:18px; line-height:24px; color:#fff; margin-top:30px;}


/*about*/
.about_top{ background:#e70000; text-align:center; height:170px; padding-top:50px; font-size:28px; line-height:34px; color:#fff;}

.about_core{ margin-top:-100px;}
.about_core li{ margin-bottom:40px;}
.about_core li .tp{ margin:0 auto;}
.about_core li .tp dd{ width:1200px; height:420px;}
.about_core li .cc{ margin-top:1px; position:relative; display:block; height:88px;}
.about_core li .cc dl{ float:left; display:inline-block;}
.about_core li .cc dd{ float:left; display:inline-block; margin-right:3px; position:relative; cursor:pointer; width:128px; height:45px;}
.about_core li .cc dd img{ width:100%; display:block;}
.about_core li .cc dd .redbg{ background:url(../images/index_imgred.png) repeat; width:128px; height:45px; position:absolute; top:0; left:0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;  -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out;filter:alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
.about_core li .cc dd:hover .redbg,.about_core li .cc dd.on .redbg{filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
.about_core li .cc .nn{ width:10000px; height:45px; background:#ff0000; text-align:left; text-indent:10px; position:absolute; top:0; left:525px; font-size:24px; line-height:44px; color:#fff;}
.about_core li .cc .word{ margin-left:536px; font-size:12px; line-height:18px; color:#0c0c0c; margin-top:3px;}
 
.about_core li .ccr{ margin-top:1px; position:relative; display:block;}
.about_core li .ccr dl{ float:right; display:inline-block;}
.about_core li .ccr dd{ float:left; display:inline-block; margin-right:3px; position:relative; cursor:pointer; width:128px; height:45px;}
.about_core li .ccr dd img{ width:100%; display:block;}
.about_core li .ccr dd .redbg{ background:url(../images/index_imgred.png) repeat; width:128px; height:45px; position:absolute; top:0; left:0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;  -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out;filter:alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
.about_core li .ccr dd:hover .redbg,.about_core li .ccr dd.on .redbg{ filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
.about_core li .ccr .nn{ width:10000px; height:45px; background:#ff0000; text-align:right; padding-right:10px;position:absolute; top:0; right:527px; font-size:24px; line-height:44px; color:#fff;}
.about_core li .ccr .word{ margin-left:10px; width:650px; font-size:12px; line-height:18px; color:#0c0c0c; margin-top:3px;}

.foot_fix{ height:570px; display:block; position:fixed; bottom:0; left:0; width:100%; z-index:-2;filter:alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
.op1{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.op0{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}

.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  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;
  
}