﻿body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,select,textarea,button,th,td,menu{margin:0;padding:0;}

ul,dl{list-style:none;margin: 0;padding: 0;}

img,fieldset,input[type="submit"]{border:0 none;}

table{border-collapse:collapse;border-spacing:0;}

button,input[type="button"]{cursor:pointer;border:0 none;}

a,button,input,img{-webkit-touch-callout:none;}

img{

	pointer-events:none;/*禁止图片的点击事件，例如长按保存图片*/ 

	border: none;

}

input,select,textarea{outline:none;}

a{text-decoration:none; color: inherit;}

.fl{ float: left;}

.fr{ float: right;}

.clearfix{zoom:1;}

.clearfix:after{clear:both;content: "";display: block;} 

.text-center{text-align: center;}



h1{font-size: 36px;}

h2{font-size: 30px;}

h3{font-size: 24px;}

h4{font-size: 18px;}

h5{font-size: 16px;}

h6{font-size: 12px;}

html,body{

	width: 100%;

	white-space: 0px;

      /*overflow-x: hidden;*/

/*禁止用户选择元素*/

/*-moz-user-select:none;

 -webkit-user-select: none;

-ms-user-select: none;*/

/* -khtml-user-select:none;*/ 

/*禁止元素点击出现半透明黑色背景*/

 -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }

html {font-size:14px; /*浏览器默认字体大小是16px*/ height: 100%;width: 100%;font-family: '微软雅黑', 'Heiti SC', 'Microsoft YaHei';outline: 0;-webkit-text-size-adjust:none;}



body{min-width: 1220px;}







div,li,a,ul,p

{

box-sizing:border-box;

-moz-box-sizing:border-box; /* Firefox */

-webkit-box-sizing:border-box; /* Safari */

}



.container{width: 1200px;margin: 0 auto;position: relative;}

.swiper-container{width: 100%;}

.swiper-pagination-bullet{opacity: 1;filter: alpha(opacity=100);width: 20px;height: 19px;background: url(../images/pa.png) no-repeat;}

.swiper-pagination-bullet-active{background: url(../images/acpa.png) no-repeat;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{padding-right: 30px;bottom: 20px;text-align: right;}

.slide-container{width: 100%;height: 100%;overflow: hidden;position: relative;z-index: 1;}





@font-face {

  font-family: 'iconfont';

  src: url('../font/iconfont.eot');

  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),

  url('../font/iconfont.woff') format('woff'),

  url('../font/iconfont.ttf') format('truetype'),

  url('../font/iconfont.svg#iconfont') format('svg');

}

.iconfont{

  font-family:"iconfont" !important;

  font-size:16px;font-style:normal;

  -webkit-font-smoothing: antialiased;

  -webkit-text-stroke-width: 0.2px;

  -moz-osx-font-smoothing: grayscale;

}











.obanner{overflow: hidden;}

.bannercon{position: relative;width: 2000px;left: 50%;margin-left: -1000px;}

.bannercon img{margin: 0 auto;width: auto;display: block;}

.banner img{display: block;}





.head{height: 100px;width: 100%;background: white;color: black;}

.head .logo{margin: 27px 0 0 2px;}

.phone-sea{display: inline-block;float: right;}

.phone-sea h6{line-height: 60px;font-weight: normal;text-align: right;}

.phone-sea h6 a{margin: 0 8px;}

.phone-sea form{float: right;}

