body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 arial,'Microsoft YaHei'; color:#333; font-size:12px;}
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a:hover{ text-decoration:none; }
:focus {outline: 0 none;}
h1,h2,h3{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:arial,'Microsoft YaHei';}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
em,i{ font-style:normal;}
li{ list-style:none;}


/* head */

.head{ height:80px; background:#fff;}
.box{ width:1160px; margin:0 auto;}
.head_box h1{ float:left; -margin:20px 0 0 0; position: absolute; left: 50px; top: 20px;}
.nav{ padding-top:20px; -float:left; width:900px; margin:auto;}
.nav li{ float:left; width:120px; margin-left:30px; position:relative; height:60px;}
.nav li a{ display:block;  height:60px; line-height:36px; font-size:18px; color:#111111; text-align:center;}

.language{ float:right; color:#1b1b1b;top:20px; right: 50px; height:36px; line-height:36px; position: absolute;}
.language a{ display:inline-block; padding:0 10px;color:#1b1b1b;transition:all 0.5s ease 0s;}
.language a:hover{ color:#0088d0}
.nav li a:hover{ background:#0088d0; color:#fff; transition:all 0.5s ease 0s;}
.nav li .subnav{width:147px; position:absolute; left:0; top:60px; z-index:9999999; background:#0088d0;  color:#fff; text-align:center; padding:5px 0; display:none;}
 .nav li a.current{ background:#0088d0; color:#fff;}
.nav li .subnav a{ height:30px; line-height:30px; text-align:center; overflow:hidden; color:#fff; margin-top:4px;}
.nav li .subnav a:hover{ text-decoration:underline;}
.head_box { width: 100%; box-sizing:border-box; padding: 0 50px; }

/* foot */
.foot{ background:url(../images/foot.jpg) center top no-repeat; height:239px; overflow:hidden;}
.foot_left{ width:925px; float:left; padding-top:35px;}
.foot_nav{ width:20%; float:left;}
.foot_nav span{ display:block; height:53px; line-height:53px; color:#fff; font-size:18px; overflow:hidden; text-align:center;}
.foot_nav a{ height:25px; line-height:25px; display:block; overflow:hidden; color:#c4c4c4;  padding-left:67px; font-size:14px;transition:all 0.5s ease 0s;}
.foot_nav a:hover{ color:#fff; transition:all 0.5s ease 0s;}

.foot_right{ width:235px; float:right;padding-top:35px;}
.foot_right span{display:block; height:33px; line-height:33px; color:#fff; font-size:15px; overflow:hidden; padding-top:9px; }
.foot_right i{ display:block; height:36px; line-height:36px; color:#fff; font-size:28px; font-weight:600; margin-bottom:17px;}
.foot_right em{ height:40px; display:block; line-height:40px;}
.foot_right em a{ margin-right:20px; display:inline-block;}
.add{ background:#333438; padding:30px 0; overflow:hidden;}
.add_left{ width:785px; float:left;}
.add_left p{font-size:14px; color:#afafaf; height:20px; line-height:20px;}
.add_right { float:right;}
.add_right a{ font-size:14px; color:#afafaf; height:20px; line-height:20px;}

/* about */
.catalog{ height:73px; line-height:73px; border-bottom:1px solid #e0e0e0;}
.cata_ul{ text-align:center;}
.cata_ul li{ display:inline-block; padding:0 10px;}
.cata_ul li a{ font-size:16px; display:block; padding:0 3px; color:#111111; border-bottom:3px solid #fff; height:70px;}
.cata_ul li a:hover,.cata_ul li a.for{ color:#0088d0; transition:all 0.5s ease 0s;border-bottom:3px solid #009fe8;}

.details{ background:url(../images/box.jpg) center 18px no-repeat; background-size:cover;}
.deta_inner{ clear:both; overflow:hidden; padding:30px 0 50px 0px; font-size:14px; color:#777777; line-height:26px;}

/* news */
.news{ padding-top:32px;}
.news dl{ padding:22px 0; border-bottom:1px solid #e0e0e0;}
.news dl dt{ float:left; padding:0 28px 0 50px;width:144px; height:122px; overflow:hidden; }
.news dl dt img{ width:144px; height:122px; overflow:hidden; transition:all 0.5s ease 0s;background:#0088d0;}
.news dl dt:hover img{ opacity:.8; transition:all 0.5s ease 0s;}
.news dl dd{ width:890px; float:left;}
.news dl dd .news_tit{transition:all 0.5s ease 0s; height:36px; line-height:36px; display:block; overflow:hidden; font-size:16px; color:#111111;}
.news dl dd .news_tit:hover{ color:#0088d0;transition:all 0.5s ease 0s;}
.news dl dd .news_div{ height:56px; overflow:hidden; margin-bottom:10px;}
.news_div p{ float:left; width:615px; line-height:28px; font-size:14px; color:#777777; height:65px; overflow:hidden;}
.news_div .news_see{ float:right; width:191px; height:42px; line-height:42px; background:url(../images/jian1.jpg) 137px center no-repeat; font-size:14px; color:#515151; border:1px solid #dddddd; text-indent:40px;}
.news_div .news_see:hover{transition:all 0.5s ease 0s; text-indent:50px;background:#fff url(../images/jianblue.png) 140px center no-repeat; border:1px solid #0088d0; color:#0088d0;}
.news dl dd span{ color:#c1c1c1; display:block; background:url(../images/time.jpg) left center no-repeat; padding-left:26px; text-align:left; width:120px; height:20px; line-height:20px; overflow:hidden;}

/* pages */

.pages{ padding:60px 0; text-align:center;}
.pages a{ display:inline-block; width:48px; height:40px; border:1px solid #d8dce0; border-radius:3px; line-height:40px; text-align:center; margin:0 4px; font-size:14px; color:#8c8c8c;}
.pages a:hover,.pages a.cur{ background:#269edc; color:#fff; transition:all 0.5s ease 0s;}
.pages a.s,.pages a.x{ width:82px;}

/* news_info */
.release{ padding:32px 0 30px 0;}
.release h3{ font-weight:normal; font-size:30px; text-align:center; height:80px; line-height:80px; color:#111111;}
.release span{ background:#f7f7f7; height:44px; line-height:44px; text-align:center; color:#bbbbbb; font-size:14px; display:block; overflow:hidden;}

.news_word{ font-size:14px; color:#111111; line-height:26px; padding:0 20px 50px;}

/* pro */
.ul_pro{ padding-top:54px; margin-left:-20px;}
.ul_pro li{ float:left; width:274px; height:246px; margin-left:20px; position:relative; overflow:hidden;}
.ul_pro li span{ width:274px; height:189px; overflow:hidden; display:block;}
.ul_pro li span img{ width:274px; height:189px; overflow:hidden;}
.ul_pro li .pro_tit{ height:57px; line-height:57px; display:block; text-align:center; font-size:16px; color:#111111;}
.ul_pro li .pro_hover{ position:absolute; left:0; top:-189px; background:url(../images/probj.png) left top; width:100%; display:block;height:189px; text-align:center; transition:all 0.5s ease 0s;}
.pro_hover em{ background:url(../images/proadd.png) center top no-repeat; width:32px; height:32px; display:inline-block; margin-top:78px;}
.ul_pro li:hover  .pro_tit{ color:#0088d0}
.ul_pro li:hover .pro_hover{ top:0; transition:all 0.5s ease 0s;}

/* pro_info */
.pro_info h3{ height:104px; line-height:104px; text-align:center; font-size:25px; color:#111111; font-weight:normal;}
.pro_div{ padding-bottom:60px;}
.pro_left{ float:left; width:571px; height:318px;}
.pro_left img{ width:571px; height:318px; overflow:hidden;}
.pro_right{ float:left; width:570px; line-height:28px; font-size:14px; color:#777777;}
.pro_zi{ height:250px; overflow:hidden; padding:0 30px;}
.pro_zi p{ text-indent:2em; margin-bottom:20px;}
.pro_right h3{ height:50px; line-height:50px; font-weight:normal; font-size:25px; color:#111111; text-align:left; padding-left:50px;}

/* message */
.message{ padding:72px 0 0 0px; }
.message .mess_txt{ width:370px; height:45px; line-height:45px; border:1px solid #e0e0e0;  margin:0 auto 24px; padding-left:10px; font-size:14px; color:#b7b7b7; display:block;}
.message .area_mess{width:370px;border:1px solid #e0e0e0;  margin:0 auto 24px; padding-left:10px; font-size:14px; color:#b7b7b7; display:block; height:83px; resize:none;}
.message .mess_sub{ font-size:18px; color:#fff; display:block; cursor:pointer; height:44px; line-height:44px; border:1px solid #0991d9; background:#0991d9; width:380px; margin:0 auto 60px;transition:all 0.5s ease 0s;}
.message .mess_sub:hover{ transition:all 0.5s ease 0s; background:none; color:#0991d9;}
.contact{ padding:110px 0; }
.con_left{width:595px; float:left;}
.con_right{ width:430px; float:right;}
.con_right h3{ height:74px; line-height:74px; font-size:20px; font-weight:normal; color:#000000;}
.con_right li{ height:38px; line-height:38px; overflow:hidden;}
.con_right li em{ display:block; float:left; width:30px; height:38px; line-height:38px;}
.con_right li span{ display:block; float:left; width:390px; color:#777777; font-size:14px;}

/* publish */
.publish{ padding-top:25px;}
.publish dl{ padding:30px 0; border-bottom:1px solid #e0e0e0;}
.publish dl dt{ float:left; width:208px; height:174px; overflow:hidden; margin-left:88px; background:#0088d0}

.publish dt img{width:208px; height:174px; overflow:hidden; transition:all 1s ease 0s; opacity:.6}
.publish dt:hover img{ transform:scale(1.4,1.4); transition:all 1s ease 0s;}
.publish dd{ width:830px; float:right;}
.publish dd .pub_tit{ height:40px; line-height:40px; display:block; font-size:18px; overflow:hidden; color:#111111;}
.publish dd .pub_tit:hover{ color:#0088d0;}
.publish dd p{ height:84px; overflow:hidden; font-size:14px; color:#989898; padding-right:50px;}
.publish dd .pub_see{ width:151px; height:34px; background:#0088d0; border:1px solid #0a6c9e; color:#ddeaf6; font-size:14px; text-align:center; line-height:34px; display:block;transition:all 0.5s ease 0s;}
.publish dd .pub_see:hover{ background:#0a6c9e; transition:all 0.5s ease 0s;}

.pub_info{ padding:30px 180px 50px; font-size:14px; color:#777777; line-height:26px; box-sizing:border-box;}

.patent{ padding:30px 30px 60px;font-size:14px; color:#777777; line-height:26px; }

/* index */
.flex-direction-nav{ display:none;}
.flex-control-nav { width:100%; text-align:center; height:16px; bottom:41px; left:0; position:absolute; z-index:99999;}
.flex-control-nav li{ display:inline-block; }
.flex-control-nav li a{font-size:0; background:url(../images/banner1.png) center center no-repeat; width:16px; height:16px; display:block; margin:0 5px;}
.flex-control-nav li .flex-active{ background:url(../images/banner2.png) center center no-repeat; }

.flexslider {position: relative;width: 100%;height: 100%; margin:0 auto; overflow:hidden;}
.slides li .banner_img{ width:100%; height:100%;}
.slides li { position:relative; width:100%; height:100%;}
.slides {width:100%; height:100%; overflow:hidden;}

.index_tit{ padding-top:36px; text-align:center;}
.index_tit h3{ font-size:30px; font-weight:normal; color:#515151; height:46px; line-height:46px; overflow:hidden; margin-bottom:6px;}
.index_tit span{ display:block; margin:0 auto; width:36px; height:3px; background:#0088d0;}

.product_div{ padding:65px 0 46px 0;}
.product_div li{ float:left; width:269px; height:312px; overflow:hidden; border:1px solid #e0e0e0; text-align:center; margin-left:25px; transition:all 0.5s ease 0s;}
.product_div li a{ display:block;}
.product_div li span{ display:block; height:126px; padding:22px 0 26px 0;}
.product_div span img{ width:126px; height:126px; border-radius:126px; overflow:hidden;}
.product_div em{ display:block; height:49px; line-height:49px; font-size:30px; color:#515151; overflow:hidden;}
.product_ul{ margin-left:-25px;}
.product_div i{ margin-top:17px; display:inline-block; width:138px; height:28px; border:1px solid #939393; color:#414141; font-size:14px; line-height:28px;}
.product_div li:hover{ background:#0088d0; transition:all 0.5s ease 0s;border:1px solid #0088d0; box-shadow:0 0 10px #e9e9e9; transform:translateY(-5px)}
.product_div li:hover em,.product_div li:hover i{ color:#fff;}
.product_div li:hover i{ border:1px solid #fff;}
.product_see{ display:block; margin:90px auto 0; width:190px; height:42px; line-height:42px; border:1px solid #dddddd; font-size:14px; color:#515151; background:#fff url(../images/jian1.png) 130px center no-repeat; text-indent:40px;transition:all 0.5s ease 0s;}
.product_see:hover{transition:all 0.5s ease 0s; text-indent:50px;background:#fff url(../images/jianblue.png) 140px center no-repeat; border:1px solid #0088d0; color:#0088d0;}
.droit_inner{ padding:44px 0 42px 0;}
.droit_ul{ margin-left:-22px;}
.droit_ul li{ float:left; width:272px; border:1px solid #dfdfdf; height:393px; overflow:hidden; text-align:center;transition:all 0.5s ease 0s; margin-left:20px;}
.droit_pic{ position:relative; height:193px; width:272px; overflow:hidden;}
.droit_pic img{height:193px; width:272px; overflow:hidden;}
.droit_pic .droit_img{ position:absolute; left:0; top:-193px; display:block; width:100%; height:193px; background:url(../images/dro.png) left top; text-align:center; line-height:193px;transition:all 0.5s ease 0s;}
.droit_img img{ width:38px; height:38px; overflow:hidden;}
.droit_ul li em{ display:block; padding:32px 0; height:50px; line-height:50px; font-size:30px; color:#353535; overflow:hidden;}
.droit_ul li span{ width:139px; height:28px; line-height:28px; border:1px solid #dfdfdf; margin:0 auto; display:block; font-size:14px; color:#646464;}
.droit_ul li .dro_div{ height:187px; border-bottom:13px solid #fff;transition:all 0.5s ease 0s;}
.droit_ul li:hover{ border:1px solid #0088d0; box-shadow:0 0 10px #e9e9e9;transition:all 0.5s ease 0s; transform:translateY(-5px)}
.droit_ul li:hover  .droit_img{ top:0; transition:all 0.5s ease 0s;}
.droit_ul li:hover em{ color:#0088d0;}
.droit_ul li:hover span{ color:#0088d0; border:1px solid #0088d0}
.droit_ul li:hover .dro_div{ border-bottom:13px solid #0088d0;transition:all 0.5s ease 0s;}
.droit_inner .product_see{ margin-top:32px;}

.dynamic{ background:#f3f4f8; padding-bottom:46px;}
.dynamic_div{ padding-top:65px; margin-left:-14px;}
.dynamic_div dl{ float:left; width:572px; height:170px; margin:0 0 30px 14px; background:#ffffff;}
.dynamic_div dt{ float:left; width:166px; height:170px; overflow:hidden; background:#0088d0;}
.dynamic_div dt img{width:166px; height:170px; overflow:hidden;transition:all 1s ease 0s;}
.dynamic_div dt:hover img{ transform:scale(1.4,1.4); transition:all 1s ease 0s; opacity:.8}
.dynamic_div dd{ width:390px; float:right; padding:17px 0 0 0;}
.dynamic_div dd .dy_tit{ height:27px; line-height:27px; display:block; font-size:16px; color:#515151; overflow:hidden;transition:all 0.5s ease 0s;}
.dynamic_div dd .dy_tit:hover{ color:#0088d0; transform:translateX(10px); transition:all 0.5s ease 0s;}
.dynamic_div dd span{ height:28px; line-height:28px; display:block; color:#979797;}
.dynamic_div dd p{ height:50px; color:#8c8c8c; line-height:25px; overflow:hidden; margin-bottom:10px;}
.dynamic_div dd .dy_see{ display:block; width:106px; height:22px; line-height:22px; border:1px solid #b9b9b9; text-align:center; color:#6f6f6f;transition:all 0.5s ease 0s;}
.dynamic_div dd .dy_see:hover{ background:#b9b9b9; color:#fff; transition:all 0.5s ease 0s;}
.dynamic_inner .product_see{ margin-top:0px;}

.us{ background:url(../images/blue.jpg) center top no-repeat; height:652px;}

.us_div{ padding:40px 0 0 0;}
.us_inner .index_tit h3{ color:#fff;}
.us_inner .index_tit span{ background:#fff;}
.us_left{ float:left; width:458px; position:relative;}
.us_left span{ display:block; border:1px solid #fff; width:183px; height:469px; top:0; left:36px; position:absolute;}
.us_left em{ display:block; padding:34px 0 0 56px; position:relative; z-index:9999;}
.us_right{ width:657px; float:right; padding-top:87px;}
.us_right span{ color:#fff; font-size:28px; display:block; height:46px; line-height:46px; margin-bottom:30px;}
.us_right p{  color:#fff; height:110px; overflow:hidden; line-height:29px; font-size:16px; padding-right:48px; margin-bottom:30px;}
.us_see{ display:block; color:#fff; width:191px; height:42px; line-height:42px; border:1px solid #fff; font-size:14px; text-indent:40px; background:url(../images/jian.png) 130px center no-repeat;transition:all 0.5s ease 0s;}
.us_see:hover{ background:url(../images/jian.png) 140px center no-repeat;transition:all 0.5s ease 0s; text-indent:50px;}
.good{ background:url(../images/good.jpg) center top no-repeat; height:651px;}
.good_inner .index_tit h3{ color:#fff;}
.good_inner .index_tit span{ background:#fff;}
.good_div{ position:relative; height:431px; margin-top:40px;}
.good_ul{ position:absolute; left:0; top:0; width:1160px; height:431px; overflow:hidden;}
.good_ul li{ float:left;}
.good_ul li .good_left{ float:left; width:581px; height:431px; overflow:hidden;}
.good_left img{width:581px; height:431px; overflow:hidden; }
.good_right{ float:left; width:579px; background:url(../images/goodbj.png) left top;height:431px; padding:0 120px 0 66px; box-sizing:border-box; color:#fff;}
.good_right span{ display:block; height:95px; line-height:95px; font-size:30px; }
.good_right p{ height:57px; overflow:hidden; line-height:28px; color:#fff; font-size:14px; margin-bottom:40px;}
.good_tab{ position:absolute; right:30px; bottom:25px; width:300px; text-align:right;}
.good_tab li{ display:inline-block; width:40px; height:5px; margin:0 2px; background:#d1d1d1; cursor:pointer;}
.good_tab li.on{ background:#fff;}


.phnav{ background:url(../images/navph.png) left top no-repeat; width:34px; height:22px; position:absolute; right:5px; top:32px; z-index:999999999; }
#phone{ width:100%; position:absolute; background:#0088d0; left:0; top:65px; z-index:9;  z-index:999999; margin:0; display:none;}
#phone li{ height:38px; line-height:38px; text-align:center; float:none; width:100%; margin:0;}
#phone li a{ display:block; color:#fff; font-size:16px; text-align:center;}

.pc{display:block; }
.phone{ display:none;}

.foot_recu{ padding:20px 0 0px 0px; display:none;}
.foot_recu ul{ cursor:pointer;}
.foot_pos dd li{ line-height:42px; color:#333; height:42px;padding-left:20px; font-size:14px;  position:relative;background:#303030; color:#fff; border-bottom:1px solid #616161;}
.foot_con p,.foot_con a{ display:block; height:38px; line-height:38px; background:#dcdcdc; border-bottom:1px solid #bcbcbc; text-indent:20px;}
.foot_con { display:none;}
.foot_pos li .jia{ position:absolute; top:17px; right:10px; background:url(../images/shang.png) left center no-repeat; width:18px; height:9px;}
.foot_recu dd .act li{ color:#fff;} 
.foot_recu dd .act li .jia{position:absolute; top:17px; right:10px; background:url(../images/xia.png) left center no-repeat; width:18px; height:9px;}

.section7, .section7 .fp-tableCell{ height:339px!important; }
.section2{ background:url(../images/page2.jpg) top center no-repeat; background-size:cover;}
.section3{ background:url(../images/page3.jpg) top center no-repeat; background-size:cover;}
.section4{}
.section5{ background:url(../images/page4.jpg) top center no-repeat; background-size:cover;}
.section6{ background:url(../images/page5.jpg) top center no-repeat; background-size:cover;}

.product{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.good,.droit,.dynamic,.us{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.index_head{ position:fixed; width:100%; top:0; left:0; background:#fff; z-index:9999999999;}

.begin .product_div{ padding:30px 0;}
.begin .product_see{ margin-top:30px;}
.begin .index_tit{ padding-top:80px;}
.begin .good{ height:580px; overflow:hidden;}
.begin .droit_ul li em{ padding:10px 0;}
.begin .droit_ul li .dro_div{ height:120px;}
.begin .droit_ul li{ height:325px;}
.begin .droit_inner{ padding:30px 0;}
.begin .dynamic_div{ padding-top:10px;}
.begin .us{ height:476px; overflow:hidden;}
.begin .us_left span{ height:366px;}
.begin .us_left img{ height:300px; width:auto;}
.begin .us_div{ padding-top:10px;}
.begin .us .index_tit{ padding-top:20px;}
.begin .us { top:56%;}
.begin .good_tab{ bottom:60px;}
.section{ overflow:hidden; width:100%; height:100%;}