html{font-size: 62.5%; /*10 ÷ 16 × 100% = 62.5%*/}



body{font-family: "Times New Roman", Times, serif !important;}



ol,



li{list-style: none;}



#header,



footer,



#main{overflow: hidden; width: 100%;}



.left{ float:left;}



.right{ float:right;}



.clear{ clear:both;}



/*css3*/



.clear:after{display: block; content: ''; clear: both;}



/*header*/



.swiper-container1,



.swiper-container2{margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; }



/*正常屏幕*/







/* Sizes for the bigger menu */







.large { width:292px;}



.small {  width:200px;}







.yjth{ display:none;}



.lang ul li{ float:left; margin-top:7px; margin-left:20px;}



.lang_top{position: absolute; top: 0px; left: 0; z-index: 1000;width:100%; }



.h-nav{background: rgba(35, 35, 35, 0.61); position: absolute; top: 40px; left: 0; z-index: 1000; width: 100%; overflow: hidden; transition: 300ms ease; -webkit-transition: 300ms ease;}



.h-nav h1{float: left; margin-top: 18px;}



.h-nav ul{float: right; width: 70%;}



.h-nav ul li{float: left; width: 12.5%; text-align: center; position: relative; transition: 300ms ease; -webkit-transition: 300ms ease; height: 100px;}



.h-nav ul li:nth-of-type(1) a{background-image: url("../Image/n1.png");}



.h-nav ul li:nth-of-type(2) a{background-image: url("../Image/n2.png");}



.h-nav ul li:nth-of-type(3) a{background-image: url("../Image/n3.png");}



.h-nav ul li:nth-of-type(4) a{background-image: url("../Image/n4.png");}



.h-nav ul li:nth-of-type(5) a{background-image: url("../Image/n5.png");}



.h-nav ul li:nth-of-type(6) a{background-image: url("../Image/n6.png");}



.h-nav ul li:nth-of-type(7) a{background-image: url("../Image/n7.png");}



.h-nav ul li:nth-of-type(8) a{background-image: url("../Image/n8.png");}



.h-nav ul li:after{display: block; content: ''; width: 1px; height: 100%; position: absolute; right: 0; top: 0; background: rgba(179, 179, 179, 0.65);}



