@charset "utf-8";
/* CSS Document */
a{text-decoration: none}
li{list-style: none}
a {color: #393939;text-decoration:none;border: none}
a:hover{color: rgb(239, 89, 47);text-decoration: none;list-style: none}
html {font-size: 12px;font-weight:300;color: #393939;}
.clear-p{padding: 0}

/*header*/
.header {height:80px; border-bottom:solid 1px #dddddd;position: fixed;width: 100%; background: white;top: 0px;z-index:100;box-shadow:0 0 6px #ccc;padding: 10px}
.logo {float:left;}
.logo img {width: 250px;border:none;margin-left: 27px}
.nav {font-weight:400;padding:14px 10px 0px 27px;float: left;margin-left: 15%;}
.nav ul {list-style: none;}
.nav ul li {float:left;padding: 4px 20px;text-align: center;font-size: 16px}
.blast{color: white;background: rgb(239, 89, 47);padding: 5px 10px;border-radius: 5px;margin-top: 5px;margin-left: -15px;}
.blast:hover{color: #fff;}
.choose{line-height: 4;float: right;padding-right: 4%}
.choose .select2-container--default .select2-selection--single{border: none;font-weight: 500}

/*content--banner*/
.content .sec-wrap {position:relative;top:30%;color:#fff;text-align:center;}
.content .sec-wrap2{position:relative;top:10%;color:#696969;text-align:center;}
.content .sec-wrap h1 {font-size:60px;letter-spacing:1px;font-weight:normal;margin: 13px;padding: 20px;color: #696969;margin-bottom: 0;
padding-bottom: 0;}
.content .sec-wrap h1.batt{color: #fff}
.content .sec-wrap h2.tit2{font-size: 14px;margin: 0 auto 30px}
.content .sec-wrap h2.secondtit{font-size: 14px;text-align: left}
.content .sec-wrap p.sec-desc{font-size: 18px}
.content .sec-wrap p.en{font-size: 12px;color: #696969;text-align: left;margin-bottom: 10px}

/*content--是什么*/
.index-sec{text-align:left;font-weight: normal;font-size: 15px;color:#444;line-height: 1.5em;margin-top: 7%}
.sec-wrap{position:relative;top:10%;color:#696969;text-align:center;}
.bline{border-bottom: 1px solid #ccc;padding-bottom: 8%;}

/*content--适用于*/
.text{background: #f8f8f8;border: 1px solid #f1f1f1;padding: 20px}
.text h3{color: #333;text-align: left;font-size: 17px;line-height: 1;margin: 0 auto;padding-bottom: 6px;padding-top: 7px;}
.text ul{padding:0 15px}
.text ul li{text-align: left;list-style: square;color: #444;margin: 4px 0;font-weight: normal}

/*footer*/
.footer{display: flex;background: #4d4d4d;padding: 30px 15% 100px 15%;}
.footer h1{font-size: 14px;text-align: left;color: #fff;margin: 20px 0;}
.footer p.title{color:#E3E3E3;font-size: 12px;margin-bottom: 0;padding-right: 60px;line-height: 2;}
.footer span{color: #e3e3e3;font-size: 12px;margin-bottom: 0}
.footer .code ul{margin: 0;padding: 0}
.footer .code ul li{float: left;margin: 0 10px 8px 0;}
.footer .code ul li p{color: #fff;text-align: center;font-size: 12px;margin: 5px 0}
.h-photo{display: block;position: relative;float: left;padding-right: 10px;margin: 0 10px 10px 0}
.h-photo img.hidedd{display: none;}
.h-photo:hover img.hidedd{position:absolute; left:0%; top:0; display:block;z-index: 99999;cursor: pointer}
.footer .bottom{padding: 0; font-size: 12px}
.footer .bottom p{color: #e3e3e3;padding-right: 60px;line-height: 1.7}

/*为什么选择我们*/
.content .sec-wrap3{position:relative;margin:5% auto;color:#696969;text-align:left;border-bottom: 1px solid #ccc;}
.reason-text{margin:3% 5% 0;width: 90%;}
.reason-text h1.title{font-size: 28px;color: #666;font-weight: normal;margin:0;padding: 0;margin-bottom: 10px}
.reason-text h2.tt{font-size: 16px;color:#878787;font-weight: normal;margin: 0 0 18px}
.reason-text p{font-size: 16px;font-weight: normal;color: #4d4d4d;padding: 5px 15px}
.reason-text ul{margin: 0;padding:10px 20px 0 0px; }
.reason-text ul li{text-align: left;list-style:none;color: #323232;font-size: 15px}
.reason h1.titt{font-size: 36px;color: #323232;border-left: 7px solid rgb(239, 89, 47);margin: 0;padding: 0;}
.text-l li{list-style:none;color: #404040;margin-bottom: 20px}
.text-l li i{color: red;display: inline-block}
.text-l li span{padding-left: 10px;font-size: 16px;color: #4d4d4d;font-weight: normal}
.text-l li p{padding: 5px 25px}
.reason-h img{margin-top: 20%}
.text-ll li p{ margin-top: -27px} 

/*我们的服务*/
.service-text{margin:3% 5% 0;width: 90%;}
.service-text h1.title{font-size: 28px;color: #333;font-weight: normal;margin:0;padding: 0;margin-bottom: 10px}
.service-text h2.tt{font-size: 16px;color:#878787;font-weight: normal;margin: 0 0 18px}
.service-text p{font-size: 16px;font-weight: normal;color: #444;line-height: 23px}
.service-text ul{margin: 0;padding:0;margin-top: 30px }
.service-text ul li{padding-bottom:8px;color: rgba(87,87,87,1.00)}
.service-text ul li i{font-size: 18px;color: rgb(239, 89, 47);}
.service-text ul li span{color:#323232;padding-left: 10px}
.service-img img{margin-top: 10%}
.text1{margin: 5% auto}

/*关于我们*/
.about{margin: 8% 5%;width: 90%}
.about .title{text-align:left;font-size:37px; line-height:52px;margin-top:30px;font-weight: normal}
.about p{color: #323232;font-size: 18px;font-weight: normal}
.about p.mini{color:#3E3E3E;font-size: 14px;font-weight: normal}
.about-em .select2-container--default .select2-selection--single{height: 34px}
.about h1.title{color: #e80c24;font-weight: 200;margin-top: 30px;font-size: 28px;margin: 0;padding: 0}
.about .textt{width: 450px;font-size: 15px;line-height: 2.0;border-top:1px solid #e80c24;padding-top: 10px;color: #444;font-weight: normal}
.about img{margin-top: 15%}
.about-btext h1.title{color: #e80c24;font-weight: 200;margin-top: 30px;font-size: 28px;margin: 0;padding: 0;text-align: center}
.contrac{margin-top: 5%}
.contrac p{margin-bottom: 0;color: #474747;font-size: 14px}

/*右边的圈圈怪物们*/
/*.pagination {position:fixed;right:20px;top: 50%;transform: translateY(-50%);list-style-type: none;font-size:1.4em;z-index: 10;}
.pagination a {display:block;height:20px;margin-bottom:5px;color:#393939;position:relative;padding:4px;}
.pagination a.active:after {box-shadow:inset 0 0 0 5px;}
.pagination a .hover-text {position:absolute;right:15px;top:7px;opacity:0;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;padding-right: 15px;}
.pagination a:hover .hover-text {opacity: 1;}
.pagination a:after {-webkit-transition:box-shadow 0.5s ease;transition:box-shadow 0.5s ease;width:10px;height:10px;display: block;border:1px solid;border-radius:50%;content:'';position: absolute;margin:auto;top:0;right:4px;bottom:0;}
.pagination > li{display: block}
.pagination > li > a, .pagination > li > span{border: none;background-color:rgba(255,255,255,0.00)}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{color: #393939}
.pagination > li > a, .pagination > li > span{color: #393939}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{background-color:rgba(255,255,255,0.00)}*/