/* CSS Document */
/* movepic */
.fullslide {width:100%; position:relative; }
.slide_image {margin:0 auto; position:relative; overflow:hidden; }
.slide_image ul {width:9999px; height:100%;  position:absolute; top:0; left:0;}
.slide_image li {float:left; width:100%; }
.slide_image li img {display: block;max-width:100%;height:auto;margin:0 auto; }
.slide_image li > a {display:block; width:100%; height: 100% }
.slide_num {position:absolute;width:100%;z-index:100;bottom:20px;left:0;}
.slide_num ul {text-align:center;}
.slide_num ul li {cursor:pointer;display:inline-block;*display:inline;width:12px;height:12px;margin:0 2px; font-size: 0; background-color: #f2f2f2; border-radius: 6px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);}
.slide_num ul li.active { background-color: #f00;width:24px;}

.slide_image li .slide_box{position:absolute; top:0; left:0; width: 100%; clear: both; overflow: hidden; z-index: 91;height: 100%; padding-top: 10rem;}
.slide_image li .slide_box .slide_left{float: left;  width: 45%;position:relative; z-index: 92 }
.slide_image li .slide_box .slide_left .slide_xing{position:absolute; top:0; left:0;  z-index: 93}
.slide_image li .slide_box .slide_right{float: left;  width: 55%; text-align: center;}
.slide_image li .slide_box .slide_right .slide_logo{width: 50%; margin: 2rem auto 0;}
.slide_image li .slide_box h2{ color: #fff; font-weight: bold; font-size: 5rem; margin-top: 6rem; margin-bottom: 2rem;  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);}
.slide_image li .slide_box h3{color: #fff; font-size: 2.8rem;text-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);}

.slide_image li .slide_box .slide_phone_man{width: 39%;position: absolute;bottom: 0; left: 0; z-index: 99}
.slide_image li .slide_box .slide_phone{float: right;  width: 60%; text-align: center;}
.slide_image li .slide_box .slide_phone h2{font-size: 5rem; }

.slide_image li .slide_box .slide_web {text-align: center; }
.slide_image li .slide_box .slide_web h2{font-size: 6rem;  }

.slide_image li .slide_box .slide_btn{display:inline-block;border: 1px solid #fff; color: #fff; margin-top: 2rem;padding: 1rem 3rem;border-radius: 0.5rem; font-size: 1.6rem;-webkit-transition: margin-top ease-in-out .3s;-o-transition: margin-top ease-in-out .3s; transition: margin-top ease-in-out .3s;}
.slide_image li .slide_box .slide_btn:hover{color: #ff0; border-color: #ff0;margin-top:1.5rem}

.slide_icon .btn_prev,.slide_icon .btn_next {position:absolute;top:50%;margin-top:-51px;left:20px;z-index:100;width:38px;height:68px; text-align: center; cursor:pointer; display: none;background-color:rgba(0,0,0,0.1); border-radius: 5px;color: #eee;  }
.slide_icon i{font-size: 38px;display: table-cell;vertical-align: middle;height:68px; }
.slide_icon .btn_next {left:auto;right:20px;}
.slide_icon .btn_next:hover ,.slide_icon .btn_prev:hover{color: #fff;background-color:rgba(0,0,0,0.3);}

/*share*/
.section_tit{margin-bottom:20px; text-align: center;}
.section_tit h2{font-size: 3.6rem;margin-bottom: 10px; line-height: 100%; font-weight: bold;}
.section_tit p{font-size: 2rem; color: #666;  line-height: 150%;}

/* one_box */
.sectiona{padding: 60px 0 20px;}

.sectiona .section_con {clear: both; overflow: hidden; padding: 10px 0;}

.sectiona .section_con ul li .item{position: relative;clear: both; overflow: hidden; margin:10px 0 20px 0; background-color:#fff;padding:15px 0 30px; border-radius: 10px;-webkit-transition: margin-top ease-in-out .3s;-o-transition: margin-top ease-in-out .3s; transition: margin-top ease-in-out .3s;}
.sectiona .section_con ul li .item .item_ico{width: 12rem; height: 12rem; line-height: 12rem; border-radius: 50%; margin: 20px auto 10px; text-align: center;}
.sectiona .section_con ul li .item .item_ico i{ font-size: 8rem; display: inline-block; color: #fff;}
.sectiona .section_con ul li .item .item_ico svg{width: 7rem; height: 7rem;vertical-align:middle; overflow: hidden;fill: rgba(0,0,0,0.3);}
.sectiona .section_con ul li .item .item_colora{ background-color: #59baea;}
.sectiona .section_con ul li .item .item_colorb{ background-color: #52b533;}
.sectiona .section_con ul li .item .item_colorc{ background-color: #8262ce;}
.sectiona .section_con ul li .item .item_colord{ background-color: #FCC619;}
.sectiona .section_con ul li .item .item_colore{ background-color: #ea5f55;}
.sectiona .section_con ul li .item .item_con{ text-align:center;padding: 0 20px}
.sectiona .section_con ul li .item .item_con h3{width: 100%; line-height: 50px;  font-size:1.8rem; font-weight: bold;}
.sectiona .section_con ul li .item .item_con p{width: 100%;  color:#666; line-height: 160%;}

.sectiona .section_con ul li .item:hover{margin-top: 0rem;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}
.sectiona .section_con ul li .item:hover i,.sectiona .section_con ul li .item:hover svg{animation: pulse 1s; -moz-animation: pulse 1s; -webkit-animation: pulse 1s;  -o-animation: pulse 1s;}
.sectiona .section_con ul li .item:hover h3{animation: fadeInDown 1s; -moz-animation: fadeInDown 1s; -webkit-animation: fadeInDown 1s;  -o-animation: fadeInDown 1s;color:#ff5d3e;}
.sectiona .section_con ul li .item:hover p{animation: fadeInUp 1s; -moz-animation: fadeInUp 1s; -webkit-animation: fadeInUp 1s;  -o-animation: fadeInUp 1s;}

/*animation sectiona*/
.sectiona .box_cover .section_con ul li {animation: fadeInUpIn 1s; -moz-animation: fadeInUpIn 1s; -webkit-animation: fadeInUpIn 1s;  -o-animation: fadeInUpIn 1s; }
.sectiona .box_cover .section_con ul li:nth-child(2){animation-delay:0.5s;-webkit-animation-delay:0.5s; }
.sectiona .box_cover .section_con ul li:nth-child(3){animation-delay:1s;-webkit-animation-delay:1s; }
.sectiona .box_cover .section_con ul li:nth-child(4){animation-delay:1.5s;-webkit-animation-delay:1.5s; }
.sectiona .box_cover .section_con ul li:nth-child(5){animation-delay:2s;-webkit-animation-delay:2s; }
/* sectionb */
.sectionb{padding: 60px 0; background:url(../images/sectionb_line.png) no-repeat center #0067C6; background-size: 100% auto;}

.sectionb .section_tit h2{color: #fff}
.sectionb .section_tit p{color: #fff}

.sectionb .section_con {clear: both; overflow: hidden; padding-top: 20px;}
.sectionb .section_con .sectionb_ren{ width: 50%; margin: 0 auto; position: relative; height: 100%;}

.sectionb .section_con ul li{margin-bottom: 30px;position: absolute; width: 50%;}
.sectionb .section_con ul li .item{ clear: both; overflow: hidden; }
.sectionb .section_con ul li .item .item_ico{ width: 35%;float: left; overflow: hidden; text-align: center;}
.sectionb .section_con ul li .item .item_ico i{font-size:5rem; display: inline-block;color: rgba(255,255,255,0.90);}
.sectionb .section_con ul li .item .item_con{ width: 60%;   float: left;}
.sectionb .section_con ul li .item .item_con h3{color: #fff;font-size: 1.8rem;margin-bottom: 5px; font-weight: bold;}
.sectionb .section_con ul li .item p{color: rgba(255,255,255,0.90);line-height: 160%; }

.sectionb .section_con ul li.item_01{ top: 8%;left: -45%; }
.sectionb .section_con ul li.item_02{ top: 50%; left: -50%; margin-top: -40px;}
.sectionb .section_con ul li.item_03{ bottom: -1%;left: -45%; }
.sectionb .section_con ul li.item_04{ top: 8%; left: 95%; }
.sectionb .section_con ul li.item_05{ top: 50%; left: 100%; margin-top: -40px;}
.sectionb .section_con ul li.item_06{ bottom: -1%; left: 95%; }

.sectionb .section_con ul li:hover .item .item_ico i{ color: #FFC700;animation: pulse 1s; -moz-animation: pulse 1s; -webkit-animation: pulse 1s;  -o-animation: pulse 1s; }

.sectionb .section_con ul li:hover .item .item_con h3{color: #FFC700;animation: fadeInDown 1s; -moz-animation: fadeInDown 1s; -webkit-animation: fadeInDown 1s;  -o-animation: fadeInDown 1s; }
.sectionb .section_con ul li:hover .item .item_con p{animation: fadeInUp 1s; -moz-animation: fadeInUp 1s; -webkit-animation: fadeInUp 1s;  -o-animation: fadeInUp 1s; }

/*animation sectionb*/
.sectionb .box_cover .section_con ul li {animation: fadeInLongRight 1s; -moz-animation: fadeInLongRight 1s; -webkit-animation: fadeInLongRight 1s;  -o-animation: fadeInLongRight 1s; }
.sectionb .box_cover .section_con ul li:nth-child(2){animation-delay:0.5s;-webkit-animation-delay:0.5s; }
.sectionb .box_cover .section_con ul li:nth-child(3){animation-delay:1s;-webkit-animation-delay:1s; }
.sectionb .box_cover .section_con ul li:nth-child(4){animation: fadeInLongLeft 1s; -moz-animation: fadeInLongLeft 1s; -webkit-animation: fadeInLongLeft 1s;  -o-animation: fadeInLongLeft 1s;animation-delay:1.5s;-webkit-animation-delay:1.5s; }
.sectionb .box_cover .section_con ul li:nth-child(5){animation: fadeInLongLeft 1s; -moz-animation: fadeInLongLeft 1s; -webkit-animation: fadeInLongLeft 1s;  -o-animation: fadeInLongLeft 1s;animation-delay:2s;-webkit-animation-delay:2s; }
.sectionb .box_cover .section_con ul li:nth-child(6){animation: fadeInLongLeft 1s; -moz-animation: fadeInLongLeft 1s; -webkit-animation: fadeInLongLeft 1s;  -o-animation: fadeInLongLeft 1s;animation-delay:2.5s;-webkit-animation-delay:2.5s; }

/*sectionc*/
.sectionc{padding: 60px 0 50px;}

.sectionc .section_con{clear: both; overflow: hidden; padding: 20px 0}
.sectionc .section_con .rowmar{ margin-left: 0; margin-right: 0;}
.sectionc .section_con .colthree{padding-left: 0;padding-right: 0;}

.sectionc .section_con ul li .item{position: relative;clear: both; overflow: hidden; background-color:#fff;padding:20px;-webkit-transition: background-color ease-in-out .3s;-o-transition: background-color ease-in-out .3s; transition: background-color ease-in-out .3s;}
.sectionc .section_con ul li:nth-child(2n) .item{ background-color: #f8f8f8;}
.sectionc .section_con ul li .item .item_ico{ width: 35%;float: left; overflow: hidden; text-align: center; }
.sectionc .section_con ul li .item .item_ico .ico_con{ width:10rem; height:10rem; line-height:10rem; border-radius: 50%;}
.sectionc .section_con ul li .item .item_ico .ico_con i{ font-size: 6rem; display: inline-block; color: #fff;border-radius: 50%; }
.sectionc .section_con ul li .item .item_colora{ background-color: #59baea;}
.sectionc .section_con ul li .item .item_colorb{ background-color: #FBAE7C;}
.sectionc .section_con ul li .item .item_colorc{ background-color: #FF7F7F;}
.sectionc .section_con ul li .item .item_colord{ background-color: #63c981;}
.sectionc .section_con ul li .item .item_colore{ background-color: #5ed5cf;}
.sectionc .section_con ul li .item .item_colorf{ background-color: #ce90e5;}
.sectionc .section_con ul li .item .item_con{ width: 65%;   float: left;}
.sectionc .section_con ul li .item .item_con .con_text h3{width: 100%; font-size:1.8rem; font-weight: bold;  line-height: 300%;}
.sectionc .section_con ul li .item .item_con .con_text p{width: 100%;  color:#666; line-height: 160%;}

.sectionc .section_con ul li .item:hover{ background-color: #f6f6f6;}

.sectionc .section_con ul li .item:hover i{animation: pulse 1s; -moz-animation: pulse 1s; -webkit-animation: pulse 1s;  -o-animation: pulse 1s;}
.sectionc .section_con ul li .item:hover h3{animation: fadeInDown 1s; -moz-animation: fadeInDown 1s; -webkit-animation: fadeInDown 1s;  -o-animation: fadeInDown 1s;color:#ff5d3e;}
.sectionc .section_con ul li .item:hover p{animation: fadeInUp 1s; -moz-animation: fadeInUp 1s; -webkit-animation: fadeInUp 1s;  -o-animation: fadeInUp 1s;}

/*animation sectionc*/
.sectionc .box_cover .section_con ul li {animation: fadeInUpIn 1s; -moz-animation: fadeInUpIn 1s; -webkit-animation: fadeInUpIn 1s;  -o-animation: fadeInUpIn 1s; }
.sectionc .box_cover .section_con ul li:nth-child(2){animation-delay:0.5s;-webkit-animation-delay:0.5s; }
.sectionc .box_cover .section_con ul li:nth-child(3){animation-delay:1s;-webkit-animation-delay:1s; }
.sectionc .box_cover .section_con ul li:nth-child(4){animation-delay:1.5s;-webkit-animation-delay:1.5s; }
.sectionc .box_cover .section_con ul li:nth-child(5){animation-delay:2s;-webkit-animation-delay:2s; }
.sectionc .box_cover .section_con ul li:nth-child(6){animation-delay:2s;-webkit-animation-delay:2.5s; }
/* sectiond */
.sectiond{padding: 60px 0; background:url(../images/sectiond_bg.jpg) no-repeat center; background-size: cover;}

.sectiond .section_tit h2{color: #fff}
.sectiond .section_tit p{color: #fff}

.sectiond .section_con {clear: both; overflow: hidden;}

.sectiond .section_con .section_tab_box{clear: both; overflow: hidden;}
.sectiond .section_con .section_tab_box .tab_tit{clear: both; overflow: hidden; color:#fff; text-align: center;margin-bottom: 20px;}
.sectiond .section_con .section_tab_box .tab_tit ul li{ display: inline-block; margin: 0 10px;height: 39px; line-height: 38px; border: 1px solid #fff; border-radius: 19px;padding: 0 30px;font-size: 1.6rem; cursor: pointer;}
.sectiond .section_con .section_tab_box .tab_tit ul li:hover,.sectiond .section_con .section_tab_box .tab_tit ul li.active{ border: 1px solid #FFC700; color: #FFC700;}

.sectiond .section_con .section_tab_box .tab_con ul li{margin-bottom: 10px;}
.sectiond .section_con .section_tab_box .tab_con ul li .item{ clear: both; overflow: hidden; }
.sectiond .section_con .section_tab_box .tab_con ul li .item .item_pic{width:100%;overflow: hidden;border-radius:10px;}
.sectiond .section_con .section_tab_box .tab_con ul li .item .item_pic img{width:100%; height:auto;}
.sectiond .section_con .section_tab_box .tab_con ul li .item .item_con h3{color: #fff;font-size: 1.6rem; margin-top: 10px;line-height: 200%; text-align: center;}

.sectiond .btn_more{text-align: center; margin-top:20px; }
.sectiond .btn_more a{background-color: #0DA0E5; color: #FFF;height: 39px; line-height: 39px;  border-radius: 19px;padding: 0 30px;font-size: 1.6rem; display: inline-block; }
.sectiond .btn_more a:hover{background-color: #0DA0E5; color: #ff0;}

.sectiond .section_con .section_tab_box .tab_con ul li:hover .item .item_pic img{animation: pulse 1s; -moz-animation: pulse 1s; -webkit-animation: pulse 1s;  -o-animation: pulse 1s;}
.sectiond .section_con .section_tab_box .tab_con ul li:hover .item .item_con h3{color: #FFC700;animation: fadeInUp 1s; -moz-animation: fadeInUp 1s; -webkit-animation: fadeInUp 1s;  -o-animation: fadeInUp 1s; }


/*
.sectiond .box_cover .section_con .section_tab_box .tab_con ul li {animation: fadeInUpIn 1s; -moz-animation: fadeInUpIn 1s; -webkit-animation: fadeInUpIn 1s;  -o-animation: fadeInUpIn 1s; }
.sectiond .box_cover .section_con .section_tab_box .tab_con ul li:nth-child(2){animation-delay:0.5s;-webkit-animation-delay:0.5s; }
.sectiond .box_cover .section_con .section_tab_box .tab_con ul li:nth-child(3){animation-delay:1s;-webkit-animation-delay:1s; }
.sectiond .box_cover .section_con .section_tab_box .tab_con ul li:nth-child(4){animation-delay:1.5s;-webkit-animation-delay:1.5s; }
*/

.sectione{padding: 60px 0;}

.sectione .section_con {clear: both; overflow: hidden; }
.sectione .section_con .section_tab_box{clear: both; overflow: hidden;}
.sectione .section_con .section_tab_box .tab_tit{clear: both; overflow: hidden; color:#666; text-align: center;margin-bottom: 20px;}
.sectione .section_con .section_tab_box .tab_tit ul li{ display: inline-block; margin: 0 10px;height: 39px; line-height: 38px; border: 1px solid #999; border-radius: 19px;padding: 0 30px;font-size: 1.6rem; cursor: pointer;}
.sectione .section_con .section_tab_box .tab_tit ul li:hover,.sectione .section_con .section_tab_box .tab_tit ul li.active{ border: 1px solid #EC6900; color: #EC6900;}

.sectione .section_con .section_tab_box .tab_con{padding-top: 20px; clear: both; overflow: hidden;}

.sectione .section_con .section_tab_box .tab_con .index_news{ background-color: #fff; padding:40px 40px 20px; margin-bottom: 20px;}
.sectione .section_con .section_tab_box .tab_con .index_news .pic_index{ width:100%;overflow: hidden; margin-top: 20px; max-height: 210px;}
.sectione .section_con .section_tab_box .tab_con .index_news .pic_index img{width:100%; height:auto;}

.home_news {clear: both; overflow: hidden;}
.home_news ul li{position: relative;overflow: hidden;}
.home_news ul li .item{position: relative; margin-bottom: 20px;}
.home_news ul li .item .date{position: absolute; left: 0px; top: 0;display: block; width: 80px;line-height: 30px;color: #666;text-align: center; background-color: #f2f2f2;}
.home_news ul li .item .date span{position: relative;width: 100%; height: 50px;overflow: hidden; display: block;line-height: 55px; font-size: 3.6rem;}
.home_news ul li .item .date span b {display: block;height: 50px;overflow: hidden;background-color: #eee; transition: all 0.3s ease 0s; }
.home_news ul li .item .date span em {position: absolute; left: 0; top: 50px;display: block;width: 100%; height: 0; overflow: hidden;background-color: #ff5d3e;color: #fff;font-weight: bold;-webkit-transition: -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; -webkit-transform-origin: 50% 0px 0px; -ms-transform-origin: 50% 0px 0px; transform-origin: 50% 0px 0px; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; }
.home_news ul li .item .text{margin-left: 100px;}
.home_news ul li .item .text h3{ font-size: 1.8rem;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; margin-bottom: 5px;}
.home_news ul li .item .text p{line-height: 180%;color: #999; height: 50px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.home_news ul li:hover .item span b {-webkit-transform: rotateX(90deg) translateY(-22px); -ms-transform: rotateX(90deg) translateY(-22px); transform: rotateX(90deg) translateY(-22px); }
.home_news ul li:hover .item span em{ top: 0; height: 50px; transition: all 0.3s ease 0s; }

/* ban_pic */
.ban_pic{background: url(../images/banner_a.jpg) no-repeat center; background-size: cover; text-align: center;clear:both;overflow:hidden;}
.ban_pic h2{font-size: 5rem;padding:120px 0 10px;color: #fff; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); font-weight: bold;}
.ban_pic h3{font-size: 3rem;padding:0 0 180px;color: #fff; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); }

/* pagemenu */
.pagemenu {margin:20px 0; font-size:1.4rem;clear:both; overflow:hidden; text-align:center;}
.pagemenu a{border:#ddd 1px solid; margin-left:5px;color:#333; background:#F2F2F2; padding:0 10px; display:inline-block; height:32px; line-height: 30px; vertical-align:bottom;}
.pagemenu span{font-family: simsun; font-weight: bold; }
.pagemenu a:hover,.pagemenu a:active {border:#ff5d3e 1px solid;color:#ff5d3e;}
.pagemenu a.current {border:#ff5d3e 1px solid;font-weight:bold;color:#FFF; background:#ff5d3e;pointer-events:none; cursor:default;}
.pagemenu a.disabled {border:#E6E6E6 1px solid; color:#999; pointer-events:none; cursor:default;}
.pagemenu a.text {border:#E6E6E6 1px solid; color:#666; pointer-events:none; cursor:default;}

/*nodate*/
.nodate{text-align: center; padding: 60px;}
.nodate i{ font-size: 80px; color: #aaa; display: block; clear: both;}
.nodate h3{ font-size: 16px; color: #999;  display: inline-block;}

/*section*/
.section{ clear: both; overflow: hidden; margin-bottom: 20px;}
.section .text_tit{text-align: center;}
.section .text_tit h3{font-size: 3.6rem;  padding: 20px 0 0;color: #ff5d3e;}
.section .text_tit p{font-size: 2.8rem; color: #666; line-height: 26px; margin-bottom: 20px;}
.section .text_con {line-height: 180%; clear: both; overflow: hidden}

/*hawkeye*/

.hawkeye_a{padding: 60px 0 20px; }

.hawkeye_a .section_con {clear: both; overflow: hidden; padding: 10px 0 120px; position: relative;}
.hawkeye_a .section_con img{width: 100%; margin-top: 30px}

.hawkeye_a .section_con ul li {width: 33.333333%;position: absolute;  top: 0; left:0; }
.hawkeye_a .section_con ul li.hawkeye_ab {top: 15rem; left:0;}
.hawkeye_a .section_con ul li.hawkeye_ac {top: 30rem; left:33.333333%;}
.hawkeye_a .section_con ul li.hawkeye_ad {top: 0; left:66.666666%;}
.hawkeye_a .section_con ul li.hawkeye_ae {top: 15rem; left:66.666666%;}
.hawkeye_a .section_con ul li .item{position: relative;clear: both; overflow: hidden; background-color:#fff;padding:30px 20px; border-radius: 10px;}
.hawkeye_a .section_con ul li .item .item_ico{position: absolute; width: 9rem; height: 9rem; line-height: 9rem; border-radius: 50%; text-align: center; top:50%; margin-top: -4.5rem;}
.hawkeye_a .section_con ul li .item .item_ico i{ font-size: 6rem; display: inline-block; color: #fff;}
.hawkeye_a .section_con ul li .item .item_ico svg{width: 6rem; height: 6rem;vertical-align:middle; overflow: hidden;fill: rgba(0,0,0,0.3);}
.hawkeye_a .section_con ul li .item .item_colora{ background-color: #59baea;}
.hawkeye_a .section_con ul li .item .item_colorb{ background-color: #52b533;}
.hawkeye_a .section_con ul li .item .item_colorc{ background-color: #8262ce;}
.hawkeye_a .section_con ul li .item .item_colord{ background-color: #FCC619;}
.hawkeye_a .section_con ul li .item .item_colore{ background-color: #ea5f55;}
.hawkeye_a .section_con ul li .item .item_con{ padding: 0 0 0 11rem;}
.hawkeye_a .section_con ul li .item .item_con h3{width: 100%; font-size:1.8rem; font-weight: bold;}
.hawkeye_a .section_con ul li .item .item_con p{width: 100%;  color:#666; line-height: 160%;}

.hawkeye_a .section_con ul li .item:hover i,.hawkeye_a .section_con ul li .item:hover svg{animation: pulse 1s; -moz-animation: pulse 1s; -webkit-animation: pulse 1s;  -o-animation: pulse 1s;}
.hawkeye_a .section_con ul li .item:hover h3{animation: fadeInDown 1s; -moz-animation: fadeInDown 1s; -webkit-animation: fadeInDown 1s;  -o-animation: fadeInDown 1s;color:#ff5d3e;}
.hawkeye_a .section_con ul li .item:hover p{animation: fadeInUp 1s; -moz-animation: fadeInUp 1s; -webkit-animation: fadeInUp 1s;  -o-animation: fadeInUp 1s;}
/*animation hawkeye_a*/
.hawkeye_a .box_cover .section_con ul li {animation: fadeInUpIn 1s; -moz-animation: fadeInUpIn 1s; -webkit-animation: fadeInUpIn 1s;  -o-animation: fadeInUpIn 1s; }
.hawkeye_a .box_cover .section_con ul li:nth-child(2){animation-delay:0.5s;-webkit-animation-delay:0.5s; }
.hawkeye_a .box_cover .section_con ul li:nth-child(3){animation-delay:1s;-webkit-animation-delay:1s; }
.hawkeye_a .box_cover .section_con ul li:nth-child(5){animation-delay:0.5s;-webkit-animation-delay:0.5s; }

/*hawkeye_b*/
.hawkeye_b{padding: 60px 0 50px; background:url(../images/hawkeye_b_bg.jpg) no-repeat center; background-size: cover;}
.hawkeye_b .section_tit h2{color: #fff}
.hawkeye_b .section_tit p{color: #fff}

.hawkeye_b .section_con{clear: both; overflow: hidden; padding: 20px 0}
.hawkeye_b .section_con .rowmar{ margin-left: 0; margin-right: 0;}
.hawkeye_b .section_con .colthree{padding-left: 0;padding-right: 0;}

.hawkeye_b .section_con ul li .item{position: relative;clear: both; overflow: hidden; background-color:#fff;padding:20px;-webkit-transition: background-color ease-in-out .3s;-o-transition: background-color ease-in-out .3s; transition: background-color ease-in-out .3s;}
.hawkeye_b .section_con ul li:nth-child(2n) .item{ background-color: #f8f8f8;}
.hawkeye_b .section_con ul li .item .item_ico{ width: 35%;float: left; overflow: hidden; text-align: center; }
.hawkeye_b .section_con ul li .item .item_ico .ico_con{ width:10rem; height:10rem; line-height:10rem; border-radius: 50%;}
.hawkeye_b .section_con ul li .item .item_ico .ico_con i{ font-size: 6rem; display: inline-block; color: #fff;border-radius: 50%; }
.hawkeye_b .section_con ul li .item .item_ico .ico_con svg{ width: 6rem; height: 6rem; vertical-align: middle}
.hawkeye_b .section_con ul li .item .item_colora{ background-color: #59baea;}
.hawkeye_b .section_con ul li .item .item_colorb{ background-color: #FF6D6D;}
.hawkeye_b .section_con ul li .item .item_colorc{ background-color: #68cb86;}
.hawkeye_b .section_con ul li .item .item_colord{ background-color: #ffb661;}
.hawkeye_b .section_con ul li .item .item_colore{ background-color: #6dd2c8;}
.hawkeye_b .section_con ul li .item .item_colorf{ background-color: #DF9CEF;}
.hawkeye_b .section_con ul li .item .item_con{ width: 65%;   float: left;}
.hawkeye_b .section_con ul li .item .item_con .con_text h3{width: 100%; font-size:1.8rem; font-weight: bold;  line-height: 300%;}
.hawkeye_b .section_con ul li .item .item_con .con_text p{width: 100%;  color:#666; line-height: 160%;}

.hawkeye_b .section_con ul li .item:hover{ background-color: #f6f6f6;}
.hawkeye_b .section_con ul li .item:hover i,.hawkeye_b .section_con ul li .item:hover svg{animation: pulse 1s; -moz-animation: pulse 1s; -webkit-animation: pulse 1s;  -o-animation: pulse 1s;}
.hawkeye_b .section_con ul li .item:hover h3{animation: fadeInDown 1s; -moz-animation: fadeInDown 1s; -webkit-animation: fadeInDown 1s;  -o-animation: fadeInDown 1s;color:#ff5d3e;}
.hawkeye_b .section_con ul li .item:hover p{animation: fadeInUp 1s; -moz-animation: fadeInUp 1s; -webkit-animation: fadeInUp 1s;  -o-animation: fadeInUp 1s;}
/*animation hawkeye_b*/
.hawkeye_b .box_cover .section_con ul li {animation: fadeInUpIn 1s; -moz-animation: fadeInUpIn 1s; -webkit-animation: fadeInUpIn 1s;  -o-animation: fadeInUpIn 1s; }
.hawkeye_b .box_cover .section_con ul li:nth-child(2){animation-delay:0.5s;-webkit-animation-delay:0.5s; }
.hawkeye_b .box_cover .section_con ul li:nth-child(3){animation-delay:1s;-webkit-animation-delay:1s; }
.hawkeye_b .box_cover .section_con ul li:nth-child(4){animation-delay:1.5s;-webkit-animation-delay:1.5s; }
.hawkeye_b .box_cover .section_con ul li:nth-child(5){animation-delay:2s;-webkit-animation-delay:2s; }
.hawkeye_b .box_cover .section_con ul li:nth-child(6){animation-delay:2s;-webkit-animation-delay:2.5s; }

/*hawkeye_c*/
.hawkeye_c{padding: 60px 0 20px; }

.hawkeye_c .section_con {clear: both; overflow: hidden; padding: 10px 0;}
.hawkeye_c .section_con ul li .item{position: relative;clear: both; overflow: hidden; margin:10px 0 20px 0; background-color:#fff;padding:15px 0 30px; border-radius: 10px;-webkit-transition: margin-top ease-in-out .3s;-o-transition: margin-top ease-in-out .3s; transition: margin-top ease-in-out .3s;}
.hawkeye_c .section_con ul li .item .item_ico{width: 12rem; height: 12rem; line-height: 12rem; border-radius: 50%; margin: 20px auto 10px; text-align: center;}
.hawkeye_c .section_con ul li .item .item_ico i{ font-size: 8rem; display: inline-block; color: #fff;}

.hawkeye_c .section_con ul li .item .item_colora{ background-color: #618ee6;}
.hawkeye_c .section_con ul li .item .item_colorb{ background-color: #ed9269;}
.hawkeye_c .section_con ul li .item .item_colorc{ background-color: #8262ce;}
.hawkeye_c .section_con ul li .item .item_colord{ background-color: #60c680;}
.hawkeye_c .section_con ul li .item .item_con{ text-align:center;padding: 0 20px}
.hawkeye_c .section_con ul li .item .item_con h3{width: 100%; line-height: 50px;  font-size:1.8rem; font-weight: bold;}
.hawkeye_c .section_con ul li .item .item_con p{width: 100%;  color:#666; line-height: 160%;}

.hawkeye_c .section_con ul li .item:hover{margin-top: 0rem;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}
.hawkeye_c .section_con ul li .item:hover i{animation: pulse 1s; -moz-animation: pulse 1s; -webkit-animation: pulse 1s;  -o-animation: pulse 1s;}
.hawkeye_c .section_con ul li .item:hover h3{animation: fadeInDown 1s; -moz-animation: fadeInDown 1s; -webkit-animation: fadeInDown 1s;  -o-animation: fadeInDown 1s;color:#ff5d3e;}
.hawkeye_c .section_con ul li .item:hover p{animation: fadeInUp 1s; -moz-animation: fadeInUp 1s; -webkit-animation: fadeInUp 1s;  -o-animation: fadeInUp 1s;}

/*animation hawkeye_c*/
.hawkeye_c .box_cover .section_con ul li {animation: fadeInUpIn 1s; -moz-animation: fadeInUpIn 1s; -webkit-animation: fadeInUpIn 1s;  -o-animation: fadeInUpIn 1s; }
.hawkeye_c .box_cover .section_con ul li:nth-child(2){animation-delay:0.5s;-webkit-animation-delay:0.5s; }
.hawkeye_c .box_cover .section_con ul li:nth-child(3){animation-delay:1s;-webkit-animation-delay:1s; }
.hawkeye_c .box_cover .section_con ul li:nth-child(4){animation-delay:1.5s;-webkit-animation-delay:1.5s; }
.hawkeye_c .box_cover .section_con ul li:nth-child(5){animation-delay:2s;-webkit-animation-delay:2s; }

.hawkeye_d{padding: 60px 0 50px; background:url(../images/hawkeye_c_bg.jpg) no-repeat center; background-size: cover;}
.hawkeye_d .section_tit h2{color: #fff}
.hawkeye_d .section_tit p{color: #fff}

.hawkeye_d .section_con{clear: both; overflow: hidden; padding: 20px 0}
.hawkeye_d .section_con .rowmar{ margin-left: 0; margin-right: 0;}
.hawkeye_d .section_con .colthree{padding-left: 0;padding-right: 0;}

.hawkeye_d .section_con ul li .item{position: relative;clear: both; overflow: hidden;padding:20px;}
.hawkeye_d .section_con ul li:nth-child(2n) .item{ background-color: rgba(255,255,255,0.10);}
.hawkeye_d .section_con ul li .item .item_ico{ width: 35%;float: left; overflow: hidden; text-align: center; }
.hawkeye_d .section_con ul li .item .item_ico .ico_con{ width:10rem; height:10rem; line-height:10rem; border-radius: 50%;}
.hawkeye_d .section_con ul li .item .item_ico .ico_con i{ font-size: 6rem; display: inline-block; color: #fff;border-radius: 50%; }
.hawkeye_d .section_con ul li .item .item_colora{ background-color: #FF7FBF;}
.hawkeye_d .section_con ul li .item .item_colorb{ background-color: #aa90f5;}
.hawkeye_d .section_con ul li .item .item_colorc{ background-color: #60c6fc;}
.hawkeye_d .section_con ul li .item .item_colord{ background-color: #7eece1;}
.hawkeye_d .section_con ul li .item .item_colore{ background-color: #FF6B60;}
.hawkeye_d .section_con ul li .item .item_colorf{ background-color: #61ca6d;}
.hawkeye_d .section_con ul li .item .item_con{ width: 65%;   float: left;color: #fff;}
.hawkeye_d .section_con ul li .item .item_con .con_text h3{width: 100%; font-size:1.8rem; font-weight: bold;  line-height: 300%;}
.hawkeye_d .section_con ul li .item .item_con .con_text p{width: 100%;  color:rgba(255,255,255,0.80); line-height: 160%;}

.hawkeye_d .section_con ul li .item:hover i{animation: pulse 1s; -moz-animation: pulse 1s; -webkit-animation: pulse 1s;  -o-animation: pulse 1s;}
.hawkeye_d .section_con ul li .item:hover h3{animation: fadeInDown 1s; -moz-animation: fadeInDown 1s; -webkit-animation: fadeInDown 1s;  -o-animation: fadeInDown 1s;color:#FFC700;}
.hawkeye_d .section_con ul li .item:hover p{animation: fadeInUp 1s; -moz-animation: fadeInUp 1s; -webkit-animation: fadeInUp 1s;  -o-animation: fadeInUp 1s;}


.hawkeye_e{padding: 60px 0 20px;background-color: #fff;}

.hawkeye_e .section_con {clear: both; overflow: hidden; padding: 10px 0;}
.hawkeye_e .section_con .rowmar{ margin-left: 0; margin-right: 0;}
.hawkeye_e .section_con .colsix{padding-left: 0;padding-right: 0;}
.hawkeye_e .section_con ul li:nth-child(2n+1) .item{ background-color:#f8f8f8;}

.hawkeye_e .section_con ul li .item{position: relative;clear: both; overflow: hidden; margin:10px 0 20px 0; padding:15px 0 30px; }
.hawkeye_e .section_con ul li .item .item_ico .ico_con{width: 10rem; height: 10rem; line-height: 10rem; border-radius: 50%; margin: 20px auto 10px; text-align: center;}
.hawkeye_e .section_con ul li .item .item_ico .ico_con i{ font-size: 7rem; display: inline-block; color: #fff;}
.hawkeye_e .section_con ul li .item .item_ico .ico_con svg{ width: 6rem; height: 6rem; vertical-align: middle;}

.hawkeye_e .section_con ul li .item .item_colora{ background-color: #2112E1;}
.hawkeye_e .section_con ul li .item .item_colorb{ background-color: #FF3239;}
.hawkeye_e .section_con ul li .item .item_colorc{ background-color: #008B23;}
.hawkeye_e .section_con ul li .item .item_colord{ background-color: #1e0619;}
.hawkeye_e .section_con ul li .item .item_colore{ background-color: #FF2C00;}
.hawkeye_e .section_con ul li .item .item_colorf{ background-color: #00A2EE;}

.hawkeye_e .section_con ul li .item .item_con .con_text{ text-align:center;padding: 0 20px}
.hawkeye_e .section_con ul li .item .item_con .con_text h3{width: 100%; line-height: 50px;  font-size:1.8rem; font-weight: bold;}
.hawkeye_e .section_con ul li .item .item_con .con_text p{width: 100%;  color:#666; line-height: 160%;}

.hawkeye_e .section_con ul li .item:hover i,.hawkeye_e .section_con ul li .item:hover svg{animation: pulse 1s; -moz-animation: pulse 1s; -webkit-animation: pulse 1s;  -o-animation: pulse 1s;}
.hawkeye_e .section_con ul li .item:hover h3{animation: fadeInDown 1s; -moz-animation: fadeInDown 1s; -webkit-animation: fadeInDown 1s;  -o-animation: fadeInDown 1s;color:#ff5d3e;}
.hawkeye_e .section_con ul li .item:hover p{animation: fadeInUp 1s; -moz-animation: fadeInUp 1s; -webkit-animation: fadeInUp 1s;  -o-animation: fadeInUp 1s;}
/*animation hawkeye_e*/
.hawkeye_e .box_cover .section_con ul li {animation: fadeInUpIn 1s; -moz-animation: fadeInUpIn 1s; -webkit-animation: fadeInUpIn 1s;  -o-animation: fadeInUpIn 1s; }
.hawkeye_e .box_cover .section_con ul li:nth-child(2){animation-delay:0.5s;-webkit-animation-delay:0.5s; }
.hawkeye_e .box_cover .section_con ul li:nth-child(3){animation-delay:1s;-webkit-animation-delay:1s; }
.hawkeye_e .box_cover .section_con ul li:nth-child(4){animation-delay:1.5s;-webkit-animation-delay:1.5s; }
.hawkeye_e .box_cover .section_con ul li:nth-child(5){animation-delay:2s;-webkit-animation-delay:2s; }
.hawkeye_e .box_cover .section_con ul li:nth-child(6){animation-delay:2s;-webkit-animation-delay:2.5s; }

.hawkeye_f{background-color: #f8f8f8;}
.hawkeye_f .section_con ul li:nth-child(2n+1) .item{ background-color:#fff;}
.hawkeye_f .section_con ul li .item .item_colora{ background-color: #618fe8;}
.hawkeye_f .section_con ul li .item .item_colorb{ background-color: #C76DE6;}
.hawkeye_f .section_con ul li .item .item_colorc{ background-color: #FA8F81;}
.hawkeye_f .section_con ul li .item .item_colord{ background-color: #eaa93f;}
.hawkeye_f .section_con ul li .item .item_colore{ background-color: #6DC9FF;}
.hawkeye_f .section_con ul li .item .item_colorf{ background-color: #60b968;} 

/*phone*/
.phonepic{background-image:url(../images/ban_home_b.png); clear: both; overflow: hidden;}
.phonepic .slide_phone_man{width: 32%;position: absolute;bottom: 0; left: 0; z-index: 99}
.phonepic .slide_phone{padding-left: 32%; }

.phone_a{padding: 60px 0 20px;}
.phone_a .section_con{padding: 20px 0;}
.phone_a .section_con ul li img{max-width: 100%}
.phone_a .section_con ul li p{font-size: 1.8rem; text-indent: 2em; line-height: 200%; margin-bottom: 1rem;}

.phone_b{padding: 60px 0 50px; background:url(../images/phone_b01.jpg) no-repeat center; background-size: cover;}
.phone_b .section_tit h2{color: #fff}
.phone_b .section_tit p{color: #fff}

.phone_b .section_con{clear: both; overflow: hidden; padding: 20px 0}
.phone_b .section_con .rowmar{ margin-left: 0; margin-right: 0;}
.phone_b .section_con .colthree{padding-left: 0;padding-right: 0;}

.phone_b .section_con ul li .item{position: relative;clear: both; overflow: hidden; background-color:#fff;padding:20px;-webkit-transition: background-color ease-in-out .3s;-o-transition: background-color ease-in-out .3s; transition: background-color ease-in-out .3s;}
.phone_b .section_con ul li:nth-child(2n) .item{ background-color: #f8f8f8;}
.phone_b .section_con ul li .item .item_ico{ width: 35%;float: left; overflow: hidden; text-align: center; }
.phone_b .section_con ul li .item .item_ico .ico_con{ width:10rem; height:10rem; line-height:10rem; border-radius: 50%;}
.phone_b .section_con ul li .item .item_ico .ico_con i{ font-size: 6rem; display: inline-block; color: #fff;border-radius: 50%; }
.phone_b .section_con ul li .item .item_colora{ background-color: #FFAE67;}
.phone_b .section_con ul li .item .item_colorb{ background-color: #0FC0EC;}
.phone_b .section_con ul li .item .item_colorc{ background-color: #81A1FF;}
.phone_b .section_con ul li .item .item_colord{ background-color: #FF6D6D;}
.phone_b .section_con ul li .item .item_colore{ background-color: #62db86;}
.phone_b .section_con ul li .item .item_colorf{ background-color: #59BAEA;}
.phone_b .section_con ul li .item .item_colorg{ background-color: #d18aed;}
.phone_b .section_con ul li .item .item_colorh{ background-color: #FF6DA2;}
.phone_b .section_con ul li .item .item_colori{ background-color: #fbb32a;}
.phone_b .section_con ul li .item .item_con{ width: 65%;   float: left;}
.phone_b .section_con ul li .item .item_con .con_text h3{width: 100%; font-size:1.8rem; font-weight: bold;  line-height: 300%;}
.phone_b .section_con ul li .item .item_con .con_text p{width: 100%;  color:#666; line-height: 160%;}

.phone_b .section_con ul li .item:hover{ background-color: #f6f6f6;}

.phone_b .section_con ul li .item:hover i{animation: pulse 1s; -moz-animation: pulse 1s; -webkit-animation: pulse 1s;  -o-animation: pulse 1s;}
.phone_b .section_con ul li .item:hover h3{animation: fadeInDown 1s; -moz-animation: fadeInDown 1s; -webkit-animation: fadeInDown 1s;  -o-animation: fadeInDown 1s;color:#ff5d3e;}
.phone_b .section_con ul li .item:hover p{animation: fadeInUp 1s; -moz-animation: fadeInUp 1s; -webkit-animation: fadeInUp 1s;  -o-animation: fadeInUp 1s;}

.phone_c{padding: 60px 0 20px; }
.phone_c .section_con {clear: both; overflow: hidden; padding: 10px 0;}
.phone_c .section_con ul li .item{position: relative;clear: both; overflow: hidden; margin:10px 0 20px 0; background-color:#fff;padding:15px 0 30px; border-radius: 10px;-webkit-transition: margin-top ease-in-out .3s;-o-transition: margin-top ease-in-out .3s; transition: margin-top ease-in-out .3s;}
.phone_c .section_con ul li .item .item_ico{width: 12rem; height: 12rem; line-height: 12rem; border-radius: 50%; margin: 20px auto 10px; text-align: center;}
.phone_c .section_con ul li .item .item_ico i{ font-size: 8rem; display: inline-block; color: #fff;}

.phone_c .section_con ul li .item .item_colora{ background-color: #00B3F8;}
.phone_c .section_con ul li .item .item_colorb{ background-color: #F33A3A;}
.phone_c .section_con ul li .item .item_colorc{ background-color: #3cbe55;}
.phone_c .section_con ul li .item .item_colord{ background-color: #e98b61;}
.phone_c .section_con ul li .item .item_con{ text-align:center;padding: 0 20px}
.phone_c .section_con ul li .item .item_con h3{width: 100%; line-height: 50px;  font-size:1.8rem; font-weight: bold;}
.phone_c .section_con ul li .item .item_con p{width: 100%;  color:#666; line-height: 200%;}

.phone_c .section_con ul li .item:hover{margin-top: 0rem;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}
.phone_c .section_con ul li .item:hover i{animation: pulse 1s; -moz-animation: pulse 1s; -webkit-animation: pulse 1s;  -o-animation: pulse 1s;}
.phone_c .section_con ul li .item:hover h3{animation: fadeInDown 1s; -moz-animation: fadeInDown 1s; -webkit-animation: fadeInDown 1s;  -o-animation: fadeInDown 1s;color:#ff5d3e;}
.phone_c .section_con ul li .item:hover p{animation: fadeInUp 1s; -moz-animation: fadeInUp 1s; -webkit-animation: fadeInUp 1s;  -o-animation: fadeInUp 1s;}

/*animation phone_c*/
.phone_c .box_cover .section_con ul li {animation: fadeInUpIn 1s; -moz-animation: fadeInUpIn 1s; -webkit-animation: fadeInUpIn 1s;  -o-animation: fadeInUpIn 1s; }
.phone_c .box_cover .section_con ul li:nth-child(2){animation-delay:0.5s;-webkit-animation-delay:0.5s; }
.phone_c .box_cover .section_con ul li:nth-child(3){animation-delay:1s;-webkit-animation-delay:1s; }
.phone_c .box_cover .section_con ul li:nth-child(4){animation-delay:1.5s;-webkit-animation-delay:1.5s; }
.phone_c .box_cover .section_con ul li:nth-child(5){animation-delay:2s;-webkit-animation-delay:2s; }

.phone_d{padding: 30px 0;background-color: #fff;}
.phone_d .section_con{padding: 20px 0; text-align: center}
.phone_d .section_con img{max-width: 100%}

/*website*/
.websitepic{background-image:url(../images/banner_c.jpg);}
.website_a{padding: 60px 0 20px;}
.website_a .section_con{padding: 20px 0;}
.website_a .section_con ul li:first-child{text-align: center;}
.website_a .section_con ul li img{max-width: 100%; margin-bottom: 1rem;}
.website_a .section_con ul li p{font-size: 1.6rem; line-height: 200%; margin-bottom: 1rem;}

.website_b{padding: 60px 0 20px;background:url(../images/website_b01.jpg) no-repeat center; background-size: cover;}
.website_b .section_tit h2{color: #fff}
.website_b .section_tit p{color: #fff}

.website_b .section_con {clear: both; overflow: hidden; padding: 10px 0;}
.website_b .section_con .rowmar{ margin-left: 0; margin-right: 0;}
.website_b .section_con .colfour{padding-left: 0;padding-right: 0;}
.website_b .section_con ul li .item{position: relative;clear: both; overflow: hidden; margin:10px 0 20px 0; background-color:#fff;padding:15px 0 30px; }
.website_b .section_con ul li:nth-child(2n) .item{ background-color: #f8f8f8;}

.website_b .section_con ul li .item .item_ico{width: 12rem; height: 12rem; line-height: 12rem; border-radius: 50%; margin: 20px auto 10px; text-align: center;}
.website_b .section_con ul li .item .item_ico i{ font-size: 8rem; display: inline-block; color: #fff;}

.website_b .section_con ul li .item .item_colora{ background-color: #F33A3A;}
.website_b .section_con ul li .item .item_colorb{ background-color: #00B3F8;}
.website_b .section_con ul li .item .item_colorc{ background-color: #3cbe55;}
.website_b .section_con ul li .item .item_colord{ background-color: #e98b61;}
.website_b .section_con ul li .item .item_con{ text-align:center;padding: 0 20px}
.website_b .section_con ul li .item .item_con h3{width: 100%; line-height: 50px;  font-size:1.8rem; font-weight: bold;}
.website_b .section_con ul li .item .item_con p{width: 100%;  color:#666; line-height: 200%;}

.website_b .section_con ul li .item:hover i{animation: pulse 1s; -moz-animation: pulse 1s; -webkit-animation: pulse 1s;  -o-animation: pulse 1s;}
.website_b .section_con ul li .item:hover h3{animation: fadeInDown 1s; -moz-animation: fadeInDown 1s; -webkit-animation: fadeInDown 1s;  -o-animation: fadeInDown 1s;color:#ff5d3e;}
.website_b .section_con ul li .item:hover p{animation: fadeInUp 1s; -moz-animation: fadeInUp 1s; -webkit-animation: fadeInUp 1s;  -o-animation: fadeInUp 1s;}

.website_c{padding: 60px 0 50px; }

.website_c .section_con{clear: both; overflow: hidden; padding: 20px 0}
.website_c .section_con .rowmar{ margin-left: 0; margin-right: 0;}
.website_c .section_con .colfour{padding-left: 0;padding-right: 0;}

.website_c .section_con ul li .item{position: relative;clear: both; overflow: hidden; background-color:#fff;padding:20px;-webkit-transition: background-color ease-in-out .3s;-o-transition: background-color ease-in-out .3s; transition: background-color ease-in-out .3s;}
.website_c .section_con ul li:nth-child(2) .item,
.website_c .section_con ul li:nth-child(4) .item,
.website_c .section_con ul li:nth-child(5) .item,
.website_c .section_con ul li:nth-child(7) .item{ background-color: #f8f8f8;}
.website_c .section_con ul li .item .item_ico{ width: 35%;float: left; overflow: hidden; text-align: center; }
.website_c .section_con ul li .item .item_ico .ico_con i{ font-size: 6rem; display: inline-block; margin-top: 1.6rem;}
.website_c .section_con ul li .item .item_colora{color: #6BBBFF;}
.website_c .section_con ul li .item .item_colorb{color: #FF9B66;}
.website_c .section_con ul li .item .item_colorc{color: #6cc160;}
.website_c .section_con ul li .item .item_colord{color: #ea503e;}
.website_c .section_con ul li .item .item_colore{color: #e9623d;}
.website_c .section_con ul li .item .item_colorf{color: #00CBBB;}
.website_c .section_con ul li .item .item_colorg{color: #906BFE;}
.website_c .section_con ul li .item .item_colorh{color: #009025;}
.website_c .section_con ul li .item .item_con{ width: 65%;float: left;}
.website_c .section_con ul li .item .item_con .con_text h3{width: 100%; font-size:1.8rem; font-weight: bold;  line-height: 300%;}
.website_c .section_con ul li .item .item_con .con_text p{width: 100%;  color:#666; line-height: 160%;}

.website_c .section_con ul li .item:hover{ background-color: #f6f6f6;}

.website_c .section_con ul li .item:hover i{animation: pulse 1s; -moz-animation: pulse 1s; -webkit-animation: pulse 1s;  -o-animation: pulse 1s;}
.website_c .section_con ul li .item:hover h3{animation: fadeInDown 1s; -moz-animation: fadeInDown 1s; -webkit-animation: fadeInDown 1s;  -o-animation: fadeInDown 1s;color:#ff5d3e;}
.website_c .section_con ul li .item:hover p{animation: fadeInUp 1s; -moz-animation: fadeInUp 1s; -webkit-animation: fadeInUp 1s;  -o-animation: fadeInUp 1s;}

.website_d{padding: 60px 0 20px;background-color: #fff;}
.website_d .section_con{padding: 20px 0;}
.website_d .section_con .item_pic{text-align: center;}
.website_d .section_con .item_pic img{max-width: 100%; margin-bottom: 1rem;}
.website_d .section_con .item h3{font-size: 1.8rem; margin-bottom: 1rem; font-weight: bold;}
.website_d .section_con .item p{font-size: 1.6rem; text-indent: 2em; line-height: 200%; margin-bottom: 1rem;}
.website_d .section_con .item .item_con{ text-align: center;}
.website_d .section_con .item .item_con ul{clear: both; overflow: hidden;}
.website_d .section_con .item .item_con ul li{width: 33.333333%; float: left;}
.website_d .section_con .item .item_con .item_ico i{display: inline-block;font-size: 5rem; color:#0BA2FF; margin-bottom: 1rem;}

.website_e{padding: 60px 0 20px;background:url(../images/website_e02.jpg) no-repeat center; background-size: cover;}
.website_e .section_tit h2{color: #fff}
.website_e .section_tit p{color: #fff}
.website_e .section_con{padding: 20px 0;}
.website_e .section_con .item_pic{text-align: center;}
.website_e .section_con .item_pic img{max-width: 100%; margin-top: 1rem;}
.website_e .section_con .item p{font-size: 1.6rem; text-indent: 2em; line-height: 200%; margin-bottom: 1rem;color: #fff}
.website_e .section_con .item .item_con{ text-align: center;color: #fff}
.website_e .section_con .item .item_con ul{clear: both; overflow: hidden;}
.website_e .section_con .item .item_con ul li{width: 25%; float: left;}
.website_e .section_con .item .item_con .item_ico i{display: inline-block;font-size: 5rem; color:#00D6F9; margin-bottom: 1rem;}

.website_f{padding: 60px 0 20px;}
.website_f .section_con{padding: 20px 0;}
.website_f .section_con .item_pic{text-align: center;}
.website_f .section_con .item_pic img{max-width: 100%; margin-bottom: 1rem;}
.website_f .section_con .item p{font-size: 1.6rem;  line-height: 200%; margin-bottom: 1rem;}

/*all_tab*/
.all_tab .tab_tit{clear: both; overflow: hidden; color:#666; text-align: center;margin:3rem 0 1rem;}
.all_tab .tab_tit ul li{ display: inline-block; margin:0 1rem 2rem;height: 52px; line-height: 50px; border: 1px solid #999; border-radius: 25px;font-size: 1.8rem; cursor: pointer; }
.all_tab .tab_tit ul li a{ display:block;padding: 0 3.5rem; }
.all_tab .tab_tit ul li:hover,.all_tab .tab_tit ul li.active{ border: 1px solid #EC6900; color: #EC6900;}
.all_tab .tab_tit ul li:hover a,.all_tab .tab_tit ul li.active a{color: #EC6900;}

.all_area{background:#fff; padding:30px 0;}
.all_area .area_tit{text-align:center;margin-bottom:2rem; }
.all_area .area_tit h2{ font-size:3.6rem;font-weight:bold; }
/*case*/
.casepic{background-image:url(../images/banner_d.jpg);}

.case .case_list ul li{margin-bottom: 20px;}
.case .case_list ul li .item{ clear: both; overflow: hidden; }
.case .case_list ul li .item .item_pic{width:100%;overflow: hidden;}
.case .case_list ul li .item .item_pic img{width:100%; height:auto;}
.case .case_list ul li .item .item_con h3{font-size: 1.6rem; margin-top: 10px;line-height: 200%; text-align: center;}

.case .case_list ul li:hover .item .item_pic img{animation: pulse 1s; -moz-animation: pulse 1s; -webkit-animation: pulse 1s;  -o-animation: pulse 1s; }
.case .case_list ul li:hover .item .item_con h3{color: #ec6900;animation: fadeInUp 1s; -moz-animation: fadeInUp 1s; -webkit-animation: fadeInUp 1s;  -o-animation: fadeInUp 1s; }

/*news*/
.newspic{background-image:url(../images/banner_e.jpg);}

.news{background:#f8f8f8; padding:0 0 30px;}
.news ul li{position: relative; margin-bottom: 20px; background-color: #fff; padding: 20px;}
.news ul li .item{position: relative;min-height: 80px; }
.news ul li .item .date{position: absolute; left: 0px; top: 0;display: block; width: 80px;line-height: 30px;color: #666;text-align: center; background-color: #f2f2f2;}
.news ul li .item .date span{position: relative;width: 100%; height: 50px;overflow: hidden; display: block;line-height: 55px; font-size: 3.6rem;}
.news ul li .item .date span b {display: block;height: 50px;overflow: hidden;background-color: #eee; transition: all 0.3s ease 0s; }
.news ul li .item .date span em {position: absolute; left: 0; top: 50px;display: block;width: 100%; height: 0; overflow: hidden;background-color: #ff5d3e;color: #fff;font-weight: bold;-webkit-transition: -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; -webkit-transform-origin: 50% 0px 0px; -ms-transform-origin: 50% 0px 0px; transform-origin: 50% 0px 0px; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; }
.news ul li .item .text {margin-left: 90px;}
.news ul li .item .text h3{ font-size: 1.8rem;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; margin-bottom: 5px;}
.news ul li .item .text p{line-height: 180%;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.news ul li:hover .item .date span b {-webkit-transform: rotateX(90deg) translateY(-22px); -ms-transform: rotateX(90deg) translateY(-22px); transform: rotateX(90deg) translateY(-22px); }
.news ul li:hover .item .date span em{ top: 0; height: 50px; transition: all 0.3s ease 0s; }

.news .news_top{background-color: #fff; padding:10px; clear: both; overflow: hidden;}
.news .news_top ul li .item .text .pic_index{ width:100%;overflow: hidden; margin-top: 20px; max-height: 240px;}
.news .news_top ul li .item .text .pic_index img{width:100%; height:auto;}
.news .news_list{margin-top: 20px; }
.news .news_list ul li:before {position: absolute; content: "";bottom:0;left: 0; width: 0; height: 1px; background-color: #ff5d3e; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.news .news_list ul li:hover:before {width: 100%;}
 
/* news_view */
.news_view{clear:both; overflow:hidden; }
.news_view .view_tit{ border-bottom:1px dotted#d8d8d8;text-align:center;}
.news_view h1{ font-size:3rem;  line-height: 150%; padding:10px 0; }
.news_view .view_bar{line-height:150%; padding-bottom:20px; color: #666}
.news_view .view_bar span{padding:0 10px;}

.news_view .view_con{padding: 20px 0; line-height:200%;word-break: break-word;}
.news_view .view_con img{max-width: 100%; height: auto;}
.news_view .view_con p{word-break: break-word;}

/*share*/
.share_box{ margin-top:10px;border-top:1px solid #d8d8d8; padding: 20px 0 0; text-align: right;}
.share_box ul{word-spacing: -6px;}
.share_box ul li{display: inline-block; margin-left:10px; position: relative;word-spacing: 0; vertical-align: middle;z-index: 2;}
.share_box ul li a{display:block; background-image: url(../images/share.png); border-radius: 19px; width: 38px; height: 38px;position: relative;z-index: 2;}

.share_box ul li.colora a{background-color: #35bd51;background-position: 0 0; }
.share_box ul li.colorb a{background-color: #dc3c3c;background-position: -36px 0; }
.share_box ul li.colorc a{background-color: #3c9adc;background-position: -72px 0;  }
.share_box ul li.colord a{background-color: #fab619;background-position: -108px 0;  }

.share_box ul li a i{font-size: 2.4rem;color: #fff;position: relative;}

.share_box ul li .s_weixin_code{position: absolute; bottom:43px; left:50%; margin-left: -68px; text-align: center;background-color: #fff;  z-index:999;opacity: 0;-webkit-transition: all ease-in .3s;-o-transition: all ease-in .3s; transition: all ease-in .3s;overflow: hidden; height: 0;}
.share_box ul li .s_weixin_code #qrcode{padding: 5px 5px 0; border: 1px solid #eee; border-bottom:none; }
.share_box ul li .s_weixin_code p{padding: 5px 0 ; border: 1px solid #eee;border-top:none;}

.share_box ul li.colora:hover .s_weixin_code{opacity: 1; height:auto;}

.share_box ul li a:after{position: absolute; width:100%; bottom: 0; left: 0; height:0; background: rgba(255,255,255,0.30); content: "";-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; z-index: 0; border-radius: 50%}
.share_box ul li:hover a:after{ height:100%;}

.view_next{ margin-top:10px; line-height:30px;padding: 20px 0;}
.view_next ul{ clear: both; overflow: hidden;}
.view_next ul li{ width:50%;min-height:1px;padding-left: 1rem;padding-right: 1rem;float: left;}
.view_next ul li a{max-width:100%; display: inline-block; border:1px solid #ccc; padding: 5px 20px; border-radius: 100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/*about*/
.aboutpic{background-image:url(../images/banner_f.jpg);}

.about .about_text p{margin-bottom: 1rem; font-size: 1.5rem; line-height: 200%; text-indent: 2em;}
.about .about_pic ul li{text-align: center;margin-bottom: 2rem;}
.about .about_pic ul li img{max-width: 100%; margin-bottom: 1rem;}

.about .about_tit {padding:3rem 0 1rem; text-align: center;}
.about .about_tit h3{display: inline-block; height:5rem; border-radius: 2.5rem; text-align: center;line-height: 5rem; background-color: #3ea3f0; color: #fff; font-size: 2.4rem; padding: 0 35px; font-weight: bold;}

.about .about_con{position: relative;margin: 2rem 0;}
.about .about_con p{margin-bottom: 1rem; font-size: 1.5rem; line-height: 200%; }
.about .about_con h4{margin-top: 3rem; font-size: 1.8rem; font-weight: bold; color: #EC6900}
.about .about_con .about_kf{position: absolute;top:0;left:50%;}
.about .about_con .about_kf img{border-radius: 50%; border: 1px solid #eee; box-shadow: 0 3px 6px rgba(0,0,0,0.1);max-width: 100%;}

.about .about_link {padding: 1rem 0; text-align: center;}
.about .about_link ul li{display: inline-block; padding: 1rem;}
.about .about_link ul li img{border-radius: 50%; border: 1px solid #eee; box-shadow: 0 3px 6px rgba(0,0,0,0.1);max-width: 100%;}

/*history*/
.history{position: relative; margin: 6rem 0 5rem;}
.history b{position:absolute; left:50%; top:0; width:0px; height: 105%; color: #ce231f; display: block; border-right:2px #ce231f solid}
.history b i{font-size: 52px; margin-left: -25px; margin-top: -60px; display: inline-block; font-weight: normal;}

.history .list_left{ margin-right:50%}
.history .list_right{ margin-left:50%}

.history ul li{ padding-top: 20px;}
.history .icontalk {position:relative;padding-left:50px; }
.history .icontalk i{position:absolute;top:50%;margin-top:-8px;left:-6px;display:block; width:15px;height:15px; border-radius: 50%; background: #ce231f; border: 2px solid #ebbfbe}
.history .icontalk .arrow {position:absolute;top:50%;margin-top:-8px;left:42px;display:block; width:0;height:0;overflow:hidden;line-height:0;font-size:0;border-bottom:8px solid rgba(255,255,255,0.00); border-top:8px solid rgba(255,255,255,0.00); border-left:none; border-right:8px solid #f29b76;}
.history .icontalk .text {float:left;color:#FFF;display:inline-block;*display:inline; zoom:1; padding:2rem 3rem; background:#f29b76;border-radius:5px; width:90%}
.history .icontalk .text h3{font-size: 1.8rem; font-weight: bold; margin-bottom: 0.5rem}

.history .iconright { padding-left:0px; padding-right:50px; }
.history .iconright .arrow {left:auto;right:42px;border-right:none;border-left:8px solid #f29b76;}
.history .iconright i {left:auto;right:-9px;}
.history .iconright .text {float:right;}

.history .iconcolor1 .arrow{border-right-color:#ce231f;}
.history .iconcolor1 .text{background:#ce231f;}
.history .iconcolor2 .arrow{border-left-color:#2169b3;}
.history .iconcolor2 .text{background:#2169b3;}
.history .iconcolor3 .arrow{border-right-color:#6da02b;}
.history .iconcolor3 .text{background:#6da02b;}
.history .iconcolor4 .arrow{border-left-color:#ce231f;}
.history .iconcolor4 .text{background:#ce231f;}
.history .iconcolor5 .arrow{border-right-color:#1260b0;}
.history .iconcolor5 .text{background:#1260b0;}
.history .iconcolor6 .arrow{border-left-color:#618a00;}
.history .iconcolor6 .text{background:#618a00;}

/*culture*/
.culture .culture_box{ margin-bottom: 2rem;}
.culture .culture_box .culture_con{ margin-top: 2rem;}
.culture .culture_box .culture_con p{ margin-bottom: 2rem; font-size: 1.5rem; line-height: 200%; padding: 2rem; background-color: #f8f8f8; border-radius: 10px; border: 1px solid #f6f6f6;}
.culture .culture_box .culture_pic{ text-align: center;margin-bottom: 2rem;}
.culture .culture_box .culture_pic img{max-width: 100%;}

/*honou*/
.honou{clear:both; overflow: hidden; text-align: center;}
.honou ul li{display: inline-block; text-align: center;}
.honou ul li img{width: 100%;max-width: 430px;}
.honou ul li h3{font-size: 1.8rem; margin: 0 0 2rem; }

/*jobs*/
.jobs .jobs_con .jobs_left{width:39%; float: left; padding: 0 1rem;}
.jobs .jobs_con .jobs_right{width:61%; float: left; padding: 0 1rem;}
.jobs .jobs_con ul li .jobs_pic{ text-align: center;}
.jobs .jobs_con ul li .jobs_pic img{ max-width: 100%;}
.jobs .jobs_con ul li .jobs_text{ line-height: 200%; margin: 1rem 0;}
.jobs .jobs_con ul li .jobs_text h3{ font-size: 1.8rem;color: #0091f5; margin-bottom: 0.5rem; }
.jobs .jobs_con ul li .jobs_text p{margin-bottom: 2rem; }

.jobs .jobs_tit {padding:3rem 0 1rem; text-align: center;}
.jobs .jobs_tit h3{display: inline-block; height:5rem; border-radius: 2.5rem; text-align: center;line-height: 5rem; background-color: #3ea3f0; color: #fff; font-size: 2.4rem; padding: 0 35px; font-weight: bold;}

.jobs .jobs_list{ margin: 1rem 0}
.jobs .jobs_list ul li{ margin-bottom: 2rem;}
.jobs .jobs_list ul li .item .jobs_name{padding: 2rem; background-color: #fafbfc; position: relative;}
.jobs .jobs_list ul li .item .jobs_name h3{font-size: 1.8rem; color: #0091f5; font-weight: bold;}
.jobs .jobs_list ul li .item .jobs_name p{ color: #999;}
.jobs .jobs_list ul li .item .jobs_name .jobs_show{ position: absolute; top:50%; right: 2rem; height: 36px; line-height: 36px; margin-top: -19px; border: 1px solid #dde5ed; padding: 0 1rem; background-color: #fff; cursor: pointer;}
.jobs .jobs_list ul li .item .jobs_name .jobs_show i{display: inline-block; margin-left: 0.5rem; font-size: 1.4rem;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
.jobs .jobs_list ul li .item .jobs_detail{padding: 1rem 2rem; line-height: 200%; display: none;}
.jobs_btn{margin: 1rem 0;}
.jobs_btn a{display: inline-block;padding: 1rem 3rem; background-color: #EC6900; border-radius: 5px; color: #fff; font-size: 1.6rem;}
.jobs .jobs_list ul li .item .jobs_name .jobs_turn i{-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-o-transform: rotate(-180deg);transform: rotate(-180deg); }

/*contact*/
.contact .contact_hottel{text-align: center; }
.contact .contact_hottel .item{margin: 0 auto; text-align: center; border: 1px solid #dbe6ee; padding: 2rem 8rem 1rem; display: inline-block }
.contact .contact_hottel .item h1{font-size: 6rem; font-weight: bold; color: #0091f5;}
.contact .contact_hottel .item h2{font-size: 2.4rem; }

.contact .contact_con{margin: 3rem 0 0;}
.contact .contact_con ul li .item{position: relative;clear: both; overflow: hidden; background-color:#f8f8f8;padding:2rem;border: 1px solid #f8f8f8; margin-bottom: 2rem}
.contact .contact_con ul li .item .item_ico{ width: 35%;float: left; overflow: hidden; text-align: center; }
.contact .contact_con ul li .item .item_ico .ico_con{height:9rem; line-height:9rem;}
.contact .contact_con ul li .item .item_ico .ico_con i{ font-size: 6rem; display: inline-block; color: #0091f5;border-radius: 50%; }
.contact .contact_con ul li .item .item_con{ width: 65%;   float: left;}
.contact .contact_con ul li .item .item_con .con_text h3{width: 100%; font-size:1.8rem; font-weight: bold;  line-height: 260%;}
.contact .contact_con ul li .item .item_con .con_text p{width: 100%;font-size:1.6rem;   color:#666; line-height: 200%;}

.contact .contact_con ul li .item:hover{ border: 1px solid #f6f6f6; background-color: #fdfdfd}

.contact .contact_con ul li .item:hover i{animation: pulse 1s; -moz-animation: pulse 1s; -webkit-animation: pulse 1s;  -o-animation: pulse 1s;}
.contact .contact_con ul li .item:hover h3{animation: fadeInDown 1s; -moz-animation: fadeInDown 1s; -webkit-animation: fadeInDown 1s;  -o-animation: fadeInDown 1s;color:#ff5d3e;}
.contact .contact_con ul li .item:hover p{animation: fadeInUp 1s; -moz-animation: fadeInUp 1s; -webkit-animation: fadeInUp 1s;  -o-animation: fadeInUp 1s;}

.contact_map{height: 50rem;background: url(../images/contact_map.png) no-repeat center; background-size: cover;}

/*abouts_all*/
.abouts_all{padding: 60px 0;background:#fff;}
.abouts_all .section_con{padding: 10px 0;}
.abouts_all .section_con ul li img{max-width: 100%}
.abouts_all .section_con ul li p:first-child{ margin-top: 1rem;}
.abouts_all .section_con ul li p{font-size: 1.6rem; text-indent: 2em; line-height: 180%; margin-bottom: 1.5rem;}
.abouts_all .section_con .about_pc{text-align: center;}
.abouts_all .section_con .about_pc h3{padding-top: 1rem;}

/*animation abouts_all*/
.abouts_all .box_cover .section_con ul li img{animation: fadeInUpIn 1s; -moz-animation: fadeInUpIn 1s; -webkit-animation: fadeInUpIn 1s;  -o-animation: fadeInUpIn 1s; }
.abouts_all .box_cover .section_con ul li h3{animation: fadeInUpIn 1s; -moz-animation: fadeInUpIn 1s; -webkit-animation: fadeInUpIn 1s;  -o-animation: fadeInUpIn 1s; }
.abouts_all .box_cover .section_con ul li p{animation: fadeInRight 1s; -moz-animation: fadeInRight 1s; -webkit-animation: fadeInRight 1s;  -o-animation: fadeInRight 1s; }

/*app_a*/
.app_a{padding: 60px 0;background:url(../images/app_a.jpg) no-repeat center; background-size: cover;}
.app_a img{max-width: 100%}
.applink{padding: 60px 0 0;}
.applink h1{font-size: 5.5rem; font-weight: bold; color: #fff; margin-bottom: 2rem;}
.applink .applink_box{clear: both; overflow: hidden;}
.applink .applink_box .app_code{float: left; width: 43%;}
.applink .applink_box .app_os{float: left;width: 50%; }
.applink .applink_box .app_os .app_apk{display:inline-block; margin-bottom: 2rem;}

/*app_b*/
.app_b{padding: 60px 0;background:#fff; }
.app_b .coltwo{text-align: center;}
.app_b img{max-width: 100%; }

.app_b .section_con {clear: both; overflow: hidden; padding-top: 20px;}
.app_b .section_con .module_text{clear: both; overflow: hidden; }
.app_b .section_con ul li{margin-bottom: 30px;}
.app_b .section_con ul li .item{ clear: both; overflow: hidden; background-color:#fafafc; padding:2rem 1rem;border-radius: 1rem; }
.app_b .section_con ul li .item .item_ico{ width: 28%;float: left; overflow: hidden; text-align: center;}
.app_b .section_con ul li .item .item_ico i{font-size:8rem; display: inline-block; line-height: 100%;}
.app_b .section_con ul li .item .item_con{ width: 72%;float: left; text-align: left}
.app_b .section_con ul li .item .item_con h3{color: #333;font-size: 1.8rem;margin-bottom: 0.8rem; font-weight: bold;}
.app_b .section_con ul li .item .item_con p{color: #666;line-height: 180%; }

.app_bbg{ background:#f8f8f8; }
.app_bbg .section_con ul li .item{background-color:#fff; }
.app_bbg .coltwo{float: right;}

.app_b .section_con ul li.item_01 .item_ico i{color:#fb5a22;}
.app_b .section_con ul li.item_02 .item_ico i{color:#2861f1;}
.app_b .section_con ul li.item_03 .item_ico i{color:#11b000;}
.app_b .section_con ul li.item_04 .item_ico i{color:#32d2ea;}
.app_b .section_con ul li.item_05 .item_ico i{color:#326fea;}
.app_b .section_con ul li.item_06 .item_ico i{color:#3aad2e;}

.app_b .section_con ul li:hover .item .item_ico i{animation: pulse 1s; -moz-animation: pulse 1s; -webkit-animation: pulse 1s;  -o-animation: pulse 1s; }
.app_b .section_con ul li:hover .item .item_con h3{color: #f23900;animation: fadeInDown 1s; -moz-animation: fadeInDown 1s; -webkit-animation: fadeInDown 1s;  -o-animation: fadeInDown 1s; }
.app_b .section_con ul li:hover .item .item_con p{animation: fadeInUp 1s; -moz-animation: fadeInUp 1s; -webkit-animation: fadeInUp 1s;  -o-animation: fadeInUp 1s; }

/*animation app_b*/
.app_b .box_cover img {animation: fadeInUpIn 1s; -moz-animation: fadeInUpIn 1s; -webkit-animation: fadeInUpIn 1s;  -o-animation: fadeInUpIn 1s; }
.app_b .box_cover .section_con ul li {animation: fadeInUpIn 1s; -moz-animation: fadeInUpIn 1s; -webkit-animation: fadeInUpIn 1s;  -o-animation: fadeInUpIn 1s; }
.app_b .box_cover .section_con ul li:nth-child(2){animation-delay:0.5s;-webkit-animation-delay:0.5s; }
.app_b .box_cover .section_con ul li:nth-child(3){animation-delay:1s;-webkit-animation-delay:1s; }

/*card*/
.cardpic{background-image:url(../images/card_ban.jpg);}
.cardpic .slide_phone{padding-left: 32%; }

/*card_a*/
.card_a{padding: 60px 0; background-color: #fff;}
.card_a .section_con {clear: both; overflow: hidden; padding: 30px 0;}
.card_a .section_con .card_a_ren{text-align: center;}
.card_a .section_con .card_a_ren img{max-width: 100%;}

.card_a .section_con ul li{margin-bottom: 30px;}
.card_a .section_con ul li .item{ clear: both; overflow: hidden; background-color:#fafafc; padding:1.5rem 1rem 1.5rem 0;border-radius: 1rem; }
.card_a .section_con ul li .item .item_ico{ width: 31%;float: left; overflow: hidden; text-align: center;}
.card_a .section_con ul li .item .item_ico i{font-size:6rem; display: inline-block;}
.card_a .section_con ul li .item .item_con{ width: 69%;float: left; text-align: left}
.card_a .section_con ul li .item .item_con h3{color: #333;font-size: 1.8rem;margin-bottom: 0.8rem; font-weight: bold;}
.card_a .section_con ul li .item .item_con p{color: #666;line-height: 180%; }

.card_a .section_con ul li.item_01 .item_ico i{color:#93c3ff;}
.card_a .section_con ul li.item_02 .item_ico i{color:#92da9e;}
.card_a .section_con ul li.item_03 .item_ico i{color:#ff9c9c;}
.card_a .section_con ul li.item_04 .item_ico i{color:#c9a0f0;}
.card_a .section_con ul li.item_05 .item_ico i{color:#60dceb;}
.card_a .section_con ul li.item_06 .item_ico i{color:#ff9ccf;}

.card_a .section_con ul li:hover .item .item_ico i{animation: pulse 1s; -moz-animation: pulse 1s; -webkit-animation: pulse 1s;  -o-animation: pulse 1s; }
.card_a .section_con ul li:hover .item .item_con h3{color: #f23900;animation: fadeInDown 1s; -moz-animation: fadeInDown 1s; -webkit-animation: fadeInDown 1s;  -o-animation: fadeInDown 1s; }
.card_a .section_con ul li:hover .item .item_con p{animation: fadeInUp 1s; -moz-animation: fadeInUp 1s; -webkit-animation: fadeInUp 1s;  -o-animation: fadeInUp 1s; }

/*animation card_a*/
.card_a .box_cover .section_con ul li.item_01,.card_a .box_cover .section_con ul li.item_02,.card_a .box_cover .section_con ul li.item_03{animation: fadeInLongLeft 1s; -moz-animation: fadeInLongLeft 1s; -webkit-animation: fadeInLongLeft 1s;  -o-animation: fadeInLongLeft 1s;}
.card_a .box_cover .section_con ul li.item_04,.card_a .box_cover .section_con ul li.item_05,.card_a .box_cover .section_con ul li.item_06 {animation: fadeInLongRight 1s; -moz-animation: fadeInLongRight 1s; -webkit-animation: fadeInLongRight 1s;  -o-animation: fadeInLongRight 1s; animation-delay:0.5s;-webkit-animation-delay:0.5s; }

/*card_b*/
.card_b{padding: 60px 0; background:url(../images/card_b_bg.png) no-repeat center bottom #393f6b;}
.card_b .section_tit h2{color: #fff}
.card_b .section_tit p{color: #fff}

.card_b .section_con{clear: both; overflow: hidden; padding: 30px 0}
.card_b .section_con ul li .item{position: relative;clear: both; overflow: hidden; background-color:#fff;padding:20px;-webkit-transition: background-color ease-in-out .3s;-o-transition: background-color ease-in-out .3s; transition: background-color ease-in-out .3s; margin-bottom: 2rem;}
.card_b .section_con ul li .item .item_ico{text-align: center; }
.card_b .section_con ul li .item .item_ico .ico_con{display: inline-block; width:10rem; height:10rem; line-height:10rem; border-radius: 1rem;}
.card_b .section_con ul li .item .item_ico .ico_con i{ font-size: 6rem; display: inline-block; color: #fff;}
.card_b .section_con ul li .item .item_colora{ background-color: #ff7e7e;}
.card_b .section_con ul li .item .item_colorb{ background-color: #f0a139;}
.card_b .section_con ul li .item .item_colorc{ background-color: #50afff;}
.card_b .section_con ul li .item .item_colord{ background-color: #6ec161;}
.card_b .section_con ul li .item .item_colore{ background-color: #00cedb;}
.card_b .section_con ul li .item .item_colorf{ background-color: #b660ed;}
.card_b .section_con ul li .item .item_colorg{ background-color: #ff5da2;}
.card_b .section_con ul li .item .item_colorh{ background-color: #6b8aff;}
.card_b .section_con ul li .item .item_con{  text-align: center; }
.card_b .section_con ul li .item .item_con .con_text h3{width: 100%; font-size:1.8rem; font-weight: bold;  line-height: 300%;}
.card_b .section_con ul li .item .item_con .con_text p{width: 100%;  color:#666; line-height: 160%;}

.card_b .section_con ul li .item:hover{ background-color: #f6f6f6;}
.card_b .section_con ul li .item:hover i{animation: pulse 1s; -moz-animation: pulse 1s; -webkit-animation: pulse 1s;  -o-animation: pulse 1s;}
.card_b .section_con ul li .item:hover h3{animation: fadeInDown 1s; -moz-animation: fadeInDown 1s; -webkit-animation: fadeInDown 1s;  -o-animation: fadeInDown 1s;color:#f23900;}
.card_b .section_con ul li .item:hover p{animation: fadeInUp 1s; -moz-animation: fadeInUp 1s; -webkit-animation: fadeInUp 1s;  -o-animation: fadeInUp 1s;}

/*animation card_b*/
.card_b .box_cover .section_con ul li {animation: fadeInUpIn 1s; -moz-animation: fadeInUpIn 1s; -webkit-animation: fadeInUpIn 1s;  -o-animation: fadeInUpIn 1s; }
.card_b .box_cover .section_con ul li:nth-child(5){animation-delay:1s;-webkit-animation-delay:1s; }
.card_b .box_cover .section_con ul li:nth-child(6){animation-delay:1s;-webkit-animation-delay:1s; }
.card_b .box_cover .section_con ul li:nth-child(7){animation-delay:1s;-webkit-animation-delay:1s; }
.card_b .box_cover .section_con ul li:nth-child(8){animation-delay:1s;-webkit-animation-delay:1s; }

/*card_c*/
.card_c{padding: 60px 0; }
.card_c .section_con {clear: both; overflow: hidden; padding: 30px 0;}
.card_c .section_con .card_c_ren{ width: 50%; margin: 0 auto; position: relative; height: 100%;text-align: center;}
.card_c .section_con .card_c_ren img{max-width: 100%;}

.card_c .section_con ul li{margin-bottom: 30px;position: absolute; width: 60%;}
.card_c .section_con ul li .item{ clear: both; overflow: hidden; }
.card_c .section_con ul li .item .item_ico{ width: 28%;float: left; overflow: hidden; text-align: center; color: #0d55be;}
.card_c .section_con ul li .item .item_ico i{font-size:5rem; display: inline-block; line-height: 100%}
.card_c .section_con ul li .item .item_con{ width: 72%;float: left; text-align: left;color: #0d55be;}
.card_c .section_con ul li .item .item_con h3{font-size: 1.8rem;margin-bottom: 0.5rem; font-weight: bold;}
.card_c .section_con ul li .item .item_con p{line-height: 180%;opacity:0.8;}

.card_c .section_con ul li.item_01{ top: 3%;left: -39%; }
.card_c .section_con ul li.item_02{ top: 36%; left: -50%; margin-top: -40px;}
.card_c .section_con ul li.item_03{ top: 63%; left: -50%; margin-top: -40px;}
.card_c .section_con ul li.item_04{ bottom: -2%;left: -39%; }
.card_c .section_con ul li.item_05{ top: 3%; left: 79%; }
.card_c .section_con ul li.item_06{ top: 36%; left: 90%; margin-top: -40px;}
.card_c .section_con ul li.item_07{ top: 63%; left: 90%; margin-top: -40px;}
.card_c .section_con ul li.item_08{ bottom: -2%; left: 79%; }

.card_c .section_con ul li.item_01 .item_ico,
.card_c .section_con ul li.item_02 .item_ico,
.card_c .section_con ul li.item_03 .item_ico,
.card_c .section_con ul li.item_04 .item_ico{float: right;color: #999;}

.card_c .section_con ul li.item_01 .item_con,
.card_c .section_con ul li.item_02 .item_con,
.card_c .section_con ul li.item_03 .item_con,
.card_c .section_con ul li.item_04 .item_con{float: right;text-align: right;color: #666;}

.card_c .section_con ul li:hover .item .item_ico i{animation: pulse 1s; -moz-animation: pulse 1s; -webkit-animation: pulse 1s;  -o-animation: pulse 1s; }
.card_c .section_con ul li:hover .item .item_con h3{animation: fadeInDown 1s; -moz-animation: fadeInDown 1s; -webkit-animation: fadeInDown 1s;  -o-animation: fadeInDown 1s; }
.card_c .section_con ul li:hover .item .item_con p{animation: fadeInUp 1s; -moz-animation: fadeInUp 1s; -webkit-animation: fadeInUp 1s;  -o-animation: fadeInUp 1s; }

/*animation card_c*/
.card_c .box_cover .section_con ul li {animation: fadeInLongRight 1s; -moz-animation: fadeInLongRight 1s; -webkit-animation: fadeInLongRight 1s;  -o-animation: fadeInLongRight 1s; }
.card_c .box_cover .section_con ul li:nth-child(5){animation: fadeInLongLeft 1s; -moz-animation: fadeInLongLeft 1s; -webkit-animation: fadeInLongLeft 1s;  -o-animation: fadeInLongLeft 1s;animation-delay:1.5s;-webkit-animation-delay:1.5s; }
.card_c .box_cover .section_con ul li:nth-child(6){animation: fadeInLongLeft 1s; -moz-animation: fadeInLongLeft 1s; -webkit-animation: fadeInLongLeft 1s;  -o-animation: fadeInLongLeft 1s;animation-delay:1.5s;-webkit-animation-delay:1.5s; }
.card_c .box_cover .section_con ul li:nth-child(7){animation: fadeInLongLeft 1s; -moz-animation: fadeInLongLeft 1s; -webkit-animation: fadeInLongLeft 1s;  -o-animation: fadeInLongLeft 1s;animation-delay:1.5s;-webkit-animation-delay:1.5s; }
.card_c .box_cover .section_con ul li:nth-child(8){animation: fadeInLongLeft 1s; -moz-animation: fadeInLongLeft 1s; -webkit-animation: fadeInLongLeft 1s;  -o-animation: fadeInLongLeft 1s;animation-delay:1.5s;-webkit-animation-delay:1.5s; }

/* card_d */
.card_d{padding: 60px 0;background:#FFF;}

.card_d .section_con {clear: both; overflow: hidden; padding: 10px 0 0;}
.card_d .section_con ul li {margin-bottom: 2rem;}
.card_d .section_con ul li .scene01{background:url(../images/card_d01.jpg) no-repeat center; background-size: cover;}
.card_d .section_con ul li .scene02{background:url(../images/card_d02.jpg) no-repeat center; background-size: cover;}
.card_d .section_con ul li .scene03{background:url(../images/card_d03.jpg) no-repeat center; background-size: cover;}
.card_d .section_con ul li .scene04{background:url(../images/card_d04.jpg) no-repeat center; background-size: cover;}
.card_d .section_con ul li .scene05{background:url(../images/card_d05.jpg) no-repeat center; background-size: cover;}
.card_d .section_con ul li .scene06{background:url(../images/card_d06.jpg) no-repeat center; background-size: cover;}
.card_d .section_con ul li .scene07{background:url(../images/card_d07.jpg) no-repeat center; background-size: cover;}
.card_d .section_con ul li .scene08{background:url(../images/card_d08.jpg) no-repeat center; background-size: cover;}
.card_d .section_con ul li .item{position: relative;clear: both; overflow: hidden; color:#fff;padding: 5rem 0;}

.card_d .section_con ul li .item .item_con{ text-align:center;padding:1rem 1.5rem; }
.card_d .section_con ul li .item .item_con h3{width: 100%; font-size:1.8rem; font-weight: bold; margin-bottom: 1rem;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.card_d .section_con ul li .item .item_con p{width: 100%; font-size:1.6rem; color:rgba(255, 255, 255, 0.8); line-height: 160%;}
.card_d .section_con ul li:hover .item{background:url(../images/card_ban_dcover.png) no-repeat center; background-size: cover;}
.card_d .section_con ul li .item:hover h3{animation: fadeInDown 1s; -moz-animation: fadeInDown 1s; -webkit-animation: fadeInDown 1s;  -o-animation: fadeInDown 1s;color:#ff0;}
.card_d .section_con ul li .item:hover p{animation: fadeInUp 1s; -moz-animation: fadeInUp 1s; -webkit-animation: fadeInUp 1s;  -o-animation: fadeInUp 1s;}

/*animation card_d*/
.card_d .box_cover .section_con ul li {animation: fadeInUpIn 1s; -moz-animation: fadeInUpIn 1s; -webkit-animation: fadeInUpIn 1s;  -o-animation: fadeInUpIn 1s; }
.card_d .box_cover .section_con ul li:nth-child(5){animation-delay:1s;-webkit-animation-delay:1s; }
.card_d .box_cover .section_con ul li:nth-child(6){animation-delay:1s;-webkit-animation-delay:1s; }
.card_d .box_cover .section_con ul li:nth-child(7){animation-delay:1s;-webkit-animation-delay:1s; }
.card_d .box_cover .section_con ul li:nth-child(8){animation-delay:1s;-webkit-animation-delay:1s; }

/*message*/
.messagepic{background-image:url(../images/message_ban.jpg);}

.message_box{background: #f8f8f8; }
.message{background-color: #fff; padding: 3rem 3rem 3rem 20rem;}
.message .message_desc{color: #005add;}

.message ul{padding:1rem 0;}
.message ul li{ padding-bottom:1rem; }
.message ul li input,.message ul li textarea{ padding:8px 10px; margin-top: 5px; width: 60%; border: 1px solid #ddd;}
.message ul li img{padding-left: 1rem; vertical-align: bottom; height:20px;}
.message ul li textarea{min-height: 120px;}

.message_btn button{display: inline-block; height:50px; line-height: 50px; padding: 0 3.6rem; background-color: #c00; border-radius: 25px; color: #fff; font-size: 1.8rem; border:none;}
.message_btn button:hover{background-color: #a00;}

.message_btn button.gray_button{background:#555555;}


/* add_ry_ban */
.add_ry_ban{padding: 3rem 0;}

.add_ry_ban .add_ry_scroll {position: relative; height: auto; padding: 0 1rem 0 3rem;}
.add_ry_ban .add_ry_scroll .add_ry_box ul{clear: both;overflow: hidden;margin: 0 -1rem;}
.add_ry_ban .add_ry_scroll .add_ry_box ul li {float: left; width: 25%; text-align: center;padding: 0 1rem;}
.add_ry_ban .add_ry_scroll .add_ry_box ul li .pic_con{clear: both; overflow: hidden;position: relative; text-align: center;}
.add_ry_ban .add_ry_scroll .add_ry_box ul li .pic_con img{max-width: 100%;}
.add_ry_ban .add_ry_scroll .add_ry_box ul li h3{padding:0.5rem 0;}
.add_ry_ban .add_ry_scroll .add_ry_box ul li p{color: #666; line-height: 180%;}

.add_ry_ban .link_prev,.add_ry_ban .link_next {position:absolute;top:50%;margin-top:-30px;left:0;z-index:100;width:30px;height:60px; text-align: center; cursor:pointer;background-color:rgba(0,0,0,0.05); color: #aaa; line-height: 60px; }
.add_ry_ban i{font-size: 2.8rem;}
.add_ry_ban .link_next {left:auto;right:0;}
.add_ry_ban .link_next:hover,.add_ry_ban .link_prev:hover{color: #fff;background-color:rgba(0,0,0,0.3);}

/*animation add_ry_ban*/
.add_ry_ban .box_cover{animation: fadeInLongUp 0.5s; -moz-animation: fadeInLongUp 0.5s; -webkit-animation: fadeInLongUp 0.5s;  -o-animation: fadeInLongUp 0.5s; }

/* screen_a */
.screen{padding: 60px 0;}
.screen .section_con {clear: both; overflow: hidden;}

.screen_a{ background: #fff;}

.screen_a .section_con {position: relative; }
.screen_a .section_con .about_tu{text-align: center;}
.screen_a .section_con img{max-width: 100%; padding-bottom: 1rem;}
.screen_a .section_con .about_text {line-height: 200%; text-indent: 2em; font-size: 1.5rem; color: #000;}
.screen_a .section_con .about_text p{margin-bottom: 1rem;}

/*animation screen_a*/
.screen_a .box_cover {animation: fadeInLongUp 0.5s; -moz-animation: fadeInLongUp 0.5s; -webkit-animation: fadeInLongUp 0.5s;  -o-animation: fadeInLongUp 0.5s; }