.phone-sea input[type=text]{width: 154px;height: 30px;border:1px solid #231a15;border-right: 0;background: white;float: left;text-indent: 10px;font-size: 12px;line-height: 30px;}

.phone-sea input[type=submit]{background: #194178 url(../images/searchbg.png) no-repeat center;width: 44px;height: 32px;float: left;}



.navcon{width: 100%;height: 50px;background: url(../images/navbg.jpg);}

.nav li{width:215px;float: left;font-size: 18px;line-height: 50px;color: white;position: relative;text-align: center;}



.nav li:first-of-type{width:156px;}

.nav li:last-of-type{width: 180px;}

/*.nav li:last-of-type .down{left: -20px;}*/

.nav li:nth-of-type(3) .down{width: 210px;}

.down{position: absolute;top: 50px;z-index: 10;display: inline-block;padding: 0 10px;width: 130px;left: 0;right: 0;margin: 0 auto;display: none;}

.down>a{line-height: 32px;font-size: 14px;color: white;background: #3e6dae;text-align: center;display: block;height: 32px; overflow: hidden;}



.ipro{padding: 44px 0 0;color: #4b4b4b;}

.ipro-list li{width: 555px;float: left;margin:0 45px 0px 0px;height:550px;overflow: hidden;}

.ipro-list li:nth-of-type(3n){margin: 0 45px 0px 0px !important;}

.ipro-list>li div{width: 100%;height: 388px;border: 1px solid #bbb;position: relative;margin-bottom: 16px;}

.ipro-list>li div a{display: block;width: 100%;height: 100%;}

.ipro-list>li div img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;max-width: 100%;max-height: 100%;}

.ipro-list>li h4{line-height: 50px;text-align: center;font-weight: normal;font-size: 20px;}

.ipro-list>li h4 a:hover{color: #1b427a;}

.ipro-list>li p{line-height: 36px;text-align: center;padding: 0 30px;font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;
  -webkit-line-clamp: 2;overflow: hidden;}



.ititle{width: 510px;margin: 0 auto;position: relative;text-align: center;}

.ititle:before{content: "";position: absolute;z-index: 1;width: 100%;height: 1px;background: #c7c7c7;top: 55px;left: 0;}

.ititle h2{color: #3a3a3a;line-height: 1;font-weight: normal;}

.ititle h3{font-weight: normal;color: #8d8a8a;line-height: 48px;position: relative;z-index: 10;padding: 0 26px;background: white;display: inline-block;}



.inews-con{height: 374px;border: 1px solid #999999;width: 100%;margin: 35px 0;}

.inews-slide{width: 472px;height: 100%;/*border-right: 1px solid #999;float: left;*/margin:0 auto;overflow: hidden;}

.inews-slide img{width: 100%;}

.inews-detail{width: 666px;/*float: left;margin-left: 45px;padding: 36px 0 0;*/text-align: center;position: relative;height: 100%;margin:0 auto;}

.inews-detail h4{line-height: 56px;text-align: center;font-weight: normal;}

.inews-detail small{line-height: 1;}

.inews-detail p{line-height: 36px;font-size: 16px;text-align: left;margin-top: 26px;}

.inews-detail a{color: #194178;font-size: 14px;position: absolute;right: 0;bottom: 0;}

.myswiper-container{height:343px;margin:10px auto;}

.footer{background: #3d3d3d;color: white;padding: 24px 0;}

.footer ul{float: left;display: inline-block;width: 196px;padding-left: 26px;}

.footer ul li{line-height: 24px;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.footer ul li a:hover {color: #b5a178;

transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-webkit-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s;

}

.footer ul li:first-of-type{position: relative;font-size: 16px;margin-bottom: 18px;overflow: visible;}

.footer ul li:first-of-type:after{height: 3px;content: "";width: 36px;background: #fd0000;position: absolute;left: 0;bottom: -7px;}



.footphone{float: right;padding: 0 20px 0 0px;display: inline-block;text-align: center;}

.footphone h5{line-height: 34px;background: url(../images/footphone.png) no-repeat 0 center;text-indent: 56px;display: inline-block;margin-bottom: 24px;}

.footphone p{font-size: 24px;font-weight: bold;}



.copyright{height: 50px;background: #1c1d1d;line-height: 50px;color: white;text-align: center;}



.local{height: 50px;font-size: 12px;line-height: 1;padding-top: 38px;text-align: right;}

.local a{color: #8e8c8c;padding:0 5px;}

.local a:hover{color: black;}

.aside{width: 246px;float: left;}

.aside>img{display: block;margin-bottom: 4px;}

.aside ul>li{line-height: 35px;text-indent: 27px;color: #333333;padding-right: 20px;margin-bottom: 4px;}

.aside ul>li span{display: none;float: right;text-indent: 0;}

.aside ul>li.active{background: #194178;color: white;}

.aside ul>li.active span{display: inline;}

.aside ul>li:hover{background: #194178;color: white;}

.aside ul>li:hover span{display: inline;}



.art{border-top: 1px solid #1d3e87;width: 916px;float: right;color: #333;}

.prodeatil{padding-bottom: 70px;}

.prodetail-img{max-width: 380px;max-height: 250px;min-width: 280px;min-height: 185px;float: left;margin:0 30px 70px;}

.prodeatil h1{padding-top: 78px;font-size: 18px;font-weight: normal;}

.prodeatil p{font-size: 16px;line-height: 32px;}

.prodeatil-mess{margin-bottom: 20px;}

.prodeatil-mess h4{width: 128px;text-align: right;display: inline-block;font-weight: normal;float: left;} 

.prodeatil-mess p{float: right;width: 780px;padding-right: 20px;line-height: 28px;font-size: 14px;display: block;}



.product h3{font-size: 20px;line-height: 52px;}

.product>p{font-size: 16px;line-height: 1;margin-bottom: 35px;}

.product-list li{position: relative;width: 284px;float: left;margin-right: 30px;display: inline-block;}

.product-list li:nth-of-type(3n){margin-right: 0;}

.product-list li>div{height: 190px;width: 100%;border: 1px solid #dddddd;position: relative;}

.product-list li>div>a{display: flex;width: 100%;height: 100%;display: -webkit-flex;}

.product-list li>div img{margin:auto;max-width: 100%;max-height: 100%;}

.product-list li p{line-height: 70px;font-size: 13px;text-align: center;}

.product-list li p a:hover{color: #194178;}



.paging{text-align: center;padding: 20px 0 57px;}

.paging>ul{display: inline-block;}

.paging>ul>li{float: left;margin-right: 18px;color: #333333;font-size: 12px;border: 1px solid #cccccc;line-height: 30px;

transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-webkit-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s;

}

.paging>ul>li>a{padding: 10px 12px;}

.paging>ul>li:hover{border: 1px solid #194178;background: #194178;color: white;}

.paging>ul>li.active{border: 1px solid #194178;background: #194178;color: white;}



.company-event{padding: 20px 0 47px 0;text-align: center;}

.company-event h4{line-height: 40px;font-weight: normal;}

.company-event small{color: #555555;display: inline-block;margin-bottom: 20px;}

.company-event img{max-width: 100%;margin: 20px 0;}

.company-event p{line-height: 32px;text-indent: 28px;text-align: left;padding-right: 10px;}



.aboutus{padding: 30px 0 40px 10px;}

.aboutus>p{line-height: 24px;}

.aboutus img{margin-bottom: 20px;}

.aboutus-block h4{line-height: 56px;font-weight: normal;}

.aboutus-block p{line-height: 32px;}



.aboutus-company-event{padding-top: 36px;}

.aboutus-company-event .product-list li>div img{margin:auto;max-width: 100%;max-height: 100%;width: 100%;height: 100%;}

.aboutus-honor{padding-top: 36px;}

.aboutus-honor .product-list li{width:293px;margin: 0 6px;}

.aboutus-honor .product-list li:nth-of-type(3n){margin: 0 6px;}

.aboutus-honor .product-list li>div{height:379px;}



.aboutus-group{padding: 55px 0 164px;}

.group-left{width: 464px;height: 334px;float: left;padding: 38px 28px 0 0;background: url(../images/groupbg.jpg) no-repeat right;}

.group-left>div{height: 88px;text-align: right;padding-right: 83px;}

.group-left>div h4{font-weight: normal;line-height: 38px;}

.group-left>div p{font-size: 13px;}

.group-right{width: 452px;height: 334px;float: right;padding: 0 0 0 27px;}

.group-right>div{height: 84px;text-align: left;padding-left: 83px;}

.group-right>div h4{font-weight: normal;line-height: 38px;}

.group-right>div p{font-size: 13px;}

.group-1{background: url(../images/group1.jpg) no-repeat right center;}

.group-2{background: url(../images/group2.jpg) no-repeat right center;}

.group-3{background: url(../images/group3.jpg) no-repeat right center;}

.group-4{background: url(../images/group4.jpg) no-repeat left center;}

.group-5{background: url(../images/group5.jpg) no-repeat left center;}

.group-6{background: url(../images/group6.jpg) no-repeat left center;}

.group-7{background: url(../images/group7.jpg) no-repeat left center;}



.news{padding: 10px 0 0 8px;}

.news-list li{padding: 26px 0 0 4px;color: #666666;}

.news-list li img{float: left;margin: 0 0px 26px 0;width: 348px;height: 200px;}

.news-list-info{position: relative;float: right;height: 200px;width: 540px;}

.news-list-info>a{position: absolute;left: 0;bottom: 0;font-size: 14px;color: #1d3e87;}

.news-list-info h4{font-weight: normal;line-height: 20px;color: #333;}

.news-list-info small{color: #999999;display: block;margin: 10px 0 28px;}

.news-list-info p{line-height: 32px;font-size: 14px;}

.news-list-line{height: 1px;width: 100%;background: url(../images/newsline.jpg);}



.recruit{padding: 36px 0 32px;color: #333333;}

.recruit h2{line-height: 60px;background: #194178;color: white;text-align: center;font-weight: normal;}

.recruit-list{padding-bottom: 8px;}

.recruit-list li{padding: 18px 0 16px;border-bottom: 1px dashed #d3d3d3;}

.recruit-list li:last-child{border-bottom: 0;}

.recruit-list li h4{line-height: 50px;font-weight: normal;}

.recruit-list li p{line-height: 24px;}

.recruit-welfare{padding: 16px 0 86px;}

.recruit-welfare h4{font-weight: normal;line-height: 60px;}

.recruit-welfare p{text-indent: 28px;}

.recruit-mode{padding: 28px 0 0;}

.recruit-mode p{line-height: 32px;}



.contactus{padding: 32px 0 160px;color: #333333;}

.contactus img{float: left;margin-right: 16px;}

.contactus h3{margin-bottom: 44px;font-weight: normal;}

.contactus p{line-height: 48px;text-indent: 20px;}



.contactus-leavemess h3{font-weight: normal;line-height: 96px;}

.contactus-leavemess form{padding-left: 28px;}



.contactus-leavemess label{display: inline-block;vertical-align: top;line-height: 52px;width: 108px;font-size: 16px;}

.contactus-leavemess input{width: 500px;height: 50px;border: 1px solid #ccc;font-size: 16px;text-indent: 8px;}

.contactus-leavemess div{margin-bottom: 56px;}

.contactus-leavemess textarea{width: 500px;height: 270px;border: 1px solid #ccc;resize: none;font-size: 16px;text-indent: 8px;line-height: 50px;}

.contactus-leavemess input[type=submit]{width: 92px;height: 50px;background: #194178;color: white;margin-right: 42px;text-indent: 0;border: 0;cursor: pointer;}

.contactus-leavemess input[type=reset]{width: 92px;height: 50px;background: #194178;color: white;text-indent: 0;border: 0;cursor: pointer;}



.contactus-map h3{font-weight: normal;line-height: 96px;}

.addcontent{margin-top:20px;}

.art img{pointer-events: painted;}

.asidetop{width:246px;height:73px;margin-bottom: 10px;background: #194178;color:#fff;font-size: 20px;text-indent: 28px;    padding-top: 8px;}

.onlytitle{margin-top: 14px;}