.h-nav ul li a{color: #fff; font-size: 14px; display: block; height: 100%; background-repeat: no-repeat; background-position: center 20px ; line-height: 140px;}



.h-nav ul li:hover{background-color: #af0e0e;}







.hot_line{ width:40%;}



.num1,.num2{ line-height:30px; margin-left:10px;}



.num1{ font-family:"Times New Roman", Times, serif; }



.num1{ margin-top:30px;}



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



.hot-search{line-height: 115px; background:url(../Image/hotsearch.png) repeat-x top; overflow: hidden; color: #fff;}



.hot-search p{float: left;}



.hot-search i{font-size: 35px;}



.hot-search p span{font-size: 16px;}



.hot-search p b{font-size: 34px; position: relative; top: 5px;}



.hot-search form{float: right; margin-top: 40px; position: relative; color: #fff;}



.hot-search form input[type=text]{float: left; width: 345px; line-height: 45px; border: 1px solid #80ddc1; height: 45px; text-indent: 10px; background: none; color: #fff;}



.hot-search form ::-webkit-input-placeholder{color: #fff;}



.hot-search form input[type=submit]{line-height: 45px; height: 45px; border: 0; background: url("../Image/sch.png") no-repeat center; width: 60px; position: absolute; right: 0; top: 0; text-indent: -999rem;}



/*小屏幕手机*/



.hidden-g{position: relative; height: 60px;}



.hidden-g .h-nav-g{position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 60px; background: #fff; transition: 300ms; -webkit-transition: 300ms;}



.hidden-g .h-nav-g h1{width: 176px; height: 55px; background: url("../Image/logo2.png") no-repeat center; text-indent: -999rem; float: left; position: absolute; left: 15px; top: 50%; margin-top: -28px; background-size: 173px;}



.hidden-g .h-nav-g .btn_i{display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}



.hidden-g .h-nav-g .btn_i small,



.hidden-g .h-nav-g .btn_i:before,



.hidden-g .h-nav-g .btn_i:after{display: block; content: ''; width: 24px; height: 2px; background: #000000; border-radius: 4px; margin: 6px 0;}



.hidden-g .h-nav-g .btn_i_click small{opacity: 0;}



.hidden-g .h-nav-g .btn_i_click:before{transform: rotateZ(45deg); transform-origin: 0px 6px;}



.hidden-g .h-nav-g .btn_i_click:after{transform: rotateZ(-45deg); transform-origin: 5px -1px;}



.hidden-g .h-nav-g .i_tel{display: block; background-repeat: no-repeat; background-position: center; cursor: pointer; background-image: url("../images/tel.png"); position: absolute; right: 15px; top: 0; height: 60px; width: 40px;}



.hidden-g .ul-small{background: #3a3a3a; width: 220px; height: 100%; position: fixed; right: 0; top: 0; z-index: 1000; transform: translateX(220px); transition: 300ms; -webkit-transition: 300ms; -webkit-transform: translateX(220px);}



.hidden-g .ul-small input{width: 160px; line-height: 40px; background: #fff; border: 0; border-radius: 20px; margin: 20px 30px 0 30px; text-indent: 10px;}



.hidden-g .ul-small ul{margin-top: 20px;}



.hidden-g .ul-small ul li a{color: #fff; padding-left: 30px; padding-right: 30px; line-height: 50px; display: block;}



.hidden-g .translate{transform: translateX(-220px); -webkit-transform: translateX(-220px);}



.hidden-g .translate2{transform: translateX(0); -webkit-transform: translateX(0);}



/*banner*/



.banner .swiper-pagination-bullet{width: 24px; height: 4px; display: inline-block; border-radius: 5px; background: #919190; opacity: .4;}



.banner .swiper-pagination-bullet-active{background: #fff; opacity: 1;}



.banner2{height: 614px; background-repeat: no-repeat; background-attachment: fixed; background-position: top center;}



.c-banner{background-image: url("../Image/c-banner.jpg");}



.p-banner{background-image: url("../Image/p-banner.jpg");}



.a-banner{background-image: url("../Image/a-banner.jpg");}



.n-banner{background-image: url("../Image/n-banner.jpg");}



.m-banner{background-image: url("../Image/m-banner.jpg");}



.j-banner{background-image: url("../Image/j-banner.jpg");}



.l-banner{background-image: url("../Image/l-banner.jpg");}



.y-banner{background-image: url("../Image/y-banner.jpg");}



/*main*/



/*com-nav*/



.vcenter {



    position: absolute;



    top: 0;



    right: 0;



    bottom: 0;



    left: 0;



    max-width: 100%;



    /*max-height: 100%;*/



    display: block;



    vertical-align: middle;



    margin: auto;



}



.pic {



    position: relative;



    overflow: hidden;



}



.pic:after {



    content: "";



    display: block;



}



.com-nav{padding: 60px 0 70px 0; border-bottom: 1px solid #c9c9c9;}



.com_nav ul li {position: relative; float:left; width:25%; text-align:center; transition: 800ms ease-in-out; -webkit-transition: 800ms ease-in-out;}



.com_nav ul li img{transition: 800ms ease-in-out; -webkit-transition: 800ms ease-in-out;}



.com_nav ul li .pic:after{ padding-bottom:54%;}



.com_nav ul li .tt1{  color:#111111; font-size:18px;}



.com_nav ul li .tt2{ color:#6b6b6b; font-size:12px; margin-top:21px; margin-bottom:60px;}



.com_nav ul li:nth-of-type(2){ background:#f1f1f1;}



.com_nav ul li:nth-of-type(4){ background:#f1f1f1;}



.com_nav ul li img:hover{transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0.6 !important;}











/*.com-nav ul li div{position: absolute; left: 30px; top: 25px; color: #fff;}



.com-nav ul li div b{font-size: 25px; float: left; border-right: 1px solid #fff; padding-right: 12px; margin-right: 12px;}



.com-nav ul li div small{float: left; margin-top: 2px;}



.com-nav ul li p{width: 100%; height: 100%; overflow: hidden; background: #000;}



.com-nav ul li p img{transition: 800ms ease-in-out; -webkit-transition: 800ms ease-in-out;}



.com-nav ul li:nth-of-type(2) p img{opacity: 0.9;}



.com-nav ul li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0.6 !important;}*/



.bt1{ color:#af0e0e; font-size:14px; font-weight:bold; text-align:center; margin-top:81px;}



.bt2{ color:#1f1f1f; font-size:28px; text-align:center; margin-top:10px; margin-bottom:55px;}



/*main-title*/



.main-title{overflow: hidden; border-bottom: 1px solid #e9e9e9; margin-bottom: 30px; padding-bottom: 15px; padding-top: 54px;}



.main-title b{font-size: 30px; color: #2f2f2f; border-bottom: 1px solid #00bb83; padding-bottom: 15px;}



.main-title small{font-size: 14px; color: #8c8c8c; padding-left: 10px; display: inline-block;}



.main-title a{float: right; width: 120px; line-height: 37px; text-align: center; border: 1px solid #c9c9c9; border-radius: 20px; display: block; font-size: 12px; margin-top: 2px; transition: 300ms ease; -webkit-transition: 300ms ease;}



.main-title a:hover{background: #00bb83; color: #fff; border: 1px solid #00bb83;}



/*product*/


.cp_show{padding-left: 15px;
    padding-right: 15px;}
.pro_img{ width:44.2222%;}

.pro_img div{background: #00bb83; color: #fff; padding: 0px 0 10px 0px; position: relative;}

.pro_img div b{display: block; font-size: 18px; font-weight: bold;}

.pro_img div span{font-size: 14px;}

.pro_img div i{position: absolute; right: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}

.pro_img p{width: 100%; height: 100%; overflow: hidden; background: #000;}

.pro_img img{transition: 800ms ease-in-out; -webkit-transition: 800ms ease-in-out; display: block;}

.pro_img:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0.6;}

.pro_img .pic:after{ padding-bottom:58.6%;}



.pro_img_r{ width:100%; margin-top: 30px;}



.pro_img_r ul li{margin-bottom: 23px; width:33.2222%; float:left; padding-left:15px; padding-right:15px;}



.pro_img_r ul li div{background: #00bb83; color: #fff;  padding: 0px 0 10px 0px;   position: relative;}



.pro_img_r ul li div b{display: block; font-size: 18px; font-weight: bold;}



.pro_img_r ul li div span{font-size: 14px;}



.pro_img_r ul li div i{position: absolute; right: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}



.pro_img_r ul li .pic{width: 100%; height: 100%; overflow: hidden; }



.pro_img_r ul li .pic img{transition: 800ms ease-in-out; -webkit-transition: 800ms ease-in-out; display: block;}



.pro_img_r ul li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0.6;}



.pro_img_r ul li .pic:after{ padding-bottom:58%;}







.tp{ text-align:center; margin:0px auto; width: 120px; line-height: 37px; text-align: center; border: 1px solid #c9c9c9; border-radius: 20px; display: block; font-size: 12px; margin-top: 2px; transition: 300ms ease; -webkit-transition: 300ms ease;}



.tp:hover{background: #00bb83; color: #fff; border: 1px solid #00bb83;}



/*company*/



.company{ }



.company_l{ width:40%;}



.company_bt1{ color:#af0e0e; font-size:14px; font-weight:bold; text-align:center; margin-top:81px;}



.company_bt2{ color:#1f1f1f; font-size:28px; text-align:center; margin-top:10px; margin-bottom:55px;}



.company_l_tit{ width:100%;}



.company_l_tit .pic:after{ padding-bottom:19%;}



.company_l_tex{ text-align:justify; margin-top:32px; line-height:30px;}



.tp1{ text-align:center;  width: 120px; line-height: 37px; text-align: center; background:#00bb83; color:#fff; border-radius: 20px; display: block; font-size: 12px; margin-top: 2px; transition: 300ms ease; -webkit-transition: 300ms ease; margin-top:30px;}



.tp1:hover{background: #00bb83; color: #fff; border: 1px solid #00bb83;}



.company_r{ width:50%;}



.company_r_pic{ width:70%;}

.company_r_pic .video{width:95%;height:100%; margin-top:30px;}

.company_r_pic .pic:after{ padding-bottom:95%;}



.company_r_num{ width:30%;}



.company_r_num ul li{ width:100%; margin-bottom:30px;}



.company_r_num ul li .ioc_pic{ width:40%;}



.company_r_num ul li .ico_tex{ font-size:40px; font-weight:bold;}



.company_r_num ul li .ioc_pic .pic:after{ padding-bottom:70%;}



.company_r_num ul li .ico_content{ text-align:center; font-size:16px;}



.item .pic img {



  position: absolute;



  top: 0;



  right: 0;



  bottom: 0;



  left: 0;



  max-width: 100%;



  max-height: 100%;



  display: block;



  vertical-align: middle;



  margin: auto;



  transition: 0.3;



}



.item .pic i {



  display: block;



  padding-bottom: 60.8%;



}



.item .txt {



  transition: All 0.4s ease-in-out;



  -webkit-transition: All 0.4s ease-in-out;



  -moz-transition: All 0.4s ease-in-out;



  -o-transition: All 0.4s ease-in-out;



  position: absolute;



  opacity: 0;



  filter: alpha(opacity=0);



  left: 0;



  bottom: 0;



  width: 100%;



  height: 100%;



  background: rgba(0, 187, 131, 0.95);



  color: #c29b73;



  padding: 50px 70px;



  transform: scale(0.9);



  -webkit-transform: scale(0.9);



}



.item .txt a {



  color: #fff;



  display: block;



  text-align: center;



}



.item .txt a span {



  display: block;



  width: 90%;



  margin: auto;



  line-height: 30px;



  height: 30px;



  overflow: hidden;



}



.item .txt a .num {



  font-size: 40px;



  font-family: AvantGardeITCbyBT-Book;



  font-weight: bold;



}



.item .txt a .tt1 {



  color: #fff;



  font-size: 22px;



  margin-top: 5px;



  font-weight:bold;



}



.item .txt a .tt2 {



  color: #c29b73;



}



.item.txt a p {



  width: 90%;



  color: #fff;



  line-height: 20px;



  overflow: hidden;



  transition: 1s;



  max-height: 40px;



  margin: 20px auto;



}



.item .txt .more {



  width: 31px;



  height: 31px;



  display: block;



  margin: auto;



  background: url(../images/pro_quan.png) no-repeat;



}



.item:hover .txt {



  opacity: 1;



  filter: alpha(opacity=100);



  transform: scale(1);



  -webkit-transform: scale(1);



}



.item:hover .txt span {



  transform: translateY(0);



  -webkit-transform: translateY(0);



}



.item:hover .pic img {



  transform: scale(1.1);



}







/*adv*/







.choose{ width:50%;}



.choose ul li{ background:#00bb83; height:auto; overflow:hidden; border-bottom:1px solid #3dcba1;}







.choose ul li:nth-of-type(1) .choose_ico{width:18%; height:94px;  background: url(../Image/t1.png) no-repeat center;}



.choose ul li:nth-of-type(2) .choose_ico{ width:18%; height:94px;  background: url(../Image/t2.png) no-repeat center;}



.choose ul li:nth-of-type(3) .choose_ico{ width:18%; height:94px;  background: url(../Image/t3.png) no-repeat center;}



.choose ul li:nth-of-type(4) .choose_ico{ width:18%; height:94px;  background: url(../Image/t4.png) no-repeat center;}



.choose ul li:nth-of-type(5) .choose_ico{ width:18%; height:94px;  background: url(../Image/t5.png) no-repeat center;}







.choose ul li:nth-of-type(1):hover .choose_ico{width:18%; height:94px;  background:#ff7404 url(../Image/tt1.png) no-repeat center;}



.choose ul li:nth-of-type(2):hover .choose_ico{width:18%; height:94px;  background:#ff7404 url(../Image/tt2.png) no-repeat center;}



.choose ul li:nth-of-type(3):hover .choose_ico{width:18%; height:94px;  background:#ff7404 url(../Image/tt3.png) no-repeat center;}



.choose ul li:nth-of-type(4):hover .choose_ico{width:18%; height:94px;  background:#ff7404 url(../Image/tt4.png) no-repeat center;}



.choose ul li:nth-of-type(5):hover .choose_ico{width:18%; height:94px;  background:#ff7404 url(../Image/tt5.png) no-repeat center;}



.choose ul li .choose_line{ width:1px; height:45px; background:#fff; margin-top:25px;}



.choose ul li .choose_tex{ font-size:18px; color:#fff; line-height:94px; width:81%; padding-left:40px;}



.choose ul li:hover .choose_tex{ background:#fff; color:#323232;}



.choose_r{ width:48%; background:url(../Image/ge.jpg) no-repeat bottom right;  height:468px; overflow:hidden;}



.chose_tit{ font-size:18px; color:#2c2c2c;}



.chosse_tit1{ margin-top:14px; margin-bottom:20px;}






.parter_midd ul li{ width:25%; float:left;}



.parter_midd ul li .pic:after{ padding-bottom:54%;}



/*news*/



.news{ }



.news ul li{margin-bottom: 15px; margin-right:30px; width:31%; float:left;}



.news ul li:nth-of-type(3){ margin-right:0px;}



.news ul li .pic:after{ padding-bottom:54%;}



.news ul li .news_time{ background:#00bb83; color:#fff; width:20%; text-align:center; margin-top:25px;}



.news ul li .news_time .tim1{ margin-top:10px;}



.news ul li .news_time .tim2{ margin-bottom:10px;}



.news ul li .news_tex{ width:70%; margin-top:25px;}



.news ul li .news_tex .news_tex_tit{ color:#393939; font-size:16px;}



.news ul li .news_tex .news_tex_content{ color:#747474; font-size:12px; margin-top:20px;}



.news ul li .news_tex .news_tex_more{ margin-top:27px;}



/*time*/



.indexcoo{padding: 55px 0;}



.indexcoo .list li{float: left; width: 20%; text-align: center; color: #ccc;}



.indexcoo .list li .num p{width: auto; display: inline; position: relative;}



.indexcoo .list li .num p strong{font-size: 18px; padding-left: 14px;}



.indexcoo .list li .num p span{animation: r_x 4s ease-in-out infinite; -webkit-animation: r_x 4s ease-in-out infinite; display: inline-block; font-size: 50px; line-height: 1; font-weight: bold;}



.indexcoo .list li .num small{display: block; position: absolute; font-size: 30px; line-height: 1; right: -21px; top: -38px;}



.indexcoo .list li .line{margin-left: auto; margin-right: auto; width: 29px; height: 3px; margin-top: 15px; background: #232323;}



.indexcoo .list li .text{line-height: 50px; font-size: 14px; color: #a9a9a9;}



@keyframes r_x{75%{transform: rotateY(0deg);} 100%{transform: rotateY(360deg);}}



@-webkit-keyframes r_x{75%{transform: rotateY(0deg);} 100%{transform: rotateY(360deg);}}



.time2{height: 125px; background-size: cover;}



/*footer*/



footer{width:100%;background:url(../Image/line.jpg) repeat-x bottom;  overflow: hidden; margin-top:40px;  }



.link ul li{ width:33%; float:left;}



.link ul li:nth-of-type(1){ background:#00bb83;}



.link ul li:nth-of-type(2){ background:#01cd90;}



.link ul li:nth-of-type(3){ background:#00bb83;}



.link ul li .link_pic{ margin-top:33px; margin-left:73px;}



.link ul li .link_tex{ margin-top:33px; margin-left:21px; color:#fff; font-size:17px; font-weight:bold;}



.link ul li .link_content{color:#fff; font-size:13px; font-weight:bold;margin-left:73px; margin-top:21px; padding-bottom:33px;}







.foot_tit_l ul li{ float:left; color:#929292; font-size:16px; margin-right:27px; margin-top:77px;}



.foot_l_bt{color:#929292; font-size:16px; margin-top:25px;}



.foot_r{ margin-top:43px;}



.foot_l_bt{ margin-bottom:28px;}



/*info*/



.info1-nav{text-align: center;  position: relative; z-index: 100; margin-bottom:30px; margin-top:30px;}



.info1-nav ul{font-size: 0; border: 1px solid #ccc; background: #fff;}



.info1-nav ul li{display: inline-block; font-size: 16px; text-align: center; line-height: 68px; width: 20%; }



.info1-nav ul li:first-child a{border-left: 0;}



.info1-nav ul li a{display: block; border-left: 1px solid #ccc; -moz-transition: all 250ms linear; -webkit-transition: all 250ms linear; transition: all 250ms linear; background:#af0e0e; color:#fff; font-size:13px;}



.info1-nav ul li a:hover,



.info1-nav ul li a.active{background: #01cd90; color: #fff;}







.info-nav{text-align: center;  position: relative; z-index: 100; margin-bottom:30px; margin-top:-34px;}



.info-nav ul{font-size: 0; border: 1px solid #ccc; background: #fff;}



.info-nav ul li{display: inline-block; font-size: 16px; text-align: center; line-height: 68px; width: 20%; }



.info-nav ul li:first-child a{border-left: 0;}



.info-nav ul li a{display: block; border-left: 1px solid #ccc; -moz-transition: all 250ms linear; -webkit-transition: all 250ms linear; transition: all 250ms linear; background:#af0e0e; color:#fff; font-size:13px;}



.info-nav ul li a:hover,



.info-nav ul li a.active{background: #01cd90; color: #fff;}







/*i-company*/



.info-title{text-align: center; padding: 80px 0 50px 0;}



.info-title span{font-size: 46px; font-weight: 400;}



.info-title small{font-size: 14px; color: #bdbdbd; display: block; margin-top: 8px;}



/*i-company*/



.i-company{overflow: hidden;}



.i-company > span{font-size: 14px; color: #1f1f1f; line-height: 30px; display: block;}



.i-company .time{width: 80%; margin: 0 auto;}



.i-company .time .indexcoo .list{display: flex; display: -webkit-flex; justify-content: space-around;}



.i-company .time .indexcoo .list li{float: none; width: auto;}



.i-company .time .indexcoo .list li .num p span{font-size: 100px;}



.i-company .time .indexcoo .list li .text{color: #2c2c2c;}



.i-company > p img{width: 48%; margin: 0 1%; display: block; float: left;}



/*i-brand*/



.i-brand ul li{overflow: hidden; height: 333px;}



.i-brand ul li div{width: 50%; position: relative; height: 100%; color: #fff; text-indent: 40px;}



.i-brand ul li div img{position: absolute; max-width: 100%; height: auto; right: 65px; bottom: 0; transition: 500ms ease-in-out; -webkit-transition: 500ms ease-in-out;}



.i-brand ul li div b{font-size: 32px; padding-top: 45px; display: block;}



.i-brand ul li div small{font-size: 30px; display: block;}



.i-brand ul li p{width: 50%; background: #f6f6f6; height: 100%; padding: 60px 50px;}



.i-brand ul li p b{font-size: 22px; color: #191919; display: block; margin-bottom: 30px;}



.i-brand ul li p small{font-size: 14px; color: #969696; line-height: 30px;}



.i-brand ul li:hover div img{right: 30px;}



.i-brand ul li:nth-of-type(odd) div{float: left;}



.i-brand ul li:nth-of-type(odd) p{float: right;}



.i-brand ul li:nth-of-type(even) div{float: right;}



.i-brand ul li:nth-of-type(even) p{float: left;}



.i-brand ul li:nth-of-type(1) div{background: #ebce3f;}



.i-brand ul li:nth-of-type(2) div{background: #2086c8;}



.i-brand ul li:nth-of-type(3) div{background: #ad74e8;}



.i-brand ul li:nth-of-type(4) div{background: #00bb83;}



/*timelinne*/



.timeline .info-title{padding-bottom: 20px;}



.cd-container{/* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */ width: 90%; max-width: 1170px; margin: 0 auto;}



.cd-container::after{/* clearfix */ content: ''; display: table; clear: both;}



#cd-timeline{position: relative; padding: 2em 0; margin-top: 2em; margin-bottom: 2em;}



#cd-timeline::before{/* this is the vertical line */ content: ''; position: absolute; top: 0; left: 18px; height: 100%; width: 4px; background: #d7e4ed;}



@media only screen and (min-width: 1170px){#cd-timeline{margin-top: 3em; margin-bottom: 3em;} #cd-timeline::before{left: 50%; margin-left: -2px;}}



.cd-timeline-block{position: relative; margin: 2em 0;}



.cd-timeline-block:after{content: ""; display: table; clear: both;}



.cd-timeline-block:first-child{margin-top: 0;}



.cd-timeline-block:last-child{margin-bottom: 0;}



@media only screen and (min-width: 1170px){.cd-timeline-block{margin: 6em 0;} .cd-timeline-block:first-child{margin-top: 0;} .cd-timeline-block:last-child{margin-bottom: 0;}}



.cd-timeline-img{position: absolute; top: 0; left: 0; width: 40px; height: 40px; border-radius: 50%; box-shadow: 0 0 0 4px #ffffff, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);}



.cd-timeline-img img{display: block; width: 24px; height: 24px; position: relative; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px;}



.cd-timeline-img.cd-picture{background: #75ce66;}



.cd-timeline-img.cd-movie{background: #c03b44;}



.cd-timeline-img.cd-location{background: #f0ca45;}



@media only screen and (min-width: 1170px){.cd-timeline-img{width: 60px; height: 60px; left: 50%; margin-left: -30px; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden;} .cssanimations .cd-timeline-img.is-hidden{visibility: hidden;} .cssanimations .cd-timeline-img.bounce-in{visibility: visible; -webkit-animation: cd-bounce-1 0.6s; -moz-animation: cd-bounce-1 0.6s; animation: cd-bounce-1 0.6s;}}



.cd-timeline-content{position: relative; margin-left: 60px; background: white; border-radius: 0.25em; box-shadow: 0 3px 0 #d7e4ed;}



.cd-timeline-content:after{content: ""; display: table; clear: both;}



.cd-timeline-content h2{color: #303e49;}



.cd-timeline-content p,



.cd-timeline-content .cd-read-more,



.cd-timeline-content .cd-date{font-size: 13px; font-size: 14px;}



.cd-timeline-content .cd-read-more,



.cd-timeline-content .cd-date{display: inline-block;}



.cd-timeline-content p{line-height: 1.6;}



.cd-timeline-content .cd-read-more{float: right; padding: .8em 1em; background: #acb7c0; color: white; border-radius: 0.25em;}



.no-touch .cd-timeline-content .cd-read-more:hover{background-color: #bac4cb;}



a.cd-read-more:hover{text-decoration: none; background-color: #424242;}



.cd-timeline-content .cd-date{float: left; padding: .8em 0; opacity: .7;}



.cd-timeline-content::before{content: ''; position: absolute; top: 16px; right: 100%; height: 0; width: 0; border: 7px solid transparent; border-right: 7px solid white;}



@media only screen and (min-width: 768px){.cd-timeline-content h2{font-size: 20px; font-size: 1.25rem;} .cd-timeline-content p{font-size: 16px; font-size: 1.5rem;} .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date{font-size: 14px; font-size: 0.875rem;}}



@media only screen and (min-width: 1170px){.cd-timeline-content{margin-left: 0; padding: 0.1em; width: 45%;} .cd-timeline-content::before{top: 24px; left: 100%; border-color: transparent; border-left-color: white;} .cd-timeline-content .cd-read-more{float: left;} .cd-timeline-content .cd-date{position: absolute; width: 100%; left: 122%; top: 6px; font-size: 16px; font-size: 1.8rem;} .cd-timeline-block:nth-child(even) .cd-timeline-content{float: right;} .cd-timeline-block:nth-child(even) .cd-timeline-content::before{top: 24px; left: auto; right: 100%; border-color: transparent; border-right-color: white;} .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more{float: right;} .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date{left: auto; right: 122%; text-align: right;} .cssanimations .cd-timeline-content.is-hidden{visibility: hidden;} .cssanimations .cd-timeline-content.bounce-in{visibility: visible; -webkit-animation: cd-bounce-2 0.6s; -moz-animation: cd-bounce-2 0.6s; animation: cd-bounce-2 0.6s;}}



@media only screen and (min-width: 1170px){/* inverse bounce effect on even content blocks */ .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in{-webkit-animation: cd-bounce-2-inverse 0.6s; -moz-animation: cd-bounce-2-inverse 0.6s; animation: cd-bounce-2-inverse 0.6s;}}



/*i-honor*/



.i-honor{padding-bottom: 60px;}



.i-honor .info-title{padding-bottom: 10px;}



/*产品页面*/



.info_bg{background: #f0f0f0; padding-top: 26px;}



.info_bg .container{background: #fff;}



.i-product{/*产品详情页页面*/}



.i-product .info-title{padding: 50px 0;}



.i-product .pro-type li{margin-bottom: 85px; overflow: hidden; padding-left: 10px;}



.i-product .pro-type li p{background-color: #591D8E; position: relative;background-repeat: no-repeat;background-position: center;}



.i-product .pro-type li:nth-of-type(1) p{background-image: url("../images/p1bg.png")}



.i-product .pro-type li:nth-of-type(2) p{background-image: url("../images/p2bg.png")}



.i-product .pro-type li:nth-of-type(3) p{background-image: url("../images/p3bg.png")}



.i-product .pro-type li:nth-of-type(4) p{background-image: url("../images/p4bg.png")}



.i-product .pro-type li:nth-of-type(5) p{background-image: url("../images/p5bg.png")}



.i-product .pro-type li:nth-of-type(6) p{background-image: url("../images/p6bg.png")}



.i-product .pro-type li:nth-of-type(7) p{background-image: url("../images/p7bg.png")}



.i-product .pro-type li:nth-of-type(8) p{background-image: url("../images/p8bg.png")}



.i-product .pro-type li:nth-of-type(9) p{background-image: url("../images/p9bg.png")}







.i-product .pro-type li p img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}



.i-product .pro-type li div b{display: block; font-size: 22px; color: #591D8E;}



.i-product .pro-type li div small{font-size: 12px; color: #a0a0a0; display: block; line-height: 25px; margin: 14px 0;}



.i-product .pro-type li div a{width: 105px; line-height: 33px; background: #ededed; text-align: center; font-size: 12px; border: 1px solid #cdcdcd; display: block; border-radius: 20px;}



.i-product .pro-type li > img{display: block;}



.i-product .pro-list li{margin-bottom: 20px;}



.i-product .pro-list li a{display: block; border: 1px solid #ccc;}



.i-product .pro-list li a div b{display: block; width:130px; line-height: 35px; background: #af0e0e; color: #fff; text-align: center; border-radius: 0 18px 18px 0; font-size: 14px; font-weight: 400; margin: 12px 0; transition: 300ms ease; -webkit-transition: 300ms ease;}



.i-product .pro-list li a div small{display: block; width: 90%; margin: 0 auto; font-size: 12px; color: #5b5b5b;}



.i-product .pro-list li a > span{display: block; line-height: 35px; border-top: 1px solid #ccc; margin-top: 15px; color: #855140; padding: 0 10px;}



.i-product .pro-list li a > span i{float: right; font-size: 12px;}



.i-product .pro-list li:hover b{background: #00BB83;}



.i-product .i-p-left{background: #fff; padding: 25px 20px; border: 1px solid #ccc;}



.i-product .loca{font-size: 14px; border-bottom: 1px solid #ccc; color: #333;}



.i-product .info-t{font-size: 24px; color: #05a357; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #cccccc;}



.i-product .content_p{margin-top: 40px; }



.i-product .content_p b,.i-product .content_p strong{font-weight: 700;font-size: 14px;background: #00bb83;color: #fff;width: 119px;display: block;line-height: 27px;text-align: center;}



.i-product .content_p table{border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}



.i-product .content_p table td{border-left: 1px solid #ccc; border-top: 1px solid #ccc;}



.i-product .content_p img{text-align: center;}



.i-product .content_p img{max-width: 100%; display: block; margin: auto;}



.i-product .content_p p{font-size: 14px; line-height: 30px;  margin-bottom: 14px;}



.i-product .content_p span.sp{display: block; color: #ffffff; margin-bottom: 20px; overflow: hidden; border-bottom: 2px solid #00bb83;}



.i-product .content_p span.sp small{background: #00bb83; display: block; float: left; text-align: center; line-height: 35px; width: 120px;}



.i-product .i-p-mesg{background: #fff; padding: 15px; border: 1px solid #ccc; margin-bottom: 12px;}



.i-product .i-p-mesg span{display: block; font-size: 14px; color: #9d9d9d; margin-bottom: 8px;}



.i-product .i-p-mesg a{display: block; width: 100%; line-height: 55px; background: #05a357; text-align: center; color: #fff; margin-top: 8px;}



.i-product .i-p-mesg a small{padding-left: 8px; font-size: 17px;}



.i-product .i-p-case{background: #fff; padding: 15px; border: 1px solid #ccc;}



.i-product .i-p-case h2{font-size: 24px; color: #242424; margin-bottom: 8px;}



.i-product .i-p-case ul li{ overflow: hidden;}



.i-product .i-p-case ul li img{width: 100%;}



.i-product .i-p-case > a{display: block; width: 100%; line-height: 55px; background: #007bb9; text-align: center; color: #fff; margin-top: 8px;}



.i-product .i-p-case > a small{padding-left: 8px; font-size: 17px;}



/*加入我们*/



.jobs ul li{ width:33%; float:left; margin-bottom:30px;}



.jobs ul li .pic:after{ padding-bottom:90%;}



.i-join{position: relative;}



.i-join .i-j-top{overflow: hidden;}



.i-join .i-j-top img{width: 40%; float: left;}



.i-join .i-j-top div{width: 50%; float: right;}



.i-join .i-j-top div b{display: block; font-size: 26px; color: #114fbf; margin-bottom: 25px;}



.i-join .i-j-top div span{font-size: 14px; color: #515151; line-height: 28px;}



.i-join .i-j-top div ul{margin-top: 45px;}



.i-join .i-j-top div ul li{font-size: 14px; color: #515151; line-height: 28px;}



.i-join .join-list{margin-top: 50px; width: 100%; display: -webkit-flex; /* Safari */ display: flex;flex-wrap:wrap ;position: relative;z-index: 10;}



.i-join .join-list li{ width: 50%;}



.i-join .join-list li img{width: 40%; float: right;}



/*.i-join .join-list li div{width: 50%; float: left; margin-top: 60px;}*/



.i-join .join-list li div > b{display: block; font-size: 26px; color: #00a474; margin-bottom: 25px;}



.i-join .join-list li div span{font-size: 14px; color: #515151; line-height: 28px;}



.jobs-img{ position: absolute;right: 0;bottom: 0;width: 23%;}



/*新闻页面*/



.i-news .i-news-top{overflow: hidden;}



.i-news .i-news-top .info-title{float: left; text-align: left;}



.i-news .i-news-top p{float: right; margin-top: 110px;}



.i-news .i-news-top p a{margin-left: 15px; display: inline-block;}



.i-news .i-news-top p a i{float: left; display: block; width: 40px; height: 40px; border-radius: 50%; background: #979797; position: relative; transition: 300ms ease; -webkit-transition: 300ms ease;}



.i-news .i-news-top p a i img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}



.i-news .i-news-top p a span{float: left; font-size: 14px; color: #979797; line-height: 40px; padding-left: 5px; transition: 300ms ease; -webkit-transition: 300ms ease;}



.i-news .i-news-top p a:hover i{background: #0d71d8;}



.i-news .i-news-top p a:hover span{color: #0d71d8;}



.i-news .news-list li{overflow: hidden; margin-bottom: 55px;}



.i-news .news-list li .news-list-l{width: 15%; float: left; background: #01b181; text-align: right; padding-right: 25px; color: #fff; position: relative; transition: 300ms ease; -webkit-transition: 300ms ease;}



.i-news .news-list li .news-list-l b{display: block; font-size: 48px; padding-top: 15px;}



.i-news .news-list li .news-list-l small{font-size: 14px; display: block;}



.i-news .news-list li .news-list-l i{display: block; content: ''; width: 26px; height: 1px; background: #fff; float: right; margin: 35px 0;}



.i-news .news-list li .news-list-l span{font-size: 16px; display: block; position: absolute; right: 25px; bottom: 40px;}



.i-news .news-list li .news-list-r{width: 85%; float: right; background: #f3f3f3; padding: 35px 45px;}



.i-news .news-list li .news-list-r b{display: block; font-size: 22px; color: #1f1f1f; margin-bottom: 20px;}



.i-news .news-list li .news-list-r small{font-size: 14px; color: #8f8f8f; line-height: 28px; clear: both;}



.i-news .news-list li .news-list-r span{width: 112px; line-height: 35px; color: #fff; background: #01b181; text-align-last: center; display: block; font-weight: 400; text-align: center; font-size: 12px; float: right; margin-top: 35px; transition: 300ms ease; -webkit-transition: 300ms ease;}



.i-news .news-list li .news-list-r strong{text-align: right; font-size: 14px; color: #00bb83; font-weight: 400; margin-bottom: 5px; display: block;}



.i-news .news-list li:hover .news-list-l,



.i-news .news-list li:hover .news-list-r span{background: #d10f33;}



/*新闻详情页*/



.company-info{padding-bottom: 60px; overflow: hidden;}



.n_left{width: 71.5%; float: left; margin-top: 40px;}



.n_left ._title{font-size: 36px; color: #000; margin-bottom: 10px; line-height: 1.4; font-weight: 400;}



.news_time span{font-size: 12px; margin-right: 10px; display: inline-block; height: 30px; line-height: 30px; overflow: hidden;}



.news_time span:first-child{background: url("../Image/time.png") no-repeat left center; padding-left: 20px;}



.news_time span:first-child + span{background: url("../Image/click.png") no-repeat left center; padding-left: 25px;}



.info_news_right{width: 24%; float: right; padding-top: 40px;}



.info_news_right ul{margin-top: 45px; border: #f3f3f3 10px solid; padding: 10px 7%;}



.info_news_right ul li{padding: 27px 0; border-bottom: 1px #ececec solid;}



.info_news_right ul li a{display: block; font-size: 16px; font-weight: bold; color: #5c5c5c;}



.info_news_right ul li b{display: block; padding-bottom: 8px; font-size: 19px; font-weight: bold; color: #000000; margin-bottom: 10px;}



.info_news_right ul li a span{display: block; font-size: 14px; line-height: 1.8; color: #555; font-weight: 400;}



.info_news_right ul li b:before{display: block; content: ''; float: left; margin-right: 5px;}



.info_news_right ul li:first-child b:before{width: 30px; height: 26px;}



.info_news_right ul li:first-child + li b:before{width: 30px; height: 26px;}



/*案例页面*/



.case-list li{margin-bottom: 65px;}



.case-list li p{overflow: hidden; width: 100%; height: 100%; background: #ae0324; position: relative;}



.case-list li p img{transition: 300ms ease; -webkit-transition: 300ms ease; width: 100%;}



.case-list li p span{width: 100%; display: block; text-align: center; font-size: 16px; color: #fff; position: absolute; top: 20%; transform: translateY(-50%); -webkit-transform: translateY(-50%); opacity: 0; transition: 300ms ease; -webkit-transition: 300ms ease;}



.case-list li p span small{display: block;}



.case-list li p span i{font-size: 55px;}



.case-list li a > small{display: block; line-height: 55px; text-align: center; font-size: 15px; border: 1px solid #d2d2d2; margin-top: 10px;}



.case-list li:hover p img{opacity: 0.2;}



.case-list li:hover p span{top: 50%; opacity: 1;}



.case-list li:hover a > small{color: #AE0324;}



/*联系我们*/



.i-contact{padding-bottom: 40px;}



.i-contact .i-contact-ul{display: flex; display: -webkit-flex; justify-content: space-around; margin-bottom: 60px;}



.i-contact .i-contact-ul li i{width: 78px; height: 78px; border-radius: 50%; float: left; color: #fff; text-align: center; line-height: 78px; font-size: 35px; margin-right: 20px;}



.i-contact .i-contact-ul li p{float: left;}



.i-contact .i-contact-ul li p b{display: block; font-size: 14px; color: #1e1e1e; margin-bottom: 5px;}



.i-contact .i-contact-ul li p span small{display: block; font-size: 14px; color: #929292;}



.i-contact .i-contact-ul li:nth-of-type(1) i{background: #6332ab;}



.i-contact .i-contact-ul li:nth-of-type(2) i{background: #f76312;}



.i-contact .i-contact-ul li:nth-of-type(3) i{background: #00a474;}



/*咨询页面*/



.i-message{padding-bottom: 105px; overflow: hidden;}



.i-message img{float: left; width: 50%;}



.i-message .mes-r{width: 50%; float: right; padding: 0 0 0 40px;}



.i-message .mes-r h4{font-size: 18px; color: #2e2e2e; margin-bottom: 20px;}



.i-message .mes-r form input[type=text]{display: block; width: 100%; line-height: 35px; background: #f5f5f5; text-indent: 10px; font-size: 14px; border: 0; height: 35px; margin-bottom: 8px;}



.i-message .mes-r form textarea{background: #f5f5f5; border: 0; width: 100%; height: 100px; text-indent: 10px; padding-top: 4px;}



.i-message .mes-r form input[type=submit]{display: block; width: 100%; line-height: 35px; background: #00bb83; text-align: center; color: #fff; border: 0; height: 35px;}



/*page*/



.fix-nav{position: fixed; top: 0; background: rgba(35, 35, 35, 0.6);}



.fix-nav h1{margin-top: 13px;}



.fix-nav ul li{height: 90px;}



.fix-nav ul li a{line-height: 130px;}



/*page*/



.p_content{font-size: 14px; line-height: 30px;}



.p_content img,.content_p img{max-width: 100% !important;height: auto;}



#prev_next a:hover{color: #00479d;}



#prev_next{font-size: 14px; margin-top: 20px;}



div.page{margin: 20px 0 20px 0; clear: both; float: right; font-size: 14px;}



div.page a{padding: 2px 5px; margin: 2px; color: #fff; text-decoration: none; background: #9b9b9b;margin-top: 5px;display: inline-block;}



div.page a:hover{background: #5c5c5c;}



div.page span.current{padding: 2px 8px; font-weight: 700; margin: 2px; color: #fff; background-color: #00bb83;}



div.page span.disabled{padding: 2px 5px; margin: 2px; color: #dddddd;}



#prev_next .prev,



#prev_next .next{font-size: 13px; border-top: 1px solid #ccc; padding: 5px 25px;}



#prev_next .prev a:hover,



#prev_next .next a:hover{color: #00479d;}



#prev_next .prev{margin-top: 20px; background: url("../images/prev_bg.png") no-repeat left center; background-size: 18px;}



#prev_next .next{border-bottom: 1px solid #ccc; background: url("../images/next_bg.png") no-repeat left center; background-size: 18px;}