@charset "utf-8";

*{transition: all .3s;}
#header { height: 163px;}
#header .top { height: 100px;border-top:solid 3px #3393F5;width: 1200px; margin: 0 auto;}
#header .top .logo {margin-left: 30px;color: #000;overflow: hidden;}
#header .top .logo .cn{font-size: 34px;margin-top: 15px; color: #000000;}
#header .top .logo .en{font-size: 19px;color: #000000; font-weight: bold;}


#header .top .logo img {margin-right: 10px;height: auto;width: 109px;margin-top: 10px; }
#header .top .top_link {white-space: nowrap;font-size: 0;margin-right: 30px;margin-top: 22px;}
#header .top .top_link > div {display: inline-block;font-size: 14px;color: #888;vertical-align: middle;}
#header .top .top_link .top_tel {margin-right: 30px;padding-left: 40px;background: url(../../images/home/top_tel_ico.png) left center no-repeat;}
#header .top .top_link .top_tel em {display: block;font-size: 14px;font-style: normal;}
#header .top .top_link .top_tel strong {display: block;font-size: 30px;font-weight: lighter;color: #0072C5;}
#header .top .top_link .top_message {margin-left: 30px;padding-left: 40px;background: url(../../images/home/top_massage_ico.png) no-repeat left center;line-height: 32px;}
#header .top .top_link .top_message a {color: #888;font-size: 14px;}

#header .nav {background: #0173C7;height: 60px; line-height: 60px;}
#header .nav ul{display: block;text-align: center;font-size: 0;}
#header .nav ul li{display: inline-block; font-size: 16px;color: #FFF;position: relative; z-index: 99999; }
#header .nav ul li > a{display: block; color: #FFF; height: 60px;line-height: 60px; width: 140px; }
#header .nav ul li:hover{background:#00468C; }

#header .nav ul > li > dl{display: none;box-shadow: 0 5px 10px rgba(0,0,0,0.2)}
#header .nav ul > li > dl > dd > ol{display: none;box-shadow: 0 5px 10px rgba(0,0,0,0.2)}


#header .nav ul > li:hover > dl{display: block;position: absolute;background:#0173C7;height: auto;width: 140px; }
#header .nav ul > li > dl > dd{display:block;position: relative;height: 46px; line-height: 46px;}
#header .nav ul > li > dl > dd > a{font-size: 14px;color: #FFF; }
#header .nav ul > li > dl > dd:hover{background:#00468C; }
#header .nav ul > li > dl > dd:hover > ol{display: block;position: absolute;background:#0173C7;height: auto;width: 140px;left: 140px; top:0;}
#header .nav ul > li > dl > dd:hover > ol > li{display:block;height: 46px; line-height: 46px;}
#header .nav ul > li > dl > dd:hover > ol > li:hover{background:#00468C; }
#header .nav ul > li > dl > dd > ol > li >a{font-size: 14px;color: #FFF;height: 46px; line-height: 46px; }

#header .nav ul > li > dl > dd:hover > ol > li:hover > a{font-size: 14px; color: #FFF;}



#banner{ /*height: 648px;*/ background: #0059B2;}
#banner *{transition: none!important;}

#banner .slideBox{ width:100%; /*height:648px;*/ overflow:hidden; position:relative; }
#banner .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:0px;left: 0px; bottom:30px; z-index:1; }
#banner .slideBox .hd ul{ overflow:hidden; zoom:1;text-align: center;display: block;}
#banner .slideBox .hd ul li{ display: inline-block; width:60px; height:5px; line-height:5px; text-align:center; background:#fff; cursor:pointer;border-radius:200px;margin: 0 5px; }
#banner .slideBox .hd ul li.on{ background:#3392F4; color:#fff; }

#banner .slideBox .bd{ position:relative; /*height:100%;*/ z-index:0;   }
#banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
#banner .slideBox .bd li a{ width:100%; /*height:648px;*/ display:block;background-position:center center!important; background-repeat: no-repeat!important;background-size: cover!important;}
#banner .slideBox .bd img{ width:100%; /*height:648px;*/ display:block;  }

