/*index*/

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0
}

#bsWXBox {
    box-sizing: content-box
}
.warp{ width:1003px; margin:0 auto;}
.header{ width:1003px; height:88px; line-height:32px; margin:0 auto; padding-top:14px; overflow:hidden}
.logo{ float:left;}
.header span{
    padding-top:20px;
    float:left;
    display: block;
    margin-left:75px;
}
.headTxt{ float:right; overflow:hidden}
.phone-nav {
    position: absolute;
    font-size: 30px;
    right: 10px;
    top: 0;
    line-height: 50px;
    display: none;
    color: #666
}

#menu {
    z-index: 110;
    text-transform: capitalize
}

#menu ul li a {
    display: block;
    color: #f1f1f1
}
.language{ height:24px; font-family:Arial,宋体; float:right; margin-right:1px; margin-bottom:12px; overflow:hidden}
.language a{ height:24px; line-height:24px; padding-left:22px; display:inline-block;}
.language a.chinese{ background:url(../images/chinese.jpg) no-repeat 0px 6px; margin-right:10px;}
.language a.english{ background:url(../images/english.jpg) no-repeat 0px 6px; margin-left:10px;}
.tel{ float:right; clear:right;}

#nav{ height:61px; background:url(../images/nav_bg.jpg) repeat-x; position:relative; z-index:5;}
#nav ul{ width:1003px; margin:0 auto; position:relative; z-index:5; }
#nav ul li{ height:61px; padding-left:2px; float:left; position:relative; z-index:5; background:url(../images/nav_line.jpg) no-repeat }
#nav ul li:first-child{ background:none}
#nav ul li:first-child a{ width:96px; padding-left:0px;}
#nav ul li>a{ width:127px; height:42px; line-height:44px; font-weight:bold; text-align:center; font-size:14px; color:#ffffff; position:relative; z-index:5; overflow:hidden; display:block}
#nav ul li:hover>a, #nav ul li.now>a{ background:#005fea}
#nav ul li:hover .subnav{ display:block}
.third:hover>div{ display:block}

.subnav{ width:127px; position:absolute; left:2px; top:43px; padding:5px 0px 15px 0px; background:#004fc3; display:none; }
.subnav>a{ height:37px; line-height:37px; text-align:center; margin:0px 9px; color:#ffffff; background:url(../images/sub_line.jpg) repeat-x left bottom; overflow:hidden; display:block}
.subnav a:hover{ font-weight:bold}
.third{ position:relative;}
.third>a{height:37px; line-height:37px; text-align:center; margin:0px 9px; color:#ffffff; background:url(../images/sub_line.jpg) repeat-x left bottom; overflow:hidden; display:block}
.third>div a{height:37px; line-height:37px; text-align:center; margin:0px 9px; color:#ffffff; overflow:hidden; display:block}
.third>div{ width:100%; position:absolute; left:100%; top:0; background:#004fc3; display:none;}

#banner{overflow: hidden;
    width: 100%;
    position: relative;
    max-height: 512px; margin:0 auto 40px auto;
text-align: center}
#banner_img{  overflow: hidden}

#banner_img .slick-slide {
    position: relative
}

#banner_img .slick-slide img {
    max-width: 100%;text-align: center;
    margin:0 auto;
}

#banner_img .slick-dots {

    text-align: right;
    width:960px; height:30px; position:absolute; z-index:2; bottom:0px; left:50%; margin-left:-480px; text-align:right;
}

#banner_img .slick-dots li {

    padding: 0;
    width: 10px;
    height: 10px;
}

#banner_img .slick-dots li button {
    width:10px; height:10px; background:#ffffff; border:1px solid #ffffff; margin:0px 3px; display:inline-block
}

#banner_img .slick-dots li button:before {
    content: ""
}

#banner_img .slick-dots .slick-active button {
    background:#004fc3;
}

#banner_img .slick-dots .slick-active button:before {
    color: transparent
}

#nybanner{overflow: hidden;
    width: 100%;
    position: relative;
    max-height: 261px; margin:0 auto 40px auto;
    text-align: center}
#nybanner_img{  overflow: hidden;width:100%}

#nybanner_img .slick-slide {
    position: relative
}

#nybanner_img .slick-slide img {
    max-width: 100%;text-align: center;
    margin:0 auto;
}

#nybanner_img .slick-dots {

    text-align: right;
    width:960px; height:30px; position:absolute; z-index:2; bottom:0px; left:50%; margin-left:-480px; text-align:right;
}

#nybanner_img .slick-dots li {

    padding: 0;
    width: 10px;
    height: 10px;
}

#nybanner_img .slick-dots li button {
    width:10px; height:10px; background:#ffffff; border:1px solid #ffffff; margin:0px 3px; display:inline-block
}

#nybanner_img .slick-dots li button:before {
    content: ""
}

#nybanner_img .slick-dots .slick-active button {
    background:#004fc3;
}

#nybanner_img .slick-dots .slick-active button:before {
    color: transparent
}



