@charset "utf-8";
/* CSS Document */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite, code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio, video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; outline-style:none;/*FF*/font-size:10px;font-family: "Arial","Microsoft Yahei"; list-style:none;}
body { line-height:1; min-width:1300px;}
a{ margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;text-decoration:none; color:#333; cursor:pointer;outline:0;}
a:hover,a:focus{ text-decoration:none;  outline-style:none;/*FF*/ }
table { border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle; outline:none;}
/*css为clearfix，清除浮动*/
.clearfix::before,.clearfix::after{content:""; height:0; line-height:0; display: block;visibility: hidden; clear:both;}
.clearfix:after{clear:both;} 
.clearfix{*zoom:1;/*IE/7/6*/}


.warp{ width:1200px; margin:0 auto;}

.clear{ overflow:hidden;}
.clear2{ clear:both;}

h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.play{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}

/*parts*/
div.fy {text-align:center;line-height:40px; padding:35px 0;}
div.fy a { background:#dedede; margin:2px 5px;padding:10px 15px;color:#666666; font-size:14px; display:inline;}
div.fy a:hover {background-color:#0786db;color:#FFF; border-radius:4px;}
div.fy a:active {background-color:#0786db;color:#FFF;}
div.fy span.current { border-radius:4px; margin:2px 5px;padding:10px 15px;background-color:#0786db; color:#FFF; font-size:14px;}
div.fy span.disabled { background:#dedede; border-radius:4px; margin:2px 5px;padding:10px 15px;color:#999;  font-size:14px;}

.red{color: #ab0000}
/*header*/
.ht{ position:absolute; top:0; z-index:10; width:100%;}
.header-tit{ background:rgba(0,0,0,0.3) !important; min-width:1200px;}
.ht-l,.ht-r{ float:left; width:50%;}
.ht-r{ text-align:right; padding:30px 0;}
.ht-l{ padding:20px 0;}
.header{ background:#fff; width:100%;min-width:1200px;}
.header a{ font-size:1.6em; color:#333; padding:14px 29px; display:inline-block;transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}

.header a.m8{
    color: #e80113;
}
.header a.m9{
    color: #0786db;
}
.header a:hover,
#m1 .m1,#m2 .m2,#m3 .m3,#m4 .m4,#m5 .m5,#m6 .m6,#m7 .m7,#m8 .m8,#m9 .m9
{ background:#0786db !important; color:#fff !important;}



/*bottom*/
.bottom{ background:#222222; padding:6px 0;}
.bottom p{ font-size:1.4em; color:#ababab; display:inline-block;}
.bottom a{ font-size:1em; color:#ababab; display:inline-block;}
.b-r{ float:right;}

/*index*/
/*banner*/
.banner{ height:700px;position: relative;}
.banner-slide{ position:absolute; right:0; height:100%;}
.banner-img{ overflow:hidden;}
.banner-img img{ width:100%;}
.swiper-container {     width: 100%;      height: 100%;    }
.swiper-slide {     text-align: center;      font-size: 18px;      background: center center #fff;    }
.in-pro{ position:absolute; bottom:0; width:100%; text-align:center; background:rgba(0,0,0,0.3); z-index:11;}
.in-pro{border-top:1px solid #fff;}
.in-pro>.warp>div{ width:50%; float:left; font-size:2em; color:#fff; padding:12px; border-right:1px solid #fff;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.in-pro>.warp>div:first-child{border-left:1px solid #fff;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/*p-d*/
.p-d{ position:relative; width:50%; float:left;border-right:1px solid #333;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.p-d>a>img{ width:100%;}
.p-d:first-child{border-left:1px solid #333;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.p-h{ position:absolute; top:0; left:0; text-align:center; background:#399ee2; width:100%; height:100%; overflow:hidden; opacity:0;transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.p-h:hover{ opacity:1;}
.p-h>img:first-child{ padding:25px 0;}
.p-h>img{ padding:15px 0;}
.p-h>p{ width:400px; margin:0 auto; font-size:1.6em; color:#fff; line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}

/*in-banner*/
.in-banner img{ width:100%;}

/*product*/
.pro{ background:#f5f5f5; padding-top:40px;}
.in-tit{ text-align:center;}
.in-tit h3{ font-size:3.2em; color:#333; position:relative; padding-bottom:12px;}
.in-tit h3:after{ position:absolute; bottom:0; left:48.2%; width:40px; height:2px; background:#0786db; content:"";}
.in-tit p{ padding:12px 0 ; font-size:1.4em; line-height:24px; color:#333; width:80%; margin:0 auto;}
.p-t{ float:left; width:48%; margin:25px 1%; text-align:center;}
.p-t img{ max-width:500px;}

/*about*/
.about{ padding:40px 0;}
.about-txt{ width:85%; margin:0 auto; padding-top:20px;}
.about-txt p{ text-indent:2em; font-size:1.4em; line-height:24px; color:#333; margin-top:24px;}

/*contact*/
.contact{ padding-top:40px;}
.c-l,.c-r{ width:49%; margin:25px 1%; float:left;}
.c-r{ text-align:center;}
.c-l{ padding:35px 0; color:#333; padding-left:9%; width:38%;}
.c-l h3{ font-size:2.4em; margin-bottom:12px;}
.c-l p{ font-size:1.4em; line-height:24px;}
.contact-txt>p{ text-align:center; font-size:1.4em; padding:40px 0;}
.cl-3{ float:left;     width: 50%;    margin: -5% 1% 40px 1%; text-align:center;}
.cr-4{ float:left; width:46%; margin:1%;}
.cr-4 p{ font-size:1.6em; line-height:24px;   width: 70%;  margin-top: 200px;}
.cr-4 p strong{ font-size:1.2em;}

/*news*/
.newsshow{ padding:60px 0;}
.news-txt{ margin:40px 0 0 0; overflow:hidden;}
.news-box{ width:29.33%; float:left; padding:0 2%; margin-bottom:20px;}
.news-box img{ width:100%;}
.news-box p{ text-align:center; padding:12px 2%; width:96%;  font-size:1.4em;}
/*newsshow*/
.ne-show{ background:#fff;}
.ne-tit{ text-align:center; position:relative;}
.ne-tit:after{background: #d1d1d1;content: "";height:1px;left:0px;width: 100%; bottom:0; position: absolute; z-index: 9;}
.ne-tit h3{ font-size:3em; color:#117bc9; margin:40px 0 15px 0; font-weight:bold; line-height:40px;}
.ne-tit h4{ font-size:1.4em; color:#444; padding-bottom:22px;}
.ne-txt{ padding:40px 5%;}
.ne-txt p{ font-size:1.6em; line-height:36px; text-indent:2em; padding-bottom:20px;}
/*list*/
.ud{ border-top:1px solid #ccc; width:100%;}
.ud div{ float:left; width:50%;}
.ud div p{ width:90%; padding:20px 5%; font-size:1.4em;}
.ud div p a{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.ud div p a:hover{ color:#088b42;}
.n-p-back{ text-align:right; font-size:1.8em; padding:15px 2% 0 2%;}
.n-p-back a{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.n-p-back a:hover{color:#117bc9;}