#banner .slideBox .prev{ position:absolute; left:0; top:50%; margin-top:-30px; display:block; width:60px; height:60px; background:url(../../images/home/l.png) left top no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
#banner .slideBox .next{ position:absolute; right:0; top:50%; margin-top:-30px; display:block; width:60px; height:60px; background:url(../../images/home/r.png) left top no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

#banner .slideBox .prevStop{ display:none;  }
#banner .slideBox .nextStop{ display:none;  }


#footer { background: #0059B2;padding:0 0 30px 0; color: #FFF;}
#footer .nav {height: 50px; line-height: 50px;background: #00468C;}
#footer .nav ul{display: block;text-align: center;font-size: 0;}
#footer .nav ul li{display: inline-block; white-space: nowrap; font-size: 16px;color: #FFF; }
#footer .nav ul li a{display: block; color: #FFF; height: 50px;line-height: 50px; width: 140px;}
#footer .nav ul li a:hover{ color: #FFF; }
#footer .content {padding: 15px; font-size: 12px;color: #FFF;overflow: hidden;}
#footer .content {padding: 15px; font-size: 12px;color: #FFF;}
#footer .content .left{width: 340px; padding: 0 15px;}
#footer .content .left .name{font-size: 24px;}
#footer .content .left .tel{font-size:12px;margin-top: 10px;background: url(../../images/home/top_tel_ico_b.png) left center no-repeat; padding-left: 36px; }
#footer .content .left .tel strong{font-size:33px;font-weight: normal;}

#footer .content .right{ padding: 0 15px;line-height: 22px;border-left: solid 1px #4D8BC9;}

#footer .content p{padding: 5px 0;}
#footer .content a{color: #CCC;}
#footer .content a:hover{color: #FFF;}


#main { margin: 0 auto; padding: 30px 0; background: url(../../images/home/main_bg.jpg) no-repeat center bottom; background-size: 100% auto;}
#main .about{height: 400px;margin: 100px auto 0 auto;}
#main .about .img,#main .about .cont{float: left;width: 600px;position: relative;background: #0173C7;height: 340px;}
#main .about .img img{margin-top:-30px;z-index: 99999;position: relative; }
#main .about .img img:hover{transform: scale(1.1);box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
#main .about .cont .content{padding: 30px 30px 30px 46px;font-size: 14px; color: #fff;line-height: 24px;}
#main .about .cont .title{position: absolute;font-size: 30px;color: #000;top:-61px;left: 16px; }
#main .about .cont .title strong{font-size: 64px;color: #3393F5;}
#main .about .cont .blue_box{background: #00468C; height: 370px; width: 16px;overflow: hidden;position: absolute;left: 0;top:-16px;}

#main .about .cont .more_box{width: 100%;text-align: center;}
#main .about .cont .more_box .more_btn{width: 170px; height: 40px; border: solid 1px #DDD;display: inline-block;line-height: 40px;color: #FFF;font-size: 14px;cursor: pointer;}
#main .about .cont .more_box .more_btn:hover{background: #FFF;color:#0173C7; }

#main .product{background: #EEE;}
#main .product .p_bg_1{background: url(../../images/home/product_bg.jpg) no-repeat center bottom;max-width: 1680px;height: 110px;margin: 0 auto;}
#main .product .p_bg_2{background: url(../../images/home/product_bg_2.jpg) no-repeat center top;max-width: 1680px;height: 27px;margin: 0 auto;}
#main .product .cont{ width: 1200px; margin: 0 auto; overflow: hidden;padding-bottom: 30px;}

#main .product .title{font-size: 30px;width: 600px; margin: 30px auto;text-align: center;border-bottom: solid 2px #0180FF;position: relative;}
#main .product .title strong{font-size: 64px;color: #3393F5;}
#main .product .title .k1,#main .product .title .k2{width: 2px; height: 5px;position: absolute;display: block;background: #0180FF;}
#main .product .title .k1{left: 0;bottom:0;}
#main .product .title .k2{right: 0;bottom:0;}

