/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input,button{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:''; color:#666;}
a{color:#666;}
a:hover{ color:#1c7fc1;}
p{line-height:1.8em; padding:5px 0;}
img{outline-width:0px;vertical-align:middle;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1320px; margin:0 auto;}



.logo img{ box-shadow:0 5px 10px rgba(0,0,0,.1); padding:10px; height:60px;}

.nav-sub {position: fixed;top: 0;left: 0;height: 60px;width: 100%;z-index: 12;background-color: #fff;box-shadow: 5px 0 10px rgba(0,0,0,.125);transition: all .2s;overflow: hidden; height:0px;}

.menubg{height: 50px;box-shadow: 0px 0px 10px rgba(0,0,0,0.5);background-color:#049fd8;z-index: 99; position:relative;}
.menu{height:50px;line-height:50px;}
.menu ul li{ float:left; position:relative;width:120px;}
.menu ul li dl{ background:#008ec1; width:100%; position:absolute; left:0px; top:50px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); display:none; }
.menu ul li dl dd{ line-height:25px;}
.menu ul li dl dd a{ font-size:14px; color:#fff; font-weight:normal; display:block; padding:0; text-align:center;}
.menu a{ font-size:16px;color:#fff; text-decoration:none;display:block;text-align:center;}
.



.nav_list{ height:50px;}
.nav_list a {padding: 0 15px;height: 50px;line-height: 50px;font-size: 18px; display:block; float:left; color:#fff;}
/*.nav_list a i {margin-right: 4px;width: 17px;overflow: hidden; height:13px; display:inline-block;}
.nav_list a:hover {background-color: #f5f5f5;color: #1f8dd6}
.nav_list a i.home{ background:url(../images/a1.png) center no-repeat;}
.nav_list a:hover i.home{ background:url(../images/a1_h.png) center no-repeat;}
.nav_list a i.rss{ background:url(../images/a2.png) center no-repeat;}
.nav_list a:hover i.rss{ background:url(../images/a2_h.png) center no-repeat;}
.nav_list a i.department{ background:url(../images/a3.png) center no-repeat;}
.nav_list a:hover i.department{ background:url(../images/a3_h.png) center no-repeat;}
.nav_list a i.network{ background:url(../images/a4.png) center no-repeat;}
.nav_list a:hover i.network{ background:url(../images/a4_h.png) center no-repeat;}
.nav_list a i.edu{ background:url(../images/a5.png) center no-repeat;}
.nav_list a:hover i.edu{ background:url(../images/a5_h.png) center no-repeat;}
.nav_list a i.zhaosheng{ background:url(../images/a6.png) center no-repeat;}
.nav_list a:hover i.zhaosheng{ background:url(../images/a6_h.png) center no-repeat;}
.nav_list a i.life{ background:url(../images/a7.png) center no-repeat;}
.nav_list a:hover i.life{ background:url(../images/a7_h.png) center no-repeat;}
.nav_list a i.service{ background:url(../images/a8.png) center no-repeat;}
.nav_list a:hover i.service{ background:url(../images/a8_h.png) center no-repeat;}*/
.header{position: fixed;top: 0;left: 0;height: 60px;width: 100%;z-index: 12;background-color: #fff;box-shadow: 5px 0 10px rgba(0,0,0,.125);transition: all .2s;}

.head .logo{ box-shadow:0 5px 10px rgba(0,0,0,.1); padding:10px; height:60px; position:absolute; left:0px; top:0px;}
.head .logo img{ height:60px;}
/*menu*/
/*.menu{height:35px;line-height:35px; float:right;}
.menu a {padding: 0 15px;height: 60px;line-height: 60px; display:block; float:left;}
.menu a i {display: inline-block;vertical-align: middle;font-size: 14px;margin-right: 4px;width: 17px;}
.menu a:hover {background-color: #f5f5f5;color: #1f8dd6}*/


.banner{ position:relative; top:0px; left:0px; width:100%;}
/*banner_02*/
.banner_02{ height:600px; overflow:hidden;}
.banner_02 #banner_02_con{ display:none;}

.ban_botbg{ position:absolute; bottom:0px; left:0px; width:100%; height:130px; background:url(../images/0007.png) repeat; z-index:8;}
.ban_bot{ height:130px;}
.ban_left{ float:left; color:#fff; font-size:24px; line-height:130px; font-weight:bold;}
.ban_right{ float:right; height:130px;}
.ban_right ul li{ text-align:center; float:left; width:80px; height:130px;}
.ban_right ul li .btn{ position:relative; height:130px;}
.ban_right ul li .btn img{ padding-top:30px;}
.ban_right ul li .btn span{ display:block; padding-top:15px; font-weight:bold; color:#fff;}
.ban_right ul li .btn:after {content: "";position: absolute;bottom: 0;left: 0;width: 80px;background-color: #1f8dd6;opacity: .8;transition: all .25s ease-in-out;z-index: -1;height: 0}
.ban_right ul li.i1 .btn:after {background-color: #f44336}
.ban_right ul li.i2 .btn:after {background-color: #9c27b0}
.ban_right ul li.i3 .btn:after {background-color: #448aff}
.ban_right ul li.i4 .btn:after {background-color: #00bcd4}
.ban_right ul li.i5 .btn:after {background-color: #4caf50}
.ban_right ul li.i6 .btn:after {background-color: #cddc39}
.ban_right ul li.i7 .btn:after {background-color: #795548}
.ban_right ul li.i8 .btn:after {background-color: #607d8b}
.ban_right ul li .btn:hover:after {height: 130px}
.dropdown{ position:absolute; top:-220px; left:0px; width:100%; background:url(../images/0007.png) repeat; padding:20px 0px; height:180px; display:none;}
.drop_left{ float:left; width:732px; height:180px;}
.drop_left img{ float:left; width:290px; height:180px; margin-right:20px;}
.drop_left p{ float:right; color:#fff; opacity:.8; line-height:20px; text-align:left; width:422px;}
.drop_right{ float:right; width:488px;}
.drop_right dl dd {position: relative;box-sizing: border-box;list-style: none;width: 33%;height: 40px;float: left;text-align: left}
.drop_right dl dd a {display: block;color: #fff;padding: 10px 5px 10px 20px;font-size: 16px}
.drop_right dl dd a:hover {background-color: hsla(0,0%,100%,.26)}
.drop_right dl dd:after {content: "";display: block;position: absolute;top: 14px;left: 7px;width: 0;height: 0;border-top: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 4px solid transparent;border-left: 4px solid #fff}
.ban_right ul li:hover .dropdown{ display:block;}
.con1bg{ background:#f5f5f6; height:50px;}
.con1{ height:50px; text-align:right;}
.con1 a{ display:inline-block; position:relative; width:50px; height:50px; line-height:50px; text-align:center;}
.con1 a .item{transition:all .3s}
.con1 a:hover .item{transform:translateY(-2px);opacity:1}
.con1 a .ewm{ position:absolute;background:#fff;border-radius:2px;border:1px solid #ddd;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12); width:144px; height:144px; left:50%; margin-left:-72px; top:50px; display:none;}
.con1 a .ewm img{ width:144px; height:144px;}

.con2{ padding:50px 0 60px;}
.chtitle{display:inline-block;box-sizing:border-box}
.chtitle h1{font-size:32px;font-weight:700;letter-spacing:.2em;margin-top:0;margin-bottom:0}
.chtitle .subtitle,.chtitle h1{display:inline-block;color:#333}
.chtitle .subtitle{font-size:16px;letter-spacing:.05em;opacity:.6;text-transform:capitalize}
.chtitle .subtitle:before{display:inline-block;content:"/";margin-left:8px;margin-right:8px;color:#333}
.chtitle .more{font-size:14px;color:#999;position:relative;transition:all .3s ease-in-out;left:-10px;opacity:0;pointer-events:none}
.chtitle .more:hover{color:#1f8dd6}
.chtitle:hover .more{left:5px;opacity:1;pointer-events:auto}

.c2_con{ margin-top:30px;}
.slideBox{ width:440px; height:400px; overflow:hidden; position:relative; float:left;  }
.slideBox .hd{ height:21px; overflow:hidden; z-index:1; position:absolute; bottom:0px; left:0px; width:100%; }
.slideBox .hd ul{ overflow:hidden; zoom:1; text-align:center; }
.slideBox .hd ul li{ display:inline-block; margin:0px 4px;  width:8px; height:8px; text-align:center; background:#e7e7e7; cursor:pointer; border-radius:8px; }
.slideBox .hd ul li.on{ background:#c3c3c3;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd ul li{ position:relative;}
.slideBox .bd ul .c2_txt{ display:block; width:100%;}
.slideBox .bd ul .c2_txt strong{ display:block; font-size:15px; font-weight:normal; padding:15px 0px; height:24px; line-height:24px;}
.slideBox .bd img{ width:440px; height:340px; }
.c2_right{ float:right; width:670px;}
.c2_right ul li{width:315px;float: left;display: inline-block;padding: 20px 20px 50px 0;position: relative;vertical-align: top}
.c2_right ul li span{ display:block;color: #999; padding-top:10px;}
.c2_right ul li strong{ display:block; font-weight:normal;font-size: 15px;height: 44px;}
.c2_right ul li:before {content: "";position: absolute;top: 0;display: block;width: 30%;height: 2px;background: #2f80ed;transition: all .3s}
.c2_right ul li:hover:before {width: 50%}

.con3bg{ background:#f5f5f6;}
.con3{ padding:50px 0 60px;}
.c3_left{ float:left; width:390px;}
.c3_left ul{ margin-top:30px;}
.c3_left ul li{margin-bottom: 20px;height:74px;}
.c3_left ul li .date{text-align: center;padding: 11px 0px;margin-right: 15px;float: left; width:68px; background:#1f8dd6; color:#fff;}
.c3_left ul li .date span{display: block;font-size: 14px; line-height:20px;}
.c3_left ul li .date strong{ display:block;font-size: 22px; font-weight:normal;}
.c3_left ul li .name {font-size: 14px;height: 44px; float:right; width:307px; line-height:22px;}
.c3_left ul li:hover .date{background: #1c7fc1;}
.c3_right{ float:left; width:390px; margin-left:25px;}
.c3_right dl{ margin-top:30px;}
.c3_right dl dt{ width:390px; height:260px;}
.c3_right dl dt img{ width:390px; height:260px;}
.c3_right dl dd strong{ display:block; font-weight:normal; font-size:16px; padding:15px 0px; line-height:24px; color:#333;}
.c3_right dl dd span{ display:block; font-size:14px; color:#999; line-height:23px;}



.con4bg {background-size: cover;background-position: 50%;padding-top: 60px;padding-bottom: 60px}
.con4 .chtitle .subtitle, .con4 .chtitle .subtitle:before, .con4 .chtitle h1 {color: #fff}
.con4 { overflow:hidden;}
.con4 ul{ margin-top:30px; width:1242px;} 
.con4 ul li{ float:left; margin-right:22px; width:392px;position: relative}
.con4 ul li a{ display:block;background:url(../images/fff9.png) repeat;height: 370px;transition: all .3s;}
.con4 ul li a .img {width: 100%;height: 165px;background-size: cover;background-position: 50%;position: relative}
.con4 ul li a .img .time {position: absolute;right: -10px;bottom: -20px}
.con4 ul li a .img .time span {display: block;text-align: center;color: #fff;opacity: .6;line-height: .9em}
.con4 ul li a .img .time span.day {font-size: 100px;font-weight: 700}
.con4 ul li a .img .time span.date {font-size: 28px}
.con4 .btn{height: 50px;line-height: 36px;position: absolute;margin-top: -25px;left: 25px; width:50px; border-radius:50%;background: #66bb6a;}
.con4 ul li .content{padding:30px 30px 16px}
.con4 ul li .content h3{padding:10px 0; font-weight:normal; font-size:16px; color:#333;}
.con4 ul li .content p{font-size:12px;color:#888; padding:0px;}

.con5{ padding:50px 0 60px;}
/*scroll_03*/
.scroll_03{ margin-top:30px;} 
.scroll_03 .bd li{ float:left; width:33.33333%; overflow:hidden;}
.scroll_03 .bd li a { margin:0 10px;display: block;position: relative; overflow:hidden;}
.scroll_03 .bd li a .content {box-sizing: border-box;position: absolute;bottom: 0;left: 0;width: 100%;padding: 16px;background: linear-gradient(180deg, transparent, rgba(0,0,0,.7));color: #fff;text-align: center;letter-spacing: .1em}
.scroll_03 .bd li a .content h2 {font-size: 16px;padding-bottom: 0}
.scroll_03 .bd li a .content p {opacity: .6;font-size: 12px}
.scroll_03 .bd li a .background {width: 100%;height: 380px;background-size: cover;background-position: 50%;transform: scale(1);transition: all .5s}
.scroll_03 .bd li a:hover .background {transform: scale(1.1)}
.con5 .more{ width:60px; height:35px; line-height:35px; background:#1f8dd6; text-align:center; margin-top:20px; margin-left:10px;}
.con5 .more a{ display:block; color:#fff; font-size:14px;}

.con6bg{ background:#f5f5f6;}
.con6{ padding:50px 0 60px;}
.c6_link{ float:left; width:600px;}
.c6_link h3 {position: relative;font-size: 17px;padding-bottom: 15px;padding-top: 20px; color:#333;}
.c6_link h3:before {content: "";position: absolute;top: 0;display: block;width: 10%;height: 2px;background: #2f80ed;transition: all .3s}
.c6_link a {display: inline-block;padding: 8px 30px 8px 0}

/*---------------------------轮换图片-------------------------------*/
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
.slide_container {position: relative;width: 100%; z-index:9999999;}
.slide {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.slide li {position: absolute;width: 100%;left: 0;top: 0;}
.slide img {display: block;position: relative;z-index: 1;height: auto;width: 100%;border: 0;}
.slide .caption {display: block;position: absolute;z-index: 2;font-size: 20px;text-shadow: none;color: #fff;background: #000;background: rgba(0,0,0, .8);left: 0;right: 0;bottom: 0;padding: 10px 20px;margin: 0;max-width: none;}
.slide_nav {position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top: 52%;left: 0;opacity: 0.7;z-index: 3;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 61px;width: 38px;background: transparent url("../images/themes.gif") no-repeat left top;margin-top: -45px;}
.slide_nav:active {opacity: 1.0;}
.slide_nav.next {left: auto;background-position: right top;right: 0;}
/*---------------------------轮换图片 End-------------------------------*/


.footer {background: #212121;color: #ddd;padding: 30px 0;font-size: 14px; line-height:24px; position:relative; z-index:99999;}
.f1 a{ color:#ddd;}
.f1_left{ float:left; width:300px;}
.f1_mid{ float:left; width:300px; margin:0px 160px;}
.f1_right{ float:right; width:300px;}
.f1_right a{ display:inline-block; position:relative; width:50px; height:50px; line-height:50px; text-align:center; margin-right:20px; background:hsla(0,0%,100%,.26); border-radius:50%;transition:all .3s}
.f1_right a .ewm{ position:absolute;background:#fff;border-radius:2px;border:1px solid #ddd;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12); width:144px; height:144px; left:50%; margin-left:-72px; top:50px; display:none;}
.f1_right a .ewm img{ width:144px; height:144px;}
.f1_right a:hover{ background:#5ca85f;}
.f2{padding-top: 20px;font-size: 12px;color: hsla(0,0%,100%,.4); line-height:24px;}





/*Add------------------------------------------------------------------------------*/

.weizhi{border-bottom: 1px solid #ddd;padding-bottom: 20px; height:73px;margin-top:20px;}
.weizhi h1{ float:left; margin-top:25px; color:#333;  font-size:32px; letter-spacing:2px;}

.weizhi .search { width:190px;margin-top: 30px;float: right;display: block;border: 1px solid #ddd;border-radius: 15px;padding-left: 15px; height:30px; line-height:30px;position:relative;}
.weizhi .search .input_text{ height:30px; line-height:30px; background:none; width:160px; position:absolute; left:0px; top:0px;}
.weizhi .search .input_button{ position:absolute; right:0px; top:0px; background:url(../images/i8.png) center no-repeat; width:30px; height:30px; cursor:pointer;}
.inside{ min-height:400px; padding-top:30px; padding-bottom:50px;}

.inside_left{ width:220px; float:left;}
.inside_left .side_a dl dt{ border-bottom:3px solid #ddd; display:block; height:40px; color:#324483; font-weight:bold; line-height:40px; font-size:18px;}
.inside_left .side_a dl dd{ height:42px; line-height:42px;}
.inside_left .side_a dl dd a{ display:block; font-size:16px; padding-left:15px;}
.inside_left .side_a dl dd a:hover{color:#324483;}
.inside_left .side_a dl .hover a{ color:#324483;} 
.lianxi{ margin-top:15px; text-align:center; padding-bottom:20px;}

.inside_right{ width:960px; float:right; }
.inside_con{ padding:10px 0;}

.slideBox1{ width:1220px; height:400px; overflow:hidden; position:relative; }
.slideBox1 .hd{ height:21px; overflow:hidden; position:absolute; left:0px; bottom:5px; z-index:1;  text-align:center; width:100%;}
.slideBox1 .hd ul{ overflow:hidden; zoom:1;  text-align:center;}
.slideBox1 .hd ul li{ display:inline-block;margin:0px 4px; width:8px; height:8px; text-align:center; background:#e7e7e7; border-radius:8px; cursor:pointer; }
.slideBox1 .hd ul li.on{ background:#c3c3c3; color:#fff; }
.slideBox1 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox1 .bd li{ zoom:1; vertical-align:middle; }
.slideBox1 .bd img{ width:1220px; height:400px; display:block;  }
.slideBox1 .bd ul .c2_txt{ display:block; width:100%; background:rgba(0,0,0,.3); color:#fff; font-size:24px; position:absolute; bottom:0px; left:0px;}
.slideBox1 .bd ul .c2_txt strong{ display:block; font-weight:normal; padding:18px 26px; height:36px; line-height:36px;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox1 .prev,
.slideBox1 .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox1 .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox1 .prev:hover,
.slideBox1 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox1 .prevStop{ display:none;  }
.slideBox1 .nextStop{ display:none;  }


.inside_news{ min-height:400px; padding-top:30px; padding-bottom:50px;}
.news_left{ float:left; width:910px;}
.news_left ul li{ padding:20px 12px; border-bottom:1px solid #eee; height:130px;}
.news_left ul li:hover{ background:#f5f5f5;}
.news_left ul li .thumb{ float:left; width:230px; height:130px;}
.news_left ul li .thumb img{ width:230px; height:130px;}
.news_left ul li .info{ float:right; width:646px;}
.news_left ul li .info h2{ font-weight:normal; line-height:32px; font-size:22px;}
.news_left ul li .info h2 a{ color:#333;}
.news_left ul li .info span{ display:block; color:#999; line-height:32px; padding-top:20px;}
.news_right{ float:right; width:285px; overflow:hidden;}
.news_right .title{font-size:20px;padding:8px 4px;margin-bottom:4px;border-top:1px solid #1f8dd6;color:#1f8dd6}
.news_right .title .action{float:right}
.news_right .title .action i{color:#1f8dd6}
.news_right1{ margin-top:20px;}
.news_right1 ul{ width:290px;}
.news_right1 ul li{ float:left; height:35px; line-height:35px; width:140px; margin-right:5px; background:#f5f5f5; margin-bottom:10px; text-align:center; font-size:14px;}
.news_right1 ul li a{ color:#333;}
.news_right1 ul li:hover{ background:#1c7fc1; color:#fff;}
.news_right1 ul li:hover a{ color:#fff;}
.news_right2{ margin-top:20px;}
.news_right2 ul li{ margin-bottom:20px; height:74px;}
.news_right2 ul li .date{text-align: center;padding: 11px 0px;margin-right: 15px;float: left; width:68px; background:#f5f5f5; color:#333;}
.news_right2 ul li .date span{display: block;font-size: 14px; line-height:20px;}
.news_right2 ul li .date strong{ display:block;font-size: 22px; font-weight:normal;}
.news_right2 ul li .name {font-size: 14px;height: 44px; float:right; width:201px; line-height:22px;}
.news_right2 ul li:hover .date{ background:#1f8dd6; color:#fff;}
.news_right3{ margin-top:20px;}
.news_right3 ul li{ height:33px; line-height:33px; font-size:14px;}
.news_right3 ul li em{ padding-right:5px;}

.detail_title{ margin-top:15px; padding-bottom:10px; font-size:32px; color:#333;}

.news_detail{ float:left; width:910px; margin-top:20px;}
.subinfo{ height:60px; line-height:60px; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.subinfo .date{ float:left; color:#999;}
.subinfo_right{ float:right;}
.subinfo_right a{ display:inline-block; position:relative; width:36px; height:36px; line-height:36px; text-align:center; background:hsla(0,0%,100%,.26); border-radius:50%;transition:all .3s}
.subinfo_right a .ewm{ position:absolute;background:#fff;border-radius:2px;border:1px solid #ddd;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12); width:144px; height:144px; left:50%; margin-left:-72px; top:50px; display:none;}
.subinfo_right a .ewm img{ width:144px; height:144px;}
.subinfo_right a:hover{ background:rgba(0,0,0,.16);}


/*contact*/
.contact h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.contact{ margin-top:15px; }
.contact ul{ padding:10px 10px; border:#e4e4e4 solid 1px;}
.contact ul li{ line-height:20px; padding:3px 0;}

/*proShow*/
.product_show ul li{ width:130px;line-height:20px;}
.product_show ul li{ float:left; margin:15px 20px 0; border:#e4e4e4 solid 1px; display:inline;}
.pro img{max-width:120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true); height: expression(this.height > 90 ? 90: true);}
.hover2{ background:#f4f4f4;}

/*product_list*/
.side_product { margin-top:15px;}
.side_product h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.side_product ul{ padding:10px 10px; border:#e4e4e4 solid 1px; }
.side_product ul li{line-height:24px;}
.side_product ul li a{ padding-left:30px; display:block; border-bottom:#e4e4e4 dashed 1px;background: url(../images/side_menu_bg.gif) 10px 8px no-repeat;}
.side_product ul li dl dd a{ display:inline; border:none; background:none;}