.mainTop{ width:1001px; height:415px; margin:0 auto 39px auto; position:relative;   overflow:hidden}
 .index_title{ height:60px; line-height:60px;padding:0px 12px 0px 16px;border-bottom:1px solid #ddd; margin-bottom:13px; overflow:hidden}
.index_title a{ float:right; color:#0038a3; margin-left:60px;}
.index_title a:hover{ text-decoration:underline}
.index_title p{ font-size:18px; font-weight:bold; overflow:hidden}

.index_about{ width:649px; height:415px;  border:1px solid #dddddd; overflow:hidden}
.abTxt{ height:310px; line-height:27px; color:#333333;padding:12px 12px 0px 16px;  font-size:13px; overflow:hidden}
.abimg{ width:284px; height:310px; float:left; margin-right:17px; overflow:hidden; display:block}

.index_news{ width:352px;border:1px solid #ddd;border-left:0;height:415px;  overflow:hidden}
.index_news>ul{ height:120px;padding:0px 12px 0px 16px; margin-bottom:18px; overflow:hidden;
border-bottom:1px solid #ddd}
.index_news>ul li{ height:26px; line-height:26px; padding-left:9px; background:url(../images/dot1.jpg) no-repeat 0px 12px; white-space:nowrap; text-overflow:ellipsis;  overflow:hidden}
.index_news>ul li a{ color:#333333;}
.index_news>ul li a:hover{ color:#004fc3;}
.index_video{     text-align: center;height:190px; overflow:hidden}

.indexPro{ overflow:hidden}
.proleft{ width:209px; padding:6px; border:1px solid #00388b; background:#004fc3; overflow:hidden}
.plist{ min-height:569px; padding:0px 8px; border:1px solid #0067fd; overflow:hidden}
.plist>ul{ margin:0px 5px; overflow:hidden}
.plist>ul li{   height:34px; line-height:34px; background:#0060ec; margin-bottom:14px; text-indent:23px; border:1px solid #5e99ef; overflow:hidden}
.plist>ul li:hover{ background:#0269ff}
.plist>ul li a{ color:#ffffff; font-size:14px; display:block}
a.more{ color:#ffffff; float:right; font-size:14px; margin:30px 10px 0px 0px;}
a.more:hover{ text-decoration:underline;}
.iptit{  color:#7aaffe; margin-bottom:20px; padding-top:10px; text-align:center; border-bottom:1px solid #0067fd; overflow:hidden}
.iptit span{ height:28px; line-height:28px; color:#ffffff; font-size:20px; display:block; overflow:hidden}
.iptit p{ height:22px; line-height:22px; text-transform:uppercase;}

.proright{ width:760px; margin-bottom:25px; background:url(../images/ipro_bg.png) no-repeat; position:relative; overflow:hidden}
.iptit2{ height:55px; line-height:61px; padding:0px 2px; font-size:20px; margin-left:21px; background:url(../images/pline.png) repeat-x left 54px; color:#0251cb; margin-bottom:36px; overflow:hidden}
.prolist_bg{ width:720px; margin-left:25px; position:relative; overflow:hidden}
.prolist{ width:100000px; position:relative; overflow:hidden}
.prolist ul{ width:760px; height:495px; position:relative; float:left; overflow:hidden}
.prolist li{ width:220px; height:227px; border:1px solid #d5d5d5; float:left; margin:0px 22px 37px 0px; position:relative; overflow:hidden}
.prolist li>span{ width:220px; height:190px; text-align:center; display:block; overflow:hidden}
.prolist li>span img, .prolist li>span i{ max-width:100%; max-height:100%; vertical-align:middle}
.prolist li>span i{ height:100%; display:inline-block}
.prolist li>p{ width:100%; height:5px; background:#ffffff; position:absolute; bottom:0; left:0; z-index:2; overflow:hidden}
.hiddtxt{ width:210px; height:217px; padding:0px 12px; position:absolute; top:193px; left:5px; color:#ffffff; background:url(../images/toum.png) repeat;}
.hiddtxt>span{ height:29px; line-height:29px; font-size:14px; text-align:center; overflow:hidden; display:block;text-overflow: ellipsis;white-space: nowrap}
.hiddtxt>span a{ color:#ffffff;}
.hiddtxt>span a:hover{ text-decoration:underline}
.hiddtxt>p{ height:88px; line-height:22px; margin:13px 0px; overflow:hidden}
.hiddtxt>a{ width:88px; height:24px; line-height:24px; font-size:14px; background:#262626; color:#dedede; text-align:center; display:block; overflow:hidden}
.hiddtxt>a:hover{ color:#ffffff; background:#000000;}
.prolist li.hiddtxt2 div>span{ text-align:left; margin-top:25px;}

#goL, #goR{ width:24px; height:23px; line-height:23px; border:1px solid #5187df; font-family:宋体; color:#ffffff; font-size:14px; text-align:center; display:block; position:absolute; top:10px; background:#6394e0;}
#goL{ border-right:none; right:25px;}
#goR{ border-left:none; right:0px;}
#goL:hover{ background:#5089e2; border:1px solid #3879dd; border-right:none;}
#goR:hover{ background:#5089e2; border:1px solid #3879dd; border-left:none;}

.indexNews{ height:402px; margin-bottom:41px; overflow:hidden}
.bottnews{ width:312px; overflow:hidden}
.index_title2{ height:40px; margin-bottom:10px; overflow:hidden}
.index_title2>a{ margin-top:15px; float:right; margin-left:20px; color:#0038a3;}
.index_title2>a:hover{ text-decoration:underline}
.index_title2>p{ height:40px; line-height:40px; color:#666666; text-transform:uppercase; overflow:hidden}
.index_title2>p b{ font-size:18px; color:#333333; padding-right:5px;}

.newimg{ width:312px; height:118px; text-align:center; margin-bottom:8px; overflow:hidden}
.newimg img, .newimg i{ max-width:100%; max-height:100%; vertical-align:middle}
.newimg i{ height:100%; display:inline-block}

.bottnews>ul{ overflow:hidden}
.bottnews>ul li{ height:28px; line-height:28px; padding-left:12px; background:url(../images/dot2.jpg) no-repeat 0px 12px; overflow:hidden}
.bottnews>ul li>time{ float:right; margin-left:30px; color:#999999;}
.bottnews>ul li>p{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.ml33{ margin-left:33px;}

.bottcont{ width:315px; height:402px; background:#fafafa; overflow:hidden}
.bottcont div.index_title2{ margin:0px 15px 12px 15px; padding-bottom:10px; border-bottom:1px solid #d8d8d8}
.newimg2{ width:282px; height:106px; margin:0px auto; border:1px solid #e9e9e9; overflow:hidden}
.newimg2 img, .newimg2 i{ max-width:100%; max-height:100%; vertical-align:middle}
.newimg2 i{ height:100%; display:inline-block}

.ctel{ margin:12px 15px 13px 15px; overflow:hidden}
.ictxt{ border-top:1px solid #d8d8d8; margin:0px 11px; line-height:19px; color:#333333; padding-top:5px; overflow:hidden}
.ictxt a{ color:#333333;}
.ictxt a:hover{ text-decoration:underline}

.friend_bg{ height:89px; background:#ebebeb; overflow:hidden}
.friend{ margin-top:17px; overflow:hidden}
.youq{ height:58px; line-height:58px; float:left; font-size:24px; color:#333333; margin-right:5px; overflow:hidden}
.links{ width:870px; height:58px; position:relative; overflow:hidden}
.links ul{ width:100000px; position:relative; overflow:hidden}
.links li{ width:145px; height:46px; text-align:center; padding:6px; margin-right:17px; background:url(../images/link_bg.jpg) no-repeat; float:left; overflow:hidden}
.links li:hover{ background:url(../images/link_bg2.jpg) no-repeat;}
.links li img, .links li i{ max-width:100%; max-height:100%; vertical-align:middle}
.links li i{ height:100%; display:inline-block}

.footer{ padding:21px 0px; line-height:28px; background:#636363; color:#d4d4d4; overflow:hidden}
.footer a{ color:#d4d4d4;}
.footer a:hover{ color:#ffffff;}

.container{ width:1003px; min-height:400px; margin:0 auto 50px auto; background:url(../images/container_bg.jpg) repeat-y 273px 0px; overflow:hidden}
.location{ width:1003px; padding:0px 10px; height:35px; line-height:35px; background:#eaeaea; margin:0 auto 39px auto; overflow:hidden}
.location p{ float:right; color:#545454; font-size:14px; margin-left:40px;}
.location p a{ color:#545454}
.location p a:hover{ color:#004fc3;}
.location h2{ font-size:25px; color:#232325; font-family:Microsoft YaHei; text-transform:uppercase; font-weight:normal; overflow:hidden}

.nyleft{ width:253px; float:left; overflow:hidden}
#inlnav{ margin-bottom:20px;}
#inlnav li{ padding-right:30px;}
#inlnav li>a{ height:32px; line-height:30px; padding-bottom:1px; border-bottom:1px solid #eaeaea; background:url(../images/dot4.jpg) no-repeat 13px 14px; font-size:14px; color:#4e4e4e; text-indent:22px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block}
#inlnav li:hover>a, #inlnav li.curr>a{ background:url(../images/dot3.jpg) no-repeat 13px 14px; color:#ffffff; }
#inlnav li:hover, #inlnav li.curr{ background:url(../images/inlnav_bg.jpg) no-repeat; }
#inlnav li>div{ font-size:14px; display:none}
#inlnav li>div a{ height:34px; line-height:34px; color:#242424; text-indent:52px; background:url(../images/inlnav_bg2.jpg) no-repeat 0px 3px; white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden;}
#inlnav li>div a:hover,#inlnav li>div a.curr{ color:#004fc3;}

.left_pro{ background:#414243; border-radius:2px; padding:0px 20px 16px 20px; overflow:hidden}
.lefttit{ height:50px; line-height:50px; background:url(../images/left_bg.jpg) no-repeat 0px 13px; padding-left:40px; color:#f5f5f5; font-size:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.lefttit a{ color:#f5f5f5;}
.left_pro>ul{ width:270px; padding-top:14px; *margin-bottom:8px; overflow:hidden}
.left_pro>ul li{ width:101px; height:28px; line-height:28px; font-size:14px; text-align:center; margin:0px 11px 8px 0px; float:left; overflow:hidden}
.left_pro>ul li a{ background:#575757; color:#ffffff; display:block}
.left_pro>ul li a:hover{ background:#00b4ff; color:#ffffff;}

.left_news{ background:#f2f2f2; padding:0px 12px 10px 12px; margin:20px 0px; overflow:hidden}
.lefttit2{ height:48px; line-height:48px; font-size:20px; margin-bottom:19px; background:url(../images/left_line.jpg) repeat-x left 46px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.lefttit2 a{ color:#333333;}
.left_news>ul{ margin:10px 0px 6px 0px; overflow:hidden}
.left_news>ul li{ height:30px; line-height:30px; padding-left:11px; background:url(../images/dian5.jpg) no-repeat 0px 13px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.left_news>ul li a{ color:#333333;}
.left_news>ul li a:hover{ color:#004fc3;}

.left_cont{ background:#f2f2f2; padding:0px 12px 10px 12px; overflow:hidden}
.contxt{ color:#333333; line-height:26px; padding:10px 0px;}
.contxt a{ color:#333333;}
.contxt a:hover{ color:#004fc3;}
.nyright{ width:700px; line-height:24px; *zoom:1;}
.about{ font-size:14px; color:#717171; line-height:28px;}
.about ul{ margin:12px 0px; padding-left:40px; list-style:disc;}
.gray{font-size:24px; color:#000000; line-height:30px; background:#e4e4e4; font-weight:normal; margin-bottom:15px; padding:0px 4px;}

.culture{ overflow:hidden}
.culture li{ width:300px; height:225px; text-align:center; margin:0px 35px 40px 15px; float:left; overflow:hidden}
.culture li img, .culture li i{ max-height:100%; max-width:100%; vertical-align:middle}
.culture li i{ height:100%; display:inline-block}

.honor{ overflow:hidden}
.honor ul{ width:770px;}
.honor li{ width:44%; height:238px; margin:0 8px 35px 8px; float:left; overflow:hidden;}
.honor span{ width:100%; height:220px; text-align:center; padding:7px 7px 15px 7px; overflow:hidden; display:block;}
.honor span img, .honor span i{ max-height:100%; max-width:100%; vertical-align:middle}
.honor span i{ height:100%; display:inline-block}
.honor li p{ height:18px; line-height:18px; padding:0 10px; text-align:center; overflow:hidden; display:block;}   

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{ position:relative; }
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#cboxOverlay{ background-color:#2b2b2b; filter: Alpha(Opacity=50); opacity:0.5;}
#cboxContent{background:#fff; font-size: 12px;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{ position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{width:90%; position:absolute; bottom:8px; left:5%; text-indent:10px; color:#fff; background:#4f4f4f; overflow:hidden;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#000;}
#cboxPrevious{position:absolute; bottom:48%; left:2%; background:url(../images/big_left_btn.png) no-repeat;  width:30px; height:30px; text-indent:-9999px;}
#cboxNext{position:absolute; bottom:48%; right:2%; background:url(../images/big_right_btn.png) no-repeat; width:30px; height:30px; text-indent:-9999px;}
#cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../images/big_close_btn.png) no-repeat; width:29px; height:28px; text-indent:-9999px; top:5px; right:5px;}


.news{ margin-bottom:10px; overflow:hidden}
.news li{ height:90px; padding:10px 8px 0px 10px; background:url(../images/teach_line.jpg) repeat-x left bottom; overflow:hidden}
.news li:hover{ background:url(../images/teach_line.jpg) repeat-x left bottom #f5f5f5}
.news li:hover>span{ background:url(../images/dot6.jpg) no-repeat 0px 14px;}
.news li:hover>span a{ color:#004fc3;}
.news li>span{ height:30px;
    position: relative; line-height:30px; padding-left:10px; background:url(../images/dot1.jpg) no-repeat 0px 14px; overflow:hidden; display:block}
.news li>span time{ color:#888888;  padding-right:4px;
    position: absolute;right:0;}
.news li>span a{padding-right:75px;   font-size:13px; color:#333333; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden}
.news li>p{ height:40px; line-height:20px; color:#777777; overflow:hidden}

.page{ line-height:30px; clear:both; text-align:right; padding-top:20px; overflow:hidden}
.page a{ height:28px; line-height:28px; padding:0px 10px; font-size:16px; font-family:Arial; background:#d3d3d3; margin:0px 2px; display:inline-block; overflow:hidden}
.page a:hover, .page a.sele,.page a.cpb{ background:#005bb7; color:#ffffff; }

.htitle{ line-height:26px; text-align:center; font-size:18px; color:#000000; font-weight:normal; overflow:hidden}
.hdata{ line-height:24px; text-align:center; color:#999999; margin:10px 0px 30px 0px; padding-bottom:15px; border-bottom:1px dotted #ccc; overflow:hidden}
.details{ line-height:30px; font-size:14px; overflow:hidden}
a.return{ width:159px; height:40px; line-height:40px; background:url(../images/return.jpg) no-repeat right 0px; color:#ffffff; font-size:15px; text-indent:20px; float:right; font-weight:bold; margin-top:50px; display:block}
a.return:hover{ text-decoration:underline}

.biaoq{ line-height:24px; margin:30px 0px 20px 0px; font-size:13px; border-bottom:1px solid #eee; border-top:1px solid #eee; padding:5px 10px; overflow:hidden}
.biaoq>b{ float:left; color:#000; font-size:13px; }
.biaoq>p{ overflow:hidden}
.biaoq>p a{ margin:0px 5px; display:inline-block}

.piece{ height:39px; line-height:39px; margin-bottom:20px; background:#ededed; overflow:hidden;}
.piece ul{ margin:0px; padding:0px; list-style:none; overflow:hidden}
.piece li{ width:320px; float:left; margin-left:25px; font-size:14px; color:#333333; overflow:hidden;}
.piece li:first-child{ margin-left:0px;}
.piece li a{  float:left; color:#333333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block;width:230px;  }
.piece li b{ float:left; padding:0px 5px 0px 10px; font-weight:normal; }

.related{ padding:20px 12px; background:#ededed; overflow:hidden;margin-top:10px;}
.tuitit{ height:30px; font-size:16px; color:#000000; padding-bottom:6px; margin-bottom:18px; border-bottom:1px solid #ddd; overflow:hidden}
.tuitit b{ height:30px; line-height:30px; display:block; overflow:hidden}
.related ul.xiang{ width:740px; padding:0px; margin:0px; list-style:none; background:url(../images/line2.jpg) repeat-y 316px 0px; font-size:14px; overflow:hidden}
.xiang li{ width:280px; height:30px; line-height:30px; font-size:13px; margin-right:54px; float:left; background:url(../images/dot1.jpg) no-repeat 1px 14px; padding-left:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.return_top{ display:none; position:fixed; right:10%; bottom:190px;z-index:9}

.topTxt{ padding:10px; background:#f5f5f5; font-size:13px; margin-bottom:34px; overflow:hidden}
.products{ overflow:hidden}
.products>ul{ width:730px; overflow:hidden}
.products>ul li{ width:337px; height:204px; margin-right:18px; float:left; overflow:hidden}
.products>ul li>span{ width:178px; height:154px; text-align:center; padding:1px 5px 5px 1px; margin-right:8px; background:url(../images/probg.jpg) no-repeat; float:left; display:block; overflow:hidden}
.products>ul li>span img, .products>ul li>span i{ max-height:100%; max-width:100%; vertical-align:middle}
.products>ul li>span i{ height:100%; display:inline-block}
.products>ul li>div{ overflow:hidden}
.products>ul li>div span{ height:24px; line-height:24px; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block}
.products>ul li>div span a{ color:#242424;}
.products>ul li>div p{ height:72px; line-height:24px; margin:9px 0px 11px 0px; color:#242424; overflow:hidden}
.products>ul li>div>a{ width:87px; height:31px; line-height:31px; text-align:center; color:#ffffff; background:#004fc3; overflow:hidden; display:block}
.products>ul li:hover>div>a{ background:#0065f8}
.products>ul li:hover>div span a{ color:#004fc3;}

.proname{ line-height:30px; margin:30px 0px 20px 0px; text-align:center; color:#333333; font-size:27px; font-weight:bold; overflow:hidden}
#showimg{ width:516px; position:relative; margin:0px auto; }
#zimg{ width:350px; height:350px; position:absolute; left:-330px; top:0; border:1px solid #ddd; z-index:3px; overflow:hidden; visibility:hidden;}
#zimg img{position:absolute;}
#serbigimg{width:461px; height:397px; background:#f3f3f3; margin:0px auto; border:1px solid #d5d5d5; position:relative; z-index:1;}
#mark{position:absolute; background:#000; opacity:0.4; filter:alpha(opacity:40); cursor:pointer; display:none; }
.chakan{ position:absolute; top:349px; right:27px; z-index:2;}

#serbigimg table{width:100%; height:100%; position:absolute; top:0; left:0;}
#serbigimg table img{cursor:pointer;max-width:100%;}
#sersimg{ width:516px; margin:20px auto 0px; overflow:hidden}
#sersimg>span{width:36px; height:36px; margin-top:18px; cursor:pointer;}
#sersimg>span.fl{background:url(../images/seraimgl.png);}
#sersimg>span.fl.hv{background:url(../images/seraimglhv.png);}
#sersimg>span.fr{background:url(../images/seraimgr.png);}
#sersimg>span.fr.hv{background:url(../images/seraimgrhv.png);}
#sersimg>div{width:404px; height:80px; margin:0 auto; overflow:hidden; }
#sersimg ul{list-style:none; padding:0; margin:0; overflow:hidden; width:1000px;}
#sersimg ul li{ width:84px; height:73px; margin-right:20px; float:left; text-align:center; border:1px solid #d9d9d9; overflow:hidden; cursor:pointer; }
#sersimg ul li img, #sersimg ul li i{ max-height:100%; max-width:100%; vertical-align:middle}
#sersimg ul li i{ height:100%; display:inline-block}
#sersimg ul li.hv{ border:1px solid #004fc3;}

.description{ padding-top:35px; line-height:26px; font-size:12px; color:#333333; overflow:hidden}
.jies{ height:30px; line-height:30px; background:#e4e4e4; font-size:18px; color:#333333; padding:0px 11px; overflow:hidden}

.ptable{ width:740px; overflow:hidden}
.ptable ul{ width:339px; float:left; border:1px solid #e8e8e8; font-size:12px; color:#333333; padding:0px; margin:0px 15px 0px 0px; list-style:none; overflow:hidden }
.ptable ul li{ width:100%; float:left; border:1px solid #ffffff; border-top:0; background:url(../images/proli_bg.jpg) repeat-y; overflow:hidden}
.ptable ul li:first-child{ border:1px solid #ffffff; border-top:1px solid #ffffff;}
.ptable ul li p{ line-height:23px; padding:4px 10px 4px 15px; overflow:hidden}
.tp1{ width:142px; float:left; background:#f5f5f5;}
.tp2{ width:142px; margin-left:3px; float:left; border-left:1px solid #ffffff; background:#fafafa;}


.related ul.xpro{ width:760px; position:relative; float:left; padding:0px; margin:0px; list-style:none; overflow:hidden}
.xpro li{ width:220px; height:227px; border:1px solid #d5d5d5; float:left; margin:0px 5px 0px 0px; position:relative; overflow:hidden}
.xpro li>span{ width:220px; height:190px; text-align:center; display:block; overflow:hidden}
.xpro li>span img, .xpro li>span i{ max-width:100%; max-height:100%; vertical-align:middle}
.xpro li>span i{ height:100%; display:inline-block}
.xpro li>p{ width:100%; height:5px; background:#ffffff; position:absolute; bottom:0; left:0; z-index:2; overflow:hidden}
.xpro li.hiddtxt2 div>span{ text-align:left; margin-top:25px;}

.technology{ margin:0px 4px 20px 4px; overflow:hidden}
.technology li{ height:34px; line-height:34px; padding:0px 5px 0px 15px; border-bottom:1px dotted #ddd; background:url(../images/dot1.jpg) no-repeat 4px 15px; overflow:hidden}
.technology li:hover{ background:url(../images/dot6.jpg) no-repeat 4px 15px;}
.technology li time{ float:right; margin-left:80px; color:#888888;}
.technology li>a{ float:right; margin-left:80px; margin-right:10px; color:#555555; font-family:SimSun; text-decoration:underline}
.technology li>a:hover{color:#004fc3;}
.technology li p{ overflow:hidden}
.technology li p a{ color:#777777}
.technology li:hover p a{ color:#004fc3;}


.job{ border-top:1px solid #003788; margin-bottom:20px; overflow:hidden}
.job li{ height:41px; line-height:41px; border-bottom:1px solid #dcdcdc; text-align:center; font-size:14px; overflow:hidden}
.job li:first-child p.aa1{ text-align:center; text-indent:0px;}
.job li:first-child p.aa2{ font-size:14px}
.job li:first-child p.aa3{ font-size:14px}
.job li p{ float:left; overflow:hidden}
.job li p.aa1{ width:360px; border-right:1px solid #dcdcdc; text-indent:15px; background:#f4f4f4; text-align:left;}
.job li p.aa1 a:hover{color:#003788;}
.job li p.aa2{ width:180px; border-right:1px solid #dcdcdc; font-size:12px}
.job li p.aa3{ width:155px; font-size:12px}
.job li p.aa3 a{ color:#003788; text-decoration:underline;}
.job li p.aa3 a:hover{ font-weight:bold;}

ul.jobshow{ margin:0px 0px 30px 0px; padding:0px; list-style:none; border-top:1px solid #003788; background:url(../images/job_bg.jpg) repeat-y; overflow:hidden}
.jobshow li{ border-bottom:1px solid #dcdcdc; font-size:14px; overflow:hidden}
.jobshow li div{ line-height:30px; float:left; overflow:hidden}
.jobshow li div.dd1{ width:126px; padding:6px 5px 5px 5px; color:#555; text-align:right;}
.jobshow li div.dd2{ width:520px; padding:6px 19px 5px 19px; font-size:13px; overflow:hidden}

.contact{ width:602px; border:10px solid #e9f2ff; font-size:13px; margin:0 auto;}
.maptxt{   padding:10px; line-height:24px; color:#333333; background:#ffffff; border:1px solid #c7c7c7; border-bottom:none; overflow:hidden}
#dituContent{width:100%;height:507px;border:#ccc solid 1px;}

.bixu{
    padding-left:218px;font-size:14px;line-height:30px;
}
.message_bg{ overflow:hidden}
.mess{ width:90px; font-size:18px; color:#393939; text-align:left; float:left; margin-right:5px; padding-top:65px; overflow:hidden}
.mess span{ color:#c6c6c6; font-size:15px;}
.message{ width:580px; min-height:300px; float:left; margin-top:13px; padding-left:123px; background:url(../images/message_bg.jpg) no-repeat 0px 22px; overflow:hidden}
.message li{ width:288px; height:44px; border:1px solid #ccc; margin-bottom:14px; float:left; clear:both; position:relative;}
.message li.ll2{width:419px;}
.message li.ll3{width:419px; height:115px;}
.message li.ll4{width:440px; height:46px; border:0;}
.code{width:178px; height:44px; border:1px solid #dddddd; float:left; overflow:hidden;}
.message li span{ float:left; margin-top:9px; display:block}
.message li i{ position:absolute; right:-20px; top:12px; color:#ff4303; font-style:normal}
.message .ipt1{ width:235px; float:left; height:30px; margin-left:10px; line-height:30px; font-family:Microsoft YaHei; border:0; color:#a9a9a9; font-size:14px; margin-top:7px; }
.message .ipt2{ width:368px; float:left;}
.message .ipt3{ width:125px; float:left;}
.mes3{ width:399px; height:95px; margin-left:10px; margin-top:10px; border:0; font-family:Microsoft YaHei; font-size:14px; color:#a9a9a9; }
.mes3:focus{ color:#555555;}
.cimg{ width:100px; height:44px; border:1px solid #dddddd; float:left; margin:0px 13px; overflow:hidden}
a.hyz{ height:46px; line-height:46px; float:left; color:#7798c5; text-decoration:underline; display:block}
a.hyz:hover{ font-weight:bold; color:#4b7ab9}
.messbtn{ clear:both; padding-top:10px; overflow:hidden}
.messbtn input{ width:128px; height:29px; line-height:29px;cursor: pointer;   color:#ffffff; font-family:Microsoft YaHei; font-size:14px; margin-right:14px; text-align:center;}
.mbtn1{ background:url(../images/mbtn1.jpg) repeat-x}
.mbtn2{ background:url(../images/mbtn2.jpg) repeat-x}


.taglist{ margin-bottom:20px; overflow:hidden}
.taglist li{ height:34px; line-height:34px; border-bottom:1px dotted #ddd; background:url(../images/dot1.jpg) no-repeat 3px 15px; padding-left:12px; list-style:none; overflow:hidden}
.taglist li time{ float:right; color:#888; margin-left:150px; padding-right:5px;}
.taglist li p{ white-space:nowrap; text-overflow:ellipsis; font-size:12px; overflow:hidden}

.sitemap{ overflow:hidden}
.sitemap li{   line-height:30px; border:1px solid #e8ebec; font-size:14px; background:url(../images/sitemap_bg.jpg) repeat-y; list-style:none; margin-bottom:10px; overflow:hidden;}
.sitemap li span{ width:120px; padding-left:5px; float:left; text-align:center; display:inline-block; overflow:hidden;}
.sitemap li span a{ color:#ffffff;}
.sitemap li p{  margin-left:1px; padding-left:20px; overflow:hidden; display:block; }
.sitemap li p a,.sitemap li p a:link,.sitemap li p a:visited{ padding:0px 20px 0px 0px; color:#777777; display:inline-block}
.sitemap li p a:hover,.sitemap li p a:active{color:#e92364;}


.slideFloatWrap{display:block;position:absolute;right:0px;top:280px; width:120px;}
.slideFloatBtn{position:absolute;left:-28px;top:37%;margin-top:-58px;width:28px;height:117px;background:url(../images/slideFloatBtn.png) no-repeat;cursor:pointer;}
.slideFloatTop{padding:0 10px;height:29px;background:url(../images/slideFloatTop.png) no-repeat;border-bottom:1px solid #BFC6D3;
	           font:14px/29px 'Microsoft Yahei';color:#FFF;}
.slideFloatClose{display:block;position:absolute;right:8px;top:8px;width:11px;height:11px;overflow:hidden;
                 background:url(../images/slideFloatClose.png) no-repeat;text-indent:-999em;}
.slideFloatList{background:#FFF url(../images/slideFloatList.png) bottom repeat-x;border:1px solid #68b5fd;}
.slideFloatIcon{padding:15px 15px 10px;overflow:hidden;border:1px solid #FFF;}
.slideFloatIcon li{width:100%; height:26px;overflow:hidden;font-size:12px;color:#646464;vertical-align:top;  white-space:nowrap;text-overflow:ellipsis;}
.slideFloatIcon li a{color:#646464;line-height:18px;text-decoration:none;}
.slideFloatIcon li a:hover{color:#ce231a;}
.slideFloatIcon li a img{float:left;padding-right:8px;}
.slideFloatDes{padding:20px 15px;overflow:hidden;border-bottom:1px solid #2F4674;font:12px/18px 'Microsoft Yahei';
                  background:#0da5ea;color:#C6D1E4;}
.slideFloatBottom{padding:0 15px;height:25px;background:url(../images/slideFloatBottom.png) no-repeat;overflow:hidden;
                  font:700 12px/25px 'Arial', 'Microsoft Yahei';color:#FFF;}
.slideFloatBottom p{padding-left:15px; }









.video ul{height:auto}
.video ul li,.video ul li > span{width:215px}
.video ul li .hiddtxt{width:205px}
.video_show{width:99%; height:400px; border:1px #ccc solid}
.video ul li .hiddtxt > a{ background:#1c98e7; color:#fff; width:60px}
.middleCenter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: auto;
}
.pro-left {
    width: 100%;
    display: none;
}
.pro-left .slick-prev:before,.pro-left .slick-next:before {
    display: none
}
 .pro-left .pro-max {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
    cursor: pointer;
    border: 1px solid #ccc
}
.pro-left .pro-max .item i {
    display: block;
    padding-bottom: 66%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}
 .pro-left .pro-min {
    margin-top: 20px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}
.pro-left .pro-min .getIndex {
    display: inline-block;
    *float:none;
    *display:inline;
    zoom: 1;
    text-align: center
}
.pro-left .pro-min .getIndex .item {
    margin-left: 10px;
    margin-right: 10px
}
 .pro-left .pro-min .getIndex .item i {
    display: block;
    padding-bottom: 66%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}
.pro-left .pro-min .getIndex .item i:hover {
    cursor: pointer
}
.pro-left .pro-min .slick-current .item i img {
    border: 1px solid #004fc3;
}
@media(max-width:1440px){
    #banner{
        max-height:461px;
    }
}
@media(max-width:1366px){
    #banner{
        max-height:437px;
    }
}
@media(max-width:1280px){
    #banner{
        max-height:410px;
    }
}
@media(max-width:1024px){
    .warp{
        margin-right: auto;
        margin-left: auto;
        padding-right: 10px;
        padding-left: 10px;
        width: 100%
    }
    .header{
        width:100%;
        margin-right: auto;
        margin-left: auto;
        padding-right: 10px;
        padding-left: 10px;
        height: 50px;
        padding-top:1px;
        position: fixed;
        top:0;
        left:0;
        z-index:11;
        background: #fff;
        box-shadow: 0 -8px 15px 7px #666;
    }
    .logo img{
        height:50px;
    }
    .header span{
        padding-top:6px;
    }
    .tel{
        margin-top:10px !important;
    }
    #banner{
        max-height:328px;
        margin-top:50px;
    }
    #banner_img .slick-dots{
        width:100%;
        left:0;
        margin-left: 0;
        padding: 0 10px;
    }
    #nybanner{
        margin-top:50px;
    }

    nav {
        display: none
    }


    .phone-nav {
        display: block
    }
    .headTxt{
        padding-right:35px;
    }
    .header span{
        width:240px;
        line-height:21px;
        text-align: center;
        margin-left: 170px;
    }
    .mainTop{
        width:100%;
        margin-right: auto;
        margin-left: auto;
        padding-right: 10px;
        padding-left: 10px;
    }
    .index_about{
        width:60%;
    }
    .index_news{
        width:40%;
    }
    .abimg{
        width:200px;
    }

}


@media(max-width:992px){
    .location{
        width:100%;
        height:auto;
    }
    .location h2{
        float:left;
    }
    .container{
        background: none;
        width:100%;
        padding-right: 10px;
        padding-left: 10px;
        margin: 0 auto 20px auto;
    }
    .piece li{
        width:48%;
        margin-left:2%;
    }
    #nybanner{
        max-height:258px;
    }
    #banner{
        max-height:317px;
    }
    #nybanner_img .slick-dots{
        width:100%;
        left:0;
        margin-left: 0;
        padding: 0 10px;
    }
}


@media(max-width:768px){
    #banner{
        margin-bottom:20px;
    }
    .header span{
        display: none;
    }
    .nyleft{
        display: none !important;
    }
    .nyright{
        width:100%;
    }
    .related ul.xpro{
        width:100%;
    }
    .xpro li{
        width: 31.33333333%;
        margin: 0 1%;
        height:auto;
    }
    .xpro li>span{
        width:100%;
        height:auto;
        position: relative;
        overflow: hidden;
    }
    .xpro li>span:after{
        content:'';
        display: block;
        padding-bottom:54%;
    }
    .xpro li>span img{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        max-width: 100%;
        max-height: 100%;
        display: block;
        vertical-align: middle;
        text-align: center;
        margin: auto
    }
    .hiddtxt{
        width: 100%;
        left: 0;
        height: 30px;
        overflow: hidden;
        position: relative;
        top:0;
    }
    .location h2{
        font-size:16px;
    }
    #nybanner{
        margin:50px auto 0 auto;
        max-height:200px;
    }
    .location{
        margin:0 auto 20px auto;
    }
    .location p{
        font-size:12px;
        margin-left:0;
    }
    .related{
        padding:10px;
    }

    .honor ul{
        width:auto;
    }
    .honor li{
        width:33.333333%;
        margin:0 0 20px 0;
    }
    .honor span{
        margin:0 auto;

    }
    .products>ul li{
        width:50%;
        height:174px;
        padding-right: 10px;
        margin:0;
    }
    .products>ul{
        width:100%;
    }
    .proname{
        font-size:20px;
    }
    .chakan{
        display: none;
    }
    a.return{
        margin-top:20px;
    }
    .index_title{
        height:40px;
        line-height:40px;
    }
    .index_title p{
        font-size:16px;
    }
    .proright{
        width:75%;
    }
    .proleft{
        width:25%;
    }
    .prolist{
        width:auto;
    }
    .prolist_bg{
        width:auto;
    }
    .prolist ul{
        width:100%;
    }
    .prolist li{
        width:48%;
        margin: 0px 1% 20px 1%;
    }
    .prolist li>span{
        width:100%;
        height:auto;
    }
    .prolist li>span img{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        max-width: 100%;
        max-height: 100%;
        display: block;
        vertical-align: middle;
        text-align: center;
        margin: auto
    }
    #goL, #goR{
        display: none;
    }
    .plist{
        min-height:496px;
    }
    .prolist ul{
        height:auto;
    }
    .prolist li>span:after{
        content:'';
        display: block;
        padding-bottom:54%;
    }
    .prolist li{
        padding-bottom:15px;
        height:auto;
    }
    .prolist ul:nth-child(n+2) {
        display: none;
    }
    .prolist li:nth-child(n+5) {
        display: none;
    }
    .indexNews{
        height:auto;
        margin-bottom: 0;
        padding-bottom:25px;
        background: #fafafa;
    }
    .bottnews{
        width:100%;
    }
    .ml33{
        margin-left:0;
    }
    .bottcont{
        width:100%;
        height:auto;
    }
    .newimg{
        display: none;
    }
    .newimg2{
        display: none;
    }
    .iptit2{
        font-size:16px;
    }
    .bottcont div.index_title2{
        margin:0 0 12px 0;
    }
    #showimg{
        display: none;
    }
    .pro-left{
        display: block;
    }
    #banner{
        max-height:246px;
    }
    .piece li a{
        width:75%;
    }
}
@media(max-width:640px){
    .products>ul li>span{
        width:140px;
        background-size: 140px;
        height:121px;
    }
    .products>ul li{
        height:141px;
    }
    .products>ul li>div p{
        height:48px;
        margin: 5px 0;
    }
    .page{
        text-align: center;
    }
    .page a{
        padding:0 6px;
        height:25px;
        line-height:25px;
    }
    #showimg{
        width:100%;

    }
    #serbigimg{
        width:100%
    }
    #sersimg{
        width:100%;

    }
    #sersimg>div{
        width:100%;
        padding:0 40px;
    }
    .contact{
        width:100%;
    }
    #dituContent{
        height:300px;
    }
    .bixu{
        padding-left:0;
    }
    .mess{
        padding-top:20px;
    }
    .message{
        background: none;
        padding:0;
        width:100%;
    }
    .index_about{
        width:100%;
    }
    .index_news{
        width:100%;
    }
    .mainTop{
        height:auto;
    }
    .index_news{
        border-top:0;
        border-left:1px solid #ddd;
    }
    #nybanner{
        max-height:167px;
    }
    #banner{
        max-height:205px;
    }
    .piece li{
        width:100%;
        margin-left:0;
    }
    .piece{
        height:auto;

    }
}
@media(max-width:500px){
    .headTxt img{
        width:200px;
    }
    .honor li{
        width:50%;
        padding: 0 5px;
    }
    .honor span{
        width:100%;
        background:url(../images/honor_bg.png) no-repeat top center;
    }
    .products>ul li{
        width:100%;
    }
    .message li{
        width:70%;
    }
    .message li.ll2{
        width:88%;
    }
    .message li.ll3{
        width:88%;
    }
    .mes3{
        padding-left:10px;
        width:100%;
        margin-left:0;
    }
    .message li span{
        position: absolute;
    }
    .message .ipt1{
        width:100%;
        padding-left:35px;
        margin-left:0;
    }
    .message li.ll4{
        width:100%;
    }
    .abimg{
        height:200px;
        width:100%;
        text-align: center;
        margin-right:0;
        margin-bottom: 5px;
    }

    .abTxt{
        height:auto;
        padding-bottom:12px;
    }
    .index_about{
        height:auto;
    }

    .proleft{
        width:100%;
    }
    .plist>ul li{
        float:left;
        text-indent:0;
        padding:0 10px;
        width:48%;
        margin:0 1% 10px 1%;
    }
    a.more{
        margin:0 0 5px 0;
    }
    .plist {
        min-height: inherit;
    }
    .proright{
        width:100%;
    }
    .iptit2{
        margin-left:0;
        padding:0 5px;
    }
    .prolist_bg{
        margin-left:0;
    }
    .proright{
        background: none;
        margin-bottom:0;
    }
    .iptit2{
        margin-bottom:20px;
    }
    .pro-left .pro-max{
        width:95%
    }
    .pro-left .pro-min{
        width:95%
    }
    #banner{
        max-height:160px;
    }

}
@media(max-width:414px){
    .xpro li{
        width:48%;
    }
    .xpro li:nth-child(n+3){
        display: none;
    }
    .related ul.xpro li.lithird{
        display: none;
    }
    .htitle{
        font-size:16px;
    }
    .hdata{
        font-size:12px;
    }

    a.hyz{
        display: none;
    }
    .code{
        width:140px;
    }
    #nybanner{
        max-height:108px;
    }
    #banner{
        max-height:132px;
    }
}
@media(max-width:375px){
    #nybanner{
        max-height:98px;
    }
    #banner{
        max-height:120px;
    }
    .tel {
        margin-top: 13px !important;
    }
    .headTxt img{
        width:170px;
    }
}

@media(max-width:360px){
    #nybanner{
        max-height:94px;
    }
    #banner{
        max-height:115px;
    }
}

@media(max-width:320px){
    .location h2{
        display: none;
    }
    #nybanner{
        max-height:83px;
    }
    #banner{
        max-height:102px;
    }
}