* {
    margin: 0;
    padding: 0;
/*    border: 0;*/
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.itemOne { float: left;width: 100%; }
.itemOne .title { text-align: center; float: left; width: 100%;}
.itemOne .title h3 {font-weight: bold; font-size: 42px;color: #0074bf;font-weight: bold; line-height: 96px; margin-top: 70px;}
.itemOne .title span {width: 57px;height: 6px; background: #c4c9ce; display: inline-block; margin-bottom: 18px;}
.itemOne .title p {color: #676767;font-size: 18px;line-height: 26px;}
.itemOne li { float: left;width: 32%; margin-right: 2%;}
.itemOne li:nth-child(3n){ margin-right: 0;}
.itemOne li .pic {overflow: hidden; float: left; width: 100%; height:255px;}
.itemOne li img { width: 100%;transition: 0.5s;}
.itemOne li .text { background: #fff;color: #fff;height: 120px; padding: 15px 30px 26px 30px; transition: 0.3s;float: left; width: 100%;}
.itemOne li .text h4 {font-size: 20px;line-height: 26px;color: #000000;margin-bottom: 10px;font-weight: bold;;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;transition: 0.5s;}
.itemOne li .text p {font-size: 15px;color: #676767;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: 0.5s;}

.itemOne li:hover .text {background: #0074bf;}
.itemOne li:hover h4 { color: #fff;}
.itemOne li:hover p { color: #fff;}
.itemOne li:hover img {transform: scale(1.1, 1.1);}

.itemOneMain {float: left; margin-top: 55px; padding-bottom: 50px;}


/*--4大理由 --*/
.reason_wrap .num {margin: 50px 0;  width: 100%; text-align: center;    overflow: hidden;}
.reason_wrap .title { text-align: center; width: 100%;}
.reason_wrap .title h3 {font-weight: bold; font-size: 42px;color: #0072bb;font-weight: bold; line-height: 96px; margin-top: 70px;}
.reason_wrap .title span {width: 57px;height: 6px; background: #c4c9ce; display: inline-block; margin-bottom: 18px;}
.reason_wrap .title p {color: #676767;font-size: 18px;line-height: 26px;}
.reason_wrap .list { text-align: center;float: left;}
.reason_wrap .list span { font-size: 32px; color: #0072bb;  line-height: 36px; display: inline-block; font-weight: bold;; margin-bottom: 13px;}
.reason_wrap .list p {font-size: 20px; color: #333;line-height: 28px;}
.reason_wrap .more { width: 145px; height: 51px; line-height: 51px; text-align: center;display: inline-block;text-transform: uppercase; background: #009ee3;border-radius: 25px; color: #ffffff;font-size: 14px;margin-top: 5px;transition: 0.3s;}
.reason_wrap .more:hover {background: #0072bb;}

.reason_wrap{width:100%;padding-bottom:50px;overflow:hidden;background: url("../Images/bg-1_21.jpg") no-repeat top center;}
.reason {width:100%;margin:0px auto;}
.reason .hd {float:left;width:20%;}
.reason .hd ul li{width:100%;height:150px;background:#edf0f7;margin-bottom:10px; position:relative; cursor:pointer;}
.reason .hd ul li h4{font-size:32px;padding-top:40px; color:#333;}
.reason .hd ul li p{font-size:20px;color:#999;line-height: 50px;}
.rs_x{position:absolute;right:-10px;top:0;margin-bottom:10px;border-top: 60px solid transparent; border-left: 10px solid #fff; border-bottom: 60px solid transparent;}
.reason .hd ul li.on{background:#0074bf;}
.reason .hd ul li.on h4{color:#fff;}
.reason .hd ul li.on p{color:#fff;}
.rs_ioc{width:70px;height:70px;background:url(../Images/rs_ioc.png);margin-top:45px;float:left;}
.reason .hd ul li.on .rs_ioc{background:url(../Images/rs_ioc_h.png);}
.reason .hd ul li.on .rs_x{border-top: 75px solid transparent; border-left: 10px solid #0074bf; border-bottom: 75px solid transparent;}
#rs_ioc_2{
	background-position:0px -70px;}
#rs_ioc_3{
	background-position:0px -140px;}
#rs_ioc_4{
	background-position:0px -210px;}
#rs_ioc_5{
	background-position:0px -280px;}
#rs_ioc_6{
	background-position:0px -350px;}

.reason .bd{width:78%;position:relative;left:22%;}
.reason .bd ul{position:absolute;overflow:hidden;}
.reason .bd ul li{width:100%;}
.reason .bd ul li .rs_up{background:#fafafc;height:170px;border-top:#0074bf 5px solid;}
.reason .bd ul li .rs_r_no{
	width:12%;
	height:155px;
	background:#0074bf;
	text-align:center;
	font-size:80px;
	color:#fff;
	float:left;
	-moz-border-radius:0px 0px 30px 30px;
    -webkit-border-radius:0px 0px 30px 30px;
    border-radius:0px 0px 30px 30px;
	font-weight:900;
	margin-left:30px;
	line-height:140px;
	}
.reason .bd ul li .rs_r_txt{width:81%; float:right;}
.reason .bd ul li .rs_up h3{font-size:34px; color: #333;font-weight:700;margin-top:20px;margin-left:35px;float:left;background:url(../Images/333_2x30.gif) bottom  left no-repeat}
.reason .bd ul li p{width:90%;font-size:16px;margin-top:15px;margin-left:35px;float:left;}
.reason .bd ul li .rs_img{width: 100%; overflow:hidden;margin-top:10px;}



/*--关于我们 --*/
.About{ padding-top: 50px;overflow: hidden; }
.About_con{position: relative;height: 40rem;}
.About_s dt{ float: left;text-align:center; width: 52%;display: block; height: 37.7rem; background:url(../Picture/ys4.jpg) no-repeat}
.About_s dt img{ display: block;width: 100%;height: 37.7rem;}
.About_s dd{ float: right;width: 48%;height: 37.7rem;padding: 5.5rem 4.4% 0 5.2%;box-sizing: border-box; background: url(../images/ys_dd.jpg) no-repeat center;}
.About_s dd h4{ position: relative;font-size: 42px;line-height: 3rem;font-weight: bold;color: #fff;position: relative;display:block;}
.About_s dd h4:after{  position: absolute;left:0;top:4rem;width: 3rem;height: 0.1rem;z-index: 10;background: #fff; content: "";  }
.About_s dd h2{ font-size: 24px;line-height: 3rem;color: #fff;padding-top:20px;}
.About_s dd p{ font-size: 1rem;line-height: 1.4rem;color: #fff;margin-top: 2.4rem; margin-bottom: 1.4rem;height: 11rem;}
.About_s .more{ display: block;width: 12rem;height: 3.5rem;line-height: 3.5rem;background:#069cfe;text-align: center;font-size: 0.9rem;color: #ffffff;font-weight: normal;transition: all 0.5s;border-radius: 2rem; }
.About_s .more img{ display: inline-block;width: 1.3rem;height: 0.4rem;margin-left: 1rem;transition: all 0.5s; vertical-align: 0.2rem; }
.About_s .more:hover{ transform:translateY(-5px); }
.About_s .more:hover img{ margin-left: 0.6rem; }
.About_s .zprev{ position: absolute;left:71.86%;bottom:3.5rem;width:3rem;height: 3rem;cursor: pointer;z-index: 50;display: block; }
.About_s .znext{ position: absolute;left:76.52%;bottom:3.5rem;width:3rem;height: 3rem;cursor: pointer;z-index: 50;display: block; }
.About_s .zprev img,.About_s .znext img{ display: block;width:3rem;height: 3rem;}
.About_t{ position: absolute;left:15%;bottom:0;height: 10.5rem;width:40%; z-index: 20;}
.About_t li{ float: left;width: 50%;height: 10.5rem;padding-top: 4.6rem;box-sizing: border-box; }
.About_t li img{display: block;width: 2.1rem;line-height: 2.1rem;margin: 0 auto;}
.About_t li span{ display: block;text-align: center;font-size: 1.2rem;color: #fff;line-height: 1.2rem;margin-top: 0.8rem; }
.About_t li.cur{ background: url(../images/ys_dh.png) no-repeat center;background-size: 100% 10.5rem; }



.itemTwo { float: left;width: 100%;background: url("../Images/bg-2_22.jpg") no-repeat top center fixed; background-size: cover;padding-bottom: 68px; padding-top: 60px;}
.itemTwo .title {text-align: center;}
.itemTwo .title h3 {font-weight: bold;text-transform: uppercase;font-size: 48px;color: #fff;font-weight: bold;line-height: 96px;}
.itemTwo .title span {width: 57px;height: 6px;background: #fff;display: inline-block;margin-bottom: 18px;}
.itemTwo .title p {color: #fff;font-size: 18px;line-height: 26px;width: 73%;margin: 0 auto;}

.itemTwo .list { float: left; width: 31.3%;text-align: center;/*padding-top: 54px;*//*padding-bottom: 37px;*/ position: relative;}
.itemTwo .list:nth-child(2) { margin: 0 3%;}
.itemTwo .list span {display: block; font-size: 28px;color: #000000; margin-top: 47px;text-transform: uppercase; font-weight: bold;}
.itemTwoMain {  margin-top: 53px;}


.itemTwo .flip-container {perspective: 1000px; transform-style: preserve-3d;}
.itemTwo .flip-container:hover .back {  transform: rotateY(0deg);}
.itemTwo .flip-container:hover .front { transform: rotateY(180deg);}
.itemTwo .flip-container, .itemTwo .front, .itemTwo .back { width: 100%;}
.itemTwo .front {  text-align: center;}
.itemTwo .front, .itemTwo .back {
    background: rgba(255, 255, 255, 0.96);
    height: 325px;
    overflow: hidden;
    padding: 15px;
    position: relative;
    -webkit-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.2);
}
.itemTwo .last .front, .itemTwo .last .back {
    background: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.itemTwo .last .front:after, .itemTwo .last .back:after {
    content: '';
    position: absolute;
    -webkit-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.2);
    width: 1100%;
    height: 1100%;
    bottom: 15px;
    right: -500%;
    background-color: white;
    transform-origin: 54% 100%;
    transform: rotate(-45deg);
    z-index: -1;
}
.itemTwo .back { color: #000000; font-size: 13px; padding: 20px 50px;}
.itemTwo .front { padding-top: 62px;}
.itemTwo .flipper { transition: 0.8s; transform-style: preserve-3d; position: relative;}
.itemTwo .front, .itemTwo .back {
    backface-visibility: hidden;
    transition: 0.8s;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0;
}
.itemTwo .flip-container {  height: 351px;}
.itemTwo .front { z-index: 2; transform: rotateY(0deg);}
.itemTwo .back { transform: rotateY(-180deg);}

.itemTwo .listText {text-align: left;}
.itemTwo .listText h3 {text-align: left;font-size: 26px;color: #000;margin-bottom: 26px;margin-top: 20px;font-weight: bold;;}
.itemTwo .listText p {font-size: 16px;color: #676767;line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}
.itemTwo .list:hover .listText { z-index: 1; opacity: 1;}

.itemThree {float: left;width: 100%;margin-top: 45px; padding-bottom: 53px; border-bottom: 1px solid #f5f5f5; margin-bottom: 40px;}
.itemThree .list {float: left; width: 31.3%;}
.itemThree .list:nth-child(2) { margin: 0 3%;}
.itemThree .list .pic {overflow: hidden;}
.itemThree .list .pic img { width: 100%; height:210px; transition: 0.5s;}
.itemThree .list .pic img:hover { transform: scale(1.1, 1.1);}
.itemThree .list .p1{ color: #3488c8; font-size: 16px;  margin-top: 20px;}
.itemThree .list h3 {
    font-size: 25px;
    color: #000000;
    min-height: 56px;
    line-height: 28px;
    font-weight: bold;
    margin-top: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.itemThree .list h3 a { color: #000000; transition: 0.3s;}
.itemThree .list h3 a:hover {  color: #009ae3;}
.itemThree .list span {font-size: 16px;color: #a4a4a4; font-style: italic;display: block; margin: 16px 0;}
.itemThree .list p {
    font-size: 16px;
    line-height: 24px;
    color: #676767;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.itemThree .list .text .more {
    color: #009ae3;
    font-size: 14px;
    line-height: 30px;
    display: block;
    border-bottom: 1px solid #009ae3;
    width: 86px;
    margin-top: 18px;
    transition: 0.3s;
}
.itemThree .list .text .more:hover {color: #0072bb;}
.itemThree .title { text-align: center;}
.itemThree .title h3 { font-weight: bold;; text-transform: uppercase; font-size: 48px;color: #0074bf;font-weight: bold;line-height: 96px;}
.itemThree .title span {/*width: 57px;*/ height: 6px; /*background: #c4c9ce;*/ display: inline-block; /*margin-bottom: 40px;*/}
.itemThree .all {color: #0074bf; font-size: 16px; font-weight: bold;;display: block;text-align: center; margin-top: 80px;float: left;width: 100%;}

.itemFour { float: left; width: 100%; margin-bottom: 100px;}
.itemFour .title { text-align: center;}
.itemFour .title h3 { font-weight: bold;;text-transform: uppercase; font-size: 48px;color: #0074bf;font-weight: bold;line-height: 96px;}
.itemFour .title span { width: 57px; height: 6px; background: #c4c9ce; display: inline-block; margin-bottom: 55px;}
.itemFour .list { float: left; width: 20%;  border-right: 1px solid #f5f5f5;}
.itemFour .item{float: left;width: 100%;/*border-right: 1px solid #f5f5f5;*/}
/*.itemFour .owl-item:nth-child(5n) .item{*//*border-right: none;*//*}*/
.itemFour .list .img2 {display: none;}
.itemFour .item .img2 {  display: none;}
.itemFour .item:hover .img2 {display: block;}
.itemFour .list:hover .img2 {display: block;}
.itemFour .item:hover .img1 { display: none;}
.itemFour .list:hover .img1 {  display: none;}
.itemFour .list:last-child { border-right: none;}
.itemFour .bot { float: left; width: 100%;}

.dropdown {
    width: 468px;
    margin: 0 auto;
    margin-bottom: 63px;
    margin-top: 66px;
}

.dropdown-toggle {
    width: 468px;
    background-color: transparent;
    border: 1px solid #c4c9ce;
    border-radius: 4px;
    padding: 10px 20px;
    font-size: 12px;
    color: #a4a4a4;
    text-align: left;
}

.dropdown-toggle i {
    float: right;
    transition: 0.3s;
}

.icon-chevron-down.active {
    transform: rotate(180deg);
}

.dropdown-menu {
    position: absolute;
    will-change: transform;
    top: 0px;
    left: 0px;
    transform: translate3d(0px, 48px, 0px);
    background-color: #fff;
    border: 2px solid #fff;
    width: 100%;
    padding: 10px 0 0;
    margin-top: -2px;
    z-index: 9999;
}

.dropdown-menu > li {
    margin-bottom: 10px;
}

.dropdown-menu > li > a {
    display: block;
    padding: 5px 20px;
    color: #333;
}

.main .title {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 50px;
}

.main .title h3 {
    font-size: 36px;
    color: #0074bf;
    line-height: 92px;
    font-family: HelveticaBold;
    text-transform: uppercase;
}

.main .title span {

}

.offerMain .content { float: right; width: 78%;  margin-bottom: 55px;}
.main .offerMain .title { /*margin-top: 115px;*/}
.offerMain .content .list {  float: left; width: 31.3%; margin-bottom: 35px;  margin-right: 3%;background: #f0f0f0;}
.offerMain .content .list:nth-child(3n) { margin-right: 0;}
.offerMain .content .list .pic {  overflow: hidden;text-align:center;}
.offerMain .content .list .pic img { height:200px; transition: 0.3s; padding-top: 30px}
.offerMain .content .list .pic:hover img {  transform: scale(1.1, 1.1);}
.offerMain .content .text { box-shadow: 0 0 10px #f6f6f6; height: 100px; padding: 20px 28px 25px 28px; }
.offerMain .content .text h3 {  height: 40px;}
.offerMain .content .text h3 a { font-size: 24px; line-height: 40px; color: #000000;}
.offerMain .content .text p a { font-size: 20px;line-height: 32px;color: #000000;  font-weight: bold;; margin-bottom: 19px;}
.offerMain .content .text p img {float: right;transition: 0.3s; margin-top: 11px;}
.offerMain .content .textList {
    position: absolute;
    top: 131px;
    left: 0;
    background: #fff;
    padding: 0 28px 14px 28px;
    opacity: 0;
    z-index: -1;
    transition: 0.3s;
}

.offerMain .content .textList a {
    font-size: 17px;
    color: #676767;
    display: block;
    line-height: 34px;
    float: left;
    width: 100%;
    margin-bottom: 11px;
    border-bottom: 1px solid #fff;
    transition: 0.3s;
}

.offerMain .content .textList div { border-top: 1px solid #dee0e2;  padding-top: 19px;}
.offerMain .content .textList a:hover { border-color: #008ad5; color: #008ad5;}
.offerMain .content .list:hover .textList { opacity: 1; z-index: 9;}
.offerMain .content .list:hover p img { transform: rotate(180deg);}

.offerMain .leftnav{  position: relative;float: left; width: 20%;background: #f0f0f0;}
.prod_search{ background: #fff;overflow: hidden; height:48px; border:2px solid #0074bf;padding-left: 64px; position: relative; margin:11% 8%;}
.prod_search .input{ width: 100%; height:46px;line-height:46px; font-size:14px; color: #282828; padding:0 15px; position: relative;  }
.prod_search:after{ content:""; height:18px; width:1px; background: #dbdbdb; position: absolute; left:64px; top:50%; margin-top:-9px; }
.prod_search .submit{ position: absolute; left:1px; top:1px; background: url(../Images/search_btn2.png) no-repeat center center; width:64px; height:46px; cursor: pointer;}

.pnav{ overflow: hidden; }
.pnav h2 {  background: #0074bf;}
.pnav h2 a{ color:#fff; font-size: 16px;font-weight: 600;}
.pnav li{ float: left; width:100%; border-top: 1px solid #dbdbdb; }
.pnav li .tit{ line-height:60px; color:#414141; font-size: 16px;}
.pnav li .tit a{ display: block;font-weight:600; padding:0 20px; position: relative; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.pnav li.xl .tit a:after{ content:""; width:10px; height:10px; background: url(../Images/sub02.png) no-repeat center center; position:absolute; top:50%; margin-top:-5px; right:10px ; }
.pnav li .tit2 a:after{ display: none;}
.pnav li:hover .tit a,.pnav li.on .tit a{ background: #0074bf; color: #ffffff;}
.pnav li.xl:hover .tit a:after,.pnav li.xl.on .tit a:after{ background-image: url(../Images/sub01.png);}
.pnav li .sub{border-top: 1px solid #dbdbdb; padding:20px; display: none; }
.pnav li .sub a{ display: block; font-size:14px; line-height:36px; padding-left:12px; color: #282828; position: relative;}
.pnav li .sub a:after{ content: ""; width:2px; height:2px; position: absolute; left:0; top:50%; margin-top:-1px; background: #282828;}
.pnav li .sub a.on,.pnav li .sub a:hover{ color: #0074bf;}
.pnav li .sub a.on:after,.pnav li .sub a:hover:after{ /*background: #0074bf;*/}
.pnav li.on .sub{ display: block;}

.news_list{width:100%;margin:50px 0;}
.news_list ul li{margin:20px 0;border-bottom:#ededed 1px solid;overflow:hidden;}
.news_list ul li:hover{background:#fafaff;}
.news_img{width:35%;float:left;  text-align: center;}
.news_img img{height:400px;}
.news_title {margin:30px 0;}
.news_title a{font-size:20px;font-weight:600;color:#333;}
.news_title a:hover{color:#0072bb;}
.news_describe{width:60%;float:right;margin-top:15px;color:#555;}
.news_time{font-size:16px;margin-top:30px;}