﻿@charset "utf-8";
/* CSS Document */
body{
font-family:"微软雅黑";font-size:12px;font-weight:normal;color:#666;margin:0px;padding:0px; background:#fff;-webkit-tap-highlight-color:rgba(0,0,0,0);  }
p,form,h1,h2,h3,h4,h5,h6,input,dl,dd,table,td,input,ul,li{margin:0px;padding:0px;}
h1,h2,h3,h4,h5,h6{ font-weight:normal}
ul,ol{margin:0px;padding:0px;list-style-type:none;}
img{border:none; -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ 
    /* No support for these yet, use at own risk */
    -o-user-select: none;
    user-select: none;}
li{ list-style:none}
a{color:#666;text-decoration:none;-webkit-transition:all ease-in-out 200ms;transition:all ease-in-out 200ms;}
a:link{
    text-decoration:none;outline: none;
     /* 指正常的未被访问过的链接*/
}
a:visited{
    text-decoration:none;outline: none;
     /*指已经访问过的链接*/
}a:hover{
     text-decoration:none;outline: none;
     /*指鼠标在链接*/
}
a:active{
    text-decoration:none;outline: none;
    /* 指正在点的链接*/
}
.clear{clear:both;}
input,button,textarea{outline: none;border:none;font-family:"微软雅黑";}
.content{width: 1200px;margin: 0 auto;}
.over_zoom{overflow: hidden;zoom: 1;}
/* 首页 */

.header{height: 125px;width: 100%;margin:0 auto;}
/* logo */

.logo{background: url(../images/logo.png) no-repeat center;width:510px;height: 125px;float: left;}
.logo a{display: block;height: 125px;}

/* nav */
.nav{float: right;}
.nav li{float: left;margin:0 35px;}
.nav li:last-child{margin-right: 0}
.nav ul li a{color: #333333;font-size: 18px;position: relative;display: block;padding: 18px 0;border-bottom: 3px solid #fff;font-weight:bold}
.nav ul li a span{ display:block; position:absolute; width:0px; height:0px; background:#fc391d; top:52px; left:50%;}
.nav ul li a:hover{color: #0079c3;border-bottom: 3px solid #0079c3;}
.nav_top{margin-top: 25px;text-align: right;}
.header_tel{font-size: 16px;color: #5e6a71;padding: 6px 20px 6px 40px;border:1px solid #5e6a71;border-radius: 20px;background: url(../images/tel.png) no-repeat 20px 7px;width: 120px;float: right;}

.search{width: 210px;position: relative;margin-left:8px;display: inline-block;height: 35px;float: right;}
.search input[type=text]{box-sizing: border-box;width: 100%;position: absolute;top: 0;left:0;text-indent: 10px;color:#333;height: 35px;font-size: 12px;border:1px solid #5e6a71;border-radius: 20px;line-height: 35px;}
.search input[type=submit]{width: 20px;height: 35px;background:url(../images/search.png) center no-repeat;position: absolute;right: 15px;cursor: pointer;}


/* 轮播 */

.slide_banner,.ban,.ban img{width: 100%;}
.slide_banner .swiper-slide,.slide_banner .swiper-slide img{width: 100%;}



.home_about{padding:10px 0 75px;}
.home_about p{text-align: center;color: #5e6a71;font-size: 16px;line-height: 28px;}
.menu_title{padding: 55px 0 30px;text-align: center;}
.menu_title h1{font-size: 30px;color: #6f8fb9;}
.menu_title p{padding: 5px 0 10px;font-size: 14px;color: #666;background: url(../images/bor.jpg) no-repeat center bottom;}


.home_pro{width: 100%;background-color: #f3f3f3;padding-bottom: 60px;}

.home_pro ul{padding-bottom: 75px;}
.home_pro li{float: left;width: 220px;text-align: center;padding:0  40px}
.home_pro li h1{font-size: 18px;color: #333;}
.home_pro li p{font-size: 18px;color: #5e6a71;}
.home_pro li:hover h1,.home_pro li:hover p{color: #0079c3;}


.home_pro .pro_slide{padding-bottom: 75px;}
.home_pro .swiper-slide {text-align: center;}
.home_pro .swiper-slide  img{width:100%;}
.home_pro .swiper-slide h1{font-size: 18px;color: #333;}
.home_pro .swiper-slide p{font-size: 18px;color: #5e6a71;}
.home_pro .swiper-slide:hover h1,.home_pro .swiper-slide:hover p{color: #0079c3;}

a.more{display: block;width: 130px;line-height: 40px;border:1px solid #7090b7;background-color: #7090b7;border-radius: 30px;text-align: center;font-size: 14px;color: #fff;margin: 0 auto;}
a.more:hover{background-color: #f3f3f3;color: #7090b7}

.home_case{width: 100%;background: url(../images/case_bg.jpg) no-repeat center;background-size: cover;}
.case_title{padding-bottom: 40px;}
.case_title h1{font-size: 30px;color: #fff;padding:60px 0 15px;background: url(../images/bor2.png) no-repeat center bottom; text-align: center;}

.case_slide {overflow: hidden;zoom: 1;padding-bottom: 75px}
.case_slide .hd{width: 360px;float: left;margin-right: 40px;}
.case_slide .hd li{padding: 10px 35px 0 35px;background-color: #fff;margin-bottom: 10px;min-height: 70px;}
.case_slide .hd li h1{font-size: 16px;color: #333;}
.case_slide .hd li p{font-size: 12px;color: #666;padding-top: 10px;}
.case_slide .hd li.on{background-color: #7395bf}
.case_slide .hd li.on h1,.case_slide .hd li.on p{color: #fff;}
.case_slide .bd{width:700px;float: left; }

.home_partner{background-color: #f3f3f3;padding-bottom: 75px;}
.partner_slide .swiper-slide img{max-width: 100%}

/* foot */
.foot{padding: 80px 0 100px;width: 100%;background-color: #69767d;}
.foot_logo{float: left;color: #fff;font-size: 14px;line-height: 24px;}
.foot_logo a{color: #fff;font-size: 14px;line-height: 24px;}
.foot_add{float: left;padding-right:0px;}

.foot_ditu{float: left;}
.message{width: 230px;padding-top: 20px;font-size: 0;vertical-align: bottom;}
.message input[type=text]{width: 170px;text-indent: 10px;color:#333;height: 30px;font-size: 12px;line-height: 30px;background-color: #fff;border: none;}
.message input[type=submit]{width: 60px;height: 30px;cursor: pointer;background-color: #7090b9;text-align: center;font-size: 14px;color: #fff;}

.foot_tel{float: left;margin-left: 30px;}
.foot_tel p{padding-left: 25px;font-size: 14px;color: #fff;margin-bottom: 15px;line-height: 24px;}
.foot_tel p.add{background: url(../images/add.png) no-repeat center left;}
.foot_tel p.foot_tell{background: url(../images/foot_tel.png) no-repeat center left;}
.foot_tel p.email{background: url(../images/email.png) no-repeat center left;}
.foot_tel p.site{background: url(../images/site.png) no-repeat center left;}
.foot_tel p.phone{background: url(../images/phone.png) no-repeat center left;}

.foot_ewm{float: right;text-align: center;}
.foot_ewm p{font-size: 14px;text-align: center;color: #fff;margin-top: 15px;}

.big {overflow: hidden;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: all 0.5s ease .0s;-moz-transition: all 0.5s ease .0s;-ms-transition: all 0.5s ease .0s;transition: all 0.5s ease .0s;}
.big:hover{-webkit-transform: scale(1.10);-moz-transform: scale(1.10);-ms-transform: scale(1.10);transform: scale(1.10);}

/*  about us */
.bgc{background-color: #f3f3f3;width: 100%;padding: 35px 0 120px;}
.home_title{padding-bottom: 50px;}
.home_title,.home_title a{font-size: 14px;color: #666666;}
.home_title a span{color: #333333;}
.main{background-color: #fff;border-top: 5px solid #7090b7;min-height: 500px;padding: 0 60px 120px;color: #5e6a71;}
.main table tr td{font-size: 14px;color: #5e6a71;line-height: 24px;}
.contact_table {width:760px;margin:0 auto;}
.contact_table table{width:100%}
.contact_table table tr td{font-size: 16px;color: #333;line-height: 36px;font-weight:550}
.contact_table h1{font-size:24px;color:#222;font-weight:550}
/* contact */
#ditu{height: 380px;width: 100%;margin: 0 0 50px;}
/*  product*/
.pro_nav{width: 100%;background-color: #e0e7eb;padding: 65px 0;}
.pro_nav li{float: left;width: 220px;text-align: center;padding:0  40px}
.pro_nav li h1{font-size: 18px;color: #333;}
.pro_nav li p{font-size: 18px;color: #5e6a71;}
.pro_nav li:hover h1,.pro_nav li:hover p{color: #0079c3;}


.pro_nav .pro_slide{padding-bottom: 75px;}
.pro_nav .swiper-slide {text-align: center;}
.pro_nav .swiper-slide h1{font-size: 18px;color: #333;}
.pro_nav .swiper-slide p{font-size: 18px;color: #5e6a71;}
.pro_nav .swiper-slide:hover h1,.pro_nav .swiper-slide:hover p{color: #0079c3;}
.pro_nav .swiper-slide  img{width:100%;}

.pro_sort{background-color: #fff;border-top: 5px solid #7090b7;margin-bottom: 40px;}
.pro_sort>h1{padding: 20px 0;border-bottom: 1px solid #dedede;padding-left: 60px;font-weight: bold;}
.pro_sort h1 a{display: inline-block;padding: 0 30px;line-height: 40px;color: #fff;background-color: #a8a8a8;text-align: center;margin-right: 13px;border-radius: 10px;font-size: 16px;}
.pro_sort h1 a.active,.pro_sort h1 a:hover{background-color: #7090b7;}


.sort{border-left: 1px solid #dedede;border-right: 1px solid #dedede;overflow: hidden;zoom: 1;border-bottom: 1px solid #dedede;background-color: #f4f4f4;font-weight: bold;}
.sort_left{width: 145px;padding:  25px 0;text-align: center;float: left;font-size: 16px;color: #333;}
.sort_right{width: 980px;padding: 25px 35px;float: left;background-color: #fff;}
.sort_right a{display: inline-block;padding: 0 10px;line-height: 35px;color: #666;background-color: #fff;text-align: center;margin-right: 20px;border-radius: 10px;margin-bottom: 15px;font-size: 16px;}
.sort_right a.active,.sort_right a:hover{background-color: #7090b7;color: #fff;}
/* cese */
.case_aside{background-color: #fff;border-top: 5px solid #4c76a8;width: 240px;float: left;margin-right: 30px;}
.case_aside li{padding: 15px 0;border-bottom: 1px solid #eaeaea;-webkit-transition:all ease-in-out 200ms;transition:all ease-in-out 200ms;}
.case_aside li.active,.case_aside li:hover{background-color: #7395bf;-webkit-transition:all ease-in-out 200ms;transition:all ease-in-out 200ms;}
.case_aside li.active a,.case_aside li:hover a{color: #fff;;-webkit-transition:all ease-in-out 200ms;transition:all ease-in-out 200ms;}
.case_aside li a{font-size: 16px;color: #333;display: block;padding-left: 35px;}


.case_main{background-color: #fff;padding: 50px 60px 120px;border-top: 5px solid #4c76a8;width: 810px;float: left;color: #5e6a71;font-size: 18px;line-height: 24px;}
.case_main img{max-width: 100%;}
.case_main h1{font-size: 20px;color: #333;margin-bottom: 30px;}

.case_arrows{padding:30px 0 0;border-top:1px solid #e1e1e1;margin-top: 60px; }
.case_arrows a{display: block;font-size: 14px;color: #333;line-height: 38px;}
.case_arrows a:hover{color: #4c76a8}


.case_list{margin-top: 50px;}
.case_list>li{background-color: #f4f4f4;padding: 20px 0;overflow: hidden;zoom: 1;margin-bottom: 20px;}


.case_img{width: 210px;float: left;margin: 0 30px 0 10px;overflow: hidden;}
.case_img img{width: 210px;}
.case_describe{width: 655px;float: left;}
.case_describe li{list-style-type: disc;}
.case_describe h1{font-size: 18px;color: #333;padding-bottom: 15px;border-bottom: 1px solid #dedede;margin-bottom: 15px;font-weight:bold}
.case_describe p{font-size: 14px;color: #666;line-height: 24px;}
.case_down{width: 120px;float: left;margin: 0 25px;padding-top: 20px;}
.case_down a{display: block;text-align: center;margin-bottom: 10px;background-color: #7090b7;line-height: 30px;color: #fff;font-size: 14px;border-radius: 10px;border:1px solid #7090b7;}
.case_down a:hover{background-color: #fff;color: #7090b7;}

.case_describe img{max-width:100%!important; height:auto!important;}
.page_video{margin:30px auto 0;text-align: center;}
.page_video video{width:100%; height:400px;object-fit: cover;visibility: visible;}



@media screen and (max-width:1366px){
body,html{width: 1366px;}

}