html{font-size:15px}
body {font-size: 15px;line-height: 27px;color: #2b2a28;background-color: #fff;min-height: 100vh;margin:  0 auto;}
h1,h2,h3,h4,h5,h6,p,figure,form {margin: 0}
ul,ol,li,dl,dd {margin: 0;padding: 0}
ul,ol,li {list-style: none outside none}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-touch-callout: none;outline: none}
a {text-decoration: none;color: #333}
a:hover {color: #3557aa}
a,a:hover,a:active,a:visited,a:focus {text-decoration: none}
a:hover{cursor:pointer}
img{max-width: 100%;border: none;vertical-align: middle}
.fl {float: left}
.fr {float: right}

.clear {display: block;clear: both;overflow: hidden}
.container {width: 100%;position: relative;}
.wrapper {width: 1200px;margin: 0 auto;overflow: hidden;}

.top{width: 100%;margin:0px auto;clear:both;border-bottom: 1px solid #eee;}
.top_title{width:100%;height:35px;background-color: #10406b;}
.top_title_con{width: 1200px;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;background:  url(/images/logo.png) no-repeat;background-position: center left;}

.top_logo{width:210px;height: 80px;float:left;line-height: 80px;padding-top: 20px;}
.top_nav{ width:665px; height:52px; line-height:52px; float:left; margin-left:70px; display:inline; position:relative;}
.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: 1160px;height: 90px;line-height:52px;float: right;display:inline;position:relative;background-image: url(/images/tel.png);background-repeat: no-repeat;background-position: center right;}
.nav_menu .nav {padding-left: 300px;}
.nav_menu .nav .list ul li{width: 110px;text-align: center;font-size: 16px;height: 90px;line-height: 90px;color: #FFFFFF;list-style:none;float:left;border-right: 1px solid #eee;}
.nav_menu .nav .list ul li a{display:block;height: 90px;color: #555;text-decoration:none;text-align: center;width: 100%;}
.nav_menu .nav .list ul li .now{color:#4667af;background-color: #f2f2f2;border-bottom: 5px solid #4667af;}
.nav_menu .nav .list ul li .now:hover{ color:#3557aa;}
.nav_menu .nav .list a:hover{color:#3557aa;background-color: #f2f2f2;border-bottom: 5px solid #4668af;}
.nav_menu .nav .box{position:absolute;width: 1160px;background: #eee;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;}
.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;}
.nav_menu .nav .cont .txtlink span a:hover{ border:1px solid #606368;}
.nav_menu .nav .cont dl{padding-right: 36px;padding-left: 36px;border-right: 1px solid #e2e2e2;text-align:left;float:left;}
.nav_menu .nav .cont dl dt a{font-weight:bold;color: #4667af;}
.nav_menu .nav .cont dl dt,.nav_menu .nav .cont dl dd{ padding:0px; margin:0px; line-height:30px;font-size: 14px;}
.nav_menu .nav .cont ol {width:100%;line-height:25px;clear:both;list-style:none;padding:0px;margin:0px;overflow:hidden;border-bottom: 1px solid #dedede;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:100%;font-size: 14px;}
.nav_menu .nav .cont ol li span.img{ height:90px;}
.nav_menu .nav .cont ol li span.img img{ width:120px;}

.position{width: 100%;height: 50px;background-color:#f5f5f5;}
.position .weizhi{height: 50px;margin-left:5px;padding-left: 14px;line-height: 50px;color:#474646;font-size: 14px;background: url(/templets/images/product_jiantou.gif) 0px no-repeat;}
.position .weizhi a{color:#474646; }
.position .weizhi a:hover{color: #3557aa;}

/* footer */ 
.footer{width:100%;height:auto;margin:0px auto;background-color: #10406b;overflow:hidden;}
.footer a{color:#fff}
.footer_con{width:1160px;color: #555;text-align:center;line-height:25px;margin:0px auto;padding: 20px 0px;overflow:hidden;}
.footerbot{width:100%;height: 35px;line-height:35px;background-color: #022950;color:#fff;text-align:center;font-size: 14px;}
.footerbot a{ color:#fff; text-decoration:none; margin-right:10px;}
.footerbot a:hover{ color:#eee; text-decoration:underline;}
.footer_con dl{ float:left; text-align:left; padding-left: 10px;padding-right:50px;}
.footer_con dl dt,.footer_con dl dd{ list-style:none; padding:0px; margin:0px;font-size: 15px;line-height: 28px;}
.footer_con dl dt{ font-weight:bold; font-size:18px;padding-bottom: 10px;color: #fff;}
.bian{ width:100%; height:29px; background-image: url(dingli3_03.gif); background-repeat:repeat-x; clear:both;}
.dhwz{width: 100%;height: 60px;background-color:#f5f5f5;text-align:left;}
.dhwz .wznr{width:1160px;margin:0 auto;}
.jiantou2{width:8px;height: 8px;margin-left:10px;float:left;marg;margin-top: 25px;lay:inline;}
/*botsms*/
.botsms{ width:100%; font-size: 14px; padding:20px 0px; box-sizing:border-box; margin: 0px 0px 30px 0px; background-color: #fff; overflow: hidden;}
.botsms .tit{width: 100%;background-color: #4667af;text-align: left;margin: 20px 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: #4667af;padding:10px 0px;margin-top: 5px;border: none;-webkit-appearance: none;}
.botsms p.tips{ padding-top: 20px; color: #dd0000; font-size: 1.2em}
.botsms .smscontact{ width: 45%; padding-left: 10%; 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;line-height: 35px;}
.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: #4667af;font-size: 1.2rem;}
@media screen and (max-width: 768px) {
    .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;}
}