*{ 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: 800px; height: 120px; float: right; list-style: none;}
.nav li{width: 85px; height: 120px; line-height: 120px; float: left; margin-left: 10px;margin-right: 10px; 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 */
.flickerplate {position:relative;width:100%;height:656px;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("?en/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("?en/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("?en/images/arrow-left-dark.png")}
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {background-image:url("?en/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: #333; 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: #ddd; 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: 1040px; position: relative; background: url(?en/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(?en/images/next.png)!important;left: 500px!important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: url(?en/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; margin-top: 30px;}

/* QUALITY */
.quality1{width: 100%; height: 509px; background: url(?en/images/gongyi1.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(?en/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(?en/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; word-break:break-all;}
.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: 15.33%; float: left; margin-top: 35px;padding:0 10px ;}
.foot_nav ul li{ width: 100%; height: 38px;}
.foot_nav ul p{font-size: 18px; font-weight: bold; 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: right!important; height: 255px;}
.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(?en/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(?en/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(?en/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;word-break:break-all;}
.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 font p{font-size:12px; color: #333; height:20px;line-height:20px;}
.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(?en/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;}