@charset 'utf-8';
body { font-family: "微软雅黑", Arial; background: #fff; }
.scale_img dl dt img, .scale_img li img { -o-transition: all 1s linear 0s; transition: all 1s linear 0s; }
.scale_img dl:hover dt img, .scale_img li:hover img { -webkit-transform: scale(1.05) rotate(0deg) translateY(0); -ms-transform: scale(1.05) rotate(0deg) translateY(0); transform: scale(1.05) rotate(0deg) translateY(0); }

h2.main_title a { display: block; text-align: center; line-height: 0; font-size: 0; font-weight: normal; }
h2.main_title a span { display: block; font-size: 18px; line-height: 100%; color: #808080; margin-top: 18px; }
h2.main_title a i { display: inline-block; font-size: 42px; line-height: 100%; color: #282828; font-weight: normal; letter-spacing: 0.5px; position: relative; }
h2.main_title a i:before, h2.main_title a i:after { width: 55px; height: 13px; background: url(../images/tbg1.png) no-repeat right center; position: absolute; content: ""; top: 17px; }
h2.main_title a i:before { left: -75px; }
h2.main_title a i:after { right: -75px; background: url(../images/tbg2.png) no-repeat left center; }

.fullSlide { position: relative; z-index: 1; clear: both; width: 100%; }
.fullSlide .tempWrap { margin: 0 auto; }
.fullSlide .bd { position: relative; z-index: 1; overflow: hidden; margin: 0 auto; }
.fullSlide .bd .li img { display: block; width: 100%; height: auto !important; }
.fullSlide .hd { position: absolute; bottom: 30px; width: 100%; height: 18px; cursor: pointer; text-align: center; z-index: 9; font-size: 0; }
.fullSlide .hd li { display: inline-block; width: 16px; height: 16px; margin: 0 12px; opacity: 1; border-radius: 8px; background: #fff; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.fullSlide .hd li.on { background: #fff; width: 46px; }
.fullSlide p { display: none; position: absolute; top: 50%; width: 80px; height: 80px; z-index: 99; opacity: 1; text-align: center; margin-top: -40px; opacity: 0.8; }
.fullSlide .prev2 { left: 3%; }
.fullSlide .next2 { right: 3%; }

.seabox { height: 110px; background: #fff; border-bottom: 1px solid rgba(153, 153, 153, 0.2); }
.seabox .k_word { font-size: 14px; line-height: 110px; }
.seabox .k_word strong { font-weight: bold; color: rgba(31, 31, 31, 0.7); margin-right: 10px; }
.seabox .k_word a { color: rgba(31, 31, 31, 0.7); display: inline-block; margin-right: 22px; font-weight: normal; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.seabox .k_word a:hover { color: #000; }
.seabox .sea_inp { width: 371px; height: 39px; margin-top: 39px; background: #f7f7f7; border-radius: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.seabox .sea_inp input { display: block; outline: none; font-size: 14px; background: none; border: none; }
.seabox .sea_inp .search { float: left; width: 301px; height: 36px; padding-left: 20px; color: #b8b8bc; background: none; line-height: 39px; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.seabox .sea_inp .sub { float: right; width: 70px; height: 39px; background: #ff0125 url(../images/s_btn.png) no-repeat center; box-shadow: 0px 7px 10px 0px rgba(255, 1, 37, 0.3); border-radius: 20px; }

.intro { padding-top: 85px; }
.intro dt { width: 570px; height: 360px; float: right; border-radius: 90px 90px 90px 10px; overflow: hidden; }
.intro dt img { width: 570px; }
.intro dd { width: 542px; float: left; }
.intro h2 { position: relative; padding-bottom: 48px; margin: 60px 0 33px; background: url(../images/intro_line.png) no-repeat left bottom; }
.intro h2:before { position: absolute; content: ""; width: 346px; height: 138px; background: url(../images/intro_t.png) no-repeat center; left: -31px; top: -74px; }
.intro h2 a { display: block; }
.intro h2 strong { display: block; font-size: 36px; line-height: 100%; color: #323232; }
.intro h2 span { display: block; font-size: 24px; line-height: 100%; color: #323232; margin-top: 17px; font-weight: 300; }
.intro p { font-size: 16px; line-height: 31px; color: #666; }

/**/
.feature { padding: 49px 0; background: url(../images/feature_bg.jpg) no-repeat center bottom; }
.feature dl { float: left; width: 214px; margin-right: 114px; }
.feature dl:last-child { margin-right: 0; }
.feature dt { width: 181px; height: 181px; background: #ffffff; border-radius: 50%; padding: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 27px; position: relative; cursor: pointer; }
.feature dt .pic { width: 153px; height: 153px; background: #f7f7f7; border-radius: 50%; overflow: hidden; position: relative; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.feature dt .pic img { -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.feature dt .icon { width: 43px; height: 43px; background: #ffffff; box-shadow: 0px 3px 9px 0px rgba(3, 3, 3, 0.07); border-radius: 22px 22px 22px 4px; position: absolute; top: 34px; right: 10px; overflow: hidden; }
.feature dd { text-align: center; }
.feature dd h3 { font-size: 24px; line-height: 34px; color: #fff; margin-bottom: 13px; }
.feature dd p { font-size: 14px; line-height: 22px; color: #fff; }
.feature dl:hover dt .pic { background: #ff0125; box-shadow: 0px 11px 24px 0px rgba(255, 1, 37, 0.38); }
.feature dl:hover dt .pic img:first-child { display: none; }
.feature dl:hover dt .pic img:last-child { position: absolute; z-index: 2; left: 0; top: 0; }
.feature dl:hover dt .icon img:first-child { display: none; }
.feature dl:hover dt .icon img:last-child { position: absolute; z-index: 2; left: 0; top: 0; }

/**/
.product1 { background: #f4f4f4; padding-top: 86px; padding-bottom: 30px; overflow: hidden; }
.product1 .product_con { position: relative; height: 468px; margin-top: 55px; margin-bottom: 19px; }
.product1 .product_con .pro_con { position: absolute; z-index: 2; right: 0; top: 0; }
.pro_class { width: 660px; height: 468px; position: relative; }
.pro_class .pro_class_list { border-radius: 10px; overflow: hidden; line-height: 0; }
.pro_class .tempWrap { border-radius: 10px; overflow: hidden; line-height: 0; }
.pro_class img { width: 610px; height: 468px; }
.pro_class .pro_class_nav { position: absolute; left: 45px; bottom: 43px; height: 16px; }
.pro_class .pro_class_nav li { width: 16px; height: 16px; background: #ffffff; opacity: 0.3; border-radius: 50%; float: left; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin-right: 19px; cursor: pointer; }
.pro_class .pro_class_nav li.on { background: #ff0125; opacity: 1; }
.pro_con { width: 589px; height: 468px; background: #ffffff; border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 80px 49px 0 54px; }
.pro_con h3 a { display: block; font-size: 28px; line-height: 100%; color: #282828; position: relative; padding-bottom: 36px; font-weight: normal; }
.pro_con h3 a:after { position: absolute; content: ""; width: 33px; height: 6px; background: #ff0125; left: 0; bottom: 0; }
.pro_con p { margin: 30px 0 46px; }
.pro_con p span { display: block; font-size: 16px; line-height: 28px; color: #808080; padding-left: 23px; position: relative; }
.pro_con p span:before { position: absolute; content: ""; width: 11px; height: 11px; border: 3px solid #cccccc; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; left: 0; top: 8.5px; }
.pro_con .sub_class { position: relative; }
.pro_con .sub_class:after { position: absolute; content: ""; width: 138px; height: 114px; background: url(../images/01.png) no-repeat center top; top: -82px; right: 0; }
.pro_con .sub_class a { display: block; position: relative; z-index: 2; height: 57px; background: #eeeeee; margin-bottom: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 50px 0 27px; font-size: 20px; line-height: 57px; color: #808080; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.pro_con .sub_class a:after { position: absolute; content: ""; width: 22px; height: 22px; background: url(../images/pro_icon2.png) no-repeat center; top: 17.5px; right: -22px; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.pro_con .sub_class a:hover, .pro_con .sub_class a.cur { background: url(../images/pro_hover_bg.png) no-repeat center; color: #fff; font-weight: bold; background-size: 100% 100%; }
.pro_con .sub_class a:hover:after, .pro_con .sub_class a.cur:after { right: 45px; }
.pro_list { position: relative; }
.pro_list .pro_list_con { overflow: hidden; }
.pro_list .pro_list_con li { margin-right: 19px; margin-bottom: 30px; }
.pro_list .switch { position: absolute; width: 69px; height: 69px; -o-transition: all 0.3s ease; transition: all 0.3s ease; filter: grayscale(100%); -webkit-filter: grayscale(100%); top: 130px; opacity: 0.5; cursor: pointer; }
.pro_list .switch:hover { filter: grayscale(0); -webkit-filter: grayscale(0); opacity: 1; }
.pro_list .pro_prev { left: -112px; }
.pro_list .pro_next { right: -112px; }
.product_list li { width: 286px; float: left; position: relative; line-height: 0; background: #fff; border-radius: 10px; overflow: hidden; }
.product_list li img { width: 100%; }
.product_list li h4 { text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px; font-size: 16px; line-height: 49px; color: #808080; font-weight: normal; border-top: 1px solid rgba(128, 128, 128, 0.16); position: relative; z-index: 2; -o-transition: all 0.3s ease; transition: all 0.3s ease; background: url(../images/pro_icon.png) no-repeat 300px center; }
.product_list li:hover { box-shadow: 0px 3px 32px 0px rgba(3, 3, 3, 0.11); }
.product_list li:hover h4 { color: #ff0125; padding-left: 29px; padding-right: 50px; background-position-x: 239px; text-align: left; font-weight: bold; border-color: transparent; }


/*产品展示*/
.tab3{width: 1500px; padding-bottom:100px;}
.tab3 .tit{height: 90px;text-align: center;}
.tab3 .tit h2 {height: 65px;line-height: 65px;font-size:38px;color: #2447a5;}
.tab3 .tit h2 a{color: #2447a5;}
.tab3 .tit p{height: 59px;line-height: 59px;font-size:16px;color: #333333}
.tab3 .tit p a{color: #fff;margin-right: 24px;padding:8px 30px; background:-webkit-linear-gradient(left, #2346bd, #08afb3);}
.tab3 .tit p a:hover{color: #fff;margin-right: 24px; padding:8px 30px; background:-webkit-linear-gradient(left, #ff0125, #ff0125);}
.sec2_ul{width: 1500px; margin: 0 auto;overflow: hidden;}
.sec2_ul ul{width:1500px;}
.sec2_ul li{float: left; width: 280px; border:1px solid #ccc; display: block; margin-right: 25px; text-align: left; overflow: hidden; margin:5px;}
.sec2_ul li a{width: 280px; height: 305px; background: #eee; position: relative;}
.sec2_ul li a img{width: 280px; height:280px; transition: .9s;  line-height: 1em; overflow: hidden;}
.sec2_ul li .p{padding:0 15px;position: relative;width: 280px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:44px; border-top:0px solid #ccc;}
.sec2_ul li .p a:hover{padding:0 15px;position: relative;width: 203px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:44px; border-top:1px solid #ccc; color:FF9B09;}
.sec2_ul li img{width: 280px; height: 280px; overflow: hidden;display:block;}
.sec2_ul li a:hover img{transform: scale(1.2);  z-index: 1;}
.sec2_ul li a:hover{background: #0042ae; width: 280px; height: 305px; overflow: hidden;}
.sec2_ul ul .sec2_ul_r{width: 280px; border:1px solid #ccc; display: block;text-align: left; overflow: hidden;}
.p{font-size: 16px;color: #333333; line-height: 34px; height: 32px; margin-top:5px; text-align:center;}
.w1500 { width:1500px; margin:0 auto; font-family:"Microsoft Yahei";}
/*产品展示*
/**/
.product2 { background: url(../images/product2_bg.jpg) no-repeat center top; padding-top: 121px; height: 917px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.product2 .pro_con h3 a { color: #fff; }
.product2 .pro_con h3 a:after { background: url(../images/intro_line.png) no-repeat left top; }
.product2 .pro_con p { margin: 23px 0 49px; }
.product2 .pro_con p span { color: #fff; }
.product2 .pro_con p span:before { border-color: rgba(204, 204, 204, 0.7); }
.product2 .pro_list { height: 411px; margin-top: 44px; position: relative; }
.product2 .pro_list:after { position: absolute; content: ""; width: 156px; height: 114px; background: url(../images/02.png) no-repeat center; top: -94px; right: 20px; }
.product2 .pro_list .pro_list_con { height: 441px !important; }
.product2 .pro_list li { width: 355px; }
.product2 .pro_list li h4 { line-height: 57px; background-position-x: 378px; }
.product2 .pro_list li:hover h4 { background-position-x: 300px; }
.product2 .pro_class_nav { right: 0; bottom: 0; left: auto; }
.product2 .pro_class_nav li { margin-right: 0; margin-left: 19px; }
.product2 .pro_con, .product3 .pro_con { width: 751px; background: none; padding: 0; margin: 0; }
.product2 .pro_class, .product3 .pro_class { width: 448px; height: 652px; }
.product2 .pro_class img, .product3 .pro_class img { width: 448px; height: 594px; }
.pro_nav { line-height: 0; font-size: 0; }
.pro_nav a { display: inline-block; padding: 0 29px; font-size: 20px; line-height: 52px; color: #000; background: #eee; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin-right: 2px; }
.pro_nav a.on, .pro_nav a:hover { background: url(../images/pro_class_bg.png) no-repeat center; background-size: 100% 100%; color: #fff; }

/**/
.product3 { padding-top: 99px; padding-bottom: 86px; }
.product3 .pro_class { margin-top: 81px; }
.product3 .pro_class:before { position: absolute; content: ""; width: 156px; height: 114px; background: url(../images/03.png) no-repeat center; top: -81px; left: 0; }
.product3 .pro_class .pro_class_nav { left: 0; bottom: 0; }
.product3 .pro_class .pro_class_nav li { background: #565656; }
.product3 .pro_class .pro_class_nav li.on, .product3 .pro_class .pro_class_nav li:hover { background: #ff0125; }
.product3 .pro_con { width: 730px; }
.product3 .pro_con h3 { text-align: right; }
.product3 .pro_con h3 a:after { right: 0; left: auto; background: url(../images/intro_line.png) no-repeat center; background-size: 100% 100%; }
.product3 .pro_con p { font-size: 16px; line-height: 24px; color: #282828; text-align: right; margin: 29px 0 63px 55px; }
.product3 .pro_nav { text-align: right; margin-bottom: 45px; }
.product3 .pro_nav a { margin-right: 0; margin-left: 2px; margin-bottom: 2px; }
.product3 .product_list li { width: 355px; box-shadow: 0px 3px 32px 0px rgba(3, 3, 3, 0.11); margin-right: 20px; }
.product3 .product_list li h4 { line-height: 58px; background-position-x: 378px; }
.product3 .product_list li:last-child { margin-right: 0; }
.product3 .product_list li:hover h4 { background-position-x: 300px; }

/**/
.product4 { background: #f4f4f4; padding-top: 79px; padding-bottom: 100px; }
.product4 .product_con { position: relative; height: 468px; }
.product4 .pro_class { position: absolute; width: 596px; height: 468px; z-index: 2; top: 0; right: 0; }
.product4 .pro_con { width: 615px; box-shadow: 0px 3px 32px 0px rgba(3, 3, 3, 0.11); }
.product4 .pro_con p { font-size: 16px; line-height: 30px; color: #282828; margin: 21px 0 80px; }
.product4 .pro_con .sub_class:after { width: 159px; background: url(../images/04.png) no-repeat center; }

/**/
.power { background: url(../images/power_bg.jpg) no-repeat center top; padding-top: 99px; }
.power h2 a i, .power h2 a strong, .power h2 a span { color: #fff; }
.power_con { height: 488px; position: relative; margin-top: 66px !important; }
.power_con dl { height: 488px; }
.power_con dt { width: 749px; height: 488px; line-height: 0; position: relative; overflow: hidden; border-top-left-radius: 10px; float: left; }
.power_con dt img { width: 749px; height: 488px; }
.power_con dt .power_list_nav { position: absolute; left: 53px; bottom: 47px; height: 16px; font-size: 0; line-height: 0; }
.power_con dt .power_list_nav li { width: 16px; height: 16px; background: #ffffff; opacity: 0.3; border-radius: 50%; display: inline-block; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin-right: 19px; cursor: pointer; }
.power_con dt .power_list_nav li.on, .power_con dt .power_list_nav li:hover { background: #ff0125; opacity: 1; z-index: 2; }
.power_con dd { width: 451px; height: 488px; background: #ffffff; float: right; padding: 65px 46px 0 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.power_con dd h3 { font-size: 32px; line-height: 36px; color: #282828; font-weight: normal; padding-bottom: 28px; position: relative; margin-bottom: 32px; }
.power_con dd h3:after { position: absolute; content: ""; width: 33px; height: 6px; background: #ff0125; left: 0; bottom: 0; }
.power_con dd h3 strong, .power_con dd h3 span { display: block; }
.power_con dd p { font-size: 16px; line-height: 22px; color: #808080; margin-bottom: 18px; padding-left: 30px; position: relative; }
.power_con dd p:before { position: absolute; content: ""; width: 11px; height: 11px; border: 3px solid rgba(204, 204, 204, 0.7); border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; left: 0; top: 5.5px; }
.power_con dd a.ask { margin-top: 31px; display: block; width: 153px; height: 39px; background: #ffffff; border: 2px solid #ff0125; border-radius: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }
.power_con dd a.ask img { width: 17px; display: inline-block; margin-right: 14px; vertical-align: text-top; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.power_con dd a.ask span { font-size: 16px; line-height: 35px; color: #ff0125; }
.power_con dd a.ask:hover img { margin-right: 10px; }
.power_nav { overflow: hidden; height: 158px; border-top: 1px solid rgba(255, 255, 255, 0.3); }
.power_nav li { width: 300px; height: 158px; padding-top: 29px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; text-align: center; border-left: 1px solid rgba(255, 255, 255, 0.3); cursor: pointer; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.power_nav li img { display: block; width: 44px; height: 45px; margin: 0 auto 12px; }
.power_nav li strong { display: block; font-size: 22px; line-height: 32px; color: #C5C5C5; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.power_nav li span { display: block; font-size: 14px; line-height: 18px; color: #C5C5C5; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.power_nav li:last-child { border-right: 1px solid rgba(255, 255, 255, 0.3); }
.power_nav li.on, .power_nav li:hover { background: url(../images/power_nav_bg.png) no-repeat center top; }
.power_nav li.on img, .power_nav li:hover img { filter: brightness(100); -webkit-filter: brightness(100); }
.power_nav li.on strong, .power_nav li:hover strong, .power_nav li.on span, .power_nav li:hover span { color: #fff; }

/**/
.case { background: #efefef; padding-top: 90px; padding-bottom: 92px; overflow: hidden; }
.case_con { margin: 52px 0 40px; }
.case_con dl { width: 390px; float: left; margin-right: 14px; margin-bottom: 17px; background: #ffffff; border-radius: 10px; overflow: hidden; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.case_con dt { width: 390px; height: 219px; line-height: 0; overflow: hidden; }
.case_con dt a { display: block; position: relative; }
.case_con dt a:after { position: absolute; content: ""; width: 27px; height: 27px; background: url(../images/case_icon.png) no-repeat center; opacity: 0.7; -o-transition: all 0.3s ease; transition: all 0.3s ease; left: 38px; bottom: 21px; z-index: 2; }
.case_con dt img { width: 390px; }
.case_con dd { height: 169px; padding: 20px 40px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.case_con dd h4 { font-size: 18px; font-weight: normal; line-height: 28px; color: #282828; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-bottom: 17px; border-bottom: 1px solid rgba(128, 128, 128, 0.2); margin-bottom: 18px; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.case_con dd p { font-size: 14px; line-height: 24px; color: #808080; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.case_con dl:nth-child(3n) { margin-right: 0; }
.case_con dl:hover { box-shadow: 0px 3px 32px 0px rgba(3, 3, 3, 0.11); }
.case_con dl:hover dt a:after { opacity: 1; }
.case_con dl:hover dd h4 { color: #ff0125; }
.case_con dl:hover dd p { color: #000; }
.info { text-align: center; line-height: 0; font-size: 0; clear: both; font-weight: bold; }
.info a.more { display: inline-block; width: 153px; height: 39px; background: #ff0125; border-radius: 20px; margin-right: 9px; font-size: 16px; line-height: 39px; color: #fff; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.info a.ask { display: inline-block; width: 153px; height: 39px; background: #ffffff; border: 2px solid #ff0125; border-radius: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.info a.ask img { width: 17px; display: inline-block; margin-right: 14px; vertical-align: -3px; }
.info a.ask span { font-size: 16px; line-height: 35px; color: #ff0125; }
.info a:hover { box-shadow: 0px 7px 18px 0px rgba(255, 1, 37, 0.38); }

/*资讯中心*/
.news { padding-top: 86px; padding-bottom: 110px; }
.news h2 { margin-bottom: 62px; }
.news h3 { position: relative; height: 24px; margin-bottom: 18px; }
.news h3:after { position: absolute; content: ""; width: 427px; height: 1px; background: #DCDCDC; bottom: 4px; right: 0; }
.news h3 a { display: block; font-weight: normal; }
.news h3 a strong { display: block; font-size: 24px; line-height: 100%; color: #2445bd; background-image: linear-gradient(55deg, #2445bd 0%, #08b1b3 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: normal; float: left; padding-right: 22px; }
.news h3 a span { font-size: 14px; color: #838383; float: right; margin-top: 6px; font-family: Arial; padding-left: 13px; background: #fff; position: relative; z-index: 2; }
.news .faq h3:after { width: 457px; }
.company { width: 570px; }
.company dl { margin-bottom: 19px; }
.company dt { width: 570px; height: 269px; overflow: hidden; }
.company dt img { width: 570px; }
.company dd h4 { font-size: 16px; line-height: 26px; color: #000; -o-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 21px 0 11px; }
.company dd h4 span { display: inline-block; font-size: 14px; line-height: 27px; color: #fff; width: 88px; height: 27px; background: #ff0125; text-align: center; margin-right: 16px; font-weight: normal; }
.company dd p { font-size: 14px; line-height: 20px; color: #737373; }
.company dd span.more { display: inline-block; font-size: 12px; color: #2445bd; line-height: 1; background: linear-gradient(55deg, #2445bd 0%, #08b1b3 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-top: 17px; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.company dd span.more:hover { letter-spacing: 1px; }
.company dl:hover dd h4 { color: #ff0125; }
.company li { position: relative; height: 36px; }
.company li h4 { display: inline-block; font-size: 16px; line-height: 36px; color: rgba(0, 0, 0, 0.75); max-width: 430px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; position: relative; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.company li h4:before { content: "> "; }
.company li span { float: right; font-size: 14px; line-height: 36px; color: rgba(0, 0, 0, 0.75); }
.company li:hover h4, .company li:hover span { color: #ff0125; }
.faq { width: 580px; }
.faq dl { padding-bottom: 29px; border-bottom: 1px dashed #838383; margin-bottom: 34px; }
.faq li h4:before { display: none; }
.news_more { margin-top: 37px; }
.news_more img { width: 415px; height: 155px; float: left; }
.news_more p { float: right; width: 165px; height: 155px; background: url(../images/news_more.png) no-repeat center; font-size: 14px; line-height: 155px; color: #fff; text-align: center; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.news_more p:hover { letter-spacing: 1px; }

/**/
.about { padding-top: 105px; padding-bottom: 90px; background: url(../images/about_bg.jpg) no-repeat center top; overflow: hidden; }
.about h2 a i, .about h2 a strong { color: #fff; }
.about p { width: 934px; margin: 37px auto 68px; font-size: 14px; line-height: 30px; color: #fff; text-align: center; }
.about p a { color: #ff0125; }
.about .pic { width: 1199px; height: 484px; margin: 0 auto 32px; }
.about .pic img { width: 1199px; height: 484px; }
.album { position: relative; }
.album h3 a { display: block; font-size: 24px; line-height: 100%; color: #000; font-weight: normal; margin-bottom: 15px; }
.album .album_list { overflow: hidden; height: 220px; }
.album li { width: 395px; height: 220px; position: relative; line-height: 0; float: left; margin-right: 8px; overflow: hidden; }
.album li img{
    width: 395px;
}
.album li h4 { position: absolute; width: 100%; height: 40px; padding: 0 20px; font-size: 16px; font-weight: normal; line-height: 40px; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); }
.album .switch { position: absolute; width: 69px; height: 69px; -o-transition: all 0.3s ease; transition: all 0.3s ease; filter: grayscale(100%); -webkit-filter: grayscale(100%); top: 113px; opacity: 0.5; cursor: pointer; }
.album .switch:hover { filter: grayscale(0); -webkit-filter: grayscale(0); opacity: 1; }
.album .pro_prev { left: -112px; }
.album .pro_next { right: -112px; }
.about a.more { display: block; text-align: center; margin: 50px auto 0; width: 153px; height: 39px; background: #ff0125; border-radius: 20px; font-size: 16px; line-height: 39px; color: #fff; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.about a.more:hover { box-shadow: 0px 7px 13px 0px rgba(255, 1, 37, 0.38); }

/**/
.f_info { padding-top: 50px !important; }

/**/
.links { font-size: 12px; height: 101px; color: #737373; line-height: 18px; background: #111; border-top: 1px solid rgba(106, 106, 106, 0.3); }
.links .content { position: relative; }
.links .content h3 { width: 114px; height: 114px; border: 16px solid #111; right: -15px; top: -73px; position: absolute; z-index: 2; }
.links p { padding-top: 38px; width: 800px; }
.links p a { color: #737373; margin-right: 30px; transition: 0.3s ease; -o-transition: 0.3s ease; }
.links a:hover { color: #fff; }

@-webkit-keyframes fadeInDown1 {
  from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes fadeInDown1 {
  from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1; }
@-webkit-keyframes fadeInDown2 {
  from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes fadeInDown2 {
  from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2; }
@-webkit-keyframes fadeInLeft1 {
  from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes fadeInLeft1 {
  from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1; }
@-webkit-keyframes fadeInLeft2 {
  from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes fadeInLeft2 {
  from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2; }
@-webkit-keyframes fadeInRight1 {
  from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes fadeInRight1 {
  from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1; }
@-webkit-keyframes fadeInRight2 {
  from { -webkit-transform: translate3d(3%, 0, 0); transform: translate3d(3%, 0, 0); opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes fadeInRight2 {
  from { -webkit-transform: translate3d(3%, 0, 0); transform: translate3d(3%, 0, 0); opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2; }
@-webkit-keyframes zoomLeft {
  from { -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); opacity: 0; }
  50% { opacity: 1; }
}
@keyframes zoomLeft {
  from { -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); opacity: 0; }
  50% { opacity: 1; }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft; }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft; }
@-webkit-keyframes fadeInUp1 {
  from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes fadeInUp1 {
  from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1; }
@-webkit-keyframes fadeInUp2 {
  from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes fadeInUp2 {
  from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2; }
@keyframes myfirst {
  0% { top: 0; left: 0; }
  25% { top: 10px; left: 0; }
  50% { top: 0; left: 0; }
  100% { top: 0; left: 0; }
}
@-moz-keyframes myfirst {
  0% { top: 0; left: 0; }
  25% { top: 10px; left: 0; }
  50% { top: 0; left: 0; }
  100% { top: 0; left: 0; }
}
@-webkit-keyframes myfirst {
  0% { top: 0; left: 0; }
  25% { top: 10px; left: 0; }
  50% { top: 0; left: 0; }
  100% { top: 0; left: 0; }
}
@-o-keyframes myfirst {
  0% { top: 0; left: 0; }
  25% { top: 10px; left: 0; }
  50% { top: 0; left: 0; }
  100% { top: 0; left: 0; }
}