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

/*总体框架*/
.total_box{width:100%;height:auto;margin:0px auto;}
/*头部框架*/
header{width:100%;height:auto;background:#f2f2f2;border-bottom:1px solid #e5e5e5;}
.top_box,.nav_box{max-width:1200px;height:auto;margin:0px auto;}
.top_left,.top_search_box,.top_icon_box,.top_flag,.top_search input{float:left;}
.top_left{width:23%;}
.top_left img{max-width:100%}
.dcang{ display:none;}

.top_right{float:right;width:100%;height:auto;}
.top_search{float:left; margin-top:2%;width:34%;line-height:30px;background:#0071bd;border:4px solid #e0e8ed;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.top_search .forms{border-radius:3px;width:100%;}
.top_search .inputs{float:left; background-color:#fff;border:none;width:83%;padding-left:1%;color:#666;font-size:14px;height:30px;overflow:hidden;}
.top_search span{float:right;width:16%;max-width:40px;text-align:center;}
.top_search span i{color:#fff;font-size:18px;margin-top:14%;}
.top_search span:hover{background:#3988c8)}

.top_icon{float:right;width:180px;margin:2% auto 0 auto;}
.top_icon li{list-style-type:none;display:inline;margin:0px 5px;}
.top_icon li a{transition:none;-moz-transition:none;-webkit-transition:none;}
.top_icon li a span{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s;padding:6px 15px;display:inline-block;text-indent:-999em;height:28px;}
.top_icon li a span.youtube{background:url(../images/icon-youtube.png) 0 0 no-repeat;}
.top_icon li a span.twitter{background:url(../images/icon-dribbble.png) 0 0 no-repeat;}
.top_icon li a span.facebook{background:url(../images/icon-facebook.png) 0 0 no-repeat;}
.top_icon li a span.linkedin{background:url(../images/icon-pinterest.png) 0 0 no-repeat;}
.top_icon li a span:hover{background-position:0 -40px;}


.top_flag{width:20px;line-height:45px;}
/*导航框架1*/
.nav1{width:1200px;height:auto;margin:0px auto;border-top:5px solid #0071bd;}
#nav_box{width:100%;height:auto;}
.sticky{position:fixed !important;width:1200px !important;top:0!important;border-top:0 !important;z-index:110;background-color:#FFFFFF;}
.nav_left{float:right;}
.nav_left li{height:70px;line-height:70px;float:left;border-right:1px solid #e5e5e5;position:relative;}
.nav_left li.active_li{background-color:#f7f7f7;}
.nav_left li a{padding:0px 18px;display:block;text-decoration:none;}
.nav_left li a:hover{background-color:#f7f7f7;}
.nav_left li a i,.nav_left li a:hover i{font-size:20px;color:#1b1b1b;text-decoration:none;}
.a_span{font-size:16px;color:#6f6e6d;margin:0px 5px;}
.nav_left li a:hover .a_span,.nav_left_nav2_ul li a:hover .a_span1{color:#0088CC;}
.nav_left li:hover .nav_left_nav2{display:block;}
.nav_left_nav2{left:0px;top:35px;width:238px;height:auto;position:absolute;z-index:100;color:#6A6A6A;font-size:12px;display:none;}
.icon_span{font-size:16px;display:block;margin-left:50px;}
.nav_left_nav2_ul{width:100%;border-top:4px solid #6a6a6a;margin-top:-5px;}
.nav_left_nav2_ul li{width:100%;background-color:#f7f7f7;position:relative;height:40px;line-height:40px;border-right:none;}
.nav_left_nav2_ul li a{display:block;text-decoration:none;font-size:12px;border:1px solid #e5e5e5;padding:0 7px;}
.nav_left_nav2_ul li a i,.nav_left_nav2_ul li a:hover i{color:#1b1b1b;font-size:18px;text-decoration:none;}
.nav_left_nav2_ul li a:hover{background-color:#FFFFFF;}
.nav_left_nav2_ul li i{float:left;height:40px;line-height:40px;}

.a_span1{float:left;display:inline-block;margin:0px 0px 0px 5px;white-space:nowrap;word-break:keep-all;text-overflow:ellipsis;overflow:hidden;}
.icon_span1{float:right;line-height:45px;}
.nav_left_nav2_ul li a:hover .icon_span1{color:#6f6e6d;}


.nav_left_nav3{left:238px;top:0px;width:238px;position:absolute;z-index:100;display:none;}
.nav_left_nav2_ul li:hover .nav_left_nav3{display:block;}

.nav_right{width:120px;float:right;position:relative;}
.nav_right p,.nav2_right p{width:100%;text-align:center;display:inline-block;font-size:16px;cursor:pointer;float:right;}
.nav_right p{height:45px;line-height:45px;border-left:1px solid #e5e5e5;}
.nav_right p i{color:#1b1b1b;}
.nav_right p span{color:#6f6e6d;}
.nav_right p:hover{background-color:#f7f7f7;}
.nav_right p:hover span{color:#d7465e;}
.nav_right_hover,.nav2_right_hover{width:200px;position:absolute;z-index:100;right:2px;color:#6A6A6A;font-size:14px;display:none;}
.nav_right_hover{top:35px;}
.nav_right_hover span{font-size:16px;text-align:right;display:block;margin-right:60px;}
.nav_right_hover_from,.nav2_right_hover_from{width:100%;height:auto;margin-top:-5px;background-color:#f7f7f7;}
.nav_right_hover_from{border-top:4px solid #6A6A6A;}
.nav_right_hover_from form,.nav2_right_hover_from form{border:1px solid #e5e5e5;padding:10px;color:#787878;}
.form_label{width:100%;margin-bottom:7px;}
.form_label input[type='text']{outline:none;padding:4px 5px;width:98%;font-size:12px;    border:1px solid #EDEDED;background-color:#FFFFFF;}
input[type='checkbox']{position:relative;top:2px;}
.form_label button{cursor:pointer;background:#e6e6e6;color:#333;border:1px solid #cfcfcf;font-size:13px;padding:5px 15px 5px 15px;}
.nav_form_ul{padding-left:20px;}
.nav_form_ul li{list-style:disc;}
.nav_form_ul li a{color:#0088cc;}
.nav_form_ul li a:hover{color:#6A6A6A;}
.nav_right:hover .nav_right_hover{display:block;}



/*导航框架2*/
#nav2,.nav2_ul_box{width:100%;height:auto;}
#nav2{display:none;}
.nav2_sticky{position:fixed !important;width:100% !important;top:0!important;border-top:0 !important;z-index:110;background-color:#000000;}
.nav2_box{width:100%;height:40px;background-color:#000000;}
.nav2_left{float:right;width:50px;height:40px;line-height:40px;text-align:center;font-size:26px;color:#FFFFFF; cursor:pointer;}
.nav2_right{width:120px;float:left;position:relative;}
.nav2_left:hover,.nav2_right:hover{}
.nav2_right p{height:40px;line-height:40px;color:#FFFFFF;}
.nav2_right_hover{top:40px;}
.nav2_right:hover .nav2_right_hover{display:block;}
/*手风琴*/
.sidebar{background:#333;overflow:hidden;display:none;}
.sidebar_active{color:#FFFFFF;background-color:#0071bd;}
.nav_p:hover,.panel-body-ul li a:hover,.accordion li a:hover,.accordion li.open .link,.submenu li a:hover,.submenu .hover,.accordion .link:hover{color:#FFFFFF;text-decoration:none;background-color:#0071bd;}
.accordion {margin:0px;width:100%;font-size:16px;}
.accordion .home{height:auto!important;color:white;display:block;position:relative;cursor:pointer;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;padding:10px 20px 10px 10px;border-top:1px solid #444;border-bottom:1px solid #111;}

.accordion .link {height:auto!important;color:white;display:block;position:relative;cursor:pointer;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;padding:10px 20px 10px 20px;border-top:1px solid #444;border-bottom:1px solid #111;}
.accordion .link span,.accordion .links span{float:right;line-height:20px;}
.accordion .links {height:auto!important;color:white;display:block;position:relative;cursor:pointer;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;padding:10px 20px 10px 20px;border-top:1px solid #444;border-bottom:1px solid #111;}
.accordion li i.fa-chevron-down {left:auto;right:12px;font-size:16px;}
.accordion li.open .link span{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);-o-transform:rotate(180deg)}
.accordion li.open i {color:white;}
.accordion li.open i.fa-chevron-down {-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);-o-transform:rotate(180deg);}
.accordion li a{color:white;}

.submenu {font-size:14px;display:none;padding:0px 15px;}
.submenu li{cursor:pointer;}
.submenu li a {padding:0px 10px 0px 10px;color:white;text-decoration:none;-webkit-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;}

.nav_p{padding:10px 20px 10px 20px;color:white;border-top:1px solid #444;border-bottom:1px solid #111;border-right:none;border-left:none; overflow:hidden;}
.nav_p span{float:right;line-height:20px;-webkit-transition:0.5s all ease;-webkit-transform-origin:center center;-moz-transition:0.5s all ease;-moz-transform-origin:center center;-ms-transition:0.5s all ease;-ms-transform-origin:center center;transition:0.5s all ease;transform-origin:center center;-o-transition:0.5s all ease;-o-transform-origin:center center;}
.nav_p:hover span{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}

.panel-body-ul{width:100%;padding:10px 10px 0px 10px;display:none}
.panel-body-ul li{font-size:12px;cursor:pointer;}
.panel-body-ul li a{display:block;color:#fff;text-decoration:none;}


.iplist{width:100%;padding-top:20px;}
.iplist h1{font-size:24px;text-align:center;border-bottom:#eee 1px solid; height:50px;font-weight:normal;line-height:50px;}
.iplist li{float:left;width:22%;text-align:center;margin:1.5%;background-color:#fcfcfc;}
.iplist li .imgs{padding:5px;height:180px;line-height:180px;}
.iplist li .imgs img{max-width:100%; height:180px;}
.iplist li p{height:48px;line-height:22px; font-size:14px;}
.iplist li p a{color:#0071bb;}

.appnews{width:100%;padding-top:20px;}
.appnews h1{font-size:24px;text-align:center;border-bottom:#eee 1px solid; height:50px;font-weight:normal;line-height:50px;}
.appnews li{float:left;width:29%;margin:2%;padding-bottom:20px; border-bottom:#eee 1px solid;overflow:hidden;}
.appnews li .imgs{float:left;width:120px;padding-right:10px;height:120px;line-height:120px;overflow:hidden;}
.appnews li .imgs img{max-width:100%;height:120px;}
.appnews li .txt{height:120px;}
.appnews li .txt h2{height:24px;line-height:20px;font-weight: bold;font-size:14px;}
.appnews li .txt h2 a{color:#0071bb;}
.appnews li .txt h2 a:hover{ text-decoration:underline;}
.appnews li .txt .ccc{width:100%;color:#555;line-height:18px;}
.appnews li .txt .more{width:100%;}
.appnews li .txt .more a{float:right;width:80px;border-radius:2px;background:#0071bb; height:30px;line-height:30px; margin-right:2px;border:#0071bb 1px solid;padding:0px 6px;color:#FFF;}
.appnews li .txt .more a:hover{border:#0071bb 1px solid;background:#fff;color:#0071bb;}

.ivlist{width:100%;padding-top:20px;}
.ivlist h1{font-size:24px;text-align:center;border-bottom:#eee 1px solid; margin-bottom:10px;height:50px;font-weight:normal;line-height:50px;}
.ivlist li{float:left;width:18%;text-align:center;margin:0 1%;background-color:#f9f9f9;}
.ivlist li .imgs{padding:3px;height:120px;line-height:120px;}
.ivlist li .imgs img{max-width:100%;height:120px;}
.ivlist li p{height:40px; padding-top:4px;line-height:18px; font-size:14px;}
.ivlist li p a{color:#0071bb;}

/*轮播图框架*/
.banner_box{width:100%;height:auto;background:#f2f2f2;padding:1.5% 0px 1.5% 0px;}

/*底部框架*/
footer{width:100%;height:auto;margin:30px auto 0px auto;background-color:#0071bb; overflow:hidden;}
.footer_box{width:1200px;height:auto;margin:auto;color:#fbfafa;}
.footer_box a{color:#fbfafa;margin-right:4px;}
.footer_box a:hover{color:#b9b7b7;}
.footer_ul_one{float:left;padding:10px 0 0px 0px;height:auto;margin-left:2%;margin-right:1%;width:22%;height:145px;}
.footer_ul_one h3{color:#CCCCCC;font-size:20px;font-weight:normal;margin-bottom:5px;}
.footer_ul_one p{line-height:18px;}
.footer_ul_one .wm{ width:98%; padding-left:2%;}
.footer_ul_one .wm img{ max-height:100px;}

.footer_msg{width:100%;height:auto;margin-bottom:7px;font-size:13px;}
.footer_ul_one ul{padding-left:5px; overflow:hidden;}
.footer_ul_one li{line-height:20px;font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.footer_cart{width:100%;height:auto;}
.footer_cart span{border-right:1px solid #fbfafa;padding:5px 15px;font-size:20px;}
.footer_cart a{font-size:14px;padding-left:5px;}
.footer_last{width:100%;text-align:right;padding-right:12%;}
/*热门视频蒙层*/
.mask_box{width:100%;height:100%;position:fixed;top:0px;z-index:150;background:rgba(0,0,0,0.7);display:none;}
.mask_box_con{width:700px;height:auto;margin:0px auto;opacity:0;-webkit-animation:myfirst 0.7s ease forwards;-moz-animation:myfirst 0.7s ease forwards;-ms-animation:myfirst 0.7s ease forwards;-o-animation:myfirst 0.7s ease forwards;animation:myfirst 0.7s ease forwards;}
@-webkit-keyframes myfirst{from{opacity:0;-webkit-transform:translateY(0px);}to{opacity:1;-webkit-transform:translateY(100px);}
}
@-moz-keyframes myfirst{from{opacity:0;-moz-transform:translateY(0px);}to{opacity:1;-moz-transform:translateY(100px);}
}
@-ms-keyframes myfirst{from{opacity:0;-ms-transform:translateY(0px);}to{opacity:1;-ms-transform:translateY(100px);}
}
@-o-keyframes myfirst{from{opacity:0;-o-transform:translateY(0px);}to{opacity:1;-o-transform:translateY(100px);}
}
@keyframes myfirst{from{opacity:0;transform:translateY(0px);}to{opacity:1;transform:translateY(100px);}
}
.mask_video{width:100%;height:350px;background:#DDD;box-shadow:0 0 40px -5px #000;-webkit-box-shadow:0 0 40px -5px #000;}
.mask_video_title{width:100%;height:auto;background:rgba(0,0,0,0.5);webkit-transition:.5s .1s ease-in-out;-moz-transition:.5s .1s ease-in-out;transition:.5s .1s ease-in-out;color:#b5b4b4;padding:0px 10px;}
.mask_video_title:hover{background:#000000;color:#FFFFFF;}
.mask_title_left{font-size:16px;padding:15px 0px;display:inline-block;width:70%;}
.mask_title_right{float:right;font-size:16px;padding:10px 0px;display:inline-block;cursor:pointer;width:30%;text-align:right;}
.mask_title_right i{font-size:26px;margin-left:10px;}

@media only screen and (max-width:1200px) {.top_box,.nav_box,.nav1,.footer_box,.banner{width:100%;}
	.top_right{padding-top:5px;}
	.sticky{width:100% !important;}
}
@media only screen and (max-width:1000px) {
.ivlist li{width:23%;margin:1%;}

.footer_ul_one{margin-left:2%;margin-right:1%;width:30.333%;}
.footer_ul_one{width:33%;margin:5px 0px;}
	.nav1{display:none;}
	#nav2{display:block;}
	.content_box1_ul li{width:25%;}
	.content_box1_ul_li{height:160px;padding:0px 12px;}
	.img_box1{height:100px;line-height:100px;}
	.hot_video_ul li{width:14.2%;}
}
@media only screen and (max-width:800px) {
.top_left{width:30%;}
.top_right{float:right;width:70%;}
.top_search{width:45%;}
.iplist li{float:left;width:47%;margin:1.5%;}
.appnews li{float:none;width:96%;margin:2%;}
.ivlist li{width:31.333%;margin:1%;}

	.footer_ul_one{width:50%;padding-right:0px;}
	.hot_video_ul li{width:20%;}
	.mask_box_con{width:100%;}
}
@media only screen and (max-width:640px) {
.top_left{padding-left:1%;width:45%;}
.top_right{padding-left:1%;padding-top:1px;width:53%;}
.top_search{width:95%;line-height:22px;overflow:hidden;}
.top_search .inputs{height:24px;}
.top_icon{}
.top_icon li{list-style-type:none;display:inline;margin:0px 2px;}
.ivlist li{width:48%;margin:1%;}
.dcang{ display:block;}
.top_search span{ width:auto;}
.footer_ul_one{margin-left:2%;margin-right:1%;width:47%;}
	.content_box1_ul li{width:50%;}
	.hot_video_ul li{width:25%;}
}