﻿/* CSS Document */
*{margin:0px; padding:0px; list-style:none; font-size:12px;color:#656565; text-decoration:none; border:none; font-family:"微软雅黑"}
.clear{clear:both}
a:link,a:visited{color:#3e3e3e;}
a:hover,a:active{color:#008cd6}
a.blues:link,a.blues:visited{color:#008cd6;}
a.blues:hover,a.blues:active{color:#e6493c}
.sp_reds{color:#f00}
.sp_blue{color:#008cd6; font-size:18px;}
.top{width:100%; height:88px; position:fixed; left:0px; top:0px; z-index:9; background:#fff;  box-shadow:0px 0px 10px #f1f1f1; border-bottom:1px #e9e9e9 solid}
.top .topCon{width:1100px; height:88px; margin:0px auto; display:flex; align-items:center;}
.top .topCon .h1{width:217px; height:46px; margin-right:80px;}
.top .topCon .h2{flex:1; display:flex; align-items:center; height:58px}
.top .topCon .h2 a{width:100px; display:flex; align-items:center; justify-content:center; height:88px; margin-right:5px}
.top .topCon .h2 a.b{width:100px; display:flex; align-items:center; justify-content:center; background:#008cd6; margin-right:5px;}
.top .topCon .h2 .i1{display:flex; align-items:center; justify-content:center; font-size:16px;color:#3e3e3e;}
.top .topCon .h2 .i1s{display:flex; align-items:center; justify-content:center; font-size:16px;color:#fff; background:#008cd6;}
.top .topCon .h3{width:24px; height:24px; margin-top:0px; font-size:24px; font-family:"iconfont";color:#e6493c; margin-right:5px;}
.top .topCon .h3:before{content:"\f110"}
.top .topCon .h4{display:flex; align-items:center;color:#e6493c; font-size:20px;}
.top1{width:100%; height:88px; margin:0px auto}
.ind{width:100%; height:490px; margin:0px auto; background:url(../images/ban.jpg) top center no-repeat;}

.ind1{width:100%; height:470px; padding-top:60px; background:url(../images/ind1.jpg) top center no-repeat; margin:0px auto}
.ind1 .h1{width:330px; height:40px; margin:0px auto; display:flex;}
.ind1 .h1 .i1{width:50px; height:18px; border-bottom:2px #fff solid;}
.ind1 .h1 .i2{flex:1;  display:flex; align-items:center; justify-content:center; font-size:24px;color:#fff; font-weight:bold}
.ind1 .h2{width:330px; height:40px; border-radius:4px; background:#fff; margin:20px auto; display:flex; align-items:center; justify-content:center; font-size:14px;color:#4e4e4e;}
.ind1 .h3{width:1100px; height:294px; margin:40px auto 0px auto; display:flex; justify-content:space-around; align--items:center;}
.ind1 .h3 .i1{width:249px; height:294px; background:url(../images/ind1bg.png) no-repeat; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.ind1 .h3 .i1 .j1{height:40px; display:flex; align-items:center; justify-content:center; font-size:30px;color:#fff;}
.ind1 .h3 .i1 .j2{display:flex; align-items:center; justify-content:center; font-size:14px;color:#fff; margin-top:20px;}

.ind1 .h3 .i1s{width:249px; height:294px; background:url(../images/ind1bg1.png) no-repeat; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.ind1 .h3 .i1s .j1{height:40px; display:flex; align-items:center; justify-content:center; font-size:30px;color:#fff;}
.ind1 .h3 .i1s .j2{display:flex; align-items:center; justify-content:center; font-size:14px;color:#fff; margin-top:20px;}

.ind2{width:100%; height:145px; margin:0px auto; background:#383838; display:flex;}
.ind2 .h1{display:flex; flex:1; margin-right:20px;}
.ind2 .h1 .i1{flex:1; margin-left:20px; display:flex; flex-direction:column;justify-content:center;}
.ind2 .h1 .i1 .j1{display:flex; align-items:center; font-size:24px;color:#fff;}
.ind2 .h1 .i1 .j2{display:flex; align-items:center; font-size:16px;color:#ccc; margin-top:10px;}
.ind2 .h1 .i2{width:330px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding-top:30px; padding-bottom:30px;}
.ind2 .h1 .i2 .j1{width:50%; display:flex; align-items:center; font-size:16px;color:#ccc;}
.ind2 .h1 .i2 .j1 .jt{font-family:"iconfont";color:#fff; font-size:20px; margin-right:10px;}
.ind2 .h1 .i2 .j1 .jt:before{content:"\f10a"}
.ind2 .h2{width:230px; padding-left:20px; padding-right:20px; display:flex; background:#008cd6;flex-direction:column; justify-content:center;align-items:flex-end}
.ind2 .h2 .i1{display:flex; align-items:center;color:#fff; font-size:16px; justify-content:left; width:100%}
.ind2 .h2 .i2{display:flex;width:100px; border-radius:4px; background:#fff; align-items:center; justify-content:center;color:#3e3e3e; height:36px; margin-top:20px; font-size:16px;}
.ind3{width:100%; height:630px; margin:0px auto; background:url(../images/ind2Bg.jpg) top center no-repeat; position:relative}
.ind3 .ind3Con{width:1100px; height:190px; margin:0px auto;}
.ind3 .ind3Con .h1{width:330px; height:40px; margin:0px auto 50px auto; padding-top:50px; display:flex;}
.ind3 .ind3Con .h1 .i1{width:50px; height:18px; border-bottom:2px #fff solid;}
.ind3 .ind3Con .h1 .i2{flex:1;  display:flex; align-items:center; justify-content:center; font-size:24px;color:#fff; font-weight:bold}
.ind3 .ind3Con .h2{width:1100px; height:40px; display:flex; margin:0px auto; justify-content:space-around; align-items:center;}
.ind3 .ind3Con .h2 a{width:160px; height:40px; display:flex; align-items:center; justify-content:center;}
.ind3 .ind3Con .h2 .i1{width:160px; height:40px; display:flex; align-items:center; justify-content:center; background:#fff; border-radius:4px; font-size:14px;color:#4e4e4e;}
.ind3 .ind3Con .h2 .i1s{width:160px; height:40px; display:flex; align-items:center; justify-content:center; background:#008cd6; border-radius:4px; font-size:14px;color:#fff;}
.ind3 .ind3pro{width:100%; height:430px; position:absolute; left:0px; top:220px; z-index:2}
.ind3 .ind3pro .a1{width:1100px; height:430px; margin:0px auto; background:#fff; box-shadow:0px 0px 20px #f1f1f1; display:flex; flex-direction:column; justify-content:center;}
.ind3 .ind3pro .a1 .b1{display:flex; height:340px; margin-top:20px; align-items:center; justify-content:space-around;flex-direction:row;}
.ind3 .ind3pro .a1 .b1 .b1s{width:24%; height:340px; display:flex; justify-content:center; align-items:center; overflow:hidden; position:relative}
.ind3 .ind3pro .a1 .b1 .b1s img{height:340px;-webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;}
.ind3 .ind3pro .a1 .b1 .b1s img:hover{
	-webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}  
.ind3 .ind3pro .a1 .b1 .b1s .b1title{position:absolute; left:0px; bottom:0px; height:40px; z-index:2; background:rgba(255,255,255,0.6); display:flex; align-items:center; justify-content:center;width:100%;}
.ind3 .ind3pro .a1 .b1 .b1s .b1title a{font-size:14px;}

.ind3 .ind3pro .a1 .b2{display:flex; height:40px; margin:20px auto;width:180px; background:#008cd6; border-radius:4px; align-items:center; justify-content:center;color:#fff; font-size:14px; cursor:pointer}

.ind4{width:1200px; margin:50px auto 30px auto; display:flex; height:360px; justify-content:space-beween;}
.ind4 .h1{ height:360px; margin-right:80px; display:flex; flex-direction:column;flex:1;}
.ind4 .h1 .i1{display:flex; height:40px; align-items:center; margin-bottom:20px; font-size:14px;color:#9e9e9e;}
.ind4 .h1 .i1 span{margin-right:5px;}
.ind4 .h1 .i2{display:flex; height:149px; border-bottom:1px #f9f9f9 solid;width:100%;flex-direction:column;}
.ind4 .h1 .i2 .j1{height:49px; display:flex; align-items:center; justify-content:space-between;}
.ind4 .h1 .i2 .j1 a{font-size:16px;color:#3e3e3e; margin-right:10px;flex:1;}
.ind4 .h1 .i2 .j1 span{color:#9e9e9e;}
.ind4 .h1 .i2 .j2{display:flex; overflow:hidden; height:80px; margin-bottom:10px; margin-top:10px; line-height:20px; font-size:14px;color:#9e9e9e; text-indent:20px;}

.ind4 .h2{width:460px; height:360px;}
.ind4 .h2 .i1{width:460px; height:170px; border:5px #008cd6 solid; border-radius:4px; margin-bottom:20px;}
.ind4 .h2 .i1 img{width:460px; height:170px;}
.ind4 .h2 .i2{width:460px; height:40px; display:flex; align-items:center;font-size:14px;color:#9e9e9e; margin-bottom:10px;}
.ind4 .h2 .i3{width:460px; height:110px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.ind4 .h2 .i3 .j1{width:30%; height:48px; margin-bottom:5px; display:flex; align-items:center; overflow:hidden; border:1px #e1e1e1 solid; border-radius:3px; justify-content:center;}
.ind4 .h2 .i3 .j1 img{height:48px;}
.ind4 .h2 .i3:after{content:"";width:30%}

.foot{width:100%; margin:0px auto; background:#282828; padding-top:30px; padding-bottom:30px;}
.foot .footCon{width:1100px; margin:0px auto; display:flex; justify-content:space-between;}
.foot .footCon .h1{flex:1; display:flex; margin-right:100px;flex-direction:column;}
.foot .footCon .h1 .i1{width:100%; height:50px; border-bottom:1px #3e3e3e solid; align-items:center; display:flex;}
.foot .footCon .h1 .i1 a{margin-right:30px;color:#ccc; font-size:14px;}
.foot .footCon .h1 .i1 a:hover,.foot .footCon .h1 .i1 a:active{color:#fff;}
.foot .footCon .h1 .i2{width:100%; height:50px; padding-top:10px; padding-bottom:10px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px #3e3e3e solid}
.foot .footCon .h1 .i2 .j1{display:flex; align-items:center; margin-right:70px;}
.foot .footCon .h1 .i2 .j1 img{margin-right:10px;}
.foot .footCon .h1 .i3{width:100%; margin-top:20px; align-items:center; display:flex;color:#6e6e6e;}

.foot .footCon .h2{width:98px; display:flex; flex-direction:column; margin-right:100px;}
.foot .footCon .h2 .i1{width:98px; height:98px;}
.foot .footCon .h2 .i2{width:98px; height:40px; line-height:40px; text-align:center; font-size:14px;color:#6e6e6e;}
.foot .footCon .h3{width:100px; display:flex; flex-direction:column; margin-top:10px}
.foot .footCon .h3 .j1{width:77px; height:77px;}
.foot .footCon .h3 .j1 img{width:77px; height:77px}
.foot .footCon .h3 .j2{width:100%; display:flex; align-items:center;color:#6e6e6e;}
.gotop{width:40px; height:40px; border-radius:2px; background:#a8a8a8; font-family:"iconfont";color:#fff; font-size:20px; display:flex; justify-content:center; align-items:center; position:fixed; right:20px; bottom:20px; z-index:2; cursor:pointer}
.gotop:before{content:"\f107"}

.abban{width:100%; height:350px; margin:0px auto; background:url(../images/neiban2.jpg) top center no-repeat}
.ab{width:1100px; margin:30px auto;}
.ab .h1{display:flex; align-items:center; height:40px; border-bottom:1px #f1f1f1 solid;}
.ab .h1 .i1{width:100px; height:37px; border-bottom:3px #008cd6 solid; display:flex; align-items:center;color:#008cd6; font-size:16px; font-weight:bold}
.ab .h1 .i2{flex:1; display:flex; align-items:center; justify-content:flex-end}
.ab1{width:1100px; margin:0px auto 40px auto; line-height:22px;}
.ab1 img{max-width:1100px}

.pro{width:1100px; margin:30px auto;}
.pro .h1{width:280px; border:3px #008cd6 solid; border-radius:3px; float:left}
.pro .h1 .i1{display:flex; align-items:center; height:50px; background:#008cd6; padding-left:15px; padding-right:15px; justify-content:space-between;}
.pro .h1 .i1 .j1{flex:1; display:flex; aglin-items:center;color:#fff; font-size:18px;}
.pro .h1 .i1 .j2{width:24px; height:50px; display:flex; align-items:center;color:#fff; font-size:24px; font-family:"iconfont"}
.pro .h1 .i1 .j2:before{content:"\f125"}
.pro .h1 .i2{padding:10px; display:flex; flex-direction:column;}
.pro .h1 .i2 .j1{display:flex; height:40px; align-items:center; border:1px #f1f1f1 solid; border-radius:2px; padding-left:10px; padding-right:10px; margin-bottom:10px;}
.pro .h1 .i2 .j1 a{display:flex; flex:1; align-items:center; flex-direction:row; font-size:14px;color:#4e4e4e}
.pro .h1 .i2 .j1 .jt{font-family:"iconfont"; font-size:20px; width:20px; height:40px; align-items:center; margin-right:10px; display:flex;color:#9e9e9e}
.pro .h1 .i2 .j1 .jt:before{content:"\f225";}

.pro .h1 .i2 .j1s{display:flex; height:40px; align-items:center; border:1px #008cd6 solid; border-radius:2px; padding-left:10px; padding-right:10px; margin-bottom:10px; background:#008cd6;}
.pro .h1 .i2 .j1s a{display:flex; flex:1; align-items:center; flex-direction:row; font-size:14px;color:#fff}
.pro .h1 .i2 .j1s .jt{font-family:"iconfont"; font-size:20px; width:20px; height:40px; align-items:center; margin-right:10px; display:flex;color:#fff}
.pro .h1 .i2 .j1s .jt:before{content:"\f225";}


.pro .h2{width:784px; float:right}
.pro .h2 .i1{display:flex; align-items:center; border-bottom:1px #f1f1f1 solid; height:40px; justify-content:space-between; margin-bottom:20px;}
.pro .h2 .i1 .j1{width:100px; height:37px; display:flex; align-items:center; border-bottom:3px #008cd6 solid; font-size:16px;color:#008cd6}
.pro .h2 .i1 .j2{flex:1; display:flex; align-items:center; justify-content:flex-end;}
.pro .h2 .i2{flex:1; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between;}
.pro .h2 .i2 .j1{width:30%; height:280px; margin-bottom:15px; display:flex; flex-direction:column;}
.pro .h2 .i2:after{width:30%;content:""; }
.pro .h2 .i2 .j1 .j1top{display:flex; border:1px #f1f1f1 solid; border-radius:4px; height:218px; overflow:hidden; align-items:center; justify-content:center; padding-top:10px; padding-bottom:10px;}
.pro .h2 .i2 .j1 .j1top img{height:218px;-webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;}
.pro .h2 .i2 .j1 .j1top img:hover{-webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);}  
.pro .h2 .i2 .j1 .j1down{display:flex; align-items:center; justify-content:center; height:40px;}
.pro .h2 .i3{display:flex; align-items:center; justify-content:center; height:40px;}

.pshow1{display:flex; align-items:center; justify-content:center; margin:0px auto 10px auto; font-size:20px;color:#3e3e3e;}
.pshow2{display:flex; align-items:center; justify-content:center; margin:0px auto 20px auto;color:#9e9e9e;}
.pshow3{display:flex; align-items:center; justify-content:center;}
.pshow4{display:flex; align-items:center; height:40px; margin-top:20px; margin-bottom:20px;}
.pshow4 .a1{width:100px; height:39px; border-left:1px #f1f1f1 solid; border-right:1px #f1f1f1 solid; border-top:1px #f1f1f1 solid; border-radius:3px; display:flex; align-items:center; font-size:16px;color:#008cd6;justify-content:center; font-weight:bold}
.pshow4 .a2{flex:1; border-bottom:1px #f1f1f1 solid; height:39px;}
.pshow5{width:100%; line-height:22px;}
.pshow5 img{max-width:100%}
.pshow6{width:100%; height:50px; margin-top:20px; line-height:25px;}

.news{width:100%; height:40px; margin:0px auto 30px auto; display:flex; align-items:center; justify-content:center;}
.news .a1{padding-left:25px; padding-right:25px; margin-right:30px; height:40px; border:1px #e9e9e9 solid; justify-content:center; display:flex; border-radius:2px;}
.news .a1 a{display:flex; align-items:center; font-size:14px;}
.news .a1 .jt{font-family:"iconfont"; font-size:20px;color:#9e9e9e; margin-right:5px;}
.news .a1 .jt:before{content:"\f1ff"}
.news .a1s{padding-left:25px; padding-right:25px; margin-right:30px; height:40px; border:1px #008cd6 solid; justify-content:center; display:flex; background:#008cd6; border-radius:2px;}
.news .a1s a{display:flex; align-items:center; font-size:14px;color:#fff;}
.news .a1s .jt{font-family:"iconfont"; font-size:20px;color:#fff; margin-right:5px;}
.news .a1s .jt:before{content:"\f1ff"}
.nlist{width:1100px; height:80px; padding-top:20px; padding-bottom:20px; margin:0px auto; border-bottom:1px #f1f1f1 solid; display:flex;}
.nlist .a1{width:150px; height:78px; border:1px #008cd6 solid; border-radius:3px;}
.nlist .a1 .b1{display:flex; height:38px; background:#008cd6; align-items:center; justify-content:center;color:#fff; font-size:14px;}
.nlist .a1 .b2{display:flex; height:40px; align-items:center; justify-content:center; font-size:14px;}
.nlist .a1s{width:150px; height:78px; border:1px #e6493c solid; border-radius:3px;}
.nlist .a1s .b1{display:flex; height:38px; background:#e6493c; align-items:center; justify-content:center;color:#fff; font-size:14px;}
.nlist .a1s .b2{display:flex; height:40px; align-items:center; justify-content:center; font-size:14px;}

.nlist .a2{flex:1; display:flex; margin-left:30px; flex-direction:column;}
.nlist .a2 .b1{display:flex; height:38px; align-items:center;}
.nlist .a2 .b1 a{font-size:20px;color:#3e3e3e}
.nlist .a2 .b2{display:flex; line-height:20px; overflow:hidden; height:40px; text-indent:20px;color:#9e9e9e;}
.npage{width:100%; height:50px; display:flex; align-items:center; justify-content:center; margin-top:20px; margin-bottom:20px;}

.nshow{width:1100px; margin:20px auto 30px auto;}
.nshow .a1{width:1100px; display:flex; align-items:center; justify-content:center; margin-bottom:20px; font-size:20px;color:#3e3e3e;}
.nshow .a2{width:1100px; display:flex; align-items:center;color:#9e9e9e; justify-content:center;}
.nshow .a3{width:1100px; margin:20px auto 0px auto; line-height:20px;}
.nshow .a3 img{max-width:100%}
.nshow .a4{width:1100px; height:50px; line-height:25px; margin-top:30px;}
.feed{width:1060px; margin:0px auto; line-height:20px; margin:30px auto; border-radius:3px; border:1px #f1f1f1  dotted; padding:20px; font-size:14px;color:#9e9e9e;}
.feed1{width:1100px; display:flex;flex-wrap:wrap; align-items:center; margin:0px auto}
.feed1 .h1{width:48%; height:40px; display:flex; align-items:center; font-size:14px;color:#4e4e4e; margin-bottom:15px;}
.feed1 .h1 .i1{width:60px; font-size:14px;color:#3e3e3e;}
.inp_100{width:300px; padding-left:5px; height:38px; border:1px #e1e1e1 solid; border-radius:3px; font-size:14px;color:#9e9e9e; }
.feed1 .h2{width:100%; height:200px; display:flex; align-items:center; font-size:14px;color:#4e4e4e; margin-bottom:15px;}
.feed1 .h2 .i1{width:60px; font-size:14px;color:#3e3e3e;}
.inp_101{width:95%; padding:5px; height:198px; border:1px #e1e1e1 solid; border-radius:3px; font-size:14px;color:#9e9e9e; }
.feed1 .h3{width:100%; height:40px; margin:0px auto 20px auto;}
.feed1 .h3 .h3Con{width:130px; height:40px; background:#008cd6; border-radius:4px; display:flex; align-items:center; justify-content:center;color:#fff; margin-left:60px; cursor:pointer}
.feed1 .h3 .h3Con .jt{font-family:"iconfont";color:#fff; font-size:20px; margin-right:5px;}
.feed1 .h3 .h3Con .jt:before{content:"\f158"}

.ct{width:1100px; display:flex; height:500px; margin:0px auto 30px auto}
.ct .h1{flex:1; padding:10px; line-height:22px; font-size:14px; margin-right:20px;}
.ct .h2{width:680px;}