@import url(http://fonts.font.im/css?family=Megrim);

@media screen and (-webkit-min-device-pixel-ratio:0) {

	.metro-layout .content { overflow: auto; }

	::-webkit-scrollbar { width: 5px; height: 8px; }

	::-webkit-scrollbar-track:enabled { background-color: transparent; }

	::-webkit-scrollbar-thumb:vertical { background-color: #03569c; }

	::-webkit-scrollbar-thumb:horizontal { background-color: #03569c; }

}

@keyframes hover_border_bottom_01{

	0%{left:auto;right:0;}

	50%{left:auto;right:0;width:0}

	51%{right:auto;left:0;width:0}

	to{width:100%;left:0;right:auto}

}

@keyframes hover_border_bottom_02{

	0%{left:0;right:auto;}/*width:0 初始收缩 准备从左展开 left 0*/

	25%{left: 0; right: auto;width:100%;} /*从左展开 left 0*/

	50%{left: auto; right: 0;width:0;}/*从左收缩 left auto */

	51%{left: 0; right: auto;width:0;} /*改变位置 left 0*/

	to{left: 0; right: 0;width:100%;} /*从左展开 left 0 */

}

/*html{ height:100%; overflow: hidden;}

body{perspective: 100px;transform-style: preserve-3d;height: 100%;overflow-y: scroll;overflow-x: hidden;}*/

a:hover{ color: #00a2ea;}

.center_block{ display: block; margin: 0 auto;}

.fixed{ position: fixed; z-index:0;}

.particles-js {position: absolute;  width: 100%; height: 100%;z-index: 3;}



.form .form_item{ margin-bottom: 12px;}

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

.form .form_item .form_lable{ display: block; float: left; line-height:38px; width: 72px; text-align: right; padding-right:10px;}

.form .form_item .form_value{ display: block; float: left;  width: calc(100% - 72px);}

.form .form_item.form_inline{  width:50%; float: left; display: inline-block; vertical-align: middle; }



.form .form_item .input_txt{outline:none; display: block; border:1px solid #e3e3e3; height: 38px; padding:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%;}

.form .form_item.form_textarea textarea{ height:150px;resize: none; outline:none;}

.form .form_item .input_txt:focus,.online_message_form .form_item.form_textarea textarea:focus{border-color: #3b90e3;}

.form .form_item .input_txt.captcha {width: 200px;display: inline-block;}

.form .form_item .verify_img {height: 32px;vertical-align: middle;margin-left: 5px;margin-right: 3px; cursor: pointer;}

.form .form_item .form_btn{ display: inline-block; height:46px; line-height:46px; text-transform: uppercase;text-align: center; color: #fff;background-color: #ff6633;border: none;width: 150px; cursor: pointer;font-size: 16px; margin-right:5px;}

.form .form_item .form_btn.reset{ background-color: #76aee1;}

.form .form_item .form_btn:hover{ opacity:.9;}

.form .form_item .radio_check:checked + label{ color: #3b90e3;border-color: initial;}

.form .form_item .radio_check + label{ display: inline-block; padding:4px  16px; border:1px solid #e7e7e7; text-transform: capitalize; position: relative; cursor: pointer; margin-right:5px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}

.form .form_item .radio_check:checked + label:after{ content: ''; display: block; position: absolute; bottom:0; right:0;  width:0; height:0;border-left: 4px solid transparent;border-top: 4px solid transparent;border-right: 4px solid #3b90e3;border-bottom: 4px solid #3b90e3;}

.form .form_item .radio_check{position: absolute; left: -9999em;}









.header{ position: fixed;z-index: 9; width:100%; background: #000;background: rgb(33 150 243 / 60%);}

.header .header_wrap{ display: flex;align-items: center; height:90px; color: #fff; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}

.header .logo{ margin-right:25px;}

.header .menu{ flex: 1;}

.header .menu ul{display: flex;}

.header .menu li{ flex:1; text-align: center;}

.header .menu li a{ color: #fff; display: inline-block; position: relative; line-height: 28px;}

.header .menu li a:before{ content: ''; display: block; position: absolute; left: 0; width:0; bottom: -4px; border-bottom:2px solid #002f81; -webkit-transition: all	.4s ease; -moz-transition: all	.4s ease; -ms-transition: all	.4s ease; -o-transition:all	.4s ease; transition: all	.4s ease;}

.header .menu li a:hover,.header .menu li.on a:hover{ color: #002f81;}

.header .menu li a:hover:before{animation-name: hover_border_bottom_02; animation-duration: 1s;animation-fill-mode:forwards;

	-webkit-animation-fill-mode:forwards; /* Safari 和 Chrome */}

.header .menu li.on a:before{ width:100%;}

.header .menu li.on a:hover:before{animation-name: hover_border_bottom_01; animation-duration: 1s;}

.header .lang_box{ margin-right:25px;}

.header .lang_box span{border-radius: 3px; background-color: #a4b1ba; padding:3px 8px; margin:0 5px;}

.header .lang_box span a{ color: #fff;}

.header .lang_box span.search_btn{ background-color: #1794e7;}

.header .service_box{}

.header .service_box p{letter-spacing: 4px;}

.header .service_box em{font-size: 18px; font-style: normal;}



.header.fixed_min{ background: rgba(0,0,0,.8);}

.header.fixed_min .header_wrap{ height:70px;}



.main_wrapper{ background-color: #fff; position: relative; z-index:2; }



.footer{background-color: #202020; position: relative; z-index:2;}

.footer .footer_contact{  height:220px; position: relative; overflow: hidden; background: url(../Images/footer_contact_bg.png) top center no-repeat; background-position-y: bottom;}

.footer .footer_contact:before{ content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0;background-color: #2052b1; opacity:.2; z-index:3;}

/*.footer .footer_contact:after{  content: ''; display: block; position: absolute; margin:auto; left: 0; right: 0; top: 0; bottom: 0;height: 500px;background: url("../Images/footer_contact_bg.png") top center no-repeat; z-index:2;transform:translateZ(-96px) translateY(42%) scale(2);}*/

.footer .footer_contact .footer_contact_wrap{ position: relative; z-index:5;width:1200px;height: 220px; margin:0 auto;display: flex;align-items: center; }

.footer .footer_contact .contact_inf{ flex:1;display: flex;}

.footer .footer_contact .contact_inf .contact_item{ flex:1; padding-left: 10px; color: #fff;width: 50%;}

.footer .footer_contact .contact_item .address{ display: inline-block; width: 350px; line-height:30px;}

.footer .footer_contact .contact_item .tel_1{font-size: 36px;}

.footer .footer_contact .contact_item .before_icon{position: relative; padding-left:40px;}

.footer .footer_contact .contact_item .before_icon:before{ display: block; content: ''; width:40px; height:54px; position: absolute; left:0;}

.footer .footer_contact .contact_item .tel_1.before_icon:before{background: url("../Images/icon_tel.png") center center no-repeat;}

.footer .footer_contact .contact_item .address.before_icon:before{background: url("../Images/icon_map_marker.png") top center no-repeat;}



.footer .footer_contact .contact_item .tel{font-family: Impact;font-size: 36px;font-style: normal}



.footer .footer_contact .qrcode_box{ display: flex; width:150px;}

.footer .footer_contact .qrcode_box .qrcode{ flex:1; margin: 20px; text-align: center; color: #fff;}

.footer .footer_contact .qrcode_box .qrcode .qrcode_img{ width:120px; height:120px; background-color: #fff;}

.footer .footer_contact .qrcode_box .qrcode p{ line-height:2;}



.footer .footer_bottom{ color: #c2c2c2; }

.footer .footer_bottom .w1200{ display: flex;align-items: center;}

.footer .footer_bottom a{ color: #c2c2c2; }

.footer .footer_bottom a:hover{ color: #fff; }

.footer .footer_mid{width: 700px;margin: 0 50px;}

.footer .footer_bottom .footer_logo{}

.footer .footer_bottom .footer_logo a{ display: block;width:380px; height:138px;background: url("../Images/footer_logo.png") center no-repeat;}



.footer .footer_mid .footer_nav{margin-bottom: 5px;}

.footer .footer_bottom .footer_nav ul { display: flex;align-items: center;}

.footer .footer_bottom .footer_nav li{ flex:1; line-height:36px; text-align: center;}

.footer .footer_bottom .footer_contact_btn{ display: block; width:175px; height:38px;border-radius: 19px; color: #156bb6; background-color: #ffffff; text-align: center; line-height:38px;}

.footer .footer_bottom .footer_contact_btn:hover{ background-color: #156bb6;}

.footer .copyright{padding-left: 40px;}



.empty_tips{ display: flex; width: 100%;height: 300px;justify-content: center;align-items: center;font-size: 36px; color: #dcdcdc; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }

.empty_tips:hover{ color: #fdfdfd;text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25);}







.index_banner img{ vertical-align: bottom;}



.category_box{ background-color:#07a1d5; height:255px; position: relative;z-index: 2;}

.category_box .category_wrap{ }

.category_box .category_nav{display: table; width:100%;    padding-top: 20px; }

.category_box .category_nav .cat_item{ position: relative; padding:0 30px 0; display: table-cell; width:20%;height:288px; vertical-align: middle; text-align: center;}

.category_box .category_nav a{ }

.category_box .cat_item:after { content: ''; display: block; position: absolute;background: url("../Images/cat_item_bg.png") center/cover no-repeat; width:100%; bottom: 0; z-index:0;left: 0; right:0; transition: .7s ease; opacity:0; height:0;}

.category_box .cat_item:before{ content: ""; display: block; position: absolute; left: 0; right: 0; top:0;bottom: 0;background: rgba(0,0,0,.6); z-index:1; transition: .7s ease;  -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);transform-origin: bottom;}

.category_box .cat_item .item_wrap{ position: relative; z-index:3;}

.category_box .cat_item .cat_icon{ width:60px; height:60px; margin:0 auto 15px;transition: .3s ease;}

.category_box .cat_item .cat_icon img{height:100%;transition: .3s ease;}

.category_box .cat_item .cat_name{font-size: 18px;color: #fff;}

.category_box .cat_item .cat_desc{color: #fff; position: relative; opacity:0; height:0;font-size: 13.5px;text-align: left; overflow: hidden;  transition: .8s ease;}

.category_box .cat_item .cat_more{color: #d73236; background: #fff; display: block; width:120px; height: 42px; line-height:42px; opacity:0; -webkit-transform: translateY(16px); -moz-transform: translateY(16px); -ms-transform: translateY(16px); -o-transform: translateY(16px); transform: translateY(16px); height:0; margin:0 auto;}

.category_box .cat_item:not(:hover):before{transition-delay: .1s;}

.category_box .cat_item:not(:hover):after{transition-delay: .3s;}

.category_box .cat_item:not(.static_item):hover:after { opacity:1; height:100%;}

.category_box .cat_item:not(.static_item):hover:before{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}

.category_box .cat_item:not(.static_item):hover .item_wrap{ height:100%;  padding-top: 30px;}

.category_box .cat_item:not(.static_item):hover .cat_icon{ height:40px;margin: 10px auto 15px;}

.category_box .cat_item:not(.static_item):hover .cat_name{ margin-bottom:15px;}

.category_box .cat_item:not(.static_item):hover .cat_desc{opacity: 1;height: 60px; margin-bottom:20px;}

.category_box .cat_item:not(.static_item):hover .cat_more{ -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);opacity: 1; height:auto; margin-top:15px;}

.category_box .cat_item.static_item:hover:before{ height:100%; opacity:1;}

.category_box .cat_item.static_item:hover:after{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}



.index_pro_box{background:url("../Images/index_pro_bg.png") center center no-repeat;background-size: 100% 100%;}



.section{padding: 40px 0 60px 0;}

.section .sec_head{ margin-bottom:20px;}

.section .sec_head .sec_title{ position: relative; text-align: center; padding-bottom:25px;}

.section .sec_head .sec_title:before{ content: attr(title); display: block; margin:auto; left: 0; right: 0; position: relative; z-index:1; text-transform: uppercase; color: #d5d9de; opacity:.3;font-size: 60px; font-weight:bold;margin-bottom: -50px;}

.section .sec_head .sec_title:after{ content: ''; display: block; width:65px; border-bottom:2px solid #dfdfdf; position: absolute; margin:auto; left: 0; right: 0; bottom:0;}

.section .sec_head .sec_title span{ position: relative; z-index:2; color: #3b3b3b; font-size: 36px;}

.section .sec_head .sec_title span.white{ color: #fff;}

.section .sec_desc{text-align: center; color: #000; font-size: 16px;}

.sec_more{display: block;background-color: #07a1d5;color: #fff;width:180px;height:34px;border-radius: 37px;text-align: center;line-height:34px;margin:30px auto 0;}

.sec_more:hover{ background-color: #4585ff; color: #fff;}







.index_pro_box{ position: relative;}

.pro_slider{ position: relative;}

.pro_slider .item{ float: left; width: 396px; overflow: hidden;}

.pro_slider .item .item_wrap{ padding:10px;}

.pro_slider .item .item_img{width:376px;height: 360px;position: relative;overflow: hidden;}

.pro_slider .item .item_img img{ display: block; width:100%; /*height:100%;*/ -webkit-transition: transform .9s; -moz-transition: transform .9s; -ms-transition: transform .9s; -o-transition: transform .9s; transition: transform .9s;}



.pro_slider .item .item_caption{height:60px;position: relative;background-color: #fff;padding:0 15px;margin-top: -80px;}

.pro_slider .item .item_caption:after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; height:0; background-color: #3469ba; -webkit-transition: height .8s; -moz-transition: height .8s; -ms-transition: height .8s; -o-transition: height .8s; transition: height .8s;}

.pro_slider .item .item_caption a{display: block;height: 100%;position: relative;z-index: 2;}

.pro_slider .item .item_caption .item_desc{ text-align: center;	color: #fff;position: absolute;width: 100%;top: 150px; -webkit-transition: .8s .4s; -moz-transition: .8s .4s; -ms-transition: .8s .4s; -o-transition: top .8s .4s; transition: top .8s .4s;}

.pro_slider .item .item_caption .item_desc:not(:hover){ -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}

.pro_slider .item .item_title{ position: absolute; text-align: center; line-height:62px;font-size: 16px;   width: 100%;left: 0;top: 0; -webkit-transition: top .5s , color .8s; -moz-transition: top .5s , color .8s; -ms-transition: top .5s , color .8s; -o-transition: top .5s , color .8s; transition: top .5s , color .8s;}



.pro_slider .item .item_caption .m-icon-more{display: block;position: absolute;margin: auto;left: 0;right: 0;top: -80px;width: 39px;height: 39px;border-radius: 100%;background: #3469ba;-webkit-box-shadow: 0px 1px 20px 0px rgba(27, 100, 213, 0.4), inset 0px -1px 0px 0px #3980ef;box-shadow: 0px 1px 20px 0px rgba(27, 100, 213, 0.4), inset 0px -1px 0px 0px #3980ef;transform: scale(1.5) translateY(-21px);opacity: 0;-webkit-transition: transform .5s , opacity .8s;-moz-transition: transform .5s , opacity .8s;-ms-transition: transform .5s , opacity .8s;-o-transition: transform .5s , opacity .8s;transition: transform .5s , opacity .8s;}

.pro_slider .item .item_caption .m-icon-more:before,.pro_slider .item .item_caption .m-icon-more:after{ content: ''; width:30%; height:0; position: absolute; border-bottom:1px solid #fff; margin:auto; left: 0; right: 0; top: 0; bottom: 0; z-index:3;}

.pro_slider .item .item_caption .m-icon-more:after{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}







.pro_slider .item:hover .item_caption:after{height:140px;}

.pro_slider .item:hover .item_caption .item_title{ top: -65px;color: #fff;}

.pro_slider .item:hover .item_caption .item_desc{top: 0;}

.pro_slider .item:hover .item_caption .m-icon-more{ opacity:1; -webkit-transform: scale(1) translateY(0); -moz-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); -o-transform: scale(1) translateY(0); transform: scale(1) translateY(0);}

.pro_slider .item:hover .item_img img{ -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px);}






.index_pro_box a.prev,.index_pro_box a.next{font-family: Megrim; position: absolute; top: 0; bottom: 0; display: block; width:400px; height:400px; margin:auto;font-size: 30px; cursor: pointer;border-radius: 100%; background-color: #fff; color: #d6dade; overflow: hidden;}

.index_pro_box a.prev{ left:-22%;}

.index_pro_box a.next{ right:-22%;}

.index_pro_box a.prev:after,.index_pro_box a.next:after,.index_pro_box a.prev:before,.index_pro_box a.next:before{ display: block; position: absolute; width:30px; height:30px; margin:auto; top:0; bottom:0; z-index:2; line-height:30px;text-align: center; transition: all .4s ease;}

.index_pro_box a.prev:after{ right: 40px;content: '<'; }

.index_pro_box a.next:after{ left: 40px;content: '>';}

.index_pro_box a.prev:before,.index_pro_box a.next:before{ -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);border-radius: 100%;}

.index_pro_box a.prev:before{ right: 40px;content: ''; }

.index_pro_box a.next:before{ left: 40px;content: '';}



.index_pro_box a.prev:hover,.index_pro_box a.next:hover{ color: #fff;}

.index_pro_box a.prev:hover:before,.index_pro_box a.next:hover:before{background-color: #2052b1;transform: scale(15);}







.index_about_box{ position: relative;}

.index_about_box:before{ content: ''; display: block;background: url("../Images/about_bg.jpg") center top no-repeat; position: absolute; top:0; left: 0; right: 0; bottom: 0;}

.about_box{ padding:10px 40px 0;}

.about_box .about_box_wrap{ position: relative;  background: url("../Images/about_img.jpg") left center no-repeat #07a1d5; background-size: 50% 100%; height: 400px;}

.about_box .about_img{ display: block;}

.about_box .about_inf{ color: #fff; display: block; width:670px; padding:50px; margin-left: 50%;}

.about_box .about_inf .about_title{font-size: 24px; line-height:1; margin-bottom:15px;}

.about_box .about_inf .about_title span{ text-transform: uppercase; font-size: 36px;}

.about_box .about_inf .about_title p{ line-height:2;}

.about_box .about_inf .about_content{ line-height:32px; margin-bottom:10px;}



.about_box .more{ color: #fff; position: relative;display: inline-block;padding-bottom: 7px;margin-top: 10px;}

.about_box .more:after{ content: ''; border-bottom:1px solid #fff; left: 0; width:100%; position: absolute; bottom:0; }

.about_box .more:hover:after{animation-name: hover_border_bottom_01; animation-duration: 1s;}



.about_param{ margin-top:40px;}

.about_param dl{ float: left; padding:15px;text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;width:50%;}

.about_param dl:first-child{ padding-left:0;}

.about_param dl em{font-size: 72px;font-family: Impact; font-style: normal;}



.index_cases_box{ }

.index_cases_box .case_list{padding-top:30px;}

.index_cases_box .case_list .case_item{ float: left; width:300px; border:1px solid #efefef; position: relative; z-index:1;}

.index_cases_box .case_list .case_item .case_img { overflow: hidden; width:300px; height: 214px;}

.index_cases_box .case_list .case_item .case_img img{ display: block;}

.index_cases_box .case_list .case_item .case_caption{ border-top:1px solid #efefef; background-color: #fff;text-align: center; padding:15px 20px;}

.index_cases_box .case_list .case_item .case_title{ color: #848484;line-height: 48px;}

.index_cases_box .case_list .case_item .btn{ display: inline-block; width: 124px;text-align: center; height:34px;border-radius: 17px; line-height:34px; margin:2px; margin-top:10px;}

.index_cases_box .case_list .case_item .case_btn{ background-color: #07a1d5; color: #fff;}

.index_cases_box .case_list .case_item .case_btn2 { border:1px solid #b5b5b5; color: #565656;}

.index_cases_box .case_list .case_item:hover{ -webkit-box-shadow:  0 0 10px rgba(21, 21, 21, 0.45); -moz-box-shadow:  0 0 10px rgba(21, 21, 21, 0.45); box-shadow:  0 0 10px rgba(21, 21, 21, 0.45); transition: .3s ease; z-index:3;}

.index_cases_box .case_list .case_item:hover .case_btn2{border-color: #33a0fd;transition: .3s ease; }

.index_cases_box .case_list .case_item:hover .case_btn2:hover{ background-color: #33a0fd; color: #fff;}

.index_cases_box .case_list .case_item:hover .case_btn:hover{ background-color: #037fe9; }



.index_adv_box{ background-color: #f5f5f5;padding-bottom: 70px;}

.index_adv_box .adv_box{    margin-top: 40px;}

.index_adv_box .adv_img{ float: left; display: block;}

.index_adv_box .adv_slider{ float: right; width:600px; padding-left:45px;padding-top: 20px;}

.index_adv_box .adv_slider dl{ display: table; margin-bottom:20px;}

.index_adv_box .adv_slider dt{ display: table-cell; vertical-align: middle;position: relative;}

.index_adv_box .adv_slider dt i{ width: 60px; height: 60px; line-height:60px;text-align: center; color: #616161; background-color: #fff; border:1px solid #666;border-radius: 100%; display: block;font-style: normal; font-weight:100; font-size: 18px;}

.index_adv_box .adv_slider dd{ display: table-cell; vertical-align: middle; padding-left:30px;}



.index_adv_box .adv_slider dd h3{ font-size:18px; color: #3d3d3d; font-weight:normal; line-height:2; margin-bottom:10px;}

.index_adv_box .adv_slider dd p{ color: #666666;}



.index_ad_box{ background-color: #3469ba; color: #fff;height:195px;}

.index_ad_box .ad_box_wrap{ position: relative; height:195px;}

.index_ad_box .ad_img{ width:240px; height:195px; position: relative; }



.index_ad_box .ad_img img{ display: block; position: absolute; right: 0; margin:auto; top: 0; bottom:0;  }

.index_ad_box .ad_con{  position: relative;  width: 640px;margin: 0 20px;}

.index_ad_box .ad_con_wrap{border: 1px solid rgba(255,255,255,.2); margin-top: 80px; height:80px;}



.index_ad_box .ad_con_wrap .ad_log{ position: absolute;bottom: 20px;left: 14px;}

.index_ad_box .ad_con h3{font-size: 36px;text-align: center;line-height: 0.1;height: 30px;background: #3469ba;display: block;width: 56%;margin: -1px auto 0;}

.index_ad_box .ad_con p{font-size: 20px; font-weight:100;padding-left: 170px;}

.index_ad_box .ad_contact{ padding:36px 0; width:270px;}

.index_ad_box .ad_contact p{font-size: 18px; font-weight:100;}

.index_ad_box .ad_contact em{ display: block;  font-style: normal;font-size: 36px;line-height: 1.2;margin-bottom: 10px;}

.index_ad_box .ad_contact .btn{ display: block; height:38px; width:200px;border-radius: 19px; background-color: #ffffff; color: #e42b2a;transition: all .4s ease; text-align: center; line-height:38px;}



.index_ad_box .ad_contact .btn:hover{ background-color: #e42b2a; color: #fff;}





.news_slider{ margin: 30px auto;}

.index_news_box{ background: url("../Images/news_bg.png") center/cover no-repeat;}



.index_news_box .news_item{ width:284px; margin:0 8px; float: left;}

.index_news_box .news_item .news_img{ width: 284px; height:211px; overflow: hidden; position: relative;}

.index_news_box .news_item .news_img img{ position: absolute; max-height:100%; margin:auto; left: 0; right: 0;}

.index_news_box .news_item .news_img .news_overlay{    background: rgba(32,82,177,.9);position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: 10px; -webkit-transform: scale(5); -moz-transform: scale(5); -ms-transform: scale(5); -o-transform: scale(5); transform: scale(5); opacity:0; visibility: hidden; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}

.index_news_box .news_item .news_img .news_overlay .overlay_wrap{ display: flex;justify-content: center;align-items: center;height: 100%;}

.index_news_box .news_item .news_img .news_overlay .overlay_wrap a{ color: #fff; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); -webkit-transition-delay: .4s; -moz-transition-delay: .4s; -ms-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .5s;    transition: all .5s cubic-bezier(1, 0.31, 0.67, 1.19) 0s}

.index_news_box .news_item .m-icon-plus{ display: block; width:50px; height:50px;border-radius: 50%; border:1px solid #fff; position: relative;margin-bottom: 12px;}

.index_news_box .news_item .m-icon-plus:before,.index_news_box .news_item .m-icon-plus:after{ content: ''; position: absolute; width:40%; height:0; border-bottom:1px solid #fff; margin:auto; top: 0; bottom: 0; left: 0; right: 0;}

.index_news_box .news_item .m-icon-plus:after{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}

.index_news_box .news_item .news_caption{ margin-top:10px;}

.index_news_box .news_item .news_title{font-size: 16px; color: #3f3f3f;font-weight: 600; line-height:36px; white-space: nowrap;overflow: hidden;	text-overflow: ellipsis;}

.index_news_box .news_item .news_desc{ color: #606060; height: 42px;overflow: hidden;font-size: 12px;line-height: 21px;}

.index_news_box .news_item:hover .news_img .news_overlay{ visibility: visible; opacity:1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}

.index_news_box .news_item:hover .news_img .news_overlay a{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}



.sbanner{ position: relative; z-index:1; height:520px; overflow: hidden;}

.sbanner:before{ content: ''; display: block;    position: absolute; z-index:3; margin:auto; left: 0; right: 0; top: 0; bottom: 0;background: #1d5c86; opacity:.5;}



.banner_channel_box{ position: absolute; display: flex; margin: auto; left: 0; right: 0; top: 0; bottom: 0; z-index:4; color: #fff;	align-items: center;height: 100%;justify-content: center;	flex-flow: column;}

.banner_channel_box .channel_name{ font-size:36px;}

.banner_channel_box .channel_desc{ font-size:16px; line-height:2;}

.sbanner .sbanner_wrap{ height:100%;}

.sbanner .location_box{ position: relative; width:1200px; margin:0 auto; z-index:4;}

.location{ position: absolute; right: 0; bottom: 0; line-height:3; color: #fff;}

.location a{ color: #fff;}

.location:before{ content: ''; display: inline-block; width:24px; height:24px; vertical-align: middle;background: url("../Images/icon_home.png") center no-repeat;}

.channel_nav_box{ border-bottom:1px solid #dbdbdb;}

.channel_nav_box .nav_box_wrap{ width:1200px; margin:0 auto; position: relative; height:60px;}

.channel_nav_box .channel_name{ width:100px; height:60px;text-align: center; z-index:3; display: inline-block; vertical-align: middle;}

.channel_nav_box .channel_name .name{ position: absolute;  z-index: 3;bottom: 0; height:100px; width:100px;display: flex;flex-flow: column; align-items:center; background-color: #00a2ea;justify-content: center; color: #fff;}

.channel_nav_box .channel_name .name:before{ content: attr(data-title); display: block; text-transform: uppercase;font-size: 30px;font-weight: bold;}

.channel_nav_box{ position: relative; z-index:2; background-color: #fff;}



.channel_nav_box  .current_name{ display: inline-block;vertical-align: middle;height: 60px;line-height: 60px;margin-left: 20px;}



.channel_nav_box .channel_nav{  float: right; width:680px;text-align: right;}

.channel_nav_box .channel_nav a{ display: inline-block; height:60px; line-height:60px; position: relative;    margin: 0 20px;}

.channel_nav_box .channel_nav a.on{ color: #00a2ea;}

.in_section_box{ position: relative; z-index:2; background-color: #fff;}

.in_section{}

.in_section .sec_wrap{ width:1200px; margin:0 auto;}

.in_section .sec_title{font-size: 30px; color: #4a4a4a;}

.in_section .sec_title,.in_section .sec_desc{ text-align: center; color: #727272;}



.in_section.about_box{ padding:20px 0; color: #5d5d5d;}

.in_section.about_box .about_title{ position: relative; color: #6b6b6b; font-weight:normal; line-height:3; position: relative;padding-bottom: 30px;}

.in_section.about_box .about_title:after{ content: ''; display: block; position: absolute; border-bottom:1px solid #999999; width:100px; height:0; left: 0;}

.in_section.about_box .about_title:before{ content: ''; display: block; position: absolute; right: 30px; top: 0; bottom: 0;background: url("../Images/logo_gray.png") center no-repeat; width:185px; height: 119px;}



.in_section.about_box .intro_con{ color: #000; line-height:36px;font-size: 16px;}

.in_section.about_box .about_params{display: flex;  position: relative; height:400px;  overflow: hidden;}

.in_section.about_box .about_params .params{ flex: 1;display: flex; position: relative;background: url("../Images/about_param_bg.png") center right no-repeat;    justify-content: center;align-items: center;    overflow: hidden;}

.in_section.about_box .about_params .right_logo{ width:726px; height:400px; position: relative;z-index: 3; background: url("../Images/about_param_bg2.png") center right no-repeat; overflow: hidden;}

.in_section.about_box .about_params .right_logo:before{ content: ''; display: block; position: absolute; margin:auto; left: 0; top: 0; right: 0; bottom: 0;  background-color: #00a2ea; opacity:.8;}

.in_section.about_box .about_params .right_logo:after{ content: ''; display: block; position: absolute; width:152px; height:54px; background: url("../Images/logo_white.png") center center no-repeat;margin: auto;top: 0;bottom: 0;	left: 15%;}

.params:before{content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0;background: url("../Images/about_param_bg.png") center right no-repeat;   z-index:1; transition: .4s ease;}

.params:after{ content: ''; display: block; position: absolute; z-index:2;top: 0; bottom: 0; left: 0; right: 0;background: #000; opacity:.5;}

.params{ }

.params .params_wrap{z-index:5; display: flex;width: 600px;}

.params dl{  padding:15px;text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;width:50%;color: #fff;}

.params dl:first-child{ padding-left:0;}

.params dl em{font-size: 72px;font-family: Impact; font-style: normal;}

.params:hover:before{-ms-filter: blur(5px);-webkit-filter: blur(5px);filter: blur(5px);}



.in_section.cultrue{overflow: hidden;}

.in_section.cultrue .cultrue_con{ margin: 30px auto; color: #000;line-height: 36px;font-size:16px;}

.in_section.cultrue .cultrue_list{ display: flex; margin-bottom:30px;}

.in_section.cultrue .cultrue_list .cultrue_item{ flex:1;border-right:1px solid #e4e5e6;}

.in_section.cultrue .cultrue_list .cultrue_item:first-child{border-left:1px solid #e4e5e6;}

.cultrue_list .cultrue_item .icon:before{ content: ''; display: block; width:68px; height:68px; margin:0 auto 10px;}

.cultrue_list .cultrue_item .icon_c_1:before{background: url("../Images/icon_c_1.png") center/contain no-repeat;}

.cultrue_list .cultrue_item .icon_c_2:before{background: url("../Images/icon_c_2.png") center/contain no-repeat;}

.cultrue_list .cultrue_item .icon_c_3:before{background: url("../Images/icon_c_3.png") center/contain no-repeat;}

.cultrue_list .cultrue_item .icon_c_4:before{background: url("../Images/icon_c_4.png") center/contain no-repeat;}

.cultrue_list .cultrue_item .icon_c_5:before{background: url("../Images/icon_c_1.png") center/contain no-repeat;}



.cultrue_list .cultrue_item .cultrue_name{font-size: 20px; color: #3c3c3c;text-align: center;line-height: 3;}

.cultrue_list .cultrue_item .cultrue_desc{text-align: center;line-height: 2; color: #797979;}





/*product center*/

.channel_nav_box .cate_nav{position: absolute;display: flex;width: 1200px;margin: auto;left: 0;right: 0;bottom: 190%;z-index: 2;justify-content: center;}

.channel_nav_box .cate_nav .cate_nav_wrap{}

.channel_nav_box .cate_nav .cat_item{padding: 0 20px; border-bottom: 1px solid rgba(255,255,255,.2);    position: relative;}



.channel_nav_box .cate_nav .cat_item a{ position: relative; color: #fff; display: block;text-align: center;padding: 10px;padding-bottom: 30px;}

.channel_nav_box .cate_nav .cat_item a:before{ content: ''; display: block; position: absolute; left: 0;  margin:auto; bottom: -1px; border-bottom: 2px solid #fff; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; width:0%;}

.channel_nav_box .cate_nav .cat_item .cat_icon{ width:48px; height:48px; margin:0 auto 20px;}

.channel_nav_box .cate_nav .cat_item .cat_icon img{ max-width:100%;}

.channel_nav_box .cate_nav .cat_item.on a:before,.channel_nav_box .cate_nav .cat_item:hover a:before{ width:100%;}

.channel_nav_box .cate_nav .cat_item:hover a{ color: #00a2ea;}

.channel_nav_box .cate_nav .cat_item::before{ content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0;background: rgba(255,255,255,.1); opacity:0;transition: all .3s;}

.channel_nav_box .cate_nav .cat_item:hover::before{filter:blur(5px); opacity:1;}



.floor_box{}

.floor_box .floor{ padding:30px 0; -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -ms-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s;}

.floor_box .floor .floor_wrap{ width:1200px; margin:0 auto;}

.floor_box .floor:nth-child(odd){ background-color: #f5f6f7;}

.floor_box .floor:hover{background-color: #f1f1f1}



.floor_box .floor .floor_head{padding-left: 10px;border-bottom: 2px solid #fff; display: flex;justify-content: space-between;align-items: center;}

.floor_box .floor .floor_head .floor_icon{ width:36px; height:36px; padding:8px;filter: invert(80%); margin-right:10px;display: inline-block;vertical-align: middle; position: relative;}



.floor_box .floor .floor_head .floor_icon img{max-width:100%;}

.floor_box .floor .floor_head .floor_name{ display: inline-block;color: #3b3b3b; padding-right:10px; position: relative;}

.floor_box .floor .floor_head .floor_name:after{ content: ''; display: block; height: 0; border-bottom:2px solid #00a2ea; position: absolute; bottom: -2px; width:50px;}

.floor_box .floor .floor_head .floor_head_right{ display: flex;align-items: center;}

.floor_box .floor .floor_head .floor_goods_link{  margin-right: 20px;}

.floor_box .floor .floor_head .floor_goods_link a{ padding:0 10px;}

.floor_box .floor .floor_head .floor_more{ background-color: #a4b1ba; color: #fff; display: inline-block; width:86px;; height:32px;line-height: 32px;text-align: center;}



.goods_list{}

.goods_list ul{ display: flex;}

.goods_list .goods_item{ float: left;margin:17px 10px; flex:1; max-width: 376px;}

.goods_list .goods_item:not(:first-child){ }

.goods_list .goods_item .item_img{ width: 376px;height: 268px;overflow: hidden;border-radius: 5px 5px 0 0;}

.goods_list .goods_item .item_name{ background-color: #fff;height: 58px;line-height: 58px;text-align: center;border: 1px solid #e6e6e6;font-size: 16px; }

.goods_list .goods_item .item_img img{ display: block; margin:0 auto; width:100%; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;}

.goods_list .goods_item:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

	/*product list*/

.product_list{}

.product_list .pro_item{ float: left;width: 393px; margin-bottom:35px; margin-right:10px;}

.product_list .pro_item:nth-child(3n){ margin-right:0;}

.product_list .pro_item .pro_img{ margin-bottom:5px;}

.product_list .pro_item .pro_img img{width:100%;display: block;border-radius: 5px;}

.product_list .pro_item .pro_caption{text-align: center;}

.product_list .pro_item .pro_caption .pro_title{ line-height:36px;}

/*product info*/



.product_intro{width: 1200px;margin: 0 auto 20px;clear: both;	padding-top: 30px;}

.g_gallery{ float: left; width:520px; padding-left: 0;}

.g_gallery{ float: left; width:495px; padding-left: 0;}

.g_gallery .g_pic{ width:493px;height: 370px; border:1px solid #dddddd;overflow: hidden;}

.g_gallery .g_pic a{ display: table-cell; width:493px;height: 370px; text-align: center; vertical-align: middle;}

.g_gallery .g_pic a img{ max-width:100%; max-height:370px; }

.g_gallery .g_thumb{ margin-top:12px;}

.g_gallery .g_thumb li{ width:90px; height:70px; float: left; margin:5px; border:1px solid #dbdbdb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.g_gallery .g_thumb li.on,.g_gallery .g_thumb li:hover{ border:1px solid #ff781e;}

.g_gallery .g_thumb li a{display: table-cell; width:90px; height:68px;  text-align: center;vertical-align: middle; }

.g_gallery .g_thumb li a img{ max-width:100%;max-height: 100%;display: block;}



.g_sumary{ float: left; width:570px; margin-left:20px;}



.g_sumary .goods_title{font-size: 24px; color: #444444;}

.g_sumary .goods_brief{color: #006ec1; line-height:2;}

.g_sumary .sumary_mid{background: url(../Images/price_bg.png) 0 48px repeat-x #f3f3f3;*background: url("../Images/price_bg.png") 0 48px repeat-x #f3f3f3; margin: 15px 0;padding: 10px;}

.g_sumary .sumary_mid dl{line-height: 26px;margin-bottom: 5px; margin-top: 5px; clear: both;}

.g_sumary .sumary_mid dt{float: left;padding-left: 10px;font-family: simsun;color: #999;text-align: right;width: 75px;}

.g_sumary .sumary_mid dd{margin-left:90px; color: #626262;}

.g_sumary .sumary_mid dd span{ color: #b5621b;}





.g_sumary .sumary_tips{ color: #ff1e1e;}

.g_sumary .sumary_tips span{ color: #a6a6a6; display: inline-block;width:90px; text-align: center;}

.g_sumary .sumary_btns{ margin: 15px auto;}

.b_icon{ display: inline-block; width:16px; height:16px; vertical-align: middle; margin-right:8px;background-repeat: no-repeat;background-position: center;}

.b_icon.msg{background-image: url("../Images/icon_msg.png");}

.g_sumary .sumary_btns .btn{ background-color: #006ec1; width:250px; display: inline-block; height:48px; line-height:48px; color: #fff; text-align: center;}

.g_sumary .sumary_btns .btn.online{ background-color: #2e9ce4; margin-left:15px;}

.g_sumary .sumary_tels{ border-bottom:1px solid #e9ebef; padding: 10px 0; }

.g_sumary .sumary_tels p{line-height: 1;}

.g_sumary .sumary_tels em{ font-weight:bold;font-size: 24px; color: #006ec1; line-height:1.5;font-style: normal;}

.g_sumary .sumary_tools{padding:10px 0;}



.g_sumary .sumary_tools {}

.t_icon{ display: inline-block;width: 28px;height: 28px; background: url("../Images/icon_suport_s.png") center center no-repeat; background-size: 20px;}

.t_icon.tel{background-image: url("../Images/icon_tel_s.png");}

.t_icon.share{background-image: url("../Images/icon_share_s.png");}

.g_sumary .sumary_tools .tool_item{ display: inline-block;height: 28px;line-height: 28px; margin-right:10px;}

.g_sumary .sumary_tools .tool_item i{ vertical-align: middle;}



.product_details{}

.product_details .pro_detail_bar{background: url("../Images/pro_info_bar_bg.png") center/cover no-repeat; text-align: center; color: #fff; padding-top:30px;margin-bottom: 20px;}

.product_details .pro_detail_bar .bar_title{ font-size:30px; }

.product_details .pro_detail_bar .bar_desc{ line-height:2;}



.product_details .pro_detail_bar .detail_btns{ margin-top:10px;}

.product_details .pro_detail_bar .detail_btns .btn{background: url("../Images/detail_bar_btn_bg.png") center no-repeat; display: inline-block; width:190px;text-align: center; height:48px; line-height:48px; margin:0 5px; position: relative;}

.product_details .pro_detail_bar .detail_btns a{ display: block; color: #fff;font-size: 16px; position: relative; z-index:3;}



.product_details .pro_detail_bar .detail_btns .btn:after{ content: ''; display: block; position: absolute; margin:auto; left: 0; bottom: 0; right: 0; height:0;background: #fff; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;}

.product_details .pro_detail_bar .detail_btns .btn.on:after,.product_details .pro_detail_bar .detail_btns .btn:hover:after{ height:100%;}

.product_details .pro_detail_bar .detail_btns .btn.on a,.product_details .pro_detail_bar .detail_btns .btn:hover a{ color: #4d4d4d;}

.product_details .pro_detail{ padding:20px 0; line-height:26px;}

.product_details .pro_detail .detail_content{padding: 0 10px;line-height: 26px;}

.product_details .pro_detail .detail_content h4{color: #00a2ea;font-weight: normal; position: relative;}

.product_details .pro_detail .detail_content h4:before{ content: ''; display: block; position: absolute; border:4px solid transparent;border-left-color:#006ec1; margin:auto; top:0; bottom:0;left: -10px;width: 0;height: 0;}

.product_details .pro_detail .detail_content img{ max-width:100%;}

.product_details .pro_detail .head_name{position: relative; font-weight:normal;line-height:48px; border-left:2px solid #006ec1; padding-left:16px; margin-bottom:20px; background-color: #f9f9f9; font-size: 16px;}

.product_details .pro_detail .head_name:before{content: ''; display: block; position: absolute; margin:auto;width:0; height:0; border:5px solid #006ec1; top: 0; bottom: 0; left: 0; border-top-color: transparent;border-right-color: transparent;border-bottom-color: transparent;}







.relate_box{}

.relate_box .box_head{ position: relative; line-height:48px; border-left:2px solid #006ec1; padding-left:16px; margin-bottom:20px; background-color: #f9f9f9; font-size: 16px;}

.relate_box .box_head:before{ content: ''; display: block; position: absolute; margin:auto;width:0; height:0; border:5px solid #006ec1; top: 0; bottom: 0; left: 0; border-top-color: transparent;border-right-color: transparent;border-bottom-color: transparent;}



.relate_goods_list{ margin-bottom:15px;}

.relate_goods_list .goods_item{ float: left;width:33.333%;}

.relate_goods_list .goods_item .item_wrap{ padding-left:10px;}

.relate_goods_list .goods_item img{ width:100%;}

.relate_goods_list .goods_item p{ line-height:36px; text-align: center;}

	/*power*/

.power_index{padding: 0; height: 960px;  position: relative;}

.power_index:after{ content: ''; display: block;background: url("../Images/power_bg.png") center/cover no-repeat; z-index:1; width:100%; height:100%; top:0; position: absolute;}

.power_index .power_wrap{ position: relative; z-index:2; height:100%;}

.power_index .power_nav{display: flex; height:100%;}

.power_index .power_nav .power_item{width:25%; float: left; flex:1; text-align: center; height: 100%; position: relative; overflow: hidden;}

/*.power_index .power_nav .power_item:before,*/.power_index .power_nav .power_item:after{ content: ''; display: block; position: absolute;background-color: rgba(255, 255, 255, 0.1); left: 0; right: 0; top: 0; bottom: 0; margin:auto; -webkit-transform: skew(30deg); -moz-transform: skew(30deg); -ms-transform: skew(30deg); -o-transform: skew(30deg); transform: skew(-30deg); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;}

/*.power_index .power_nav .power_item:before{top: -150%;}

.power_index .power_nav .power_item:after{bottom: -196%;}*/



.power_index .power_nav .power_item .item_wrap{background-color: rgba(0,0,0,.5);display: flex;align-items: center;justify-content: center;height: 100%;flex-flow: column;}

.power_index .power_nav .power_item .item_wrap .power_icon{ position: relative; z-index:2;}

.power_index .power_nav .power_item .item_wrap a{font-size: 24px; color: #fff; position: relative; z-index:2;}



.power_index .power_nav .power_item .item_wrap:before{ content: ''; display: block; position: absolute;margin: auto;top: 0;left: 0;bottom: 0;right: 0;-webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -ms-transform: skew(-30deg); -o-transform: skew(-30deg); transform: skew(-30deg); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; opacity:0;}

.power_index .power_nav .power_item:nth-child(1) .item_wrap:before{ background: url("../Images/power_img_1.png") center/cover no-repeat;}

.power_index .power_nav .power_item:nth-child(2) .item_wrap:before{ background: url("../Images/power_img_2.png") center/cover no-repeat;}

.power_index .power_nav .power_item:nth-child(3) .item_wrap:before{ background: url("../Images/power_img_3.png") center/cover no-repeat;}

.power_index .power_nav .power_item:nth-child(4) .item_wrap:before{ background: url("../Images/power_img_4.png") center/cover no-repeat;}





.power_index .power_nav .power_item:hover:after{ -webkit-transform: skew(0); -moz-transform: skew(0); -ms-transform: skew(0); -o-transform: skew(0); transform: skew(0);}

.power_index .power_nav .power_item:hover .item_wrap:before{ -webkit-transform: skew(0); -moz-transform: skew(0); -ms-transform: skew(0); -o-transform: skew(0); transform: skew(0); opacity:1;}



.gallery_wrap{ padding:10px; width: 1200px; margin: 0 auto;}

.gallery_list{ display: flex;flex-wrap: wrap;justify-content:left;align-items: center;}

.gallery_list .gallery_item{  width:25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:10px;text-align: center;}

.gallery_list .gallery_item .item_wrap{ width:100%; height: 100%; position: relative; overflow: hidden; border-radius: 15px;}

.gallery_list .gallery_item img{max-width:100%; max-height:100%; display: block; margin:0 auto; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}

.gallery_list .gallery_item .item_name{ position: absolute; margin:auto; left: 0; right: 0; height: 32px; text-align: center; bottom: -50%;color: #fff;z-index: 2;background: rgba(0,0,0,.4);line-height: 32px; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;}

.gallery_list .gallery_item:hover .item_name{ bottom:0;}

.gallery_list .gallery_item:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}



.cover {

	display: inline-block;

	height: 300px;

	width: 400px;



	border-radius: 8px;

}

.atvImg {

	border-radius: 8px;

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d;

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

}

.atvImg img {

	border-radius: 8px;

	box-shadow: 0 2px 8px rgba(14,21,47,0.25);

}

.atvImg-container {

	position: relative;

	width: 100%;

	height: 100%;

	border-radius: 8px;

	-webkit-transition : all 0.2s ease-out;

	transition: all 0.2s ease-out;

}

.atvImg-container.over .atvImg-shadow {

	box-shadow: 0 45px 100px rgba(14,21,47,0.4), 0 16px 40px rgba(14,21,47,0.4);

}

.atvImg-layers {

	position: relative;

	width: 100%;

	height: 100%;

	border-radius: 8px;

	overflow: hidden;

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d;

}

.atvImg-rendered-layer {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0%;

	left: 0%;

	background-repeat: no-repeat;

	background-position: center;

	background-color: transparent;

	background-size: cover;

	-webkit-transition : all 0.1s ease-out;

	transition: all 0.1s ease-out;

	overflow: hidden;

	border-radius: 8px;

}

.atvImg-shadow {

	position: absolute;

	top: 5%;

	left: 5%;

	width: 90%;

	height: 90%;-webkit-transition : all 0.2s ease-out;transition: all 0.2s ease-out;box-shadow: 0 8px 30px rgba(14,21,47,0.6);}

.atvImg-shine {position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 8px;background: -webkit-linear-gradient(315deg, rgba(255,255,255,.25) 0%,rgba(255,255,255,0) 60%);background: linear-gradient(135deg, rgba(255,255,255,.25) 0%,rgba(255,255,255,0) 60%);

}





.honor_list{    text-align: center;}

.honor_list .gallery_item{ width:400px; display: inline-block;}

.honor_list .gallery_item img{ width:100%;}



.in_section.news{ padding:20px 0;}



.news_slider_2{ margin:20px auto;}

.news_slider_2 .news_item .item_wrap{ padding:3px;}

.news_slider_2 .news_item .news_img{ overflow: hidden;}

.news_slider_2 .news_item .news_img img{ -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;}



.news_slider_2 .news_item .news_title{ line-height:2.5; font-size:16px; display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }

.news_slider_2 .news_item .news_desc{ line-height: 1.6;color: #5f5f5f;}

.news_slider_2 .news_item .news_caption{ padding: 0 10px 12px;border: 1px solid #eee;}

.news_slider_2 .news_item .news_caption .catname a{ display: inline-block; padding:3px 10px; background-color: #00a2ea;color: #fff;margin-top: 10px;}

.news_slider_2 .news_item:hover{ -webkit-box-shadow:  0 5px 10px #f0f0f0; -moz-box-shadow:  0 5px 10px #f0f0f0; box-shadow: 0 5px 10px #f0f0f0;}

.news_slider_2 .news_item:hover .news_img img{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2 ); -ms-transform: scale(1.2 ); -o-transform: scale(1.2); transform: scale(1.2 );}

.news_slider_2 .news_item:hover .news_title{ color: #00a2ea;}

.news_slider_2 .owl-theme .owl-dots .owl-dot.active span, .news_slider_2 .owl-theme .owl-dots .owl-dot:hover span{background: #00a2ea;}





.hy_news.in_section{  padding: 60px 0; position: relative; overflow: hidden;}

.hy_news.in_section .sec_wrap{ position: relative; z-index:2;}

.hy_news.in_section:after{ content: ''; position: absolute; margin:auto; left: 0; right: 0; top: 0; bottom: 0;background: url("../Images/news_center_part2_bg.jpg") center no-repeat fixed; -webkit-transition: .2s; -moz-transition: .2s ; -ms-transition: .2s ; -o-transition: .2s ; transition: .2s ; z-index: 1;}

.hy_news.in_section:hover:after{-ms-filter: blur(2px);-webkit-filter: blur(2px);filter: blur(2px);}

.hy_news.in_section .sec_title{ color: #fff;}



.hy_news_list{ position: relative; padding:20px 0; display: flex;flex-wrap: wrap; margin-top:30px;}

.hy_news_item{width: 50%; float: left; flex:1;min-width:50%;max-width:50%; padding: 10px;padding-bottom: 0;	padding-top: 0;margin-bottom: 12px;}

.hy_news_item .item_wrap{background: rgba(255,255,255,.8);padding: 10px;padding-bottom: 15px;padding-top: 15px;display: flex;	align-items: center; color: #666; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}

.hy_news_item .item_wrap .news_time{ width:100px;text-align: center;transition: all .4s ease;}

.hy_news_item .item_wrap .news_time p{font-size: 36px; color: #00a2ea;}

.hy_news_item .item_wrap .news_main{ flex: 1;}

.hy_news_item .item_wrap .news_main .news_title{ font-size: 16px; color: #202020;  white-space: nowrap;text-overflow: ellipsis;	overflow: hidden; font-weight:normal;line-height: 2.5; transition: all .4s ease;}

.hy_news_item .item_wrap .news_main .news_desc{ line-height:1.8}

.hy_news_item:hover .item_wrap{box-shadow: 2px 1px 0 rgba(250, 250, 250, 0.3), 3px 2px 0 rgba(210, 210, 210, 0.2), 4px 3px 0 rgba(219, 219, 219, 0.1), 5px 4px 0 rgba(130, 130, 130, 0.1), 6px 5px 0 rgba(134, 134, 134, 0.1); border-radius: 5px;}

.hy_news_item:hover .item_wrap .news_main .news_title{ color: #2052b1;    /*text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25);*/}

.hy_news_item:hover .item_wrap  .news_time{text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25); color: #00a2ea;}

.hy_news_item:hover .item_wrap  .news_time p{ color: #fff;}



.mt_news_list{ margin:30px auto;}

.mt_news_list .mt_news_item{ width:386px; float: left; margin-bottom:20px;}

.mt_news_list .mt_news_item:not(:nth-child(3n+1)){ margin-left:20px;}

.mt_news_list .mt_news_item .item_wrap{ padding:30px; display: block;background-color: #fbfbfb; -webkit-transition: background-color .5s; -moz-transition: background-color .5s; -ms-transition: background-color .5s; -o-transition: background-color .5s; transition: background-color .5s;}

.mt_news_list .mt_news_item .news_title{ font-weight:normal;font-size: 16px; color: #666;  white-space: nowrap;text-overflow: ellipsis;	overflow: hidden; font-weight:normal;line-height: 2.5; transition: all .4s ease;}



.mt_news_list .mt_news_item .news_time{ color: #a0a0a0;margin-bottom: 5px;}

.mt_news_list .mt_news_item .news_desc{color: #7e7e7e;}

.mt_news_list .mt_news_item:hover .item_wrap{ background-color: #f4f4f4;}

.mt_news_list .mt_news_item:hover .news_title{ color: #202020;}





.page_main{ padding:30px 0; background-color: #fff; position: relative; z-index:2;}

.page_wrap{ width:1200px; margin:0 auto;}



.page_left{ width:1200px; float: left;}

.page_right{ width:1200px; float: left; margin-top:50px;}



.news_list{}

.news_list .news_item{    border-bottom: 1px solid #efefef;}

.news_list .news_item .item_wrap{ display: flex	;    padding: 46px 60px 40px 0px;	position: relative;-webkit-transition: all 0.3s ease;	transition: all 0.3s ease;align-items: center;}

.news_list .news_item .news_img{ height:160px; overflow: hidden;}

.news_list .news_item .news_img img{ max-height:100%;}

.news_list .news_item .news_inf{ flex:1; padding-left:20px;border-right: 1px solid #d4d4d4;	padding-right: 20px;}

.news_list .news_item .news_inf .news_title{ font-size: 20px;color: #202020;font-weight: normal;}

.news_list .news_item .news_inf .news_clicks{ font-size: 12px;color: #c9c9c9;padding: 10px 0px;}

.news_list .news_item .news_inf .news_desc{font-size: 14px;color: #464646;line-height: 26px;height: 52px;overflow: hidden;}

.news_list .news_item .news_time{    width: 70px;text-align: center;margin-left: 20px;font-size: 16px; color: #8d8b8b;}

.news_list .news_item .news_time .date{ font-weight:bold;font-size: 30px;}



.news_list .news_item:hover .news_title{ color: #00a2ea;}

.news_list .news_item:hover .date{ color: #00a2ea;}



.page{ margin-top:10px;text-align: center;}



.news_main{}

.news_main .news_title{ font-size: 26px;font-weight: normal;color: #000000;margin-bottom: 10px;}

.news_main .news_meta{ font-size: 12px;color: #7e7e7e;margin-bottom: 15px;}

.news_main .news_content{ line-height:26px;}

.news_main .news_content img{ max-width:100%; vertical-align: bottom;}



/*jobs page*/



.job_page_wrap{margin: 0 auto;clear: both;}

.job_section{ margin-bottom:10px;}

.job_section .sec_head{ background-color: #fafafa;}

.job_section .sec_head .head_name{line-height:42px;height:42px; padding-left:20px;font-size:16px;text-align: center; color: #ff6633;}

.job_section .sec_head .join_btn{ height:42px; width:120px;text-align: center; line-height:42px;background: #ff6633;color: #fff; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}

.job_section .sec_head .join_btn:hover{ -webkit-box-shadow: 0 0 10px #ff6633; -moz-box-shadow: 0 0 10px #ff6633; box-shadow: 0 0 10px #ff6633;}

.job_section .job_info{ padding:20px;}

.job_section .job_info p{ line-height:26px;}

.job_section .job_info .job_param{ display: inline-block; width:200px;}



.jobs_list{ display: flex;flex-wrap: wrap;}

.jobs_list .jobs_item{ float: left; max-width:33.33%; }

.jobs_list .jobs_item .item_wrap{ padding:10px;background: rgba(0,0,0,.03); margin: 3px; border-radius: 4px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;}

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

.jobs_list .jobs_item .item_head{ display: flex;justify-content: space-between; align-items: center; line-height:46px;}

.jobs_list .jobs_item .item_head .jobs_name{flex: 1;font-size: 18px;color: #626262;}

.jobs_list .jobs_item .jobs_inf{ padding: 3px 5px; line-height:26px;}

.jobs_list .jobs_item .more{ float: right; display: block; color: #fff;  padding:2px 5px; position: relative; overflow: hidden; border:1px solid #00a2ea;}

.jobs_list .jobs_item .more:before{ content: ''; display: block; position: absolute; margin:auto; left: 0; right: 0; background-color: #00a2ea; width:20px; height:20px;border-radius: 50%; -webkit-transform: scale(6); -moz-transform: scale(6); -ms-transform: scale(6); -o-transform: scale(6); transform: scale(6); -webkit-transition: transform .4s ease; -moz-transition: transform .4s ease ; -ms-transition: transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease;}

.jobs_list .jobs_item .more span{ position: relative; z-index:3;}

.jobs_list .jobs_item .more:hover:before{  -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}



.jobs_list .jobs_item .more:hover span{ color: #00a2ea;}

.jobs_list .jobs_item:hover .jobs_name{color: #00a2ea;}

.jobs_list .jobs_item:hover .item_wrap{box-shadow: 2px 1px 0 rgba(250, 250, 250, 0.3), 3px 2px 0 rgba(210, 210, 210, 0.2), 4px 3px 0 rgba(219, 219, 219, 0.1), 5px 4px 0 rgba(130, 130, 130, 0.1), 6px 5px 0 rgba(134, 134, 134, 0.1); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px); transform: translateY(-3px);}





/*contact page*/

.contact_page{}

.contact_page .page_wrap{ padding:30px 80px 40px;padding-bottom: 40px;}

.contact_page h3{ text-align: center;font-size: 30px; line-height:3; font-weight:normal; color: #6b6b6b;margin-bottom: 20px;}

.contact_page .contact_way_box{}

.contact_page .contact_box{ display: flex;justify-content: space-between;}

.contact_page .contact_box .contact_item{ flex:1; max-width:48%;height: 480px; }



.contact_page .contact_box .contact_box_left{  display: flex;   flex-flow: column;justify-content: space-between;}

.contact_page .contact_box .addr_item{ height:46%;padding-left:70px; padding-top:10px; padding-right:40px; border:1px solid #d7d7d7;}

.contact_page .contact_box .addr_item h4{font-size: 30px; line-height:2; font-weight:300; color: #616161; border-bottom:1px solid #d3d3d3;}

.contact_page .contact_box .addr_item .item_con{ padding:20px 0;color: #616161;}

.contact_page .contact_box .addr_item .item_con p{ line-height:32px; position: relative;}

.contact_page .contact_box .addr_item .item_con span{ position: relative;}

.contact_page .contact_box .addr_item .item_con span i.fa{ position: absolute; margin:auto; top: 0; bottom: 0; left:-15px;}

.contact_page .contact_box .contact_box_right{border:1px solid #d7d7d7; padding-left: 55px; padding-right:55px; color: #535353; padding-top:35px;}

.contact_page .contact_box .contact_box_right p:first-child{ color: #868686;}

.contact_page .contact_box .contact_box_right p{ line-height:28px;font-size: 16px;}

.contact_page .contact_box .contact_box_right em{ color: #00a2ea; font-style: normal;font-size: 36px; font-weight:bolder;font-family: Impact;}

.contact_page .contact_box .contact_box_right .qrcode_box{display: flex; height: 240px; border-top:1px solid #d3d3d3; margin-top:30px; justify-content: space-around;align-items: center;}

.contact_page .contact_box .contact_box_right .qrcode_box .qrcode{ width:155px; height:155px; background-color: #535353;}

.contact_page .contact_box .contact_item .addr_item{ -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;}

/*.contact_page .contact_box .contact_item .addr_item *{ -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;}*/

.contact_page .contact_box .contact_item .addr_item:hover{ background-color: #00a2ea;}

.contact_page .contact_box .contact_item .addr_item:hover *{ color: #fff;}