#main .product .cont .p_class{ width: 220px; border: solid 1px #CCC; background: #FFF;}
#main .product .cont .p_class dl dt{border-bottom: solid 1px #CCC;border-top: solid 1px #CCC;line-height: 40px; font-size: 14px; text-indent: 15px; color:#0180FF;font-weight: bold; background: url(../../images/home/class_arrow.png) no-repeat 190px center;}
#main .product .cont .p_class dl:first-child dt{border-top: none;}
#main .product .cont .p_class dl dd{line-height: 33px; font-size: 14px; text-indent: 30px; color:#000;}
#main .product .cont .p_class dl dd a{display: block;}
#main .product .cont .p_class dl dd a:hover{background: #0059B2;color: #FFF;}

#main .product .cont .p_list{ width: 959px; overflow: hidden; }
#main .product .cont .p_list .p_box{ width: 310px; float: left;text-align: center;font-size: 14px; margin:0 4px 8px 4px;}
#main .product .cont .p_list .p_box .img{overflow: hidden;}
#main .product .cont .p_list .p_box img:hover{ transform: scale(1.1) }
#main .product .cont .p_list .p_box .name{ line-height: 36px;border: solid 1px #DDD; border-top: none;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}

#main #bannerimg{width: 1200px; margin: 40px auto;}

#main .case .title{font-size: 30px;width: 600px; margin: 30px auto;text-align: center;border-bottom: solid 2px #0180FF;position: relative;}
#main .case .title strong{font-size: 64px;color: #3393F5;}
#main .case .title .k1,#main .case .title .k2{width: 2px; height: 5px;position: absolute;display: block;background: #0180FF;}
#main .case .title .k1{left: 0;bottom:0;}
#main .case .title .k2{right: 0;bottom:0;}

#main .case	.picScroll-left{ width:1184px;  position:relative;margin: 0 auto;}

#main .case .picScroll-left .hd{height:0;position: relative;opacity: 0.5;}

#main .case .picScroll-left .hd .prev{ display:block;  width:60px; height:60px; overflow:hidden; cursor:pointer; background:url("../../images/home/l.png") no-repeat;position: absolute;left: -60px;z-index: 99999;top:75px;}
#main .case .picScroll-left .hd .next{ display:block;  width:60px; height:60px; overflow:hidden; cursor:pointer; background:url("../../images/home/r.png") no-repeat;position:absolute;right: -60px;z-index: 99999;top:75px}

#main .case .picScroll-left .bd{}
#main .case .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
#main .case .picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;position: relative;  }
#main .case .picScroll-left .bd ul li .pic{ text-align:center; border-top: solid 5px #0173C7; padding-top: 5px;}
#main .case .picScroll-left .bd ul li .pic img{ width:280px; height:210px; display:block; }
#main .case .picScroll-left .bd ul li .pic img:hover{transform: scale(1.1)  }
#main .case .picScroll-left .bd ul li .name{ line-height:24px;position: absolute;bottom:0; width: 100%; background:rgba(0,0,0,0.6);padding: 8px 0;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;color: #FFF;font-size: 14px;}
#main .case .picScroll-left .bd ul li .name a{ color: #FFF;}

#main .case .info{font-size: 14px; color: #888;line-height: 24px; width: 1000px; margin: 0 auto;padding-bottom: 30px;}

#main .case .more_box{width: 100%;text-align: center;margin-top: 30px;}
#main .case .more_box .more_btn{width: 170px; height: 40px; border: solid 1px #DDD;display: inline-block;line-height: 40px;color: #888;font-size: 14px;cursor: pointer;}
#main .case .more_box .more_btn:hover{background: #0173C7;color:#FFF;border-color:#0173C7  }

