body,div,ul,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,form,input,p,a,img{margin:0;padding:0; border:0;}
article,aside,dialog,footer,.header,section,footer,nav,figure,menu{display:block;}
img,input{vertical-align:middel;border:0; max-width: 100%;}
img{ max-width: 100%;}
ol,ul,li{list-style:none; padding:0px; margin:0px;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
video{width: 100%;}
html{font-size: 16px;}
body{font-size: 16px;}
a{text-decoration: none;}

.top{ width:; margin:0px auto; clear:both;}
.top_title{ width:; height:35px; background-color:#333;}
.top_title_con{ width:980px; height:35px;line-height:35px;text-align:left;color:#fff; margin:0px auto; font-size:14px;}
.top_title_con a{ color:#fff;}
.top_title_con h2{ font-size:14px; font-weight:normal; display:inline;}
.top_dh{width: 1200px;height: 90px;margin: 0px auto 0px auto;padding-left: 0px;border-bottom: 1px solid #eee;}

.top_logo{width:300px;height:74px;margin-top: 16px;margin-right:5px;float:left;}
.top_nav{ width:665px; height:52px; line-height:52px; float:left; margin-left:70px; display:inline; position:relative;}
#tjtp{
	height: 15px;
	width: 15px;
	overflow: auto;
	position:absolute;
	right:285px;
}
.top_nav ul{ margin:0 0; width:665px; height:52px; line-height:52px; list-style-type:none; padding:0px; margin-top:0px; margin-bottom:0px;text-align: center;}

.top_nav ul li{width:95px;text-align: center;font-size:14px; height:52px;color: #FFFFFF;font-weight:bold; list-style:none;  float:left;}
.top_nav ul li a{ display:block; font-size:15px; height:52px; color: #555;text-decoration:none;text-align: center; font-weight:bold;}
.top_nav ul li a:hover{font-weight:bold; text-decoration:none;width:95px; height:52px; color: #333; background-color:#ddd;}
.top_nav ul li a:active{background-image:url(li.gif);}

.nav_menu{width: 1200px;height: 90px;line-height: 90px;float:left;display:inline;position:relative;}
.nav_menu .nav .list ul li{width: 110px;text-align: center;font-size:14px;height: 90px;color: #FFFFFF;/* font-weight:bold; */list-style:none;float:left;border-right: 1px solid #eee;padding: 0px;}
.nav_menu .nav .list ul li a{display:block;font-size: 18px;height: 78px;color: #555;text-decoration:none;text-align: center;padding-top: 12px;/* font-weight:bold; */line-height:60px;}
.nav_menu .nav .list ul li .now{color:#fff;background-color: #999;}
.nav_menu .nav .list ul li .now:hover{ color:#fff;}
.nav_menu .nav .list a:hover{color:#F00;background:#fff;}
.nav_menu .nav .box{position:absolute;width: 1200px;background: #eee;/*background:#f2fcf2 ;*/overflow:hidden;height:0;filter:alpha(opacity=0);opacity:0;z-index:999;border:0px solid #eee;left:0px;right:0px;top: 90px;}
.nav_menu .nav .cont{position:relative;padding: 25px 15px 0px 15px;overflow:hidden;}
.nav_menu .nav .cont a{color: #333;}
.nav_menu .nav .cont .txtlink{text-align:center;font-size: 14px;/* padding-top: 11px; *//* margin-top: -1px; */}
.nav_menu .nav .cont .txtlink span{ margin:0px 20px;}
.nav_menu .nav .cont .txtlink span a{ padding:10px 20px;border:1px solid #51545b; line-height:30px; text-decoration:none;font-size: 16px;}
.nav_menu .nav .cont .txtlink span a:hover{ border:1px solid #606368;}
.nav_menu .nav .cont .link{text-align:center;font-size: 14px;margin-top: 20px;}
.nav_menu .nav .cont .link a{ padding:10px 20px;border:1px solid #51545b; line-height:30px; text-decoration:none;font-size: 16px;margin:0 20px;}
.nav_menu .nav .cont dl{ padding-right:40px; padding-left:40px; border-right:1px solid #51545b; /*border-right:1px solid #eee;*/ text-align:left; float:left;}
.nav_menu .nav .cont dl dt{ font-weight:bold; font-size:14px;}
.nav_menu .nav .cont dl dt,.nav_menu .nav .cont dl dd{ padding:0px; margin:0px; line-height:25px;}
.nav_menu .nav .cont ol { width:; line-height:25px; clear:both; list-style:none; padding:0px; margin:0px; margin-bottom:40px; overflow:hidden; border-bottom:1px solid #51545b; padding-bottom:20px; margin-bottom:20px;}
.nav_menu .nav .cont ol li{ width:158px; float:left; list-style:none; margin:0px; padding:0px;}
.nav_menu .nav .cont ol li span{ display:block; text-align:center; width:;}
.nav_menu .nav .cont ol li span.img{ height:90px;}
.nav_menu .nav .cont ol li span.img img{ width:120px;}


.main{ width: 1170px; margin: 0px auto; overflow: hidden;}
.main-top{ width: 100%; height: 350px; background-image: url(/templets/v1/style/images/anli.jpg); background-repeat: no-repeat; background-position: center; color: #fff; text-align: center;}
.main-top .topdesc .toptitle{ font-size: 1.5rem; padding: 3rem 0 2.5rem 0;}
.main-top .topdesc p{ margin-bottom: 2rem; line-height: 2rem;font-size: 1rem;}
.main-top .topbtn a{ background-color: #fff; padding: 0.75rem 2rem; margin: 0px 1.5rem; text-decoration: none; display: inline-table; color: #333;font-size: 1rem;}
.main-top .topbtn a:nth-child(1){ background-color: #164AC3; color: #fff;font-size: 1rem;}

.path{ height: 4rem; line-height: 4rem; background-color: #f5f5f5; width: 100%; font-size: 0.875rem; color: #333;}
.path a{ color: #333; margin: 0 0.1rem;}

.title{padding: 3rem 0rem;}
.title h1{ font-size: 1.5rem; line-height: 2.5rem; text-align: center;}
.point ul li{ float: left; width: 20%; text-align: center;}
.point ul li em,.point ul li span,.point ul li i{ display: block; font-style: normal;}
.point ul li em{width: 100px; height: 100px;  border-radius: 0 45%; background-color: #f5f5f5; vertical-align: middle; margin: 1rem auto;display: flex;align-items: center; text-align: center;}
.point ul li span{ font-weight: bold;font-size: 1rem;color: #656565;}
.point ul li i{ margin-top: 1rem; font-size: 0.875rem;color:#888;}

.point li em img{max-width: 35%!important; margin: 0px auto;}

.desc{ margin-top: 4rem; width: 100%; float: left; overflow: hidden;}
.desc .imgitem{ width: 49%; margin: 0.5rem 0rem; float: left;}
.desc .imgitem img{ width: 100%;}
.desc .imgitem:nth-child(even){ float: right;}
.desc .miaoshu{background-color: #f3f3f3;}
.desc h2{text-align: center;font-weight: bold;color: #164AC3;padding-top: 1.5rem;font-size:1.2rem;}
.desc p{font-size: 0.875px;color: #888;line-height: 1.5rem;text-align: center;padding: 1.5rem;height: 3rem;}

.parmdesc{ margin-top: 5rem; width: 100%; overflow: hidden; background-color: #f9f9f9; float: left; padding: 3rem; box-sizing: border-box; line-height: 1.7rem;}
.parmdesc h2{ color: #164AC3; font-size: 1.2rem; margin-bottom: 1.5rem;}
.parmdesc p{text-indent: 2rem; padding: 0.5rem 0; font-size: 0.875rem;}

.botproduct{ margin-top: 5rem; float: left; width: 100%;}
.botproduct h2{ color: #164AC3; font-size: 1.2rem; margin-bottom: 1.5rem;}
.proitem{ width: 22.7%; margin-right: 3.06%; float: left; background-color: #f5f5f5; overflow: hidden; padding: 1rem; box-sizing: border-box; text-align: center;}
.proitem .img{ width: 100%; background-color: #fff;}
.proitem:nth-last-child(1){ margin-right: 0px;}
.proitem span,.proitem i{ display: block; text-align: center; font-style: normal;}
.proitem p{ font-weight: bold; margin: 1rem 0;color: #000;}
.proitem i{ font-size: 0.875rem;}

.aboutcase{ margin-top: 5rem; float: left;}
.aboutcase h2{ color: #164AC3; font-size: 1.2rem; margin-bottom: 1.5rem;}
.aboutcase .item{ width: 49%;float: left; margin-top: 0.5rem;background: #f9f9f9; box-sizing: border-box; padding: 2%;  font-size: 0.875rem;}
.aboutcase .item:hover{box-shadow: 5px 5px 5px #f2f2f2; transition: 0.36s;}
.aboutcase .item:nth-child(odd){ float: right;}
.aboutcase .item h3{ font-size: 1.2rem; font-weight: normal; margin-bottom: 1.5rem; line-height: 2rem;}
.aboutcase .item h3 a{ color: #555; text-decoration: none;}
.aboutcase .item span{ width: 45%; display: block; float: left;}
.aboutcase .item div{ width: 50%; display: block; float: right; line-height: 1.8rem;}
.aboutcase .item .btn-more{ display: block; padding: 0.15rem 0.5rem; float: left; margin-top: 0.5rem; color: #ffffff; text-decoration: none;
	background: -webkit-linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));
	background: -moz-linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));
	background: -o-linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));
	background: linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));
	border-radius: 5px;
}
.aboutcase .item .btn-chat {
    display: block; padding: 0.15rem 0.5rem; float: left; text-decoration: none; margin-top: 0.5rem;
        margin-left: 15px;
        color: #E62129;
        border: 1px solid rgba(230, 33, 41, 1);
        border-radius: 5px;
    }

.aboutnews{ width: 49%;float: left; margin-top: 3rem;}
.aboutnews h2{ color: #164AC3; font-size: 1.2rem; margin-bottom: 1.5rem;}
.aboutnews ul{background: #f9f9f9;  padding: 4%; box-sizing: border-box; line-height: 4rem;}
.aboutnews ul li{ border-bottom: 1px solid #eee; font-size: 0.875rem; width: 100%; overflow: hidden;}
.aboutnews:nth-child(2){ float: right;}
.aboutnews ul li span{ float: left;}
.aboutnews ul li i{ font-style: normal; float: right; color: #999;}
.aboutnews ul li:nth-last-child(1){ border-bottom: none;}
.aboutnews a{ color: #333;}

.arealistbtn{ width: 100%;  text-align: center; margin-top: 2rem;}
.arealistbtn ul{margin-bottom: 30px;}
.arealistbtn li{ display:inline-flex; width: 7%; margin-top: 0.5rem; margin-bottom: 0.5rem;}
.arealistbtn li a{color: #333;font-size: 0.875rem;line-height: 1.4rem;border: 1px solid #e7e7e7;border-radius: 5px;    background-color: #fff;padding: 0.35rem 1rem;text-decoration: none;}

.arealistbtn li a.cur,.arealistbtn li a:hover{
        color: #ffffff;
        background: -webkit-linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));
        background: -moz-linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));
        background: -o-linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));
        background: linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));
        border-radius: 5px;
        border: none;
}

.anlilist{ width: 100%; overflow: hidden; margin: 0px auto;}
.anlilist .item{width: 23%;margin: 0.7%;float: left;background-color: #f9f9f9;padding-bottom: 1.5rem;}
.anlilist .item div{ width: 100%; overflow: hidden;}
.anlilist .item div img{opacity: 0.8;}
.anlilist .item:hover{ box-shadow: 3px 3px 5px #eee; transition: 0.36s;}
.anlilist .item:hover img{opacity: 1;}
.anlilist .item span{ display: block; width: 90%; height: 3.5rem; line-height: 1.5rem;overflow: hidden; margin: 0.5rem auto;}
.anlilist .item i{font-size: 0.75rem;color: #333;margin-left: 5%;font-style: normal;padding: 0.15rem 0.3rem;width: 90%;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* Page */
#pages {padding:2rem 0px 2rem 0px;margin-bottom: 2rem;}
#pages li{display:inline;}
#pages a{display:inline-block;height:28px;line-height:28px;border:1px solid #e3e3e3;text-align:center;color:#888;padding:5px 13px;margin:0 1px; text-decoration: none;}
#pages td a{padding:1px;}
#pages td b{width:100px;display: block;}
#pages td input{border:#164AC3 solid 1px;margin:1px 3px;}
#pages a.a1 {width:56px;padding:0 }
#pages a:hover {border:1px solid #164AC3; background:#164AC3; color:#eee;}
#pages .thisclass{display:inline-block;height:28px;margin:0 1px;line-height:28px;background:#164AC3;border:1px solid #164AC3;color:#fff;text-align:center;padding:5px 13px;font-weight:bold;}
#pages .thisclass a {display:inline-block;height:22px;margin:0 3px;line-height:22px;background:#164AC3;border:1px solid #164AC3;color:#fff;text-align:center;padding:0 10px;font-weight:bold;}
#pages .pageinfo{ font-size: 0.875rem;}
.page{text-align:center;position:relative;}
.page td a{display:table}
.page .noPage {display:inline-block;width:56px;height:22px;line-height:22px;background:#ddd;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4;}

.yuyue{width: 1170px;margin: 0 auto;overflow:hidden;}
.yuyue .bk{display: block;background: #446ac3; padding: 15px 15px 40px;overflow: hidden;margin-bottom: 10px;float: left;width: 100%;}
.yuyue .bk .bt{text-align: center;color: #fff;font-size: 24px;margin-top:25px;margin-bottom: 35px;}
.yuyue .bk .dh{width: 80%; margin: 0 auto;border: 2px dashed #fff000;padding-bottom: 20px;}
.yuyue .bk .dh .lianxi{color: #fff000;text-align: center;background:#446ac3;display: block;margin: -15px auto 15px;font-size: 20px;font-weight: bold;width: 32%;}
.yuyue .bk .dh a{display: block;text-align: center;font-size: 26px;font-weight: bold; color: #fff;margin: 25px 0;}
.yuyue .bk .dh .zixun a{background: #fff000;display: block;text-align: center;margin: 0 auto;font-size: 18px;color:#164ac3; width: 20%;padding: 8px 0;}

/*liuyan*/
.botsms{ width:100%; font-size: 14px; box-sizing:border-box; margin: 3rem 0px 30px 0px; padding-bottom: 2rem; padding-top: 0; background-color: #fff; overflow: hidden; border: solid 1px #eee;}
.botsms .tit{ width: 100%; background-color: #164AC3; text-align: left; margin: 0px auto 30px auto; height: 40px; line-height: 40px; font-size: 16px;}
.botsms .tit i{padding: 5px 10px; font-style: normal; color: #fff;}
.botsms .leftform{ width: 45%; float: left;}
.botsms p{ width: 100%;text-align: center; padding-bottom: 20px; }
.botsms ul li{ width:100%; overflow:hidden; padding:5px 0px;}
.botsms span{ width:20%; height:35px; line-height:35px; font-size: 14px; text-align:right; display:block; float:left;}
.botsms .textbox{ width:75%; float:left; border:1px solid #ddd; box-sizing:border-box; padding-left:3px; height:33px; line-height:33px;-webkit-appearance: none;}
.botsms .select{ width:75%; float:left; border:1px solid #ddd; box-sizing:border-box; padding-left:3px; height:33px; line-height:33px; background: none;}
.botsms .bssubmit{ width:30%; margin-left: 20%; color:#fff; background-color:#164AC3; padding:10px 0px; margin-top: 5px; border: none; -webkit-appearance: none;}
.botsms .smscontact{ width: 45%; padding-left: 5%; border-left: 1px solid #e7e7e7; box-sizing: border-box; margin-top: 45px; float: right;}
.botsms .smscontact dl,.botsms .smscontact dl dt,.botsms .smscontact dl dd{ padding: 0px; margin: 0px; list-style: none;}
.botsms .smscontact dl{ line-height: 30px;}
.botsms .smscontact dl dt{ font-size: 16px; font-weight: bold; padding-bottom: 10px;}
.botsms .smscontact dl dd .linkcustomer{ font-size: 12px; background-color: #454545; color: #fff; padding: 5px 30px; margin-top: 10px; line-height: 26px; display: block; float: left;}
.botsms .smscontact dl dd b{ color: #dd0000;}

.footer {background-color: #3f4043;height: 3rem;clear: both;}
.footer p {width: 100%;line-height: 3rem;color: #fff;text-align: center;margin:  0 auto;}
.footer p span {margin: 0 2rem;}
.footer p a {color: #fff;}
.mylinks{background: #e9e9e9;color: #000000;padding: 5px 0 5px 10px;}
.mylinks a{margin-left: 20px;}

@media screen and (max-width: 768px) {
    .main{ width: 92%;}
    .point ul li{ width: 50%;}
    .point ul li:nth-last-child(1){ display:none}
    .arealistbtn li{width: 23%;}
    .anlilist .item{ width: 46%;}
.desc .imgitem{ width: 100%; margin: 1rem auto; float: none;}
.desc .imgitem:nth-child(even){float: none;}
.aboutcase .item{ width: 100%; float: none; margin: 1rem auto; overflow: hidden; padding: 0;}
.aboutcase .item span{ width: 100%;}
.aboutcase .item h3{ width: 92%;float: none; margin: 0rem auto; padding: 1rem 0; overflow: hidden;}
.aboutcase .item div{ width: 92%; float: none; margin: 0px auto; padding-bottom: 2rem; overflow: hidden;}
.aboutcase .item:nth-child(odd){ float: none;}
.proitem{ width: 48.4%;}
.proitem:nth-child(odd){ margin-right: 0;}
.aboutnews{ width: 100%; float: none; margin: 0px auto;}
.aboutnews h2{ margin-top: 2rem;}
.aboutnews:nth-child(even){ float: none;}
.aboutnews ul li span{ float: none; display: block; width: 100%;}
.aboutnews ul li i{font-style: normal;float: left;line-height: 1rem;background: #eee;border-radius: 3px;color: #333;font-size: 0.75rem;padding: 0.2rem 0.5rem;margin-bottom: 1rem;}
.botsms{padding: 5%;}
.botsms .tit{ border-bottom: 1px solid #ddd; height: 10px; background-color: #fff; text-align: center; margin: 20px auto 30px auto; line-height: 22px; font-size: 16px;}
.botsms .tit i{padding: 5px 10px; background-color: #fff; font-style: normal; color: #dd0000; font-weight: bold; font-size: 16px;}
.botsms .leftform{ width: 100%; float: none;}
.botsms .bssubmit{ width:100%; margin-left: 0px;}
.botsms .smscontact{ display: none;}
}