@charset "utf-8";
html{ background-color:#93AFD4; background-image:url(); background-repeat:repeat;}
html,body,div,ul,li{ margin:0px; padding:0px; font-family:"微软雅黑"; font-size:14px;}
ul,li{ list-style:none;}
.clear{ clear:both;}
.tel_con{ width:300px; height:auto; margin:10px; text-align: left; font-size:1.8rem; color: #FF0000; font-weight:bold; line-height:50px;}
.wechat_con{ width:280px; height:200px; margin:20px auto; text-align: left; font-size:1.8rem; color: #393D49; font-weight:bold; line-height:50px;}
#maincon{ width:1000px; margin:0px auto; background-color:#F3F0F0; box-shadow: 2px 2px 10px #000000;}
/*页眉*/
#top{ width:100%; height:70px; margin:0px auto; background-color:#F3F0F0;}
#top>div:first-child{ float:left; height:70px; margin-left:30px;}
#top>div:last-child{ float: right; height:70px;}
#top>div:first-child>h1{ font-size:32px; color:#005EAD; font-weight: bold; letter-spacing:2px;}
#top>div:first-child>h2{ font-size:15px; color:#A19D9D; letter-spacing:0.6px;}
#top>div:last-child>a{ color:#005EAD; font-size:18px; display:inline-table; line-height:70px; margin-right:30px;}
#top>div:last-child>a:hover{ color:#999;}
/*导航栏*/
#nav{ width:1000px; height:35px; margin:0px auto; background-color:#005EAD; text-align: center;}
#nav>ul>a{ display: inline-table; width:134.5px; border-left:2px solid #005EAD; border-right:2px solid #005EAD; line-height:35px; font-size:16px; color:#FFF; letter-spacing:1px; text-shadow:1px 1px 2px #000;  -webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;transition:all .8s ease-in-out;opacity:1;overflow:hidden;}
#nav>ul>a:hover{ background-color:#008BDF; border-left:2px solid #B5B5B5;border-right:2px solid #B5B5B5;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:1;overflow:hidden;}
.nav-hover{background-color:#008BDF !important; border-left:2px solid #B5B5B5 !important;border-right:2px solid #B5B5B5 !important;}
/*页眉轮播图*/
#banner{width:100%; height:400px; margin:0px auto;}
#banner div div div a{display: block; width:100%; height:400px; margin:0px auto; background-repeat:no-repeat; background-position:center center;}
#banner-bottom{ width:100%; height:20px; margin:0px auto; background-image:url(../images/01.png); background-repeat:no-repeat;}
/*首页*/
/*产品展示*/
#ind-protitle{ width:98%; height:50px; margin:0px auto;}
#ind-protitle>div:first-child{ float:left; height:50px; padding-left:30px; font-size:20px; font-weight:bold; color:#008FD9; line-height:50px; background:url(../images/02.png) no-repeat  left center;}
#ind-protitle>div:last-child{ float:right; height:50px; padding-right:30px; background:url(../images/03.png) no-repeat  right center;}
#ind-protitle>div:last-child>a{ font-size:14px; color:#333333; line-height:50px; margin:0px 10px;}
#ind-protitle>div:last-child>a:hover{ color:#999;}
#ind-procon{ width:98%; height:150px; margin:0px auto; margin-top:10px;}
#ind-procon>ul>li{ display: inline-table; width:170px; height:150px; margin-right:5px; background:#F7F7F7 url(../images/04.png) no-repeat bottom; border-radius:0px 0px 10px 10px;}
#ind-procon>ul>li>a>div:first-child{ width:170px; height:85px; overflow:hidden; border-radius:0px 0px 10px 10px; background-color:#255FAA;}
#ind-procon>ul>li>a>div:first-child>img{ width:170px; height:85px;}
#ind-procon>ul>li>a>div:last-child{ width:170px; margin-top:10px;}
#ind-procon>ul>li>a>div:last-child>h3{ margin-left:10px; font-size:14px; color:#255FAA; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
#ind-procon>ul>li>a>div:last-child>h4{ margin-left:10px; font-size:12px; color:#7A7575;}
/*联系方式*/
#ind-contitle{ width:98%; height:50px; margin:0px auto; margin-top:20px;}
#ind-contitle>div:first-child{ float:left; height:50px; padding-left:30px; font-size:20px; font-weight:bold; color:#008FD9; line-height:50px; background:url(../images/02.png) no-repeat  left center;}
#ind-concon{ width:98%; height:120px; margin:0px auto; margin-top:10px;}
#ind-concon>div:first-child{float:left;}
#ind-concon>div:first-child>div:first-child{float:left; width:103px; height:103px; border:1px solid #A7A2A2; cursor:pointer;}
#ind-concon>div:first-child>div:first-child>img{ width:95px; height:95px; margin:3px;}
#ind-concon>div:first-child>div:first-child>img:hover{ opacity:0.4;}
#ind-concon>div:first-child>div:last-child{ float:left; margin-left:10px; line-height:30px;}
#ind-concon>div:first-child>div:last-child>p:nth-of-type(1){ color:#000;}
#ind-concon>div:first-child>div:last-child>p:nth-of-type(2){ color: #999;}
#ind-concon>div:first-child>div:last-child>a:nth-child(3){ display:block; background-image:url(../images/05.png); width:166px; height:27px; text-align:center; font-size:14px; letter-spacing:1px; color:#FFF; line-height:27px;}
#ind-concon>div:first-child>div:last-child>a:nth-child(3):hover{ color:#F00;}
#ind-concon>div:first-child>div:last-child>a:nth-child(4){ color:#255FA9;}
#ind-concon>div:first-child>div:last-child>a:nth-child(4):hover{ color:#F00;}
#ind-concon>div:last-child{ float:left; margin-left:40px; line-height:20px; color:#545353; font-size:12px;}
/*页脚*/
#bottom{ width:100%; height:100px; margin:0px auto; background-color:#255FA9; margin-top:20px;}
#bottom>div:first-child{ text-align:center; line-height:60px; font-size:14px; color:#FFF;}
#bottom>div:first-child>a{ font-size:14px; color:#FFF; margin:0px 10px;}
#bottom>div:first-child>a:hover{ color:#F30;}
#bottom>div:last-child{ text-align:center; font-size:12px; color:#FFF;}
#bottom>div:last-child>a{ font-size:12px; color:#FFF; margin:0px 10px;}
#bottom>div:last-child>a:hover{ color:#F30;}

/*栏目页与内容页*/
/*关于我们-主营项目-联系方式*/
#column{width:98%; height:auto; margin:0px auto; margin-top:10px; clear:left;}
#column>div:first-child{ width:200px; float:left;}
#column>div:first-child>ul>a>li{ display:block; width:175px; height:30px; border-bottom:solid 1px #999; margin-bottom:10px; padding-left:25px; line-height:25px; font-size:14px; color:#666666; background:url(../images/07.jpg) no-repeat left center;}
#column>div:first-child>ul>a:first-child>li{ background:url(../images/06.png) no-repeat;font-size:16px;  color:#FFF; line-height:30px; height:30px; border-bottom:none;}
#column>div:first-child>ul>a:first-child:hover>li{background:url(../images/06.png) no-repeat;font-size:16px;  color:#FFF; line-height:30px; height:30px; border-bottom:none;}
#column>div:first-child>ul>a:hover>li{color:#005EAD;}
.column-over>li{ color:#005EAD !important;}
#column>div:last-child{ width:750px; float:right;}
#column>div:last-child>div:first-child{ width:750px; height:30px;}
#column>div:last-child>div:first-child>div:first-child{float:left; height:30px; padding-left:30px; font-size:20px; font-weight:bold; color:#008FD9;line-height:30px; background:url(../images/02.png) no-repeat  left center;}
#column>div:last-child>div:first-child>div:first-child>a{font-size:20px; font-weight:bold; color:#008FD9;}
#column>div:last-child>div:first-child>div:last-child{float:right; height:30px; padding-right:30px; background:url(../images/03.png) no-repeat  right center;}
#column>div:last-child>div:last-child{font-size:14px; line-height:35px; text-align:justify; padding-top:10px;}
#column>div:last-child>div:last-child img{ max-width:750px;}
/*产品展示*/
#photo{width:98%; height:auto; margin:0px auto; margin-top:10px; clear:left;}
#photo>div:first-child{ width:200px; float:left;}
#photo>div:first-child>ul>a>li{ display:block; width:175px; height:30px; border-bottom:solid 1px #999; margin-bottom:10px; padding-left:25px; line-height:25px; font-size:14px; color:#666666; background:url(../images/07.jpg) no-repeat left center;}
#photo>div:first-child>ul>a:first-child>li{ background:url(../images/06.png) no-repeat;font-size:16px;  color:#FFF; line-height:30px; height:30px; border-bottom:none;}
#photo>div:first-child>ul>a:first-child:hover>li{background:url(../images/06.png) no-repeat;font-size:16px;  color:#FFF; line-height:30px; height:30px; border-bottom:none;}
#photo>div:first-child>ul>a:hover>li{color:#005EAD;}
.photo-over>li{ color:#005EAD !important;}
#photo>div:last-child{ width:750px; float:right;}
#photo>div:last-child>div:first-child{ width:750px; height:30px;}
#photo>div:last-child>div:first-child>div:first-child{float:left; height:30px; padding-left:30px; font-size:20px; font-weight:bold; color:#008FD9;line-height:30px; background:url(../images/02.png) no-repeat  left center;}
#photo>div:last-child>div:first-child>div:first-child>a{font-size:20px; font-weight:bold; color:#008FD9;}
#photo>div:last-child>div:first-child>div:last-child{float:right; height:30px; padding-right:30px; background:url(../images/03.png) no-repeat  right center;}
#photo>div:last-child>div:last-child{ width:750px; margin-top:20px;}
#photo>div:last-child>div:last-child img{max-width:750px !important;}
#photo>div:last-child>div:last-child table{ max-width:750px !important; width:750px !important;}
.pro-parts{ display:block; float:left; margin-right:15px; position:relative; width:175px; height:230px;}
.pro-parts:nth-of-type(4n){ margin-right:0px !important;}
.pro-parts:nth-last-of-type(n+5){margin-bottom:15px;}
.pro-parts>div:nth-of-type(1){ display:none; position:absolute; width:175px; height:175px; text-align:center; background-color:rgba(0,0,0,0.3); line-height:200px; z-index:99;}
.pro-parts:hover div:nth-of-type(1){ display: block;}
.pro-parts>div:nth-of-type(2){ position:relative; width:173px; height:173px; border:1px solid #000; overflow:hidden;}
.pro-parts>div:nth-of-type(2)>img{ position:absolute; top:0px; right:0px; bottom:0px; left:0px; margin:auto; width:173px; height:auto; max-height:173px; z-index:9;}
.pro-parts>div:nth-of-type(3){width:175px; height:60px; line-height:25px;}
.pro-parts>div:nth-of-type(3)>p{font-size:14px; color:#255FAA; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.pro-parts>div:nth-of-type(3)>p:last-child{font-size:12px; color:#7A7575;}
#photo>div:last-child>div:last-child>div{ width:750px; margin-top:30px; padding-top:30px; clear:both;}
#photo>div:last-child>div:last-child>div>a{ display:block; float:left; padding:2px 5px; font-size:14px; background-color:#2283E6; border-radius:5px; margin-left:15px; color:#FFF;}
#photo>div:last-child>div:last-child>div>a:first-child{ margin-left:0px;}
#photo>div:last-child>div:last-child>div>a:hover{ background-color:#CCC; color:#333; cursor:pointer;}
#photo>div:last-child>div:last-child>div>select{ display:block; float:left; padding:2px 5px; font-size:14px; background-color:#2283E6; border-radius:5px; outline:none; border:none; margin-left:15px; color:#FFF; cursor:pointer;}
#photo>div:last-child>div:last-child>div>select:hover{ background-color:#CCC; color:#333; cursor:pointer;}
#photo>div:last-child>div:last-child>div>select>option{ background-color: #FFF; color: #000;}
#photoview{width:100%; height:auto;}
#photoview>p:nth-of-type(1){ font-size:18px; color:#008fd9; line-height:30px;}
#photoview>p:nth-of-type(2){ text-align:center; border:1px solid #CCC; padding:10px;}
#photoview>p:nth-of-type(2)>img{max-width:738px !important;}
#photoview>p:nth-of-type(3)>a{ display:block; width:350px; height:50px; margin:30px auto; background-color:#F60; border:1px solid #F30; border-radius:8px; color:#FFF; font-size:18px; text-align:center; line-height:50px;}
#photoview>p:nth-of-type(3)>a:hover{ background-color:#999; border:1px solid #666;}
#photoview>p:nth-of-type(4){font-size:14px; line-height:35px; text-align:justify; padding-top:10px;}
#photoview>p:nth-of-type(4)>table{max-width:750px !important;}
#photoview>p:nth-of-type(4) table, tr, td{ border:1px solid #CCC !important;}
/*新闻资讯*/
#news{width:98%; height:auto; margin:0px auto; margin-top:10px; clear:left;}
#news>div:first-child{ width:200px; float:left;}
#news>div:first-child>ul>a>li{ display:block; width:175px; height:30px; border-bottom:solid 1px #999; margin-bottom:10px; padding-left:25px; line-height:25px; font-size:14px; color:#666666; background:url(../images/07.jpg) no-repeat left center;}
#news>div:first-child>ul>a:first-child>li{ background:url(../images/06.png) no-repeat;font-size:16px;  color:#FFF; line-height:30px; height:30px; border-bottom:none;}
#news>div:first-child>ul>a:first-child:hover>li{background:url(../images/06.png) no-repeat;font-size:16px;  color:#FFF; line-height:30px; height:30px; border-bottom:none;}
#news>div:first-child>ul>a:hover>li{color:#005EAD;}
.news-over>li{ color:#005EAD !important;}
#news>div:last-child{ width:750px; float:right;}
#news>div:last-child>div:first-child{ width:750px; height:30px;}
#news>div:last-child>div:first-child>div:first-child{float:left; height:30px; padding-left:30px; font-size:20px; font-weight:bold; color:#008FD9;line-height:30px; background:url(../images/02.png) no-repeat  left center;}
#news>div:last-child>div:first-child>div:first-child>a{font-size:20px; font-weight:bold; color:#008FD9;}
#news>div:last-child>div:first-child>div:last-child{float:right; height:30px; padding-right:30px; background:url(../images/03.png) no-repeat  right center;}
#news>div:last-child>div:last-child{ width:750px; margin-top:20px;}
#news>div:last-child>div:last-child img{max-width:750px !important;}
#news>div:last-child>div:last-child table{ max-width:750px !important; width:750px !important;}
.news-parts{ display:block; width:750px; margin-bottom:20px; border-bottom:1px solid #CCC;}
.news-parts>div:first-child>span:first-child{ max-width:610px; float:left; font-size:16px; color:#333; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.news-parts>div:first-child>span:last-child{ float:right; font-size:14px; color: #CCC;}
.news-parts>div:last-child{ clear:both;padding-top:10px; padding-bottom:20px; font-size:14px; line-height:25px; color:#999; text-align:justify;}
.news-parts:hover>div{ opacity:0.4;}
#news>div:last-child>div:last-child>div{ width:750px; margin-top:10px; padding-top:30px; clear:both;}
#news>div:last-child>div:last-child>div>a{ display:block; float:left; padding:2px 5px; font-size:14px; background-color:#2283E6; border-radius:5px; margin-left:15px; color:#FFF;}
#news>div:last-child>div:last-child>div>a:first-child{ margin-left:0px;}
#news>div:last-child>div:last-child>div>a:hover{ background-color:#CCC; color:#333; cursor:pointer;}
#news>div:last-child>div:last-child>div>select{ display:block; float:left; padding:2px 5px; font-size:14px; background-color:#2283E6; border-radius:5px; outline:none; border:none; margin-left:15px; color:#FFF; cursor:pointer;}
#news>div:last-child>div:last-child>div>select:hover{ background-color:#CCC; color:#333; cursor:pointer;}
#news>div:last-child>div:last-child>div>select>option{ background-color: #FFF; color: #000;}
#news-con{padding-top:30px; font-size:14px; line-height:35px; text-align:justify;}
#news-con>h3{ font-size:18px; line-height:30px; color:#008fd9;}
/*售后服务保障*/
#video{width:980px; height:auto; margin:0px auto; margin-top:10px; clear:left;}
#video>div:nth-of-type(1){width:100%; margin:0px auto;}
#video>div:nth-of-type(1)>div:first-child{float:left; height:30px; padding-left:30px; font-size:20px; font-weight:bold; color:#008FD9;line-height:30px; background:url(../images/02.png) no-repeat  left center;}
#video>div:nth-of-type(1)>div:first-child>a{font-size:20px; font-weight:bold; color:#008FD9;}
#video>div:nth-of-type(1)>div:last-child{float:right; height:30px; padding-right:30px; background:url(../images/03.png) no-repeat  right center;}
#video>div:nth-of-type(2){ width:100%; margin:0px auto; padding-top:30px; font-size:16px; line-height:30px; text-align:justify; clear:both;}
#video>div:nth-of-type(3){ width:100%; margin:0px auto; padding-top:30px;}
.video-parts{ display:block; float:left; margin-right:20px; position:relative; width:310px; height:285px; background-color:#FCFCFC; box-shadow: 2px 2px 8px #E9E7E8;}
.video-parts:nth-of-type(3n){ margin-right:0px !important;}
.video-parts:nth-of-type(n+4){margin-top:20px;}
.video-parts>div:first-child{ position:absolute; width:310px; height:245px; text-align:center; background-color:rgba(0,0,0,0.6); line-height:245px;}
.video-parts>div:first-child>i{ font-size:100px; color:#FFF;}
.video-parts:hover div:first-child{ background-color:rgba(0,0,0,0.9)}
.video-parts:hover div:first-child>i{ font-size:120px; color:#FFF;}
.video-parts>img{ margin:0px; width:310px; height:245px;}
.video-parts>i{ display:block; width:310px; height:1px; background-color:#F3F1F1;}
.video-parts>div:last-child{width:310px; height:40px; line-height:40px; border-left:solid 1px #F3F1F1;}
.video-parts>div:last-child>span:first-child{ float:left; width:250px; height:40px; margin-left:20px; line-height:40px; font-size:14px; color:#255fa9; font-weight:bold; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.video-parts>div:last-child>span:last-child{  float:right; margin-right:20px; font-size:20px; color:#D5D5D5;}
#video>div:nth-of-type(3)>div{ width:620px; margin-top:30px; padding-top:30px; clear:both;}
#video>div:nth-of-type(3)>div>a{ display:block; float:left; padding:2px 5px; font-size:14px; background-color:#2283E6; border-radius:5px; margin-left:15px; color:#FFF;}
#video>div:nth-of-type(3)>div>a:first-child{ margin-left:0px;}
#video>div:nth-of-type(3)>div>a:hover{ background-color:#CCC; color:#333; cursor:pointer;}
#video>div:nth-of-type(3)>div>select{ display:block; float:left; padding:2px 5px; font-size:14px; background-color:#2283E6; border-radius:5px; outline:none; border:none; margin-left:15px; color:#FFF; cursor:pointer;}
#video>div:nth-of-type(3)>div>select:hover{ background-color:#CCC; color:#333; cursor:pointer;}
#video>div:nth-of-type(3)>div>select>option{ background-color: #FFF; color: #000;}
#video-con{width:1000px; font-size:14px; text-align:center !important; padding-top:10px !important;  }
.video-con{width:1000px; height:500px; padding-top:30px; font-size:14px; background-color:#000; text-align:center; padding:30px 0px;}
#video-con iframe{ width:980px !important; min-height:600px !important;}
#video-con video{ width:980px !important; min-height:600px !important;}
#video-con div{ margin:0px auto; width:980px !important; }