#main .news .title{font-size: 30px;width: 600px; margin: 30px auto;text-align: center;border-bottom: solid 2px #0180FF;position: relative;}
#main .news .title strong{font-size: 64px;color: #3393F5;}
#main .news .title .k1,#main .news .title .k2{width: 2px; height: 5px;position: absolute;display: block;background: #0180FF;}
#main .news .title .k1{left: 0;bottom:0;}
#main .news .title .k2{right: 0;bottom:0;}

#main .news .more_box{width: 100%;text-align: center;margin-top: 30px;}
#main .news .more_box .more_btn{width: 170px; height: 40px; border: solid 1px #DDD;display: inline-block;line-height: 40px;color: #888;font-size: 14px;cursor: pointer;}
#main .news .more_box .more_btn:hover{background: #0173C7;color:#FFF;border-color:#0173C7  }

#main .news .newslist{width: 1200px; margin: 0 auto; overflow: hidden;}
#main .news .newslist ul{ width: 33%; border-left: solid 1px #CCC;float: left;}
#main .news .newslist ul:first-child{ border-left: none;}
#main .news .newslist ul li{padding:0 10px;border-bottom: dotted 1px #DDD;font-size: 14px;line-height: 36px;}
#main .news .newslist ul li span{float: right;color: #888;width: 40px;}
#main .news .newslist ul li a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;display: block;width: 322px;}

#main .qua .title{font-size: 30px;width: 680px; margin: 30px auto;text-align: center;border-bottom: solid 2px #0180FF;position: relative;}
#main .qua .title strong{font-size: 64px;color: #3393F5;}
#main .qua .title .k1,#main .qua .title .k2{width: 2px; height: 5px;position: absolute;display: block;background: #0180FF;}
#main .qua .title .k1{left: 0;bottom:0;}
#main .qua .title .k2{right: 0;bottom:0;}
#main .qua .qualist{width: 1200px; margin: 30px auto 100px auto;text-align: center;}
#main .qua .qualist ul li{display: inline-block; margin: 0 30px;}
#main .qua .qualist ul li img{transform: scale(0.9)}
#main .qua .qualist ul li img:hover{ transform: scale(1);box-shadow: 0 5px 10px rgba(0,0,0,0.2)}


#banner_n{width: 100%;}
#banner_n img{width: 100%;height:auto;}

#main .mainbox{overflow: hidden;}

#main .mainbox .aside{ width: 220px; border: solid 1px #CCC; background: #FFF;}
#main .mainbox .aside dl dt{border-bottom: solid 1px #CCC;border-top: solid 1px #CCC;line-height: 40px; font-size: 14px; text-indent: 15px; color:#0180FF;font-weight: bold; background: url(../../images/home/class_arrow.png) no-repeat 190px center;}
#main .mainbox .aside dl:first-child dt{border-top: none;}
#main .mainbox .aside dl dd{line-height: 33px; font-size: 14px; text-indent: 30px; color:#000;}
#main .mainbox .aside dl dd a{display: block;}
#main .mainbox .aside dl dd a:hover{background: #0059B2;color: #FFF;}

#main .mainbox .content{width: 960px;}
#main .mainbox .content h2{line-height: 50px;border-bottom: solid 1px #CCC;padding: 0 15px;}
#main .mainbox .content h2 strong{font-size: 36px; font-weight: normal;color: #0173C7;}
#main .mainbox .content h2 span{float: right;color: #888;font-size: 12px;}
#main .mainbox .content h2 span a{color: #888;}
#main .mainbox .content h2 span a:hover{color: #0173C7;}
#main .mainbox .content .contbox{padding: 30px;font-size:14px; color: #444; line-height: 24px; }
#main .mainbox .content .contbox img{max-width: 100%;height: auto;}

