@charset "utf-8";
/* CSS Document */
/*全局样式
---------------------------------------------*/
*{margin:0px;padding:0px; border:0px;}
p,ul,li,dl,dd,dt,form,h1,h2,h3,h4,h5,h6{list-style:none;}
fieldset,img{ border:0; }
a{text-decoration:none;}
table{ border-collapse:collapse; border-spacing:0; }
*html{ zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}
(this))}
.clear{clear:both;font-size:0px;height:0px;_height:0px;overflow:hidden; }
em, i { font-style: normal;}
/* Clear Fix */ 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.clearfix{display:inline-block;} 
/* Hide from IE Mac */ 
.left{float:left; _display:inline;}
.right{float:right; _display:inline;}
.ovfl{ overflow:hidden;}
.mar{ margin:0px auto;}
.filter_bg{ filter: alpha(opacity=80); opacity: 0.8; }

/*网站样式
---------------------------------------------*/
body{background:#fff; color:#292929; font-family:'Microsoft YaHei',宋体,Arial,Helvetica,'方正兰亭粗黑简体'; font-size: 14px;}
a{color:#292929;text-decoration:none;cursor :pointer; outline: none;transition: all 1s;
-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;}
.transition1s{ transition: all 1s;
-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s; }
.radius5{-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */}

/* CSS Header */
.header{ width:1200px; height:160px; position: relative; }
.logo{ top:6px; left:0px; position: absolute;}
.ha1{ top:98px; left:100px; position: absolute;}
.tel{ top:40px; right:53px; position: absolute; height: 30px; line-height: 30px; font-size: 16px;}
.telsp1{ color: #A5A5A5; margin-left: 15px;}
.telsp2{ margin-left: 5px; }
.htel{ width: 40px; cursor: pointer; height: 40px; background: url(../images/icon1.jpg) no-repeat; position: absolute; top: 0px; right: 0px; z-index: 5;}
.htel span{ width: 0px; text-align: center; position: absolute; overflow: hidden; font-size: 16px; height: 32px; line-height: 32px; padding:4px 0px; background: #137CE1; color: #fff;z-index: 3; }
.hsearch{ width: 40px; cursor: pointer; height: 39px; background: url(../images/icon2.jpg) no-repeat; position: absolute; top: 40px; right: 0px; z-index: 5;}
.hsearch1{ width: 0px; position: absolute; overflow: hidden; font-size: 16px; height: 32px; line-height: 32px; padding:4px 0px 3px; background: #137CE1; color: #fff; z-index: 999;}
.search_txt{ width: 350px; padding: 0px 5px; height: 32px; line-height: 32px; font-family:'Microsoft YaHei'; font-size: 14px; color: #666; margin-left: 10px;}
.search_btn{ width: 80px; text-align: center; height: 32px; cursor: pointer; line-height: 32px; font-family:'Microsoft YaHei'; font-size: 14px; background: #fff; color: #0367C8; margin-left:5px; }

/* CSS nav */
#nav{ height:45px;}
.nav{ height:65px; position:absolute; top: 92px; left: 377px; }
.nav .nLi{ float:left;  display:inline;  }
.nav .nLi h3{ float:left; font-weight:normal;  }
.nav .nLi h3 a{ width:112px; height:65px; line-height: 65px; position: relative; display:block; text-align:center; font-size:16px; }
.nav .nLi h3 a span{ width: 5px; height: 3px; background: url(../images/nicon1.png) no-repeat; position: absolute; top: 30px; right: 10px; }
.nav .nLi h3 a:hover{ color:#fff; background: #137CE1;}
.nav .nLi h3 a:hover span{ background: url(../images/nicon2.png) no-repeat; }
.nav .selectli h3 a{ color:#fff; background: #137CE1;}
.nav .selectli h3 a span{ background: url(../images/nicon2.png) no-repeat; }
.nav .sub{ display:none; width: 1200px;  left:-377px; top:65px;  position:absolute; z-index:9999; background-color:#fff; transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}
.nav .sub2{ width: 300px; background: #F4F4F4; height:430px; padding: 25px 0px;}
.nav .sub_ul{ width: 240px; margin-left: 30px;}
.nav .sub_ul li{ height: 40px; line-height:40px; border-bottom:solid 1px #D3D3D3;}
.nav .sub_ul li a{ display:block; padding:0 10px; font-size:15px;  transition: padding 0.2s ease-in-out;
    -moz-transition: padding 0.2s ease-in-out;
    -webkit-transition: padding 0.2s ease-in-out;
    -o-transition: padding 0.2s ease-in-out;}
.nav .sub_ul li a:hover{  color:#137CE1; padding-left: 15px; }
.nav .sub1{ width: 850px; padding: 25px 15px 25px 35px;}
.nav .subp2{ width: 580px; height: 315px; margin-top: 15px; }
.nav .subp1{ line-height: 26px; }
@-webkit-keyframes swing{
    20%{-webkit-transform:rotate(15deg);}
    40%{-webkit-transform:rotate(-10deg);}
    60%{-webkit-transform:rotate(5deg);}
    80%{-webkit-transform:rotate(-5deg);}
    100%{-webkit-transform:rotate(0);}
}
@-moz-keyframes swing{
    20%{-moz-transform:rotate(15deg);}
    40%{-moz-transform:rotate(-10deg);}
    60%{-moz-transform:rotate(5deg);}
    80%{-moz-transform:rotate(-5deg);}
    100%{-moz-transform:rotate(0);}
}
@-ms-keyframes swing{
    20%{-ms-transform:rotate(15deg);}
    40%{-ms-transform:rotate(-10deg);}
    60%{-ms-transform:rotate(5deg);}
    80%{-ms-transform:rotate(-5deg);}
    100%{-ms-transform:rotate(0);}
}
@keyframes swing{
    20%{transform:rotate(15deg);}
    40%{transform:rotate(-10deg);}
    60%{transform:rotate(5deg);}
    80%{transform:rotate(-5deg);}
    100%{transform:rotate(0);}
}

/* CSS banner */
.banner{height:100%; text-align:center; overflow:hidden; margin:0px auto;}
.page_banner{ height:268px; background:url(../images/page_banner.jpg) no-repeat center; background-size:cover; margin:0px auto;}
.page_banner1{ height:268px; background:url(../images/page_banner1.jpg) no-repeat center; background-size:cover; margin:0px auto;}
.page_banner2{ height:268px; background:url(../images/page_banner2.jpg) no-repeat center; background-size:cover; margin:0px auto;}
.page_banner3{ height:268px; background:url(../images/page_banner3.jpg) no-repeat center; background-size:cover; margin:0px auto;}

/* CSS Main */
#wrap{ width:100%; height:100%;  overflow:hidden;  }
.wrap{ width:1200px; height:100%;  overflow:hidden;  }
.main{ width:1200px; height:100%;  overflow:hidden; margin:0px auto; background-color:#fff; }
/* CSS Home */
.chan1{ width: 1200px; height: 100%; margin-top: 30px; }
.chan_11{ width: 513px; height: 255px; }
.about_p1{ height:64px;overflow:hidden;}
.chan01{ width: 513px; height: 165px; margin-top: 22px; position: relative;}
.about_a2{ width:368px; height:114px; position: absolute; left: 0px; top: 21px; }
.about_a2:hover{ filter:alpha(opacity=80);opacity:0.8;}
.about_a2 img{ max-width:368px; height:114px;}
.chan02{ width: 171px; line-height: 25px; padding-top: 17px; padding-left: 25px; color: #fff; height: 147px; background: url(../images/bg1.jpg) no-repeat; position: absolute; top: 0px; right: 0px; z-index: 22; }
.chan02 span{ width: 85px; float: left; }
.chan_12{ width:630px; height: 255px; margin-left: 57px; }
.about_p2{ height: 79px; }
.about_01{ width:630px; height:90px; font-size: 16px; overflow: hidden; line-height:30px; margin-top:22px; text-indent: 2em; }
.about_p3{ height: 24px; margin-top: 30px;}
.more_01{ width: 98px; height: 24px; line-height: 24px; color: #898989; font-size: 16px; background: url(../images/icon3.jpg) no-repeat right center; }
.more_01:hover{ width: 110px; color: #137CE1; }

.chan1p1{width:1200px; text-align: center; height:46px; margin-top:70px;}

#chan2{ height: 425px; background: #137CE1; margin-top: 30px; overflow: hidden;}
.chan2{ width: 1200px; height: 365px; background: #fff; margin-top: 30px;}


.news{ width:770px; height:305px; margin-top:27px; margin-left:25px;}
.news .xhd{ width:770px; height:34px;}
.news_p1{ float: left; height:34px; line-height: 34px; margin-left: 250px; display: inline; }
.news_p1 a{ font-size: 25px; float: left;   }
.news_p1 a.on{ color: #137CE1; }
.news_p1 span{ width: 3px; height: 21px; float: left; background: url(../images/bg3.jpg) no-repeat; margin:8px 15px 0px; display: inline; }
.news_a1{ font-size: 25px;}
.news_a2{ width: 100px; height: 24px; color: #898989; font-size: 16px; line-height: 24px; background: url(../images/icon3.jpg) no-repeat right center; margin-top: 6px; }
.news_a2:hover{ color:#137CE1;}
.news .xbd{ width: 380px; margin-top: 5px; margin-left: 36px; }
.news .xbd ul li{ margin-top: 10px;}
.newsp1{ height: 29px; line-height: 29px; }
.newsp1 a{ font-size:18px; }
.newsp1 a:hover{ color: #137CE1; }
.newsp2{ height: 40px; line-height: 20px; margin-top: 3px; color: #AAAAAA;}

.sjjy{ width: 325px; height: 235px; margin-top: 25px; }
.sjjy li{ width: 325px; height: 235px; position: relative; float: left;}
.sjjy_p1{ width: 325px; height: 235px; text-align: center; }
.sjjy_p1 a img{ max-width: 325px; height: 235px; }
.sjjy_p2{ width: 325px; text-align: center; height: 45px; line-height: 45px; background: rgba(0,0,0,0.8); position: absolute; bottom: 0px; left: 0px;}
.sjjy_p2 a{ font-size: 16px; color: #fff; }

.video{ width: 334px; height: 333px; margin-left: 45px; margin-top:27px;}
.video_p1{ height: 34px; line-height: 34px; }
.video_p1 a{ font-size: 25px; }
.video_01{ width: 334px; height: 187px; margin-top: 25px; }
.video_p2{ height: 70px; font-size: 14px; overflow: hidden; line-height: 22px; margin-top: 16px; }

#chan3{ height: 300px; overflow: hidden; margin-top: 30px; border-top:solid 1px #E2E2E2;}
.chan3{ width: 1200px; height: 285px; }
.chan3p1{ height: 51px; text-align: center; line-height: 51px; margin-top: 28px; position: relative;}
.chan3p1 a{ font-size: 20px; color: #9E9E9E; }
.chan3p1 span{ width: 53px; height: 1px; transition: all 1s;position: absolute; left: 50%; bottom: 0px;}
.chan3sp1{ background: #137CE1; margin-left: -53px;}
.chan3sp2{ background: #ACACAC; }
.chan3p1:hover .chan3sp1{ width: 80px; margin-left: -80px; }
.chan3p1:hover .chan3sp2{ width: 80px;  }
.chan3ul{ margin-top:40px; float: left; }
.chan3ul li{ width: 180px; margin: 0px 10px; display: inline; float: left; text-align: center; cursor: pointer;}
.chan3p2{ height: 51px; }
.chan3p3{ height: 40px; line-height: 40px; font-size: 22px; color: #494949; }
.chan3p4{ height: 66px; line-height: 22px; color: #9F9F9F; margin-top: 5px; transition: all 1s;}
.chan3ul li.on .chan3p2 img{ animation: swing 1s; }
.chan3ul li.on .chan3p4{ margin-top: 7px; }

#products{ height:750px; margin-top: 30px; border-top: solid 3px #137CE1; position: relative;}
#products .hd{ width: 1200px; height: 53px; margin:0px auto;}
#products .hd li{ width:240px; cursor: pointer; text-align: center; float: left; height: 53px; line-height: 53px; }
#products .hd li a{ font-size: 16px;  }
#products .hd li.on{ background: #137CE1; }
#products .hd li.on a{ color: #fff; }
#products .bd{  }
.products{ width: 100%; height: 100%; overflow: hidden; }
.products1{ height: 395px; background: url(../images/bg2.jpg) no-repeat center; }
.products2{ width: 1200px; height: 395px; }
.products21{ width: 615px; height: 395px; overflow: hidden; }
.products2p1{ height: 80px; line-height: 80px; margin-top: 32px; width: 615px; float: left; }
.products2p1 a{ font-size: 35px; color: #137CE1; }
.products2p1 a:hover{ color:#F96B0E;  }
.products2p2{ margin-top: 5px; overflow: hidden; width: 615px; float: left; }
.products2p2 span{ float: left; }
.products2sp1{ width: 100px; font-size: 16px; border-radius:5px; text-align: center; height: 32px; line-height: 32px; background: #137CE1; color: #fff; }
.products2sp2{ width:490px; line-height: 32px; margin-left:25px; }
.products22{ width: 525px; height: 315px; margin-top: 30px; text-align: center; }
.products22 a img{ max-width: 525px; height: 315px; }
.products3{ width: 1200px; height: 215px; margin-top: 50px; }
.products3 .xbd{ width: 945px; height: 215px;  }
.products3 li{ width: 275px; height: 215px; text-align: center; float: left; margin:0px 20px; display: inline;  }
.products3_p1{ width: 275px; height: 165px; overflow: hidden;}
.products3_p1 a img{ max-width: 275px; height: 165px; transition: all 1s; }
.products3_p1 a:hover{ filter:alpha(opacity=80);opacity:0.8; }
.products3_p1 a:hover img{ transform:scale(1.05); }
.products3_p2{ width: 275px; height:30px; margin-top: 20px;}
.products3_p2 a{ width: 243px; font-size: 16px; height: 28px; margin-left: 15px; display: inline; color:#A6A6A6; line-height: 28px; border: solid 1px #E1E1E1; float: left;}
.products3_p2 a:hover{ background: #137CE1; color: #fff; }
.mess{ width: 230px; height: 285px; position: absolute; left: 50%; margin-left: 367px; top: 465px;  }
.mess_p1{ height: 36px; line-height: 36px; }
.mess_p1 a{ font-size: 25px; }
.mess_p1 a:hover{ color: #F96B0E; }
.mess1{ width: 230px; margin-top: 7px; }
.mess1 li{ height: 45px;  margin-top: 13px; }
.mess1 li p{ width: 230px; height: 21px; line-height: 21px; overflow: hidden;} 
.messp2{ color: #AAAAAA; margin-top:3px;  }

.contact_us{ width:237px; height:174px;  margin-top:20px;}
.contact_p1{ height:30px;}
.contact_p1 a{ }
.contact_p2{ height:48px; line-height:23px; margin-top:50px; color:#333; padding-left:18px;}

/* CSS Js */
.picMarquee-left{ margin-left:35px;}
.picMarquee-left ul li{ width:272px; height:275px; float:left; margin:0px 8px;}
.switch_Marquee_p1{ width:272px; height:224px; text-align:center;}
.switch_Marquee_p1 a:hover{ filter:alpha(opacity=80);opacity:0.8;}
.switch_Marquee_p1 img{ max-width:272px; height:224px;}
.switch_Marquee_p2{ width:272px; height:51px; line-height:51px; text-align:center;}
.switch_Marquee_p2 a{color:#343434; font-size:12px;}
.switch_Marquee_p2 a:hover{ color:#343434;}


.picScroll-left{ width:480px; height:155px; float:left; overflow:hidden; margin-top:13px;}
.picScroll-left .hd{ width:855px; border:solid 1px #BDCAD1; background-color:#fff;  height:45px; margin-top:9px; overflow:hidden;}
.picScroll-left .hd .next,.picScroll-left .hd .prev{ width:15px; height:18px; float:left; margin-top:14px;}
.picScroll-left .hd .next{ background:url(../images/left_btn1.png) no-repeat; margin-left:689px;}
.picScroll-left .hd .prev{ background:url(../images/right_btn.png) no-repeat; margin-left:15px;}
.picScroll-left .bd ul li{  width:150px; height:155px; float:left; margin:0px 5px;  overflow:hidden;}
.switch_Scroll_p1{ width:150px; height:155px; text-align:center;}
.switch_Scroll_p1 a{ width:144px; height:149px; padding:2px; background:#fff; border:solid 1px #CEC7BB; float:left; position: relative;}
.switch_Scroll_p1 a:hover{ border:solid 1px #bbb; filter:alpha(opacity=80);opacity:0.8;}
.switch_Scroll_p1 img{ max-width:144px; height:149px;}
.switch_Scroll_p1 a span{ width: 87px; height: 87px; background: url(../images/case_hover.png) no-repeat; position: absolute;top: 57px; left: 95px; display: none; }
.switch_Scroll_p2{ height:34px; line-height:34px; text-align:center; padding-top:13px;}
.switch_Scroll_p2 a{color:#3E4042; font-size:16px;}
.switch_Scroll_p2 a:hover{ color:#3E4042;}


#KinSlideshow{ width:287px; height:255px;}

.slideTxtBox{}
.slideTxtBox .hd{ height:37px; background:url(../images/bg2.png) repeat-x;  }
.slideTxtBox .hd ul{ float:right; height:37px;   }
.slideTxtBox .hd ul li{ float:left; height:37px; line-height:37px; padding:0 13px; cursor:pointer; background:url(../images/bg1.png) no-repeat right;color:#171817;}
.slideTxtBox .hd ul li a{color:#171817; font-weight:600;}
.slideTxtBox .hd ul li.on{  background:#0BA760; color:#fff;}
.slideTxtBox .hd ul li.on a{ color:#fff;}
.slideTxtBox .bd{ height:425px; margin-top:2px;}
.slideTxtBox .bd ul{ float:left; width:978px;}
.slideTxtBox .bd ul li{ width:238px; height:196px; margin:16px 3px 0px 3px; float:left; display:inline; overflow:hidden; }
.slideTxt_Scroll_p1{ width:238px; height:168px; text-align:center;}
.slideTxt_Scroll_p1 a{ width:236px; height:167px; background:#fff; float:left; border:solid 1px #E7E7E7; border-bottom:0px;}
.slideTxt_Scroll_p1 a:hover{ filter:alpha(opacity=80);opacity:0.8;border:solid 1px #0BA760;border-bottom:0px;}
.slideTxt_Scroll_p1 img{ max-width:236px; height:167px;}
.slideTxt_Scroll_p2{ width:238px; height:28px; line-height:28px; text-align:center; }
.slideTxt_Scroll_p2 a{width:238px; height:28px;color:#fff;background-color:#0BA760; display:block;}
.slideTxt_Scroll_p2 a:hover{ background-color:#FF4A0A;}
/*两排*/
.multipleColumn{ width:1002px;}
.multipleColumn .bd{ padding-top:10px;}
.multipleColumn .bd li{ width:235px; height:160px; float:left; margin:15px 7px 0px 7px; display:inline; overflow:hidden; background-color:#D9D9D9; }
.multipleColumn_p1{ width:229px; height:128px; text-align:center; margin-left:3px; margin-top:3px;}
.multipleColumn_p1 a{ width:229px; height:128px; float:left;}
.multipleColumn_p1 a:hover{ filter:alpha(opacity=80);opacity:0.8;}
.multipleColumn_p1 img{ max-width:229px; height:128px;}
.multipleColumn_p2{ width:235px; height:29px; line-height:29px; text-align:center; }
.multipleColumn_p2 a{color:#4C4C4C;  }
.multipleColumn .bd li.selectli{ background-color:#006BC5; cursor:pointer;}
.multipleColumn .bd li.selectli .multipleColumn_p2 a{ color:#fff;}

/*切换滚动*/
.slideGroup{ width: 1200px; margin-top: 50px; background: #2476DB;}
.slideGroup .parHd{ height:53px; background: #fff;  }
.slideGroup .parHd li{ width:275px; height: 53px; line-height: 53px; text-align: center; float: left; }
.slideGroup .parHd li a{  color: #212121; }
.slideGroup .parHd li.on{ background: #2476DB; }
.slideGroup .parHd li.on a{ color: #fff; }
.slideGroup .parBd{ width:1200px;height:295px; }
.slideGroup .parBd ul{ margin-top: 35px; margin-left: 9px; }
.slideGroup .parBd ul li{ width: 270px;height: 250px; float: left; margin:0px 11px; display: inline;  }
.slideGroup_p1{ width: 270px; height: 220px; background: url(../images/bg1.jpg) no-repeat bottom; }
.slideGroup_p1 a img{ max-width: 270px; height: 204px; }
.slideGroup_p1 a:hover{ filter:alpha(opacity=80);opacity:0.8; }
.slideGroup_p2{ width: 270px; height: 24px; }
.slideTxt_Scroll_p2a1{ width: 160px; height: 24px; line-height: 24px; margin-left: 7px;  color: #fff; }
.slideTxt_Scroll_p2a2{ width: 80px; text-align: center; color: #252525; height: 24px; line-height: 24px; background: url(../images/bg2.jpg) repeat-x; }
.slideTxt_Scroll_p2a2:hover{color: #2476DB;}

/* CSS Footer */
.footer{width:1200px; height:355px;  color:#A3A3A3; margin:0px auto;}
.footer a{ color:#A3A3A3;}
.footer a:hover{ text-decoration:underline; color: #fff;}
#footer{ height:355px;background:#323232;  overflow:hidden; margin-top: 30px;}
.footer1{ height: 265px;}
.footer01{ width: 315px; height: 146px; color: #A3A3A3; margin-left: 28px; margin-top: 50px; position: relative;}
.footer01 span{ position: absolute; }
.footersp1{ width: 39px; height: 65px; background: url(../images/icon7.jpg) no-repeat; top: 0px; left: 0px; }
.footersp2{ height: 20px; line-height: 20px; top: 0px; left: 50px; }
.footersp3{ height: 22px; line-height: 22px; top: 25px; left: 50px; }
.footersp3 i{ color: #fff; font-weight: bold; font-size:20px; }
.footersp4{ height: 22px; line-height: 22px; top: 46px; left: 50px; }
.footersp4 i{ color: #fff; font-weight: bold; font-size:20px; }
.footersp5{width: 315px; height: 53px; line-height: 53px; top: 92px; left: 0px; border-top: solid 1px #575757;}
.footersp6{width: 315px; height: auto; line-height: 24px; top: 145px; left: 0px; border-top: solid 1px #575757;}
.footer_ul{ width: 228px; margin-top: 40px; margin-left: 60px;}
.footer_ul li{ float: left; width: 114px; height: 38px; line-height: 38px; color: #fff; }
.footer_ul li a{ color: #fff; }
.footer_ul li a:hover{ text-decoration: underline; }
.footer02{ width: 225px; margin-top: 30px; margin-left: 60px; }
.footerp3{ height: 47px; line-height: 47px; }
.footerp3 a{ font-size: 22px; color: #fff; }
.footer_ul1{ margin-top: 8px; }
.footer_ul1 li{ height: 36px; line-height: 36px; }

.footer2{ margin-top:22px; line-height: 25px; text-align:center;}

.weixin1{ margin-top:50px;}
.weixin2{ margin-top:50px; margin-left:20px;}
/*CSS Left_side*/
.left_side{ width:305px;  float:right; border-left:solid 1px #DBDBDB; margin-top: 45px; padding-left:22px; display:inline;}
.left_sidep1{ height:40px; line-height: 40px; font-size: 30px;  }
.left_sidecon{}

.left_sideul{ width:254px;  margin-top:5px;}
.left_sideul li{ height:33px; overflow:hidden;_float:left; margin-top:2px; }
.left_sideul li.sline{ width:254px; height:2px; background:url(../images/page_line.png) repeat-x; overflow:hidden; margin:0px auto;}
.left_sideul li a{ width:170px; padding-left:84px; height:33px; line-height:33px; background:#EAEAEA; font-size:16px; color:#242424; float:left; text-align:left;  }
.left_sideul li a:hover{ background-color:#025AA4; color:#fff;}
.left_sideul li.selectli a{ background-color:#025AA4; color:#fff;}

.left_sideul1{ margin-top: 10px; }
.left_sideul1 li{ height: 50px; line-height: 50px; background: url(../images/line1.jpg) repeat-x bottom; }
.left_sideul1 li a{ font-size: 16px; }
.left_sideul1 li a:hover{ color: #137CE1; }

.ppro{ width: 305px; height:320px; margin-top: 30px; background: #F8F8F8; margin-bottom: 30px;}
.ppro_p1{ height: 59px; background: url(../images/pbg1.jpg) repeat-x; }
.ppro1{ width: 265px; margin-top:25px; margin-left:20px;}
.ppro1 .bd{ width: 265px; height: 194px; }
.ppro1 .bd li{ width: 265px; height: 194px; text-align: center; } 
.pprop1{ width: 265px; background: #fff; height: 159px; }
.pprop1 a img{ max-width: 265px; height: 159px; }
.pprop1 a:hover{ filter:alpha(opacity=80);opacity:0.8; }
.pprop2{ width: 265px; height:35px; line-height: 35px;}
.pprop2 a{ color: #919191; font-size: 16px; }
.ppro1 .hd{ width: 265px; height:8px; margin-top: 10px; }
.ppro1 .hd ul{ width: 70px; margin-left:94px; float: left; display: inline; }
.ppro1 .hd ul li{ width: 8px; cursor: pointer; height: 8px; text-indent:999em; background: #CCCCCC; float: left; margin:0px 3px; display: inline;  border-radius:50%;}
.ppro1 .hd ul li.on{ background: #137CE1; }

.pcontact_us{ width:206px; height:250px;  margin-top:40px;}
.pcontact_p1{ height:138px;}
.pcontact_usa1{ float:left; margin-top:12px; margin-left:1px;}
.pcontact_us_01{ width:265px; height:105px; line-height:22px; margin-top:5px; color:#696868;}
/*CSS Right_side*/
.right_side{ width:845px; height:100%; overflow:hidden; margin-top: 45px; float:left; display:inline;}
.right_title{ height:30px; line-height: 30px; margin-top: 22px;  }
.right_title_left{ float:left;  font-size:16px; color:#fff; margin-top:10px; margin-left:10px; }
.right_title_right{ color:#fff; float:right; margin-right:10px; display:inline;}
.right_title_right a{ color:#fff;}
.right_title_right a:hover{ text-decoration:underline;}
.right_title_right_sp1{ width:34px; height:30px; background:url(../images/page_icon.jpg) no-repeat; float:left; margin-right:10px;}
.right_title_right_sp2{ float:left; color: #929292; font-size: 16px;}
.right_title_right_sp2 a{ color: #929292; }
.right_title_right_sp2 a:hover{ color: #137FE1; }
.right_title_right_sp2 .avtive{ color: #137FE1; }
.right_content{width:1200px; min-height:471px; _height:471px;padding:20px 0px 10px 0px; }
.right_content1{ width:  }
.page_nav{ height: 50px; margin-top: 25px; position: relative; }
.page_nav ul{ margin-left:0!important;position: absolute;/* left: 50%; */}
.page_nav ul li{ float: left; margin:0px 3px; display: inline;}
.page_nav ul li a{ width: 175px; text-align:center; color: #fff; font-size: 18px; height: 50px; line-height: 50px; float: left; background: #AEAEAE; }
.page_nav ul li a:hover{ background: #137CE1; }
.page_nav ul li.selectli a{ background: #137CE1; }

/* CSS News */
#indexNews{ padding:5px; }
#indexNews li{ height:30px; line-height:30px; border-bottom:#D9D9D9 1px dotted; padding:5px 10px 5px 10px; }
#indexNews li a{ padding-left:15px; float:left;}
#indexNews li span{ float:right;}
#indexNews li a:hover{color:#137CE1; }
#indexNews li i{ float: left; margin-top: 10px; }

#indexNews1 li{ width:1200px; height: 100%;  overflow:hidden; padding-bottom: 25px;  margin:15px 0px;  }
.itime{ width: 58px; height: 118px; text-align: center; margin-top: 25px; background: url(../images/nicon1.png) no-repeat center; margin-left: 10px;}
.itime span{ width: 58px; float: left;}
.timesp1{ height: 45px; line-height: 45px; font-size: 40px; color: #828282; }
.timesp2{ height: 28px; line-height: 28px; font-size: 20px; color: #A1A1A1; margin-top: 35px;}
.inlia1{ float:left; width:183px; text-align: center; height:110px; margin-top: 25px; margin-left: 35px;}
.inlia1:hover{filter:alpha(opacity=80);opacity:0.8;}
.inlia1 img{ max-width:183px; height:110px;}
.inlidiv1{ float:left; margin-left:25px; width: 840px; margin-top: 25px;}
.inlip1{ height:40px; line-height:40px;font-size: 18px;}
.inlip2{ height: 50px; line-height:25px; color: #A5A5A5;}
#indexNews1 li#lin1{ background:#F3F3F3; }
#indexNews1 li:hover{ background: #137CE1; cursor: pointer; transition: all 1s;}
#indexNews1 li#lin1:hover{ background: #137CE1; cursor: pointer; }
#indexNews1 li:hover .timesp1,#indexNews1 li:hover .timesp2,#indexNews1 li:hover .inlip1,#indexNews1 li:hover .inlip2{ color: #fff; }
#indexNews1 li:hover .itime{ background: url(../images/nicon11.png) no-repeat center; }
#indexNews1 li:hover .inlidiv1{ margin-left: 35px; transition: all 1s; }
/*Related*/
.related{ padding:10px; float: left; }
.related p{ height:25px; font-weight:bold; border-bottom:solid 1px #F1F1F1;}
.related ul { width:100%; padding:10px 0px;float:left;}
.related ul li{ width:50%; height:30px; line-height:30px; float:left;}
.related ul li b{ float:left;}
.related ul li a{ float:left; margin-left:5px; display:inline; color:#666;}
.related ul li a:hover{ color:#137CE1;}
/*上一条下一条*/
#prev_next{margin: 10px 10px;clear: both;overflow: hidden; }
#prev_next li{margin: 10px 0;}
#prev_next li i{ margin-right: 5px; }
#prev_next li a:hover{ color: #137CE1; }
/* CSS Pic */
#picUL{}
#picUL li{height:100%; overflow: hidden; width:280px;float:left;margin:10px 10px; display:inline;transition: all 1s;
-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s; background: #EEEEEE;}
#picUL li .pic_01{width:280px;height:168px; text-align: center; overflow: hidden;}
#picUL li .pic_01 a:hover{ filter:alpha(opacity=80);opacity:0.8;}
#picUL li .pic_01 img{height:168px;max-width:280px; _width:280px; vertical-align:middle;transition: all 1s; }
#picUL li .pic_line{width:250px; height: 2px; overflow: hidden; margin:20px 0px 0px 15px; }
#picUL li .pic_line span{ width: 30px; height:2px; background: #137CE1; float: left; transition: all 0.8s;}
#picUL li .pic_02{width:250px; height:40px; line-height:40px; padding:0px 15px 10px;}
#picUL li:hover{ background: #137CE1; cursor: pointer;}
#picUL li:hover .pic_line span{ background: #fff; width: 90px; }
#picUL li:hover .pic_02 a{ color: #fff; }
#picUL li:hover .pic_01 img{transform:scale(1.05);}

#proUL{}
#proUL li{height:270px;width:280px; border: solid 1px #E6E6E6; position: relative; float:left;margin:10px 8px;text-align:center; overflow: hidden; display:inline;}
#proUL li .pic_01{width:280px;height:168px;  transition: all 1s;}
#proUL li .pic_01 img{height:168px;max-width:280px; _width:280px; vertical-align:middle;}
#proUL li .pic_02{width:280px;text-align: center; font-size: 16px; height: 32px; line-height:32px; margin:15px 0px; }
#proUL li .pic_02 i{ float: left;margin-left: 20px; margin-top:10px;}
#proUL li .pic_02 span{ float: left; margin-left: 10px; }
#proUL li .pic_06{width:280px;text-align: center; height: 30px; line-height:30px; margin:10px 0px; color: #494949; }
#proUL li .pic_06 span{ float: left; margin-left: 20px; }
#proUL li a{ width: 280px; height: 270px; position: absolute; top: 0px; left: 0px; }
#proUL li a:hover{ background:rgba(0,0,0,1);  }
.pic_05{ width:111px; opacity: 0; height: 111px; background: url(../images/product_list_plus.png) no-repeat; position: absolute; left: 50%; margin-left: -55px; top:0px; }
.pic_03{ width: 240px; opacity: 0; height: 30px; font-size: 18px; line-height: 30px; position: absolute;left: 20px; bottom:0px; color: #fff;  } 
.pic_04{ width: 240px; opacity: 0; height: 28px; line-height: 28px; position: absolute; bottom:0px; left: 20px; color: #ADAEAE;  } 
#proUL li a:hover .pic_05{ opacity: 1; top:20px; transition: all 0.6s; }
#proUL li a:hover .pic_03{ opacity: 1; bottom: 80px; transition: all 0.6s;}
#proUL li a:hover .pic_04{ opacity: 1; bottom: 40px; transition: all 0.6s;}
/* CSS Info */

#newTitle{ line-height:40px; font-size:25px; text-align:center;}
#newsInfo{ height:30px; line-height:30px; text-align:center; border-bottom:solid 1px #f1f1f1; margin:10px;}
.newsinfoleft {padding-left: 30px;}
#newsInfo i{ margin-right: 5px; }
.xxsmys{ width:600px; height:30px; line-height:30px; background-color:#ececec;}
.xxsmwz{ width:88px; height:30px; color:#FFF; text-align:center; display:block; background-color:#9a9a9a;}
.pageys{ width:59px; height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center;}
.pageys:hover{color:#ff6c00}
.pageys1{ width:20px;height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center; margin-left:5px;}
.pageys2{ float:left; padding-left:5px;height:21px; line-height:21px; }
#infoImage{width:100%;text-align:center;margin:10px 0 10px 0;}
#infoImage img{ max-width:100%; padding:3px; border:#dcdcdc solid 1px;}
#newsContent{ margin:0 auto;line-height:30px; padding:10px;}
#newsContent img{max-width:100%; text-indent:0em;}
#newsContent div{ text-indent:2em;}
.contactus{  height:auto;  line-height:32px; text-align:left; font-size: 16px;}

.ccp1{ width: 550px; float: left; margin-left: 20px;}
.ccp2{ width: 550px; float: right; }


#company_main{ margin:0 auto; line-height:30px; padding:10px; }
#company_main img{ max-width:100%; }
#company_main a{ text-decoration:underline; }
#newsContent div.alink{ padding:5px; margin:0 auto; text-indent:0em;}
.company_main{ line-height: 32px; }
.bdlv1{ float: left;}
.bdlv1 img{ max-width: 500px; }
.bdlv2{ width: 670px; float: right; }
.bdlv3{ float: right;}
.bdlv4{ width: 670px; float: left; }
.bdlvp1{ height: 45px; line-height: 45px; font-size: 20px; }
.line1{ width: 100%; height: 30px; background: url(../images/line1.jpg) repeat-x center; }

#newTitle1{ line-height:50px; font-size:25px; }
.newsInfo{ height: 64px; margin-top: 15px; line-height: 64px; color:#999999;  border-top:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6; }
.newsInfo i{ margin-right: 5px; }
.sha{ margin-right: 10px; }
.sha a{ float: left; margin-top: 9px; margin-left: 10px;}
.sha a:hover{ animation: swing 1s; }
.sha span{ float: left; }

.pabout1{ width: 1200px; height: 493px; position: relative; margin-top: 60px;  }
.c_img1{ position:absolute; top: 0px; left: 0px; }
.c_img2{ position:absolute; top: 0px; right: 135px; }
.paboutc1{ width: 667px; text-indent: 2em; height: 346px; line-height: 31px; position: absolute; top: 150px; right: 0px;}
.pabout2{ width: 1200px; height: 442px; position: relative; margin-top: 80px;  }
.paboutc2{ width: 700px; height: 442px; line-height: 31px; position: absolute; left: 0px;}
.c_img3{ position:absolute; top: 0px; right: 0px; }
.paboutline1{ width: 1200px; height: 1px; background: #D7D7D7; margin-top: 60px; overflow: hidden; }
.pabout3{ width: 1200px; height: 316px; position: relative; margin-top: 50px;  }
.c_img4{ position:absolute; top: 0px; left:0px;  }
.paboutc3{ width: 630px; height: 316px; position: absolute; right: 0px;}
.paboutc3p1{ height: 47px; line-height: 47px; font-size: 30px; }
.paboutc3p2{ line-height: 31px; margin-top: 20px; }

.infoImage{ width:367px; height: 220px; margin-top: 20px;}
.infoImage img{max-width: 367px; height: 220px;}

.pagepcon{ width: 440px; height: 220px; margin-top: 20px; overflow: hidden; margin-right: 15px;}
.prode{ height: 75px; line-height: 25px; color: #565555; font-size: 14px; }
.prode span{ color: #EA0E0E; }
.protel{ height: 70px; margin-top: 10px; color: #292929; font-size: 14px; font-weight: bold; }
.protel p{ height: 70px; line-height: 35px; vertical-align: middle; }
.protel b{ font-size: 30px; color: #EA0E0E; float: left; }
.protel span{ float: left; font-size: 16px; }
.probtn{ height: 45px; margin-top: 5px; }
.probtn a{ width: 135px; float: left; height: 45px; line-height: 45px; text-align: center; color: #fff; font-size: 18px; }
.probtna1{ background: #505050; }
.probtna2{ background: #127CE0; margin-left: 25px; display: inline; }
.probtna1:hover{ background: #F96B0E; }
.probtna2:hover{ background: #F96B0E; }
.probg{ height: 40px; width:880px; background: #292929; margin-top: 30px; margin-right: 10px; margin-left: 10px; }
.probg span{ width: 120px; height: 40px; line-height: 40px; text-align: center; background: #127CE0; color: #fff; font-weight: bold;font-size: 18px; }
.proContent{ text-indent:2em;font-size:14px; line-height: 28px; padding: 10px 10px;}
.proContent img{ max-width: 100%; }
.ppro_order{ margin-top: 20px; margin-left: 20px; }
.pmessage_ul{ width:485px;}
.pmessage_ul li{width:485px; line-height:32px; margin-top:10px; float:left;}
.pmessage_ul li label{ float:left; color:#404040; font-size:14px;}
.pm_InputText{ width:284px; height:20px; line-height:20px; padding:5px 10px; float:left; color:#404040; border: solid 1px #E5E5E5; -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */ }
.pm_InputText:hover{ border: solid 1px #32B49A; }
.pm_textarea{ width:430px; height:115px; line-height:20px; padding:5px 10px; float:left; color:#404040; border: solid 1px #E5E5E5; -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */}
.pm_But{ width:165px; height:40px; line-height: 40px; font-size:15px; font-weight: bold; background-color:#292929; color:#FFFFFF; -moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 10px;   /* Webkit browsers */
    border-radius:10px;            /* W3C syntax */cursor:pointer; transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;}
.pm_But:hover{ background-color:#127CE0;}

/*css digg style pagination*/
div.digg{padding:5px;margin:10px;text-align:center; float:right; display: inline;}
div.digg a{border:#aaaadd 1px solid;padding:3px 5px;margin:3px;color:#585858;text-decoration:none}
div.digg a:hover{border:#137CE1 1px solid;color:#000;}
div.digg a:active{border:#137CE1 1px solid;color:#000;}
div.digg span.current{border:solid 1px #137CE1;padding:3px 10px;font-weight:bold;margin:3px;color:#fff;background-color:#137CE1;}
div.digg span.disabled{border:#eee 1px solid;padding:3px 5px;margin:3px;color:#ddd;}
div.digg select{ border:#aaaadd 1px solid; padding:3px 0px;}
/*******************************message css start***************************************/
.message_ul{
	margin:0px auto;
	float:left;
	padding:10px;
}
.message_ul li{
	float:left;
	width:100%;
    margin: 5px 0px;
}
.message_ul li label{ width:80px; float:left; text-align:right; margin-top:8px;}
.message_ul li b{ margin-top: 5px; float: left; }
.G_textarea{
	width:450px;
	height:100px;
	border:1px solid #dedede;padding:3px;
    float: left;
}
.G_InputText{
	width:260px;
	height:29px;
	line-height:29px;
	padding:5px 40px 5px 10px;
	float:left;
}
.message_ul li #name{ background: url(../images/register_input1.png) no-repeat;}
.message_ul li #tel{ background: url(../images/register_input3.png) no-repeat;}
.message_ul li #add{ background: url(../images/register_input2.jpg) no-repeat;}
.message_ul li #email{ background: url(../images/register_input4.png) no-repeat;}
.yanzheng{
	width:100px;
	height:25px;
	border:1px solid #dedede;
	padding:3px;
}
.But{
	width:120px;
	height:40px;
	line-height:40px;
	background:#137CE1;
	border-radius:2px;
	text-align:center;
	margin-top:14px;
	margin-left:5px;
	color:#FFF;
	cursor:pointer;
    transition: all 1s;
-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;
}
.But:hover{
    background:#23429C;
}
.G_tips{
	width:486px;
	line-height:28px;
	margin:30px 65px;
	border:1px solid #dedede;
	padding:3px 7px 7px 7px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 0px 0px 3px rgba(0,0,0,.1);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
}
.red{
	color:#ff0000;
}
.cpmcys{ height:28px; border:solid 1px #DEDEDE;}
/*******************************message css end***************************************/

/******************************job css start***************************************/
.job_ul{ padding:10px;}
.job_ul li{
	width:100%;
	border-bottom:dashed 1px #cfcfcf;
	float:left;
	padding:10px 0px;
	line-height:30px;
}
.job_ul li .recruit_info{
	float:left;
}
.job_ul li .recruit_info .job_nam{
	color:#000;
	font-weight:bold;
}
.job_ul li .but{
	width:80px;
	height:31px;
	line-height:31px;
	background: #137CE1;
	border-radius:2px;   
	float:right;
	margin-top:10px;
	margin-right:22px;
	text-align:center;
}
.job_ul li .but a{
	text-decoration:none;
	color:#FFF;
	display:block;
}

.recruit_info_tit_bg{
	height:31px;
	background:#f8f8f8;
	border-radius:2px;
	margin:0px auto;
	padding:5px 10px;
}
	
.recruit_info_tit_bg .recruit_info_tit{
	width:80px;
	height:31px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	background:#137CE1;
	color:#ffffff;
	line-height:31px;
    text-align: center;
}
.recruit_info_main{
	margin:0px auto;
	margin-top:10px;
	margin-bottom:60px;
	padding:5px 20px;
}

.recruit_info_main p {
	text-align: justify;
	letter-spacing: 1px;
	line-height: 30px;
	color: #444444;
}

/*sitemap*/

.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;height: 73px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a{color:black;}
.m2t ul li a:hover{ color:red; text-decoration:underline;}
.f{ float:right; margin-right:10px; _margin-top:7px;}
.map{ float:right;margin-top: 20px;}
.map a{color:black;}
.pages{ padding:5px 15px; margin:10px 0px;}
.pages li{ float:left; line-height:30px;}
.pagesli1{ width:40%;}
.pagesli2{ width:40%;}
.pagesli3{ width:20%;}
/*页面加载css*/
#loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 9999999999;
}

.spinner {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 50%;
	left: 50%;
	margin-left: -40px;
	margin-top: -40px;
	-webkit-animation: rotatee 2.0s infinite linear;
	animation: rotatee 2.0s infinite linear;
}

.dot1, .dot2 {
	width: 60%;
	height: 60%;
	display: inline-block;
	position: absolute;
	top: 0;
	background-color: #0a9fd8;
	border-radius: 100%;
	-webkit-animation: bouncee 2.0s infinite ease-in-out;
	animation: bouncee 2.0s infinite ease-in-out;
}

.dot2 {
	top: auto;
	bottom: 0px;
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
@-webkit-keyframes rotatee { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotatee {
	100% {
		transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes bouncee {
	0%, 100% { -webkit-transform: scale(0.0) }
	50% { -webkit-transform: scale(1.0) }
}

@keyframes bouncee {
	0%, 100% {
		transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
      }
}