*{ margin:0; padding:0;}
body{ font-family:"微软雅黑"; font-size:14px; color:#333; background: #f7f7f7}
.clear{clear: both;}
a{text-decoration: none}
ol,ul,li{list-style: none}
/* TOP */
.top_bg{width: 100%; height: 40px; background: #2e2e2e;}
.top{width: 1280px; height: 40px; margin: 0 auto;}
.welcome{width: 50%; height: 40px; line-height: 40px; text-align: left; color: #999; float: left}
.top_nav{width: 145px; height: 40px; line-height: 40px; text-align: left;color: #999;  float: right}
.top_nav a{color: #999; text-decoration: none}
.top_nav a:hover{color: #fff;}

/* HEAD */
.head_bg{ width: 100%; height: 120px; background: #fff;}
.head{width: 1280px; height: 120px; margin: 0 auto;}
.logo{width: 266px; height: 120px; float: left;}
.nav{width: 931px; height: 120px; float: right; list-style: none;}
.nav li{
/*	width: 85px; */
	height: 120px; line-height: 120px; float: left; margin-left: 48px; text-align: center}
.nav li a{font-size: 17px; color: #2e2e2e; text-decoration: none}
.nav li a:hover{color: #164ea4;}

.m_nav{display: none}

/* BANNER */
.m_banner{display: none}
.pc_banner{display: block}
.flickerplate {position:relative;width:100%;height:800px;background-color:#e6e6e6;overflow:hidden}
.flickerplate ul.flicks {width:10000%;height:100%;padding:0px;margin:0px;list-style:none}
.flickerplate ul.flicks>li {float:left;width:1%;height:100%;background-position:center;background-size:cover;display:table}
.flickerplate ul.flicks>li .flick-inner {height:100%;padding:10px;color:#fff;display:table-cell;vertical-align:middle}
.flickerplate ul.flicks>li .flick-inner .flick-content {max-width:68.75em;margin-left:auto;margin-right:auto}
.flickerplate ul.flicks>li .flick-title {padding:0px 0px;font-size:2.778em;line-height:1.995em;text-align:center}
@media only screen and (max-width: 43.813em) {.flickerplate ul.flicks>li .flick-title {font-size:1.667em}}
.flickerplate ul.flicks>li .flick-sub-text {padding:5px;font-weight:300;line-height:2.5em;color:rgba(255, 255, 255, 0.8);text-align:center}
.flickerplate ul.flicks>li .flick-title span.flick-block-text, .flickerplate ul.flicks>li .flick-sub-text span.flick-block-text {padding:12px 18px;background-color:rgba(0, 0, 0, 0.6)}
.flickerplate .arrow-navigation {position:absolute;height:80%;width:10%;top:10%;z-index:100;overflow:hidden}
.flickerplate .arrow-navigation .arrow {display:block;height:100%;width:90%;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;	-o-transition:all 0.2s ease-out;	-ms-transition:all 0.2s ease-out;transition:all 0.2s ease-out}
.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover {cursor:pointer}
.flickerplate .arrow-navigation.left {left:0%}
.flickerplate .arrow-navigation.left .arrow {opacity:0;	margin:0px 0px 0px 50%;	background-image:url("../images/arrow-left-light.png");background-repeat:no-repeat;background-position:left}
.flickerplate .arrow-navigation.right {right:0%}
.flickerplate .arrow-navigation.right .arrow {opacity:0;margin:0px 0px 0px -50%;background-image:url("../images/arrow-right-light.png");background-repeat:no-repeat;background-position:right}
.flickerplate .arrow-navigation.left.hover .arrow {opacity:1;margin:0px 0px 0px 20%}
.flickerplate .arrow-navigation.right.hover .arrow {opacity:1;margin:0px 0px 0px -20%}
.flickerplate .dot-navigation {position:absolute;bottom:15px;width:100%;text-align:center;z-index:100}
.flickerplate .dot-navigation ul {text-align:center;list-style:none;padding:0px 15px}
.flickerplate .dot-navigation ul li {display:inline-block;float:none}
.flickerplate .dot-navigation .dot {width:14px;height:14px;margin:0px 6px;background-color:rgba(255, 255, 255, 0.3);border-radius:50%;-o-border-radius:50%;	-ms-border-radius:50%;	-moz-border-radius:50%;	-webkit-border-radius:50%;	-webkit-transition:background-color 0.2s ease-out;	-moz-transition:background-color 0.2s ease-out;	-o-transition:background-color 0.2s ease-out;	-ms-transition:background-color 0.2s ease-out;	transition:background-color 0.2s ease-out}
.flickerplate .dot-navigation .dot:hover {cursor:pointer;background-color:rgba(255, 255, 255, 0.6)}
.flickerplate .dot-navigation .dot.active {background-color:#fff}
.flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul {text-align:left}
.flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul {text-align:right}
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow {background-image:url("../images/arrow-left-dark.png")}
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {background-image:url("../images/arrow-right-dark.png")}
.flickerplate.flicker-theme-dark .dot-navigation .dot {background-color:rgba(0, 0, 0, 0.12)}
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover {background-color:rgba(0, 0, 0, 0.6)}
.flickerplate.flicker-theme-dark .dot-navigation .dot.active {background-color:#000}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner {color:rgba(0, 0, 0, 0.9)}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text {color:rgba(0, 0, 0, 0.9)}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text {background-color:rgba(255, 255, 255, 0.5)}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner {color:rgba(0, 0, 0, 0.9)}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text {color:rgba(0, 0, 0, 0.9)}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text {background-color:rgba(255, 255, 255, 0.5)}
.flickerplate.animate-transform-slide ul.flicks {-webkit-perspective:1000;-webkit-backface-visibility:hidden;transform:translate3d(0%, 0px, 0px);-webkit-transform:translate3d(0%, 0px, 0px);-webkit-transition:-webkit-transform 0.6s;	-o-transition:-o-transform 0.6s;-moz-transition:-moz-transform 0.6s;	transition:transform 0.6s}
.flickerplate.animate-transition-slide ul.flicks {position:relative;left:0%;-webkit-transition:left 0.4s ease-out;-moz-transition:left 0.4s ease-out;-o-transition:left 0.4s ease-out;-ms-transition:left 0.4s ease-out;transition:left 0.4s ease-out}
.flickerplate.animate-jquery-slide ul.flicks {position:relative;left:0%}
.flickerplate.animate-scroller-slide {padding-bottom:0px;overflow:auto}
.flickerplate.animate-scroller-slide ul.flicks {position:auto}

/* PRODUCT */
.product{width: 1280px; height: 700px; margin: 30px auto;}
.pro1{width: 712px; height: 350px; float: left; background: #eee; position: relative;}
.pro2{width: 568px; height: 350px; float: left; background: #eee; position: relative;}
.pro4{width: 568px; height: 350px; float: left; background: #eee; position: relative;}
.pro3{width: 712px; height: 350px; float: left; background: #ddd; position: relative;}
.pro_title{width: 390px; height: 120px; position: absolute; top: 85px; left: 50px;}
.pro_title p{text-transform:Uppercase; font-size: 24px; font-weight: bold; margin-bottom: 30px;}
.pro_title font{ font-size: 18px;}
.pro_img_index{width: 289px; height: 350px; position: absolute; right: 0;transition: transform 12s cubic-bezier(.23,1,.32,1);}
.pro1 a{color: #333; display: block; width: 100%; height: 100%;}
.pro2 a{color: #333; display: block; width: 100%; height: 100%;}
.pro4 a{color: #333; display: block; width: 100%; height: 100%;}
.pro3 a{color: #333; display: block; width: 100%; height: 100%;}
.pro1:hover{background: #164ea4;}
.pro2:hover{background: #164ea4;}
.pro4:hover{background: #164ea4;}
.pro3:hover{background: #164ea4;}
.pro2:hover a{color: #ddd;}
.pro3:hover a{color: #ddd;}
.pro4:hover a{color: #ddd;}
.pro1:hover img {transition: transform 12s cubic-bezier(.23,1,.32,1);transform: scale(1.1);}
.pro2:hover img {transition: transform 12s cubic-bezier(.23,1,.32,1);transform: scale(1.1);}
.pro4:hover img {transition: transform 12s cubic-bezier(.23,1,.32,1);transform: scale(1.1);}
.pro3:hover img {transition: transform 12s cubic-bezier(.23,1,.32,1);transform: scale(1.1);}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;}
.pro_switch{width: 1280px; height: 327px; margin: 30px auto;}
.pro_list_img{width: 100%; height: 269px; border-bottom: 1px solid #dcdcdc; overflow: hidden}
.pro_list_img img{ width: 100%; height: 100%;transition: transform 12s cubic-bezier(.23,1,.32,1);}
.pro_list_name_index{width:100%; height: 58px; line-height: 58px; }
.pro_switch a{text-decoration: none; color: #333; font-size: 16px;}
.swiper-slide:hover .pro_list_img{border-bottom: none;}
.swiper-slide:hover .pro_list_img img{transition: transform 12s cubic-bezier(.23,1,.32,1);transform: scale(1.1);}
.swiper-slide:hover .pro_list_name_index{ background: #164ea4}
.swiper-slide:hover a{color: #fff;}

/* ADVANTAGE */
.advantage{width: 100%; height: 1010px; position: relative; background: url(../images/adv.jpg) no-repeat center top;}
.adv_box{width: 1280px; margin: 0 auto; position: relative; z-index: 10;}
.adv_title{ padding-top: 80px;}
.adv_title p{font-size: 72px; font-weight: bold; color: #fff;}
.adv_title p font{color: #ed3130}
.adv_ch{font-size: 60px!important; font-weight: bold; color: #fff;}
.adv_ch font{color: #ed3130}
.adv_t{color:#a09f9f; height: 60px; margin-top: 50px; font-size: 18px;}
.adv_con{width: 527px; height: 243px; margin-top: 150px;}
.swiper-adv{width: 100%;height: 100%;}
.swiper-adv .swiper-slide {text-align: left!important;font-size: 16px;background: #f7f7f7!important}
.swiper-adv .swiper-slide p{ font-size: 24px; font-weight: bold; height: 55px;}
.swiper-adv .swiper-slide img {margin-top: 30px;}
.swiper-button-next, .swiper-button-prev {position: absolute;top: 87%!important;width: 27px;height: 44px;margin-top: 0px!important;z-index: 10;cursor: pointer;background-size: 27px 44px;background-position: center;background-repeat: no-repeat;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: url(../images/next.png)!important;left: 500px!important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: url(../images/perv.png)!important;left: 450px!important;}
.adv_video{width: 815px; height: 459px; position: absolute; left: 545px; bottom: 30px;}
.adv_img{width: 1280px; height: 214px; margin: 0 auto;}

/* QUALITY */
.quality1{width: 100%; height: 509px; background: url(../images/gongyi1.jpg) no-repeat center;}
.quality2{width: 100%; height: 509px; background: url(../images/gongyi2.jpg) no-repeat center;}
.swiper-quality{width: 100%; height: 509px; position: relative}
.swiper-pagination{bottom: 20px!important;}
.swiper-pagination-bullet {width: 20px!important;height: 20px!important;text-align: center;line-height: 20px;font-size: 12px;color:#000!important;opacity: 1!important;background:#fff!important;}
.swiper-pagination-bullet-active {color:#fff!important;background: #007aff!important;}

/* ABOUT */
.about{width: 1165px; margin: 30px auto; height: 370px;}
.about_title{width: 100%; height: 68px; line-height: 68px; font-size: 26px; text-align: center}
.about_title font{color:#164ea4}
.about_con{line-height: 32px;  font-size: 16px; color: #666; margin-top: 15px;}
.about_more{ background: url(../images/more.png) no-repeat center; width: 85px; height: 35px; display: block; margin: 0 auto; margin-top: 30px;}

/* NEWS */
.new{width: 100%; height: 610px; background: #fff; padding-top: 40px;}
.new_con{ width: 1280px; height: 610px; background: url(../images/news_bg.jpg) top center no-repeat; margin: 0px auto}
.new_title{width: 320px; height: 80px; line-height: 80px;font-size: 26px; float: right; margin-right: 110px; margin-top: 82px;}
.new_title font{color:#164EA4}
.news_list{ width: 1280px; height: 335px; margin-top: 110px;}
.news_list ul{list-style: none}
.news_list ul li{width: 33.33%; height: 145px; float: left; margin-bottom: 20px;}
.news_slide{width: 40px; height: 3px; background: #164ea4}
.news_list ul li p{font-size: 20px; height: 48px; line-height: 48px; width: 90%;}
.news_list ul li p a{color: #333; text-decoration: none}
.news_list ul li p a:hover{color:#164ea4}
.news_list ul li font{ display: block; width: 90%;height: 50px; color: #666; }
.news_time{font-size: 16px; font-weight: bold; color: #555555}

/* FOOT */
.foot{width: 100%; height: 290px; background: #f7f7f7;}
.foot_nav{width: 1280px; height: 290px; margin: 0 auto;}
.foot_nav ul{ list-style: none; width: 205px; float: left; margin-top: 35px;}
.foot_nav ul li{ width: 100%; height: 38px;}
.foot_nav ul p{font-size: 22px; font-weight: bold; height: 65px; line-height: 65px;}
.foot_nav ul li a{ color: #666666; text-decoration: none;}
.foot_nav ul li a:hover{color:#164ea4}
.foot_contact{width: 380px!important; float: left!important; height: 255px; margin-left: 40px;}
.qrcode{width: 405px; height: 290px; background: #333333; float: right}
.qr_code{width: 156px; height: 156px; float: left; margin-top: 55px; margin-left: 31px; text-align: center; color: #999;}
.qr_code p{ height: 35px; line-height: 35px; }
.copyright{width: 100%; height: 60px; background: #eee; color: #666; line-height: 60px; text-align: center}
.copyright a{color: #666;}

/* CHILD */
.banner_child{ width: 100%; height:auto; position: relative;overflow: hidden}
.banner_child img{width: 100%; height: auto;transition: transform 12s cubic-bezier(.23,1,.32,1);display : block ;}
.con{width: 100%; height: 200px; position: absolute; top: 30%;}
.con p{ font-size: 48px; color: #103889; text-align: center; margin-bottom: 20px;}
.con font{ font-size: 22px; color: #103889; text-align: center; display: block}
.childlook{width: 165px; height: 45px; border: 2px solid #fff; display: block; color:#fff; line-height: 42px; font-size: 16px; text-indent: 60px; background:url(../images/look.png) no-repeat left; float: left;}
.childask{width: 165px; height: 45px; border: 2px solid #29a05a;  display: block; color:#fff; line-height: 42px; font-size: 16px; text-indent: 60px; background:url(../images/ask.png) no-repeat left #29a05a; float: right;}
.banner_child_nav{width: 100%; background: rgba(0, 0, 0, .7); position: absolute; bottom: 0; height: 60px; }
.banner_nav{width: 1280px; margin: 0 auto;}
.banner_nav_left{width: 300px; height: 60px; float: left; font-size: 16px; color: #fff; line-height: 60px; background: url(../images/home.png) no-repeat left;}
.banner_nav_left font{font-weight: bold;}
.banner_nav_left a{color:#fff; text-decoration: none}
.banner_nav_right{width: 900px; height: 20px; margin-top: 18px; float: right;}
.banner_nav_right li{width: auto;height: 20px; float: right;border-right: 1px solid #8c8c8c;padding-left: 15px; padding-right: 15px; }
.banner_nav_right li a{width: 100%;  text-align: center; display: block; font-size: 16px; color: #ddd; text-decoration: none}
.banner_nav_right li:first-child{border-right: none;}
.banner_nav_right li .cur_child{color: #fff!important; font-weight: bold!important;}
.banner_nav_right li a:hover{color: #fff!important; font-weight: bold!important;}
.banner_child:hover img {transition: transform 12s cubic-bezier(.23,1,.32,1);transform: scale(1.2);}

.child{ width: 100%; height:auto;}
.child_c{ width: 1280px; height: auto; min-height: 500px; padding-top: 50px; margin:0 auto; font-size: 16px; line-height: 32px; }
.map{ width: 740px; height: 340px; float: left; margin-top: 20px;margin-right: 20px;}
.web_loc{ font-size: 12px; padding-bottom: 20px; width: 100%; border-bottom: 1px solid #eee; margin-bottom: 20px;}
.web_loc a{ color:#666;}
.web_loc font{ color:#f00}

.news_list_child{ width: 1220px; height: 185px; padding: 30px; background: #fff; margin-bottom: 30px; box-shadow: 0px 2px 5px #e1e1e1;}
.news_pic{ width: 300px; float: left; margin-right: 30px; height: 185px;}
.news_pic img{ width: 100%; height: 100%;}
.news_con{ width: 890px; height: 185px; float: right;}
.news_con h1{ font-size: 24px;height: 50px; line-height: 40px;}
.news_con h1 a{ color: #666;}
.news_con h1 a:hover{ color: #004097;}
.news_con p{ height: 100px;}
.news_con font{ display: block; text-align: right;}
.cur{ color:#fff!important;    background-color: #de6262; border-radius: 3px;}
.heis{ padding: 3px 8px;  margin: 0 5px; color: #949494}
.news_child{ width: 100%; height:auto; border-top: solid 1px #e5e5e5; padding-bottom: 30px; }
.news_child_c{ width: 1160px; height: auto; min-height: 500px; padding-top: 30px; padding-left: 60px; padding-right: 60px; margin:0 auto; font-size: 16px; margin-top: 30px; line-height: 32px; background: #fff;  box-shadow: 0px 2px 5px #e1e1e1; }
.web_loc{ font-size: 12px; padding-bottom: 20px; width: 100%; border-bottom: 1px solid #eee; margin-bottom: 20px;}
.web_loc a{ color:#666;}
.web_loc font{ color:#f00}
.news_content h3{font-size: 22px; font-weight: 400;color: #000000;}
.zhaiyao{ font-size: 14px; color: #aaa; height: 70px; line-height: 70px;}
.news_content p{ line-height: 32px; font-size: 16px; text-indent: 32px;}
.product_list{width:1310px; margin: 0 auto; padding-top: 58px;}
.product_list ul{display: inline-table;}
.product_list ul li{width:346px; border: 2px solid #ddd; padding: 25px; overflow: hidden; text-align: center; float: left; margin-left: 15px; margin-right: 15px; margin-bottom: 58px;}
.product_list ul li img{width: 100%;transition: transform 12s cubic-bezier(.23,1,.32,1);}
.product_list ul li:hover img {transition: transform 12s cubic-bezier(.23,1,.32,1);transform: scale(1.1);}
.product_list ul li p{font-size:24px; color: #333; height: 60px; line-height: 60px;}
.product_list ul li p a{color: #333;}
.pro_more{width: 130px; height: 40px; line-height: 40px; display: block; margin: 0 auto; border: 2px solid #666; margin-top: 20px; color:#666}
.pro_more:hover{ border: 2px solid #164ea4; color: #164ea4 }
.pro_show{width: 1280px; height: auto; margin: 0 auto; padding-top: 60px; padding-bottom: 60px;}
.pro_show_img{width: 460px; height: 460px; float: left; background: #fafafa;}
.pro_show_img img{width: 100%; height: 100%;}
.pro_desc{width: 760px; height: auto; float: right;}
.pro_desc h1{ color:#333; font-weight: normal; font-size: 36px;}
.pro_desc p{ font-size: 16px; line-height: 28px; margin-top: 20px;}
.pro_desc table{box-sizing: border-box; border-collapse:collapse; margin-top: 30px}
.pro_desc table tbody tr td{ text-indent: 15px; border: 1px solid #ededed;}
.pro_desc table thead tr td{ text-indent: 15px; border: 1px solid #666;}
.pro_desc table tr{ height: 50px}
.pro_desc table thead{ background: url(../images/table.jpg) repeat-x; color: #fff;}
.tr-even-bg{ background: #f5f5f5}
.pdf_icon{float: left; margin-left: 15px; margin-top: 11px}
.pdf_td{line-height: 50px; text-indent: 10px!important;}
.pdf_td a{ color:#333}
.pdf_td a:hover{color:#f00;}


@media screen and (max-width: 1180px) {
/* TOP */
.top_bg{display: none}
	
/* HEAD */
.head_bg{display: none}

.m_nav{display: block; position: relative; width: 100% ;height: 80px;}
.sp_header{height:80px;overflow:hidden;background:#fff;position:fixed;z-index:999;width:100%;}
.sp_logo{padding:10px;float:left;height:60px}
.sp_logo img{margin:auto;max-height:60px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:30px}
.sp_nav span{display:block;background:#305dc3;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:999;background:#fafafa;width:100%;height:calc(100% - 80px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:80px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:0px;right:0px;border-left:1px #ddd solid;height:30px;padding:10px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;text-indent: 5px; position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none;}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#305dc3}
.sjj_nav ul li ul li>ul{margin-left:10px}
.sjj_nav ul{width: 90%;margin: 0 auto}
.zi_nav{width: 100%!important;}
	.zi_nav li{text-indent: 20px!important;}
	
/* BANNER */
.m_banner{display: block; width: 100%; height: 100%;}
.m_banner img{width: 100% ;height: 100%;}
.pc_banner{display: none}

/* PRODUCT */
.product{width: 100%; height: auto; margin: 30px auto;}
.pro1{width: 100%; height: 180px; float: none; background: #333; position: relative;}
.pro2{width: 100%; height: 180px; float: none; background: #eee; position: relative;}
.pro3{width: 100%; height: 180px; float: none; background: #eee; position: relative;}
.pro4{width: 100%; height: 180px; float: none; background: #ddd; position: relative;}
.pro_title{width: 65%; height: 120px; position: absolute; top: 25px; left: 20px;}
.pro_title p{text-transform:Uppercase; font-size: 18px; font-weight: bold; margin-bottom: 30px;}
.pro_title font{ font-size: 18px;}
.pro_img_index{width: 149px; height: 180px; position: absolute; right: 0;transition: transform 12s cubic-bezier(.23,1,.32,1);}
.pro1 a{color: #ddd; display: block; width: 100%; height: 100%;}
.pro2 a{color: #333; display: block; width: 100%; height: 100%;}
.pro3 a{color: #333; display: block; width: 100%; height: 100%;}
.pro4 a{color: #333; display: block; width: 100%; height: 100%;}
.pro1:hover{background: #164ea4;}
.pro2:hover{background: #164ea4;}
.pro3:hover{background: #164ea4;}
.pro4:hover{background: #164ea4;}
.pro2:hover a{color: #ddd;}
.pro3:hover a{color: #ddd;}
.pro4:hover a{color: #ddd;}
.pro1:hover img {transition: transform 12s cubic-bezier(.23,1,.32,1);transform: scale(1.1);}
.pro2:hover img {transition: transform 12s cubic-bezier(.23,1,.32,1);transform: scale(1.1);}
.pro3:hover img {transition: transform 12s cubic-bezier(.23,1,.32,1);transform: scale(1.1);}
.pro4:hover img {transition: transform 12s cubic-bezier(.23,1,.32,1);transform: scale(1.1);}

.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;}
.pro_switch{width: 95%; height: auto; margin: 30px auto;}
.pro_list_img{width: 100%; height: auto; border-bottom: 1px solid #dcdcdc; overflow: hidden}

.pro_list_img img{ width: 100%; height: 100%;transition: transform 12s cubic-bezier(.23,1,.32,1);}
.pro_list_name_index{width:100%; height: 58px; line-height: 58px; }
.pro_switch a{text-decoration: none; color: #333; font-size: 16px;}
.swiper-slide:hover .pro_list_img{border-bottom: none;}
.swiper-slide:hover .pro_list_img img{transition: transform 12s cubic-bezier(.23,1,.32,1);transform: scale(1.1);}
.swiper-slide:hover .pro_list_name_index{ background: #164ea4}
.swiper-slide:hover a{color: #fff;}

/* ADVANTAGE */
.advantage{width: 100%; height: auto; position: relative; background: none;}
.adv_box{width: 100%; margin: 0 auto; position: relative; z-index: 10;}
.adv_title{display: none}
.adv_t{display: none}
.adv_con{display: none}
.adv_video{width: 100%; height: auto; position: relative; left: 0; bottom: 0; z-index: 8}
.adv_img{display: none}

/* QUALITY */
.swiper-quality{display: none}

/* ABOUT */
.about{width: 95%; margin: 30px auto; height: auto;}
.about_title{width: 100%; height: 68px; line-height: 68px; font-size: 26px; text-align: center}
.about_title font{color:#164ea4}
.about_con{line-height: 32px;  font-size: 16px; color: #666; margin-top: 15px;}
.about_more{ background: url(../images/more.png) no-repeat center; width: 85px; height: 35px; display: block; margin: 0 auto; margin-top: 30px;}

/* NEWS */
.new{display: none}

/* FOOT */
.foot{display: none}
.copyright{width: 100%; height: 60px; background: #eee; color: #666; line-height: 60px; text-align: center}
.copyright a{color: #666;}

/* CHILD */
.banner_child{ width: 100%; height:auto; position: relative;overflow: hidden}
.banner_child img{width: 100%; min-height: 200px; transition: transform 12s cubic-bezier(.23,1,.32,1);display : block ;}
.con{width: 100%; height: 200px; position: absolute; top: 30%;}
.con p{ font-size: 24px; color: #fff; text-align: center; margin-bottom: 15px;}
.con font{ display: none}
.childlook{width: 165px; height: 45px; border: 2px solid #fff; display: block; color:#fff; line-height: 42px; font-size: 16px; text-indent: 60px; background:url(../images/look.png) no-repeat left; float: left;}
.childask{width: 165px; height: 45px; border: 2px solid #29a05a;  display: block; color:#fff; line-height: 42px; font-size: 16px; text-indent: 60px; background:url(../images/ask.png) no-repeat left #29a05a; float: right;}
.banner_child_nav{width: 100%; background: rgba(0, 0, 0, .7); position: absolute; bottom: 0; height: 60px; }
.banner_nav{width: 100%; margin: 0 auto;}
.banner_nav_left{width: 100%; height: 60px; float: left; text-indent: 20px; font-size: 16px; color: #fff; line-height: 60px; background: url(../images/home.png) no-repeat left;}
.banner_nav_left font{font-weight: bold;}
.banner_nav_left a{color:#fff; text-decoration: none}
.banner_nav_right{display: none}

.child{ width: 100%; height:auto;}
.child_c{ width: 95%; height: auto; min-height: 500px; padding-top: 30px; margin:0 auto; font-size: 16px; line-height: 32px; }
.map{ width: 100%; height: 340px; float: left; margin-top: 20px;margin-right: 20px; margin-bottom: 30px;}
.web_loc{ font-size: 12px; padding-bottom: 20px; width: 100%; border-bottom: 1px solid #eee; margin-bottom: 20px;}
.web_loc a{ color:#666;}
.web_loc font{ color:#f00}
.app{display: none}

.news_list_child{ width: 90%; height: auto; padding: 5%; background: #fff; margin-bottom: 30px; box-shadow: 0px 2px 5px #e1e1e1;}
.news_pic{ width: 100%; float: none; margin-right: 30px; height: auto;}
.news_pic img{ width: 100%; height: 100%;}
.news_con{ width: 100%; height: auto; float: none;}
.news_con h1{ font-size: 16px;height: auto; line-height: 24px; padding-bottom: 10px;}
.news_con h1 a{ color: #666;}
.news_con h1 a:hover{ color: #004097;}
.news_con p{ height: 60px; overflow: hidden;font-size: 14px; line-height: 19px;}
.news_con font{ display: block; text-align: right;}
.cur{ color:#fff!important;    background-color: #de6262; border-radius: 3px;}
.heis{ padding: 3px 8px;  margin: 0 5px; color: #949494}
.news_child{ width: 100%; height:auto; border-top: solid 1px #e5e5e5; padding-bottom: 30px; }
.news_child_c{ width: 90%; height: auto; min-height: 500px; padding-top: 30px; padding-left: 5%; padding-right: 5%; margin:0 auto; font-size: 16px; margin-top: 30px; line-height: 32px; background: #fff;  box-shadow: 0px 2px 5px #e1e1e1; }
.news_child_c img{width: 100%;}
.web_loc{ font-size: 12px; padding-bottom: 20px; width: 100%; border-bottom: 1px solid #eee; margin-bottom: 20px;}
.web_loc a{ color:#666;}
.web_loc font{ color:#f00}
.news_content h3{font-size: 22px; font-weight: 400;color: #000000;}
.zhaiyao{ font-size: 14px; color: #aaa; height: 70px; line-height: 70px;}
.news_content p{ line-height: 32px; font-size: 16px; text-indent: 32px;}
	
.product_list{width:100%; margin: 0 auto; padding-top: 30px;}
.product_list ul{display: inline-table;}
.product_list ul li{width:80%; border: 2px solid #ddd; padding: 5%; overflow: hidden; text-align: center; float: left; margin-left: 15px; margin-right: 15px; margin-bottom: 58px;}
.product_list ul li img{width: 100%;transition: transform 12s cubic-bezier(.23,1,.32,1);}
.product_list ul li:hover img {transition: transform 12s cubic-bezier(.23,1,.32,1);transform: scale(1.1);}
.product_list ul li p{font-size:24px; color: #333; height: 60px; line-height: 60px;}
.product_list ul li p a{color: #333;}
.pro_more{width: 130px; height: 40px; line-height: 40px; display: block; margin: 0 auto; border: 2px solid #666; margin-top: 20px; color:#666}
.pro_more:hover{ border: 2px solid #164ea4; color: #164ea4 }
.pro_show{width: 100%; height: auto; margin: 0 auto; padding-top: 60px; padding-bottom: 60px;}
.pro_show_img{width: 90%; height: auto; float: none; margin:0 auto;background: #fafafa;}
.pro_show_img img{width: 100%; height: 100%;}
.pro_desc{width: 95%; margin:0 auto; height: auto; float: none;}
.pro_desc h1{ color:#333; font-weight: normal; font-size: 28px;}
.pro_desc p{ font-size: 16px; line-height: 28px; margin-top: 20px;}
.pro_desc table{box-sizing: border-box; border-collapse:collapse; margin-top: 30px}
.pro_desc table tbody tr td{ text-indent: 15px; border: 1px solid #ededed;}
.pro_desc table thead tr td{ text-indent: 15px; border: 1px solid #666;}
.pro_desc table tr{ height: 50px}
.pro_desc table thead{ background: url(../images/table.jpg) repeat-x; color: #fff;}
.tr-even-bg{ background: #f5f5f5}
.pdf_icon{float: left; margin-left: 15px; margin-top: 11px}
.pdf_td{line-height: 50px; text-indent: 10px!important;}
.pdf_td a{ color:#333}
.pdf_td a:hover{color:#f00;}
}