#main .content .messagesbox{padding: 30px;}
#main .content .messagesbox .info{padding: 30px; font-size: 18px; text-align: center; color: #FF4000;}
#main .content .messagesbox .messlist{padding: 30px; font-size: 14px; }
#main .content .messagesbox .messlist ul li{line-height: 30px;padding: 20px;}
#main .content .messagesbox .messlist ul li label{width: 100px;display: inline-block;}
#main .content .messagesbox .messlist ul li input[type="text"]{width: 680px;height: 40px;background: #FFF; border: solid 1px #CCC;text-indent: 15px;}
#main .content .messagesbox .messlist ul li input[type="text"]:hover{border-color:#3393F5;box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3)}
#main .content .messagesbox .messlist ul li textarea{width: 650px;height: 300px;background: #FFF; border: solid 1px #CCC;padding: 15px;}
#main .content .messagesbox .messlist ul li textarea:hover{border-color:#3393F5;box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3)}
#main .content .messagesbox .messlist ul li input[type="text"].code{width: 580px;}
#main .content .messagesbox .messlist ul li .codeimg{width: 100px;height: 40px;}
#main .content .messagesbox .messlist ul li input[type="submit"]{width: 140px;height: 40px;background: #0173C7; border: solid 1px #0173C7;color: #FFF;cursor: pointer;}
#main .content .messagesbox .messlist ul li input[type="submit"]:hover{background: #0162A9}

#main .content .newslist{padding:30px;}
#main .content .newslist ul li{ padding-bottom: 50px;overflow: hidden;}
#main .content .newslist ul li .img{float: left; width: 280px;}
#main .content .newslist ul li .cont{float: right; width: 600px;}
#main .content .newslist ul li .cont h3{font-size: 14px;padding-bottom: 10px;}
#main .content .newslist ul li .cont .info{font-size: 12px;color: #888; line-height: 24px;padding-bottom: 15px;}
#main .content .newslist ul li .cont .more{display: inline-block; width: 100px; height: 36px; background: #0173C7; color: #FFF; font-size: 14px;text-align: center; line-height: 36px;}
#main .content .newslist ul li .cont .more:hover{background: #0162A9}

#main .content .newscont{padding: 30px;}
#main .content .newscont h3{padding: 30px; font-size: 30px; text-align: center;}
#main .content .newscont .date{padding-bottom: 30px; font-size: 12px; text-align: center;color: #888;}
#main .content .newscont .cont{ font-size: 14px;color: #444;padding: 30px;}
#main .content .newscont .cont img{ max-width: 100%; height: auto;}
#main .content .newscont .other{border: solid 1px #CCC;}
#main .content .newscont .other ul{padding:0 10px;}
#main .content .newscont .other ul li{font-size: 14px;line-height: 30px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #444;}
#main .content .newscont .other ul li:first-child{border-bottom: dashed 1px #CCC;}
#main .content .newscont .other ul li a{ color: #444;}
#main .content .newscont .other ul li a:hover{ color: #0162A9;}


#main .content .prolist{ overflow: hidden; }
#main .content .prolist .p_box{ width: 310px; float: left;text-align: center;font-size: 14px; margin:0 4px 8px 4px;}
#main .content .prolist .p_box .img{overflow: hidden;}
#main .content .prolist .p_box img:hover{ transform: scale(1.1) }
#main .content .prolist .p_box .name{ line-height: 36px;border: solid 1px #DDD; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}

#main .content .procont{padding: 30px;}
#main .content .procont h3{padding: 30px; font-size: 30px; text-align: center;}
#main .content .procont .img{padding-bottom: 30px; font-size: 12px; text-align: center;color: #888;}
#main .content .procont .img img{max-width: 90%; height: auto}
#main .content .procont .cont{ font-size: 14px;color: #444;padding: 30px;}
#main .content .procont .cont img{ max-width: 100%; height: auto;}

#main .content .procont .other{border: solid 1px #CCC;}
#main .content .procont .other ul{padding:0 10px;}
#main .content .procont .other ul li{font-size: 14px;line-height: 30px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #444;}
#main .content .procont .other ul li:first-child{border-bottom: dashed 1px #CCC;}
#main .content .procont .other ul li a{ color: #444;}
#main .content .procont .other ul li a:hover{ color: #0162A9;}