.header{ width: 100%;clear: both;height: 100px;background: url(../images/head_bg.jpg) no-repeat center center;}
.header .mg{position: relative;}
.logo{height: 100px;overflow: hidden;display: inline;float: left;}
.logo a{display: table-cell;vertical-align: middle;height: 100px;}
.logo img{max-height: 100px;display: block;}

.navbar{height: 100px;display: inline;float: right;padding-left: 24px;position: relative;}
.navbar .nav{ height:40px; text-align:center;margin: 30px 16px 30px 0;}
.navbar .nav .navLi{ line-height: 40px; height: 40px;padding-bottom: 30px; float:left;width: 90px; text-align:center; position:relative; font:normal 14px/40px "微软雅黑"; z-index:1000;}
.navbar .nav .navLi .navA{ display:block;width: 90px; height:40px; overflow:hidden; color:#ffffff;}
.navbar .nav .navLi .navA.off{color: #28166f;}
.navbar .nav .navLi:hover .navA{color: #f00;}
.navbar .nav .navLi .navMenu{ display:none; background:#4725ce; width:120px; position:absolute; top:100%; left:50%; z-index:100; font:normal 12px/32px "微软雅黑";margin-left: -70px;}
.navbar .nav .navLi .navMenu li{ height:32px; overflow:hidden; text-align:center;}
.navbar .nav .navLi .navMenu li a{ color:#ffffff; display:block; padding:0 5px;}
.navbar .nav .navLi .navMenu li:hover{ background:#eeeeee;}
.navbar .nav .navLi .navMenu li:hover a{ color:#000;}
.nav_contact{padding-right: 40px;background: url(../images/kefu.png) no-repeat right center;}

.nav_btn{display: block;width: 143px;height: 100px;background: url(../images/head_bgBtn.png) no-repeat center center;position: absolute;left: 0;top: 0;}

.language{position: absolute;right: 0;top: 0;z-index: 1000;}
.language p{float: left;padding-left:10px;}
.language p a{color:#ffffff;font: normal 12px/16px '微软雅黑';}
.language p a:hover{text-decoration: underline;}
.h_language{display: flex;align-items: center;}

.middle{clear: both;overflow: hidden;width: 100%;}
.index_banner{ width:100%; height:500px; text-align:center; z-index:1; position:relative;overflow: hidden;border-top: 2px solid #ffffff;}
.index_banner .hd{ padding:8px 0; position:absolute; bottom:0; right:0; z-index:1; width:100%; text-align:center;}
.index_banner .hd ul{overflow:hidden; display:inline-block; *display:inline; *zoom:1;}
.index_banner .hd ul li{ display:compact;float:left; width:13px; height:13px;  margin:0 5px; cursor:pointer; text-align:center;color:#fff;background: #ffffff;border-radius: 50%; -moz-border-radius: 50%;-webkit-border-radius: 50%;padding: 1px;}
.index_banner .hd ul li.on{background: none; border: 1px solid #ffffff;padding: 0;}
.index_banner .bd{ text-align:center; position:relative; width:100%; height:500px; z-index:0; overflow:hidden;}
.index_banner .bd li{ width:100%; height:500px; position:relative;overflow: hidden;}
.index_banner .bd li a{ width:1920px; height:500px; position:absolute; top:0; left:50%;margin-left: -960px;}
.index_banner .bd li img{display: block;margin: 0 auto;height: 500px;}



.index_bar{width: 100%;background: url(../images/bar_bg.png) no-repeat center center;height: 100px;clear: both;overflow: hidden;border-top: 1px solid #ffffff;}
.index_about{display:inline;float: left;overflow: hidden;width: 550px;height: 100px;}
.index_about a{height: 100px;display: table-cell;vertical-align: middle;}
.index_about img{max-height: 100px;display: block;margin-left: 23px; }
.index_news{width: 480px;display: inline;float: right;padding-left: 50px;background: url(../images/yuyin.png) no-repeat left center;height: 80px;margin-top: 15px;position: relative;font-family: '宋体';color: #ffffff;}
.news_left{font-size: 14px;overflow: hidden;display: inline;float: left;}
.prev,.next{width: 19px;height: 19px;display: block;}
.prev{background: url(../images/icon1.png) no-repeat;position: absolute;left: 50px;top:40px;}
.next{background: url(../images/icon2.png) no-repeat;position: absolute;left: 80px;top:40px;}
.news_right{width: 320px;display: inline;float: right;padding-left: 25px;border-left: 1px solid #898989;}
.news_right h3{font-size: 14px;font-weight: normal;height: 30px;line-height: 30px;}
.news_right h3 a{color: #ffffff;}
.news_right p{line-height: 18px;height: 36px;overflow: hidden;margin-top: 10px;color: #b8b8b8;}


.content{clear: both;overflow: hidden;width: 100%;}
.index_product{padding: 30px 0;clear: both;overflow: hidden;width: 100%;}
.index_title{width: 100%;clear: both;overflow: hidden;height: 50px;line-height: 50px;border-bottom: 1px solid #ffffff;}
.index_title h2{display: inline;float: left;font-family: '微软雅黑';font-size: 24px;color: #28166f;font-weight: normal;padding-left: 10px;}
.index_title h2 span{font-size: 14px;}
.index_title ul{display: inline;float: right;margin-top: 14px;}
.index_title li{height: 35px;line-height: 35px;display: inline;float: left;width: 113px;margin-right: 3px;background: #eeeeee;border-radius: 8px 8px 0 0;-moz-border-radius: 8px 8px 0 0;-webkit-border-radius: 8px 8px 0 0;position: relative;}
.index_title li a{padding-left: 15px;display: block;color: #3f414b;}
.index_title li i{display: block;width: 0;height: 0;border: 4px solid #eeeeee;border-left: 5px solid #8d8d8d;position: absolute;right:6px;top:15px;}
.index_title li.on{background: #28166f;}
.index_title li.on a{color: #ffffff;}
.index_title li.on i{border: 4px solid #28166f;border-left: 5px solid #ffffff;}


.product_pic{clear: both;overflow: hidden;width: 100%;height: 912px;}
.product_pic ul{margin-right: -25px;overflow: hidden;}
.product_pic li{clear: both;overflow: hidden;}
.index_product .pic_box{display: inline;float: left;width: 350px;margin:30px 25px 15px 0;}
.index_product .pic{height: 353px;width: 348px;overflow: hidden;background: #ffffff;border: 1px solid #eeeeee;}
.index_product .pic a{display:table-cell;vertical-align: middle;width: 348px;height: 353px;}
.index_product .pic img{max-height: 353px;display: block;margin: 0 auto;}
.index_product .name{height: 45px;padding-top: 10px;border-bottom: 1px solid #ffffff;width: 290px;margin: 0 auto;text-align: center;line-height: 45px;font-family: '微软雅黑';font-size: 20px;}
.index_product .name a{color: #28166f;}
.index_product .name a:hover{color: #f8c313;}



.index_case{display: inline;float: left;width: 710px;overflow: hidden;}
.index_case .case_pic{padding: 25px 0;clear: both;overflow: hidden;}
.index_case .pic_box{display: inline;float: left;width: 232px;overflow: hidden;margin: 0 2px;}
.index_case .pic{width: 230px;height: 180px;overflow: hidden;border: 1px solid #ffffff;border-bottom: 2px solid #ffffff;}
.index_case .pic a{display: table-cell;vertical-align: middle;width: 230px;height: 180px;}
.index_case .pic img{max-height: 180px;margin: 0 auto; display: block;}
.index_case .name{width: 210px;margin: 0 auto;text-align: center;line-height: 28px;height: 28px;overflow: hidden;border-bottom: 1px solid #ffffff;font-family: '微软雅黑';font-size: 14px;margin-top: 10px;} 
.index_case .name a{color: #ffffff;}
.index_case .name a:hover{color: #f8c313;}


.case_right{width: 357px;display: inline;float: right;overflow: hidden;}
.case_right .news{width: 355px;height: 102px;border: 1px solid #ffffff;margin-top: 15px;}
.case_right .newx a{display:table-cell;vertical-align: middle;width: 355px;height: 102px;}
.case_right .newx img{display: block;width: 355px;height: 102px;}
.case_right p{line-height: 22px;margin-left: 10px;padding-left: 35px;color: #ffffff;font-size: 12px;font-family: '宋体';}
.case_right .phone{background: url(../images/phone.png) no-repeat left 5px;margin-top: 10px;}
.case_right .address{background: url(../images/address.png) no-repeat 2px 5px;}



.footer{width: 100%;clear: both;overflow: hidden;background: #28166f;}
.search_bar{width: 100%;padding: 30px 0;clear: both;overflow: hidden;background: #5f43ce;}
.search_bar label{display: inline;float: left;padding: 0 15px;color: #ffffff;}
.search_bar .search{width: 414px;height: 34px;border: 1px solid #c9c9c9;background: #ffffff;display: inline;float: left;}
.search_bar .text{width: 350px;padding-left: 18px;overflow: hidden;height: 34px;outline: none;border: none;background: none;font-size: 14px;display: inline;float: left;}
.search_bar .subimt{display: inline;float: left;width: 45px;height: 34px;border: none;outline: none;background: url(../images/search.png) no-repeat center center;cursor:pointer;}
.search_bar h3,.h_tell{padding-left: 35px;display: inline;float: left;line-height: 35px;font-family: '微软雅黑';font-size: 14px;color: #ffffff;margin-left: 30px;}
.search_bar h3 span{font-size: 18px;}
.search_bar .tell_1,.h_tell{background: url(../images/tell_1.png) no-repeat left center;}
.search_bar .tell_2{background: url(../images/tell_2.png) no-repeat left center;}

.footer .link{padding: 35px 0;overflow: hidden;clear: both;border-bottom: 1px solid #ffffff;}
.footer .link ul{display: inline;float: left;margin: 0 28px;width: 100px;font-family: '宋体';overflow: hidden;}
.footer .link h3{color: #ffffff;font-size: 14px;font-weight: normal;}
.footer .link li{height: 28px; line-height: 28px;overflow: hidden;}
.footer .link li a{color: #ffffff;}
.footer .link li a:hover{text-decoration: underline;}
.footer .foot{padding: 10px 0;clear: both;overflow: hidden;}
.footer .copyright{display: inline;float: left;width: 850px;overflow: hidden;padding-left: 40px;}
.footer .copyright p{line-height: 24px;height: 24px;overflow: hidden;color: #ffffff;}
.footer .copyright p a{color: #ffffff;}
.footer .copyright p a:hover{color: #ff0000;text-decoration: underline;}
.footer .QR{display: inline;float: right;}
.footer .QR img{display: block;width: 56px;height: 56px;overflow: hidden;float: left;}
.footer .QR h3{display: inline-block;float: left;*display: inline;*zoom:1;height: 12px;padding: 0 20px;border-bottom: 1px solid #ffffff;margin: 20px 15px 0 15px;}
.footer .QR span{display: inline-block;*display: inline;*zoom:1;background: #28166f;padding: 0 7px;color: #ffffff;font-weight: normal;}



.cont_banner{width:100%; height:250px;overflow: hidden;border-top: 2px solid #ffffff;}
.cont_banner img{height: 250px;display: block;margin: 0 auto;}



.contentA{width: 100%;padding-top: 50px;clear: both; overflow: hidden;}
.cont_left{ width:230px; float:left; font-family:"微软雅黑";}
.cont_left .titleA{width: 100%;overflow: hidden;border-bottom: 1px solid #dbd4cd;padding-bottom: 12px;}
.cont_left .titleA h2{float: left;color: #fff;font-size: 28px;line-height: 40px;font-weight: normal;padding-left: 20px;}
.cont_left .menu li{border-bottom: 1px solid #dbd4cd;line-height: 40px;}
.cont_left .menu .tit{padding-left: 50px;font-size: 14px;cursor: pointer; position:relative; display:block;color: #28166f;}
.cont_left .menu .tit i{ display:block; width:5px; height:5px; background:#28166f; position:absolute; left:30px; top:18px;}
.cont_left .menu .tit:hover{background-color: #28166f;color: #fff;}
.cont_left .menu .tit:hover i{ background:#fff;}
.cont_left .submenu{width: 100%;overflow: hidden;font-size: 12px; display:none;}
.cont_left .submenu li{float: left;border-bottom: 0 none;border-top: 1px solid #dbd4cd;width: 100%;padding: 0;}
.cont_left .submenu a{padding: 0 0 0 30px; display:block; position:relative;}
.cont_left .submenu i{ display:block; width:2px; height:2px; background:#313131; position:absolute; left:22px; top:17px;}
.cont_left .submenu li.on a,.cont_left .submenu a:hover{background-color: #29913c;color: #fff;}
.cont_left .submenu li.on i,.cont_left .submenu a:hover i{ background:#fff;}
.cont_contact{padding:24px 0;}
.cont_contact a{ display:inline-block;}



.cont_right{width: 780px;display: inline;float: right;overflow: hidden;}
.cont_right_title{ overflow:hidden; height:32px; line-height:32px; border-bottom:1px solid #e3e3e3; margin-bottom:15px;}
.cont_right_title h3{ float:left; color:#fff; font-family:"新宋体"; font-size:16px;}
.cont_right_title div{ float:right; color:#999; font-family:"新宋体"; font-size:12px;}
.cont_right_title div a{ color:#999; margin:0 3px;}
.cont_right_title div a:hover,.cont_right_title div a.on{color:#125a94;}
.pic_list{padding: 20px 0 0 0;clear: both;overflow: hidden;}
.pic_list ul{overflow: hidden;margin-right: -15px;}
.pic_list li{display: inline;float: left;width: 250px;overflow: hidden;margin:0 15px 30px 0;}
.pic_list .pic{width: 248px;height: 248px;overflow: hidden;border: 1px solid #cccccc;background: #fff;}
.pic_list .pic a{width: 248px;height: 248px;display: table-cell;vertical-align: middle;}
.pic_list .pic img{max-height: 248px;max-width: 248px;display: block;margin: 0 auto;}
.pic_list .name{padding-top: 10px;line-height: 35px;height: 35px;width: 230px;margin: 0 auto;border-bottom: 1px solid #fff;text-align: center;font-family: '微软雅黑';font-size: 16px;}
.pic_list .name a{color: #28166f;}
.pic_list .name a:hover{color: #f8c313;}
.pic_list li:hover .pic{border: 1px solid #f8c313;}



.cont_page{ text-align:center;  height:70px;}
.cont_page ul{ overflow:hidden; display:inline-block; *display:inline; *zoom:1; clear:both;}
.cont_page li{ float:left; display:inline; margin:0 4px; border:1px solid #e1e1e1; padding:0 4px; background:#ffffff; height:23px;}
.cont_page li a{ display:block; height:23px; padding:0 4px;color: #040000;}
.cont_page li a:hover{color: #f8c313;}


.profile_main{ min-height:300px; padding:20px 10px 50px 10px;background: #fff;}


.list_main{clear: both;overflow: hidden;padding: 20px;background: #fff;}
.list_main li{line-height: 40px;height: 40px;overflow: hidden;border-bottom: 1px dashed #cccccc;font-family: '微软雅黑';font-size: 16px;margin-bottom: 10px;}
.list_main li p{max-width: 650px;overflow: hidden;display: inline;float: left;}
.list_main li a{color: #040000;margin-left: 10px;}
.list_main li a:hover{color: #f8c313;}
.list_main li span{display: inline;float: right;}

























