@charset "utf-8";
/* CSS Document */

body { margin:0px auto;font-family:Verdana, Geneva, sans-serif; background:#fff; color:#333333; font-size:12px;}
img {border:none;}
ul li {list-style-type:none;}
body,ul,form,p,a,img,table,tr,td,li,span,form,h1,input,h1,select,table,tr,th,td,textarea{margin:0px;padding:0px; font-family:Verdana, Geneva, sans-serif; color:#333333;}
a{text-decoration:none; color:#333333;}
a:hover{ color:#0199e2;}
.zk{ width:1000px; margin:0px auto;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}



.header{ z-index:999;}
.header{ position:relative;}
.img1-header{ position:absolute; left:0px; top:0px;}

.ul-yiji{ margin-left:198px;}
.li-yiji{ margin-left:54px; position:relative;}
.li-yiji a{ display:block; font-size:15px; padding-top:34px; padding-bottom:34px;}
.li-yiji a.a1{ color:#0199e2;}
.li-yiji:hover a{ color:#0199e2;}

.li-yiji:hover .ul-erji{ opacity:1;filter:alpha(opacity=100);}
.ul-erji{ position:absolute; left:0px; width:200px; background:#0199e2; background:rgba(1,153,226,0.8); opacity:0;filter:alpha(opacity=0);}
.li-yiji .li-erji a{ padding:0px; display:block;  padding-left:10px; color:#fff; opacity:0;filter:alpha(opacity=0);}
.li-yiji:hover .li-erji a{ line-height:30px; transition:0.3s; opacity:1;filter:alpha(opacity=100);}
.li-yiji:hover .li-erji a:hover{ background:#ec9c03;}
.li-yiji:hover .li-erji:hover a{ background:#ec9c03;}

.li-erji{ position:relative;}
.ul-sanji{ position:absolute; left:200px; width:200px; background:#0199e2; background:rgba(1,153,226,0.8); top:-999990px; opacity:0; filter:alpha(opacity=0); z-index:99999999999999;}
.li-erji:hover .ul-sanji{ opacity:1; filter:alpha(opacity=100); top:0px;}
.li-yiji .li-erji .li-sanji a{ line-height:0px;}
.li-yiji .li-erji:hover .li-sanji a{ line-height:30px; background:#0199e2; background:rgba(1,153,226,0.8);}
.li-yiji .li-erji:hover .li-sanji:hover a{ background:#ec9c03;}

.search{ width:44px; z-index:999; float:right; background:none; margin-top:20px;}
.sb-icon-search { color: #fff; z-index: 90; border:none; width:44px; height:44px; display:block;}
.sb-search-submit {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
    filter: alpha(opacity=0); 
    opacity: 0; color: transparent; border: none; outline: none; z-index: 999;}
.search_1000{}
.sb-search { position:relative; width: 0%; min-width: 44px; height: 44px; float: left; display:inline; overflow: hidden; -webkit-transition: width 0s; -moz-transition: width 0s; transition: width 0s; -webkit-backface-visibility: hidden;}
.sb-search-input { position: absolute; top: 0; left:0px;  outline: none; width:300px; height: 44px; line-height:44px; padding-left:20px; border:none; margin: 0; z-index: 10; color:#333; font-family:Verdana, Geneva, sans-serif; background:none; font-size:14px;}
.sb-icon-search,.sb-search-submit{ width: 44px; height: 44px; display: block; position: absolute; right: 0px; top:0px; padding: 0; margin: 0; cursor: pointer; background:url(../img/s2_03.png) no-repeat center; border:none;}


.sb-search.sb-search-open,
.no-js .sb-search { width: 300px; height:44px; line-height:44px; position:relative; right:250px; top:50px; background:#0199e2; border-radius:44px;}
.no-js .sb-search .sb-icon-search { position:absolute; background:url(../img/s2_03.png) no-repeat right; z-index: 15; right:0px; top:0px; }
.no-js .sb-search .sb-search-submit{ z-index: 90; }


.index_focus {position: relative;  margin: 0 auto; overflow:hidden; width:100%; height:520px;}
.index_focus .bd{ width:100%;}
.index_focus .bd ul{ height:520px;}
.index_focus .bd li {display: none; width:100%; margin:0px auto;}
.index_focus .bd li .pics{ display:block; margin:0px auto; width:100%; max-width:1680px; height:100%;}
.index_focus .slide_nav { text-align:center; bottom:31px; width:100%; position:absolute  }
.index_focus .slide_nav a{ width:61px; height:6px; background:#fff; display:inline-block;cursor:pointer; margin-right:17px;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none; background:#0199e2;}
.index_focus_pre,index_focus_next{ display:none;}


.about{ padding-top:62px; background:url(../img/bg1_03.jpg) no-repeat center top;}
.img1-about{ display:block; margin:0px auto;}
.p1-about{ background:url(../img/s4_03.jpg) no-repeat left top; padding-left:57px; margin-top:32px; width:745px;}
.p1-about a{ display:block; line-height:22px; margin-top:-5px;}
.p2-about{ width:182px; height:44px; border:1px solid #333; margin-top:37px;}
.p2-about a{ display:block; height:38px; line-height:37px; text-align:center; width:175px; background:#333; margin:0px auto; margin-top:3px; font-size:16px; color:#fff;}
.p2-about:hover{ border:1px solid #0199e2; transition:0.8s;}
.p2-about:hover a{ color:#fff; background:#0199e2; transition:0.8s;}
.hr-about{ border-bottom:1px solid #f4f4f4; margin-top:55px; width:100%;}


.products{ padding-top:39px; background:#f9f9f9; padding-bottom:52px;}

.hotrexiao{ width:100%; height:auto; position:relative; margin-top:30px;}
.hotrexiao .btn{width:78px;}
.hotrexiao .LeftBotton{width:16px; height:29px;background:url(../img/s7_03.jpg) no-repeat;overflow:hidden;cursor:pointer;position:absolute;left:0px; top:77px;}
.hotrexiao .RightBotton{width:16px; height:29px;background:url(../img/s7_05.jpg) no-repeat;overflow:hidden;cursor:pointer;position:absolute;right:0px; top:77px;}
.hotrexiao .lunbotu{ width:926px; height:auto;overflow:hidden; margin-left:32px;}
.hotrexiao .ScrCont{ width:10000%;}
.hotrexiao .hotpro{ width:215px; border:1px solid #eeeded; margin-right:18px; position:relative;}
.hotrexiao .hotpro a{display:block;}
.hotrexiao .hotpro .hotprotu{ margin:0px auto	; width:215px; height:160px;display:block;}
.p1-products{ text-align:center; border-top:2px solid #eeeded; padding-top:13px; padding-bottom:18px;}
.hotrexiao #List1_1,.hotrexiao #List2_1 { float:left; margin:0px; padding:0px }
.hotrexiao #List2_1,.hotrexiao #List2_2 { float:left; margin:0px; padding:0px }


.carousel{ margin-top:30px;}
.carousel{ height:205px; overflow:hidden; position:relative;}
.prev{ width:16px; height:29px;background:url(../img/s7_03.jpg) no-repeat;overflow:hidden;cursor:pointer;position:absolute;left:0px; top:77px;}
.next{width:16px; height:29px;background:url(../img/s7_05.jpg) no-repeat;overflow:hidden;cursor:pointer;position:absolute;right:0px; top:77px; }
.jCarouselLite { float:left; overflow:hidden; width:927px !important; margin-left:32px; margin-left:32px;  }
.jCarouselLite li{ margin-left:16px; _margin-left:12px; float:left; height:205px !important;}
.carousel li{ width:215px; border:1px solid #eeeded; margin-right:18px; position:relative;}
.carousel li img{width:215px;  }
.carousel li a{display:block;}



.application{ background:url(../img/s9_02.jpg) repeat-y center top; padding-top:50px; padding-bottom:54px;}
.left1-app{ width:327px; height:220px; margin-top:29px; position:relative;}
.left2-app{ width:291px; height:220px; margin-top:29px; margin-left:5px; position:relative;}
.left3-app{ width:371px; height:220px; margin-top:29px; margin-left:5px; position:relative;}
.left4-app{ width:364px; height:220px; margin-top:15px; position:relative;}
.left5-app{ width:312px; height:220px; margin-top:15px; margin-left:5px; position:relative;}
.left6-app{ width:312px; height:220px; margin-top:15px; margin-left:5px; position:relative;}
.left7-app{ width:327px; height:220px; margin-top:15px; position:relative;}
.left8-app{ width:291px; height:220px; margin-top:15px; margin-left:5px; position:relative;}
.left9-app{ width:371px; height:220px; margin-top:15px; margin-left:5px; position:relative;}
.p1-app{ position:absolute; text-align:center; left:0px; bottom:0px; height:37px; line-height:37px; background:#fff; background:rgba(255,255,255,0.7); width:100%;}
.p1-app a{ display:block; font-size:13px;}
.img1-app{ width:100%; height:220px;}


.latest{ padding-top:50px; background:#f9f9f9; padding-bottom:59px;}
.left1-latest{ width:272px; background:url(../img/s12_03.jpg) no-repeat #23212a; padding-bottom:28px; border-bottom: 4px solid #0199e2; margin-left:89px; margin-top:32px;}
.p1-latest{ text-align:center; margin-top:24px;}
.p1-latest span{ display:block; line-height:26px; color:#fff; font-size:16px;}
.img1-latest{ display:block; margin:0px auto; width:240px; margin-top:30px;}
.p2-latest{ width:240px; margin:0px auto; margin-top:18px;}
.p2-latest a{ font-size:14px; color:#fff;}
.p2-latest a:hover{ color:#0199e2;}
.p3-latest{ width:240px; margin:0px auto; line-height:22px; margin-top:13px;}
.p3-latest a{ display:block; color:#fff;}
.p3-latest a:hover{ color:#0199e2;}
.p4-latest{ width:240px; margin:0px auto; margin-top:12px;}
.p4-latest a{ color:#ec9c03; border-bottom:1px solid #ec9c03;}
.p4-latest a:hover{ color:#0199e2; border-bottom:1px solid #0199e2;}


.footer{ background:#1c1b20; padding-bottom:48px;}
.left1-footer{ padding-top:51px; width:402px;}
.biaoti-footer{ display:block;}
.input1-footer{ border:none; background:#fff; width:184px; padding-left:10px; height:31px; line-height:31px; margin-top:35px; color:#333; font-size:12px; font-family:Verdana, Geneva, sans-serif;}
.area1-footer{ border:none; background:#fff; width:392px; padding-left:10px; height:66px; padding-top:12px; font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#333; margin-top:13px;}
.input2-footer{ border:none; background:#fff; width:104px; padding-left:10px; height:31px; line-height:31px; margin-top:13px; color:#333; font-size:12px; font-family:Verdana, Geneva, sans-serif;}
.img1-footer{ margin-top:13px; margin-left:13px; cursor:pointer;}
.sub1-footer{ width:130px; height:31px; line-height:31px; text-align:center; margin-top:13px; color:#fff; font-size:12px; font-family:Verdana, Geneva, sans-serif; background:#0199e2; cursor:pointer; border:none;}
.sub1-footer:hover{ background:#ec9c03; transition:1s;}


.center1-footer{ padding-top:50px; margin-left:67px;}
.ul1-footer{ margin-top:26px;}
.li1-footer{ line-height:29px; background:url(../img/s17_03.jpg) no-repeat left center; padding-left:14px;}
.li1-footer a{ color:#d9d6d6;}
.li1-footer a:hover{ color:#0199e2;}
.img2-footer{ margin-right:10px; display:block; margin-top:8px;}

.right1-footer{ width:310px; padding-top:50px;}
.ul2-footer{ margin-top:32px;}
.ul2-footer li{ line-height:20px; color:#d9d6d6; padding-left:25px; margin-top:10px;}
.ul2-footer li a{ color:#d9d6d6;}
.ul2-footer li a:hover{ color:#0199e2;}
.li2-footer{ background:url(../img/s18_03.jpg) no-repeat left 5px;}
.li3-footer{ background:url(../img/s18_07.jpg) no-repeat left 5px;}
.li4-footer{ background:url(../img/s18_09.jpg) no-repeat left 5px;}
.li5-footer{ background:url(../img/s18_12.jpg) no-repeat left 5px;}
.li6-footer{ background:url(../img/s18_15.jpg) no-repeat left 4px;}


.bottom{ background:#121212; padding-bottom:11px;}
.p1-bottom{ color:#d9d6d6; padding-top:16px;}
.p1-bottom span{ color:#a4a2a2; margin-left:15px; margin-right:15px;}
.p1-bottom a{ color:#d9d6d6;}
.p1-bottom a:hover{ color:#0199e2;}
.p2-bottom{ padding-top:12px; color:#d9d6d6;}
.img1-bottom{ margin-left:9px;}
.p3-bottom{ color:#d9d6d6; padding-top:8px;}
.p3-bottom a{ margin-left:5px; color:#d9d6d6;}
.p3-bottom a:hover{ color:#0199e2;}



.kefu{ border:1px solid #0199e2; border-radius:15px; position:fixed; right:0px; top:420px; width:136px; background:#0199e2; padding-bottom:17px;}
.p1-kefu{ width:100%; height:27px; line-height:27px; color:#fff; font-size:14px; text-align:center;}
.img1-kefu{ display:block; margin:0px auto; margin-top:5px; margin-bottom:8px;}
.p2-kefu{ margin-left:12px; padding-left:23px; background:url(../img/s21_03.jpg) no-repeat left center; height:18px; line-height:18px; margin-top:5px;}
.p2-kefu a{ display:block; color:#ffffff;}
.p2-kefu a:hover{ color:#ffffff;}
.kefu .close{ position:absolute; right:6px; top:3px; color:#fff; cursor:pointer; background:none; border:none; font-size:14px;}


.mianbao{ padding-top:20px; padding-bottom:19px; background:#f9f9f9;}
.mianbao span{ font-size:10px; margin-left:10px; margin-right:10px;}
.mianbao .a1{ color:#0199e2;}
.hr1-a{ border-bottom:1px solid #f3f3f3;}

.p1-a{ width:100%; margin-top:33px;}
.p1-a a{ display:block; width:216px; height:46px; line-height:46px; text-align:center; color:#333; font-size:16px; background:#edebeb;}
.p1-a a:hover{ color:#fff; background:#0199e2; transition:0.8s;}
.p1-a a.a1{ color:#fff; background:#0199e2; transition:0.8s;}
.hr2-a{ border-bottom:3px solid #0199e2;}

.p2-a{ line-height:22px; margin-top:30px;}

.left1-a{ width:296px; border:1px solid #e1e0e0; margin-top:35px; padding-bottom:5px; margin-left:52px; min-height:381px;}
.img1-a{ display:block; margin:0px auto; width:296px;}
.p3-a{ font-size:14px; font-weight:bold; margin-top:21px; margin-left:9px;}
.p4-a{ line-height:22px; margin-left:9px; margin-right:9px; margin-top:8px;}


.products-a{ background:url(../img/a5_02.jpg) no-repeat center top; margin-top:0px; padding-top:45px; padding-bottom:53px;}


.img1-f{ display:block; margin:0px auto; width:856px; margin-top:36px;}
.p1-f{ font-size:14px; font-weight:bold; margin-top:21px;}
.p2-f{ line-height:22px; margin-top:22px;}


.left1-ap{ width:310px; margin-top:38px; margin-left:34px;}
.img1-ap{ width:310px; display:block; margin:0px auto;}
.p1-ap{ text-align:center; margin-top:16px;}
.hr1-ap{ border-bottom:1px dashed #a8a6a6; margin-top:27px;}
.page-ap{ text-align:center; margin-top:27px; padding-top:22px; padding-bottom:22px;}
.page-ap a{ margin-left:14px;}
.page-ap .a1{ color:#0199e2;}


/*preview*/
#previews{width:770px; zoom:1;overflow:hidden; margin:0px auto; margin-top:38px;}
#spec-n1{float:left;width:586px;height:484px; overflow:hidden; position:relative;z-index:5;zoom:1; cursor:pointer;}
#spec-n1 .o-img{width:586px;height:484px;text-align:center;}
#spec-n1 .switch{width:586px;height:484px;position:absolute;z-index:10;top:0;left:0;}
#spec-n1 img{max-width:586px;max-height:484px;_height:484px;}
#spec-n5{position:relative;float:right;width:175px;height:484px;zoom:1}
#spec-list{ margin:0px auto; width:175px;height:484px;overflow:hidden; margin-top:35px;}
#spec-list ul{height:484px;overflow:hidden;margin:0;}
#spec-list li{width:175px;height:128px;text-align:center; margin-bottom:12px; cursor:pointer;}
#spec-list li:hover{ background:url(../img/app4_03.jpg) no-repeat left center;}
#spec-list img{ width:153px; height:126px; border:1px solid #ffffff;}
#spec-list img:hover{ border:1px solid #0199e2;}
#spec-n5 .controltop{ left:10px; position:absolute;width:155px; height:19px; background:url(../img/app3_03.jpg); cursor:pointer;}
#spec-n5 .controlbottom{ left:10px; position:absolute;width:155px;height:19px; background:url(../img/app3_06.jpg); cursor:pointer;}
#spec-top{top:0px;}
#spec-bottom{bottom:0px;}
#intro{ margin-top:20px;float:left;width:586px;text-align:center;overflow:hidden;font-size:14px;}



.exhibition{ float:left; display:inline; width:100%;}
.exhibition span{  float:left; display:block; background-color: #FFFFFF; background-repeat: no-repeat; background-position: left center; }
.exhibitiontp{ float:left; display:inline; width:100%;}
 #baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;  background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}
 #baguetteBox-overlay.visible{opacity:1}
 #baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}
 #baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
 #baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}
 
 #baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif;}
 #baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px; }
 #baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}
 #baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
 #baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
 .baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px; }
 .baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;
 border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}
 .baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
 .baguetteBox-button#next-button{right:2%}
 .baguetteBox-button#previous-button{left:2%}
 .baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px; }
 .baguetteBox-button svg{position:absolute;left:0;top:0}
 .spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px; }
 .double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
 .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
 @-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px; }100%{margin-left:0}}
 @keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px; }100%{margin-left:0}}
 @-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px; }100%{margin-left:0}}
 @keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px; }100%{margin-left:0}}
 @-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}
 @keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
 
 
.left-a2{ width:233px; position:relative; height:206px; margin-top:38px; margin-left:22px;}
.img1-a2{ display:block; margin:0px auto; width:233px;}
.p1-a2{ position:absolute; width:100%; left:0px; bottom:0px; height:35px; line-height:35px; background:url(../img/a8_03.png);}
.p1-a2 span{ padding-left:16px; font-size:13px;}
.img2-a2{ position:absolute; right:7px; bottom:7px; z-index:999;}


.faq{ border:1px solid #eeeded; width:100%; margin-top:28px;}
.p1-faq{ line-height:22px; color:#0199e2; padding-top:11px; padding-bottom:10px; padding-left:12px; background:#f9f9f9;}
.hr1-faq{ border-top:2px solid #eeeded;}
.p2-faq{ line-height:22px; padding-top:12px; padding-bottom:18px; padding-left:12px; padding-right:12px; }


.left-news{ width:90px; height:104px; background:url(../img/n1_03.jpg) no-repeat; margin-top:34px; margin-bottom:34px;}
.left-news .span1{ display:block; font-size:16px; color:#fff; padding-left:10px; padding-top:21px;}
.left-news .span2{ display:block; color:#fff; font-size:20px; padding-left:10px; padding-top:31px;}
.right-news{ width:853px; margin-left:20px; margin-top:33px; margin-bottom:34px;}
.p1-news a{ font-size:15px; font-weight:bold;}
.p2-news a{ display:block; line-height:22px; margin-top:14px;}
.p3-news{ margin-top:11px;}
.p3-news a{ color:#ec9c03; border-bottom:1px solid #ec9c03; padding-bottom:2px;}
.p3-news a:hover{ color:#0199e2; border-bottom:1px solid #0199e2;}


.h1-n2{ text-align:center; margin-top:37px; font-size:15px;}
.p1-n2{ background:url(../img/n2_03.jpg) no-repeat left center; height:18px; line-height:18px; padding-left:28px; color:#959393; width:106px; margin:0px auto; margin-top:13px;}
.news-n2{}
.news-n2 p{ line-height:22px; margin-top:30px;}
.news-n2 p a{ color:#0199e2;}
.news-n2 table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc;}
.news-n2 table tr td{ padding:3px; border:1px solid #ccc;}
.fanye-n2{ background:#f9f9f9; padding-top:22px; padding-bottom:22px; margin-top:30px;}
.p2-n2{ color:#0199e2;}
.p3-n2{ color:#0199e2; margin-left:330px;}



.left-p{ width:280px;}

.left1-p{ width:280px; margin-top:28px;}
.p1-p{ width:100%; height:54px; line-height:54px; background:url(../img/p1_03.jpg);}
.p1-p a,.p1-p a:hover{ color:#fff; padding-left:16px; font-size:18px; display:block;}
.ul1-p{ width:278px; border:1px solid #e8e8e8; border-top:none;}
.li1-p div{ background:#f4f4f4; margin-top:2px; cursor:pointer;}
.li1-p a{ display:inline; line-height:43px; padding-left:15px;}
.li1-p .active{ display:block;}
.ul2-p{ margin-left:5px; margin-right:5px; display:none;}
.li2-p a{ display:block; line-height:38px; background:none; border-bottom:1px solid #e8e8e8; padding-left:23px; margin:0px;}
.ul3-p{ padding-top:5px;}
.li3-p a{ display:block; color:#333; line-height:30px; margin-left:30px; border:none; background:url(../img/p2_03.jpg) no-repeat left center; padding-left:11px;}
.li3-p a:hover{ color:#0199e2;}

.left2-p{ width:280px; margin-top:20px;}
.news-p{ width:278px; border:1px solid #e8e8e8; border-top:none; padding-bottom:32px;}
.img1-p{ float:left; display:block; border:1px solid #e9e9e9; margin-top:16px; margin-left:13px; padding:2px;}
.p2-p{ float:left; line-height:22px; margin-left:10px; margin-top:20px; width:132px;}
.p2-p a{ display:block;}
.p5-p{ margin-left:13px; margin-top:21px;}
.p5-p a{ color:#0199e2; border-bottom:1px solid #0199e2; padding-bottom:1px;}


.right-p{ width:690px; float:right; margin-top:27px;}
.page-p{ text-align:center; margin-top:12px;}
.page-p a{ margin-right:14px;}
.page-p .a1{ color:#0199e2;}
.sub-p{ width:158px; height:38px; line-height:38px; text-align:center; background:#0199e2; cursor:pointer; color:#fff; font-size:12px; font-family:Verdana, Geneva, sans-serif; border:none;}
.sub-p:hover{ background:#ec9c03; transition:1s;}


.right1-p{ width:215px; border:1px solid #eeeded; margin-top:31px; padding-bottom:22px; margin-left:19px; float:left;}
.img2-p{ width:195px; height:145px; margin:0px auto; display:block; margin-top:12px; margin-bottom:12px;}
.p3-p{ border-top:2px solid #eeeded; padding-top:14px; text-align:center;}
.p4-p{ width:195px; margin:0px auto; margin-top:15px;}
.check-p{ margin-top:9px;}
.p4-p a{ display:block; width:108px; height:34px; line-height:34px; color:#fff; text-align:center; background:#0199e2; margin-left:38px;}
.p4-p a:hover{ background:#ec9c03; transition:1s;}



.left-pro{width:548px;text-align:left; margin:0px auto;}
.h1-p2{ font-size:22px; margin-left:2px; margin-top:5px;}
.left-pro .t1{width:114px; float:right; margin-top:32px;}
.left-pro .t2{width:426px; height:317px; text-indent:0;float:left; margin-top:32px;}
.left-pro .t2 img{text-indent:0;}
#showArea a{ width:105px; height:77px; display:block; margin-bottom:10px; padding-left:7px;}
#showArea a:hover{ background:url(../img/p7_03.jpg) no-repeat left center;}
#showArea img{cursor:pointer;display:block; width:105px; height:77px;float:left; border:1px solid #ffffff;}
#showArea a:hover img{ border:1px solid #0199e2;}
#main_img{cursor:pointer;display:block}
#gotop{cursor:pointer;display:block; margin-left:7px;}
#gobottom{cursor:pointer;display:block; margin-left:7px;}
#showArea{height:260px; overflow:hidden; margin-top:15px; margin-bottom:15px;}

.MagicZoomBigImageCont{border:1px solid #dadada;overflow:hidden}
.MagicZoomBigImageCont img{width:426px;height:317px}
.MagicZoomBigImageCont iframe{width:300px;height:300px}
.MagicZoomHeader{font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;background:#91b817;text-align:center !important}
.MagicZoomPup{border:1px solid #aaa;background:#fff;cursor:hand;left:0}
.MagicZoomLoading{text-align:center;background:#fff;color:#444;opacity:0.8;padding:3px 3px 3px 3px !important;display:none}
.MagicZoomLoading img{padding-top:3px !important}
.MagicThumb{outline:none}
.MagicThumb-zoomed{cursor:default}
.MagicThumb span{display:none}
.MagicThumb-image{border:1px solid #ccc;outline:none}
.MagicThumb-image-zoomed{}
.MagicThumb-caption{color:#333333;background-color:#F0F0F0;border:1px solid #CCC;border-top:none;font-family:Verdana, Helvetica;font-size:11px;padding:8px 16px}
.MagicThumb-controlbar{display:block;height:18px}
.MagicThumb-controlbar a{display:block;width:180px;height:180px;margin:0px 1px;outline:none;float:left;overflow:hidden}
.MagicThumb-controlbar a span{display:block;width:1000px;height:1000px;outline:none;position:absolute;left:0px;top:0px}
.MagicThumb-loading{border:1px solid #000;padding:2px 2px 2px 22px;margin:0;text-decoration:none;text-align:left;font-size:8pt;font-family:sans-serif;}

.p1-p2 a{ display:block; width:108px; height:34px; line-height:34px; text-align:center; background:#ebe9e9; margin-top:18px; margin-left:95px;}
/*.p1-p2 a:hover{ background:#0199e2; color:#fff;}*/
.p3-p2{ font-size:20px; font-weight:bold; color:#0199e2; margin-top:40px;}
.hr1-p2{ width:100%; height:5px; background:url(../img/p8_03.jpg) repeat-x; margin-top:13px;}
.products-p2{ padding-top:20px;}
.products-p2 p{ line-height:22px;}
.products-p2 p a{ color:#0199e2;}
.products-p2 a{ color:#0199e2;}
.products-p2 table{ width:100%; border-collapse:collapse; line-height:22px; border:1px solid #ccc;}
.products-p2 table tr td{ padding:3px; border:1px solid #ccc;}


.img1-c{ width:403px; display:block; margin-top:28px;}
.right1-c{ width:582px; margin-top:29px;}
.p1-c{ font-size:14px; font-weight:bold; color:#0199e2; line-height:28px;}
.p2-c{ line-height:22px; margin-top:3px;}
.ul1-c{ margin-top:12px;}
.ul1-c li{ line-height:30px; padding-left:26px;}
.li1-c{ background:url(../img/c2_03.jpg) no-repeat left center;}
.li2-c{ background:url(../img/c2_05.jpg) no-repeat left center;}
.li3-c{ background:url(../img/c2_08.jpg) no-repeat left center;}
.li4-c{ background:url(../img/c2_11.jpg) no-repeat left center;}
.li5-c{ background:url(../img/c2_13.jpg) no-repeat left center;}

.input-c{ width:471px; padding-top:31px;}
.input1-c{ width:442px; height:47px; line-height:47px; padding-left:10px; border:1px solid #dcd9d9; margin-left:7px; font-size:13px; color:#333; font-family:Verdana, Geneva, sans-serif;}
.input2-c{ width:970px; height:47px; line-height:47px; padding-left:10px; border:1px solid #dcd9d9; margin-left:7px; font-size:13px; color:#333; font-family:Verdana, Geneva, sans-serif;}
.area-c{ margin-top:31px;}
.area-c span{ float:left; display:block; margin-top:18px;}
.area1-c{ width:970px; height:105px; padding-top:15px; padding-left:10px; border:1px solid #dcd9d9; margin-left:7px; font-size:13px; color:#333; font-family:Verdana, Geneva, sans-serif;}
.input3-c{ width:195px; height:47px; line-height:47px; padding-left:10px; border:1px solid #dcd9d9; margin-left:7px; font-size:13px; color:#333; font-family:Verdana, Geneva, sans-serif;}
.img2-c{ margin-top:31px; cursor:pointer; width:205px; margin-left:35px;}
.sub-c{ border:none; margin-top:31px; width:452px; height:48px; line-height:48px; text-align:center; background:#0199e2; font-size:14px; color:#fff; cursor:pointer;}
.sub-c:hover{ background:#ec9c03; transition:1s;}
.img3-c{ display:block; width:1000px; margin-top:39px;}



.kefu1{border:1px solid #0199e2; border-radius:15px; position:fixed; float:left; top:420px; width:136px; background:#0199e2; padding-bottom:17px;}
.p1-kefu1{ width:100%; height:27px; line-height:27px; color:#fff; font-size:14px; text-align:center;}
.img1-kefu1{ display:block; margin:0px auto; margin-top:5px; margin-bottom:8px;}
.p2-kefu1{ margin-left:12px; padding-left:23px; background:url(../img/s21_03.jpg) no-repeat left center; height:18px; line-height:18px; margin-top:5px;}
.p2-kefu1 a{ display:block; color:#ffffff;}
.p2-kefu1 a:hover{ color:#ffffff;}
.kefu1 .close{ position:absolute; right:6px; top:3px; color:#fff; cursor:pointer; background:none; border:none; font-size:14px;}


.img-scroll6{position:relative; margin-top:30px;}
.img-scroll6 .prev6,.img-scroll6 .next6{position:absolute;display:block;width:16px;height:29px;}
.img-scroll6 .prev6{left:0;cursor:pointer;background:url(../img/s7_03.jpg); top:70px;}
.img-scroll6 .next6{right:0;cursor:pointer;background:url(../img/s7_05.jpg); top:70px;}
.img-scroll6 .prev6:hover{cursor:pointer;background:url(../img/s7_03.jpg)}
.img-scroll6 .next6:hover{cursor:pointer;background:url(../img/s7_05.jpg)}
.img-list6{position:relative;overflow:hidden; margin-left:36px; margin-right:36px;}
.img-list6 ul{width:9999px;}
.img-list6 li{float:left;display:inline;width:215px;margin-right:18px;}
.img-scroll6 .hotpro{ width:215px; border:1px solid #eeeded; margin-right:18px; position:relative;}
.img-scroll6 .hotpro a{display:block;}
.img-scroll6 .hotpro .hotprotu{ margin:0px auto	; width:215px; height:160px;display:block;}

.img-scroll5{position:relative; margin-top:30px;}
.img-scroll5 .prev5,.img-scroll5 .next5{position:absolute;display:block;width:16px;height:29px;}
.img-scroll5 .prev5{left:0;cursor:pointer;background:url(../img/s7_03.jpg); top:70px;}
.img-scroll5 .next5{right:0;cursor:pointer;background:url(../img/s7_05.jpg); top:70px;}
.img-scroll5 .prev5:hover{cursor:pointer;background:url(../img/s7_03.jpg)}
.img-scroll5 .next5:hover{cursor:pointer;background:url(../img/s7_05.jpg)}
.img-list5{position:relative;overflow:hidden; margin-left:36px; margin-right:36px;}
.img-list5 ul{width:9999px;}
.img-list5 li{float:left;display:inline;width:215px;margin-right:18px;}
.img-scroll5 .hotpro{ width:215px; border:1px solid #eeeded; margin-right:18px; position:relative;}
.img-scroll5 .hotpro a{display:block;}
.img-scroll5 .hotpro .hotprotu{ margin:0px auto	; width:215px; height:160px;display:block;}
.hotrexiao .jiuge{ width:2820px;}

.m-kf { position: fixed; z-index: 1000; right: 0; top: 40%; }
.m-kf img{display: block;}
.m-kf .kf-item { display: block; line-height: 0; font-size: 0; margin-bottom: 1px; background-color: #535158; }

.m-kf .kf-item:hover { background-color: #0199e2; }

.m-kf .kf-item.active { background-color: #0199e2; }
.m-kf .kf-wx { position: absolute;bottom: 0; right: 53px; width: 90px; }
.m-kf .h_img{position: absolute;right: -999px;top: 0;width: 110px;}
.m-kf .kf-item:hover .h_img{right: 53px;}
@media screen and (max-width: 767px) { .m-kf { right: 0; top: auto; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; width: 100%; background-color: #a0bf39; }
  .m-kf .kf-item { width: 50%; text-align: center; background-color: #0199e2; }
  .m-kf .kf-wx { bottom: 100%; left: 0; }
  .g-ft { padding-bottom: 63px; }
}

.hotpro-scrollbox.scroll-box { position: relative; padding: 30px 42px 0; }

.hotpro-scrollbox.scroll-box .scroll-btns { text-align: center; }

.hotpro-scrollbox.scroll-box .scroll-btn {width: 16px;
    height: 29px; display: inline-block; cursor: pointer; position: absolute; top: 50%; margin-top: -18px; }

.hotpro-scrollbox.scroll-box .scroll-btn.prev { 
    background: url(../img/s7_03.jpg) no-repeat; background-size: contain; left: 0; }



.hotpro-scrollbox.scroll-box .scroll-btn.next { 
    background: url(../img/s7_05.jpg) no-repeat; background-size: contain; right: 0; }



.hotpro-scrollbox .scroll-list-box { width: 100%; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; }

.hotpro-scrollbox.scroll-box .scroll-list { width: 10000%; }

.hotpro-scrollbox.scroll-box .scroll-list li { float: left; width: 0.24%; margin-right: 0.01%; }

.hotpro-scrollbox .item-pic { width: 100%; position: relative; }

.hotpro-scrollbox .item-pic img { width: 100%; max-width: 217px; display: block; margin: 0 auto; max-height:162px;}

.hotpro-scrollbox .item-title { padding-top: 11px; padding-bottom:11px; white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }











.hotpro-scrollbox.scroll-box1 { position: relative; padding: 30px 42px 0; }

.hotpro-scrollbox.scroll-box1 .scroll-btns { text-align: center; }

.hotpro-scrollbox.scroll-box1 .scroll-btn {width: 16px;
    height: 29px; display: inline-block; cursor: pointer; position: absolute; top: 50%; margin-top: -18px; }

.hotpro-scrollbox.scroll-box1 .scroll-btn.prev { 
    background: url(../img/s7_03.jpg) no-repeat; background-size: contain; left: 0; }



.hotpro-scrollbox.scroll-box1 .scroll-btn.next { 
    background: url(../img/s7_05.jpg) no-repeat; background-size: contain; right: 0; }

.hotpro-scrollbox.scroll-box1 .scroll-list { width: 10000%; }

.hotpro-scrollbox.scroll-box1 .scroll-list li { float: left; width: 0.24%; margin-right: 0.01%; }