@charset "utf-8";
html { }
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body { font-size:14px;background:#FFF; color: #595656; font-family:"微软雅黑";}
ul,li { list-style: none; }
img { border:0; }
*{margin:0;padding:0}
.font_en{ font-family:Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif"}
input:focus,textarea:focus{ outline:none; }
input,select{font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif}
.input_noline{ background-color:transparent;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
a {
	text-decoration: none;
	outline:none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #CC0000;
}

.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; transition:0.5s ease-in-out; text-transform:uppercase; }

/*header头部的CSS布局*/

.main{width:1200px;margin:0 auto;padding:0;}

.header{height:98px; box-shadow:0 0 10px rgba(0,0,0,0.1);}

.header .logo{ width: 208px;float: left; margin: 28px 0 0;}

.header .h_rt{width: 690px; float: right;}

.header .h_rt .h_rt_top{ width: 58px; height: 25px; line-height: 25px;overflow: hidden; padding: 0 10px; border-radius: 6px; margin: 10px 0 0 500px; background: #004ea2;color: #FFF;}
.header .h_rt .h_rt_top a{ display: block; float: left; margin: 0 2px; text-transform: uppercase; color: #FFF;}

.header .h_rt .h_rt_nav{ height: 30px; margin-top: 10px;}
.header .h_rt .h_rt_nav ul{ margin: 0;padding: 0;}
.header .h_rt .h_rt_nav ul li{ height: 30px; line-height: 30px; margin-right: 30px; padding-right:20px; float: left; background:url(../images/nav_li.png) right top no-repeat; transition: 0.5s; position: relative;}
.header .h_rt .h_rt_nav ul li a{ color: #004ea2; font-size: 16px; display: block;}

.header .h_rt .h_rt_nav ul li:hover{ background:url(../images/nav_li.png) right bottom no-repeat;}

.header .h_rt .h_rt_nav ul li ul{position:absolute;width:250px;top:53px;left:-40px;background-color:rgba(255,255,255,0.97);opacity:0;padding: 0 10px; visibility:hidden;transition:0.5s; z-index: 99999; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-top: 3px solid #001c86;}
.header .h_rt .h_rt_nav ul li ul li{float:none;margin:0;border-bottom:1px dashed rgba(0,0,0,0.15); background: none; padding: 8px 0;}
.header .h_rt .h_rt_nav ul li ul li a{display:block;padding:0 15px; font-size:14px; color: #666;}
.header .h_rt .h_rt_nav ul li:hover> ul{opacity:1;visibility:visible;top:50px;}

.header .h_rt .h_rt_nav ul li ul li ul{top:0px;left:180px;}

.header .h_rt .h_rt_nav ul li ul li:hover> ul{opacity:1;visibility:visible;top:-3px;left:190px;}

.header .h_rt .h_rt_nav ul li ul li a:hover{background-color:transparent;color: #1c68ab;}

.header .h_rt .h_rt_nav ul li ul li:hover{background:none;}
.header .h_rt .h_rt_nav ul li ul li:last-child{border-bottom:none;}


/*banner的CSS布局*/
.banner{ width:100%; height:810px; overflow:hidden; position:relative;}

.banner .hd{ height:18px; overflow:hidden; position:absolute;right:0; left: 0; text-align:center ; margin: 0 auto; bottom:25px;z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;text-align:center ; width:100%;}
.banner .hd ul li{ /*float:left;*/ margin: 0 10px; width:80px; height:3px; display:inline-block; background:#FFF; cursor:pointer; transition: 0.5s; }
.banner .hd ul li.on{ background:#004ea2;}

.banner .bd{ position:relative; height:100%; z-index:0;}
.banner .bd li{ zoom:1; vertical-align:middle;}
.banner .bd li a{}
.banner .bd li a .img{ width:100%;height:705px; background-position: center top; background-repeat: no-repeat; }
.banner .bd li a .img img{ max-width: 100%;}

.banner .prev,
.banner .next{ position:absolute; top:42%;display:block; width:50px; height:100px; opacity: 0.8; transition: 0.5s;}
.banner .next{ left:auto; right:2%; background:url(../images/slider_arrow_rt.png)0 0 no-repeat;}
.banner .prev{ left:2%; right:auto; background:url(../images/slider_arrow_lt.png)0 0 no-repeat;}

.banner .prev:hover,
.banner .next:hover{opacity: 1;}



.i_title1{ height: auto;overflow: hidden; text-align: center;}
.i_title1 font{  display: block; color: #595656; font-size: 48px;line-height: 64px; text-transform: uppercase;}
.i_title1 i{ width:50px; height: 2px; background: #004ea2; margin:10px auto; display: block;}
.i_title1 span{display: block;color: #004ea2; font-size:28px; line-height: 40px;letter-spacing:2px;}


.i_title2{ height: auto;overflow: hidden; text-align: center;}
.i_title2 font{  display: block; color: #595656; font-size: 48px;line-height: 64px; text-transform: uppercase;}
.i_title2 i{ width:50px; height: 2px; background: #004ea2; margin:10px auto; display: block;}
.i_title2 span{display: block;color: #004ea2; font-size:20px; line-height: 40px;letter-spacing:2px;}


.i_title{ width: 520px; height: 150px; overflow: hidden; margin: 0 auto; padding: 0; }

.adv_box{ height: auto; overflow: hidden; padding: 70px 0;}

.adv_box .adv1{ height: auto;overflow: hidden;margin-top: 20px;}

.adv_box .adv1 ul{ margin: 0; padding: 0; text-align: center;}
.adv_box .adv1 ul li{ width: 280px; height: auto; overflow: hidden;padding:20px 0; display: inline-block;margin: 0 160px 0 0; transition: 0.5s;}
.adv_box .adv1 ul li a{color: #595757; display: block; line-height: 20px;}
.adv_box .adv1 ul li a .adv_icon{width: 170px; height: 60px; margin:0 auto 5px;}
.adv_box .adv1 ul li a .adv_icon img{ transition: 0.5s;}
.adv_box .adv1 ul li a span{ display: block; font-size: 14px;}
.adv_box .adv1 ul li a font{ display: block;}
.adv_box .adv1 ul li:nth-child(3n){margin-right: 0;}
.adv_box .adv1 ul li:hover{ background:#f9f9f9;}
.adv_box .adv1 ul li:hover a{ color: #004ea2;}
.adv_box .adv1 ul li:hover a font{ color: #004ea2;}


.adv_box .adv2{ height: auto; overflow: hidden;margin-top: 40px;}
.adv_box .adv2 ul{ margin: 0 auto; padding: 0; text-align:center; }
.adv_box .adv2 ul li{width: 210px; display: inline-block; margin: 0 20px;transition: 0.5s;padding: 30px;}
.adv_box .adv2 ul li a{color: #595656; display: block;}
.adv_box .adv2 ul li a span{ font-size:18px; display: block; text-align:center; }
.adv_box .adv2 ul li a font{ color: #004ea2; font-size: 60px;display: block;}
.adv_box .adv2 ul li:hover{ background:#f9f9f9;}

.count-title{color: #004ea2; display: block; font-size: 60px;}

.adv_box .adv2 ul li .box{ height:auto; overflow:hidden; text-align:center;}
.adv_box .adv2 ul li .box p{ display: inline-block;}
.adv_box .adv2 ul li .box font{  display: inline-block;}

.partner_box{ height: auto; overflow: hidden; padding: 70px 0 20px;}

.partner_box ul{ margin:30px 0 0; padding: 0; text-align: center;}
.partner_box ul li{ width: auto; height: auto; overflow: hidden; display: inline-block;margin: 30px 50px 0 0; transition: 0.5s;}
.partner_box ul li a{color: #595656; display: block; line-height: 20px;}
.partner_box ul li a .part_icon{width:100%; height:120px; margin: 0 auto;}
.partner_box ul li a font{display: block; line-height: 20px;padding: 20px 0;}

.partner_box ul li:nth-child(4n){margin-right: 0;}

.partner_box ul li:hover .part_icon img{ opacity: 0.5; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray; transition: 0.5s;}



.exhibition_box{ height: auto; overflow: hidden; padding: 70px 0;}
.exhibition_box .main{ width:1000px;}


.exhibition{ width:100%; height:600px; /*overflow:hidden; */position:relative; margin-top: 20px;}
.exhibition .bd{ position:relative; height:100%; z-index:0;}
.exhibition .bd li{ zoom:1; vertical-align:middle;}
.exhibition .bd li a{}
.exhibition .bd li a .img{ width:100%;height:600px; background-position: center top; background-repeat: no-repeat; }
.exhibition .bd li a .img img{ max-width: 100%;}

.exhibition .prev,
.exhibition .next{ position:absolute; top:0%;display:block; width:20px; height:600px;/* opacity: 0.3;*/ transition: 0.5s; background-color:#004ea1; color:#FFFFFF; font-size:18px; padding-left:15px; padding-right:15px; height:140px; padding-top:230px; padding-bottom:230px;}
.exhibition .next{ left:auto; right:-50px; }
.exhibition .prev{ left:-50px; right:auto; }

.exhibition .prev:hover,
.exhibition .next:hover{opacity: 1;}

.i_more{ width: 205px; height: 44px;line-height: 44px; border: 1px solid #004ea2; text-align: center; margin: 30px auto 0;}
.i_more a{ display: block; color: #004ea2; font-size: 16px; transition: 0.5s;}
.i_more:hover a{ background: #004ea2; color: #fff;}


.team_box{ height: auto; overflow: hidden; padding: 50px 0;}
.team_box ul{ margin: 20px 0 0;padding: 0; text-align: center;}
.team_box ul li{ width: 20%; height: 500px; overflow: hidden;float: left; position: relative;}
.team_box ul li a{ display: block; overflow: hidden;color: #004ea2; text-align: center; text-transform: capitalize;}
.team_box ul li a .t_pic{ width: 100%;}
.team_box ul li a .t_pic img{ max-width: 100%; transition: 0.5s;}


.team_box ul li a .t_font{ width: 80%; height: 165px; padding: 20px 10%; background: rgba(255,255,255,0.8); position: absolute; bottom: -155px;left: 0; transition: 0.5s;}
.team_box ul li a .t_font font{ display: block; font-size: 35px;line-height:85px; font-weight: bold;}
.team_box ul li a .t_font span{ display: block; font-size: 18px;line-height: 30px; }
.team_box ul li a .t_font em{ display: block; font-size: 14px; font-weight: bold; line-height: 20px;font-style: normal;}
.team_box ul li a:hover .t_pic img{ transform: scale(1.1,1.1);}
.team_box ul li a:hover .t_font{bottom:0;}


.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}


.event_box{ height: auto; overflow: hidden; padding: 50px 0;}

.event_box ul{ margin: 20px 0 0; height: auto;overflow: hidden; padding: 0; text-align: center;}
.event_box ul li{ float: left;width: 33.3333%; }
.event_box ul li.event_box ul li .style {
    width: 100%;
    position: relative;
    background: #FFF;
    z-index: 10;
    display: table;
    overflow: hidden;
}

.event_box ul li a{ color: #FFF; text-align: center;}
.event_box ul li img{ height: 100%;}
.event_box ul li .pic_img{ width: 100%; height: 100%;  overflow: hidden; position: relative; margin: 0;padding: 0;line-height:0;}
.event_box ul li .pic_img .pic{ font-size: 30px;line-height: 40px; width: 100%; height:100%;overflow: hidden; background:#7ccef4;position: absolute; z-index: 999;top:-50%;left: 0;opacity:0; transition: 0.5s;}
.event_box ul li .pic_img .pic font{

	padding-right: 25%;
	padding-bottom: 0%;
	padding-left: 25%;
	display:block;
	position: absolute;
	left: 0px;
	top: 50%; margin-top:-20px; float:left; width:50%;
}
.event_box ul li .pic_img .pic span{

float:left; width:40%;
	padding-right: 30%;
	padding-bottom: 0%;
	padding-left: 30%;
	display:block;
	position: absolute;
	left: 0px;
	top: 50%;
}
.event_box ul li .pic_img:hover .pic{ top: 0;opacity:1;}





.mice_box{ height: auto; overflow: hidden; padding: 50px 0;}
.mice_box ul{ margin: 20px 0 0;padding: 0; text-align: center; height: auto; overflow: hidden;}
.mice_box ul li{ width: 33.3333%;float: left;}
.mice_box ul li a{
	display: block;
	height: auto;
	overflow: hidden;
	position: relative; float:left; width:100%; height:100%;
}
.mice_box ul li a img{ max-width: 100%; transition: 0.5s;}
.mice_box ul li a .bg{ font-size: 30px;line-height: 40px; width: 100%; height:100%;overflow: hidden;
 background:rgba(0,0,0,0.5);
  background:#7ccef4;
 position: absolute; z-index: 999;top:-50%;left: 0;opacity:0; transition: 0.5s; color:#FFFFFF;}

.mice_box ul li:hover a img{ transform: scale(1.1,1.1);/*opacity: 0.4;*/}
.mice_box ul li a:hover .bg{ top:0%;opacity:1;}
.mice_box ul li a:hover .bg span{
	color: #FFFFFF;
	text-align: center;
	float: left;
	width: 80%;
	padding-right: 10%;
	padding-left: 10%;
	position: absolute;
	left: 0px;
	top: 50%; line-height:1.5; margin-top:-40px;
}
.clients_box{ height: auto; overflow: hidden; padding: 50px 0;}
.clients_pic{ height:auto;  position:relative; margin-top: 20px;}
.clients_pic .hd{ overflow:hidden; height:auto;}
.clients_pic .hd .prev,
.clients_pic .hd .next{ position:absolute; left:-100px; top:43%; margin-top:-25px; display:block; width:50px; height:100px; 
	transition:0.4s; overflow: hidden; z-index: 99999; cursor:pointer; opacity: 0.4; }
.clients_pic .hd .prev{background:url(../images/clients_lt.png) left center no-repeat;}
.clients_pic .hd .next{ left:auto; right:-100px;background:url(../images/clients_rt.png) right center no-repeat;}
.clients_pic .hd .prev:hover,.clients_pic .hd .next:hover{opacity: 1;}

.clients_pic .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;}
.clients_pic .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.clients_pic .hd ul li.on{ background-position:0 0; }
.clients_pic .bd{height:auto; /*overflow:hidden;*/}
.clients_pic .bd ul{ overflow:hidden; zoom:1; width:215px; float:left; margin: 0 5px; }
.clients_pic .bd ul li{ float:left; overflow:hidden; }
.clients_pic .bd ul li a{ display: block;}
.clients_pic .bd ul li a img{ max-width:100%;}

.clients_pic .bd ul li a:hover img{ opacity: 0.5; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray; transition: 0.5s;}





.about_box{ height: auto; overflow: hidden; padding: 50px 0;}

.about_box .about_font{line-height: 30px; padding: 20px 0;}
.about_box .about_font b{ font-size: 24px;line-height: 50px; display: block; text-align: center;}





.news_box{ height: auto; overflow: hidden; padding: 50px 0;}

.news_pic{ height:auto; padding:30px 0; position:relative; }
.news_pic .hd{ overflow:hidden; height:auto;}
.news_pic .hd .prev,
.news_pic .hd .next{ position:absolute; left:-100px; top:45%; margin-top:-25px; display:block; width:50px; height:100px; 
	transition:0.5s; overflow: hidden;z-index: 999; cursor:pointer; opacity: 0.5; }
.news_pic .hd .prev{background:url(../images/clients_lt.png) left center no-repeat;}
.news_pic .hd .next{ left:auto; right:-100px; background:url(../images/clients_rt.png) right center no-repeat;}
.news_pic .hd .prev:hover,.news_pic .hd .next:hover{opacity:1;}

.news_pic .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;}
.news_pic .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.news_pic .hd ul li.on{ background-position:0 0; }
.news_pic .bd{ padding:0; }
.news_pic .bd ul{ overflow:hidden; zoom:1; }
.news_pic .bd ul li{ width: 32.5%; height: 280px;overflow: hidden; display: inline-block;position: relative;}
.news_pic .bd ul li a{ display: block; overflow: hidden;color: #004ea2; text-align: center; text-transform: capitalize;}
.news_pic .bd ul li a .n_pic{ width: 100%;}
.news_pic .bd ul li a .n_pic img{ max-width: 100%; transition: 0.5s;}


.news_pic .bd ul li a .n_font{ width: 100%; background: rgba(255,255,255,0.8); position: absolute; bottom: -90px;left: 0; transition: 0.5s;}
.news_pic .bd ul li a .n_font font{ display: block; font-size: 18px;line-height:26px;padding:20px 20px;}
.news_pic .bd ul li a:hover .n_pic img{ transform: scale(1.1,1.1);}
.news_pic .bd ul li a:hover .n_font{bottom:0;}






.footer{height: auto; overflow: hidden; padding: 40px 0; background: #dcdddd;}

.footer .f_nav{height: auto; overflow: hidden; width: auto; float: left; margin-right:20px;}
.footer .f_nav ul{ margin: 10px 0 0;padding: 0; text-align: LEFT;}
.footer .f_nav ul li{ line-height: 24px;}
.footer .f_nav ul li a{ color: #454141; display: block; transition: 0.5s; font-size: 12px;}
.footer .f_nav font{ display: block;line-height: 50px; font-size: 18px; border-bottom: 1px solid #004ea2; color: #004ea2; text-align: center;font-weight: bold;}

.footer .f_nav ul li:hover a{color: #004ea2;}


.footer .f_contact{ width:350px; overflow:hidden;float: right; padding-left: 25px; border-left: 1px solid #004ea2;}
.footer .f_contact .icon{ height: 55px;}
.footer .f_contact .icon ul{ margin: 0;padding: 0;}
.footer .f_contact .icon ul li{ width: 55px; height: 55px; float: left; margin-right: 30px; position: relative;}
.footer .f_contact .icon ul li a{ display: block; color: #454141; font-size: 16px;}

.footer .f_contact .icon ul li:nth-child(3){ margin-right: 0;}



.footer .f_contact .icon ul li ul{position:absolute;z-index:9999; background-color:rgba(255,255,255,1);opacity:0; transition:0.5s;}
.footer .f_contact .icon ul li ul li{ width: 180px; height: auto; margin-right: 0;}
.footer .f_contact .icon ul li ul li a{ display: block;}
.footer .f_contact .icon ul li:hover ul{opacity:1;bottom:-44px;}
.footer .f_contact .icon #qq{left:-50px;bottom:-52px; height:24px; line-height:24px; border-radius: 20px;padding:8px 30px; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.footer .f_contact .icon #wx{left:-12px;bottom:-90px; width: 80px; height: 80px; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.footer .f_contact .icon #tel{right:0;bottom:-52px; width: 160px; height:24px; line-height:24px; border-radius: 20px;padding:8px 30px; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.footer .f_contact .icon #qq:hover,.footer .f_contact .icon #tel:hover{ background: #004ea2; color: #FFF;}
.footer .f_contact .icon ul li ul:hover li a{color: #FFF;}




.footer .f_contact .f_con_title{width:auto; font-size: 20px; color: #004ea2; line-height: 40px; padding: 20px 0 5px;}
.footer .f_contact .f_con_font{ line-height: 24px;}



/*悬浮*/
.fixed{position:fixed;right:0;bottom:50px;z-index:99999999;width:55px;height:auto;}
.fixed a{display:block; color:#666;}
.fixed .qq{width:55px;height:55px;background:url(../images/s_icon1.jpg) no-repeat center center;position:relative;  margin-bottom:2px;}
.fixed .qq .qq_hao{position:absolute;right:110px;top:20%;width:160px;opacity:0;transition:.6s;visibility: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.1); background:#FFF; padding:10px 15px; border-radius:16px;}
.fixed .qq:hover .qq_hao{right:65px;opacity:1;z-index:999;visibility:visible;}

.fixed .ss{width:55px;height:55px;background:url(../images/s_icon3.jpg) no-repeat center center;position:relative; margin-bottom:2px;}


.fixed .gotop{width:55px;height:55px;background:url(../images/gotop.jpg) no-repeat center center;position:relative; margin-bottom:2px;}
.fixed .ss .ss_hao{position:absolute;right:110px; width:160px;top:14px;opacity:0;transition:.6s;visibility: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.1); background:#FFF; padding:10px 15px; border-radius:16px;}
.fixed .ss:hover .ss_hao{right:65px;opacity:1;z-index:999;visibility:visible;}

.fixed .wx{width:55px;height:55px;background:url(../images/s_icon2.jpg) no-repeat center center;position:relative; margin-bottom:2px;}
.fixed .wx .ewm{position:absolute;right:100px;top:-14px;opacity:0;transition:.6s;visibility: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.1); box-shadow:1px 1px 20px rgba(0,0,0,0.05); border:4px solid #FFF;}
.fixed .wx .ewm img{display:block;width:75px;}
.fixed .wx:hover .ewm{right:65px;opacity:1;z-index:999;visibility:visible; }


/*公司简介*/

.about_banner{ width: 100%; height: 500px;overflow: hidden; background-repeat:no-repeat; background-position: center top;}
.about_banner a{ display: block; color: #FFF; text-align: center;}
.about_banner a font{display: block; width: 250px; height: 50px;line-height: 50px; margin: 340px auto 0; border: 2px solid #FFF;font-size: 24px; transition: 0.5s;}




.about_box1{height: auto; overflow: hidden; padding: 70px 0; border-top: 1px solid #666;}


.about_title1{font-size: 25px; line-height:40px; padding-bottom: 20px; /*border-bottom: 2px solid #004ea1;*/color: #444040;}
.about_title1 font{ display: block; font-size: 35px; line-height:40px;}

.about_box1 .a_lt{ width: 720px; float: left;}
.about_box1 .a_lt p{line-height: 24px;padding: 20px 0;}

.about_box1 .a_rt{ width: 350px; float: right;}

.about_box1 p{ font-size: 12px;}

.about_line{ border-top: 1px solid #666;    padding: 70px 0 70px !important;}



.about_clients{height: auto; overflow: hidden; padding: 70px 0; border-top: 1px solid #666;}
.about_clients ul{ margin:20px 0 0;padding: 0; text-align: center;}

.about_clients ul li{ width: 235px;float: left;}
.about_clients ul li a{ display: block;}

.about_clients ul li a:hover img{ opacity: 0.5; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray; transition: 0.5s;}



.about_box2{height: auto; overflow: hidden; padding: 70px 0; border-top: 1px solid #666; color: #004ea1; font-size: 30px; text-align: center;}
.about_box2 font{ display: block; line-height: 40px;}

.about_box2 .a_font{ padding: 40px 0;line-height: 45px;}



.common{ width: 1360px; overflow: hidden; height: auto; margin: 0 auto;}
.com_rt{ width: 1180px; height: auto;overflow: hidden;float: right;}


.com_list{ width: 180px; height: auto;overflow: hidden; background: #FFFfff;/* box-shadow: 0 0 10px rgba(0,0,0,0.1);*/float: left; margin-top: 50px;}
.com_list .list_nav{ height: auto;overflow: hidden; margin-bottom: 5px;}
.com_list .list_nav ul{margin: 0; padding: 5px 10px;}
.com_list .list_nav ul li{ line-height: 26px; border-bottom:1px dashed #d8d8d8;}
.com_list .list_nav ul li a{ color: #5c595a; font-size: 13px;}
.com_list .list_nav .list_n_title a{ color:#ffffff; display:block;padding-left: 10px;}
.com_list .list_nav .list_n_title>a.select,.com_list .list_nav.select .list_n_title>a{ background-color:#7ccef4;}
.com_list .list_nav ul li.select>a,.com_list .list_nav ul li>a:hover{ color:#FF3300}
.com_list .list_nav .list_n_title{ height: 34px; line-height: 34px; color: #FFF; font-size: 16px; background:#004ea1; transition: 0.5s;padding-left: 10px;}
.com_list .list_nav .list_n_title:hover{color: #004ea1; background:#7ccef4;}


.com_list .list_nav ul li:last-child{border-bottom:none;}



.mice_box1{height: auto; overflow: hidden; padding: 50px 0 0;}

.mice_box1 ul{ margin: 0;padding: 0; text-align: center;}
.mice_box1 ul li{ width: 190px; height: 145px; float: left; margin: 0 20px; border: 1px solid #6e6c6c; transition: 0.5s;}
.mice_box1 ul li a{ display: block; padding: 5px; color: #595656; text-align: left;}
.mice_box1 ul li a .m_t{ color:#595656; line-height:26px;font-size:20px;}
.mice_box1 ul li a .m_t font{ display: block; color:#211d1d;font-size:24px;}

.mice_box1 ul li a p{padding: 15px 0 5px; line-height: 20px; font-size: 12px;}
.mice_box1 ul li:hover{ background: #fff;}

.mice_box2{height: auto; overflow: hidden; padding: 50px 50px 30px 20px;}

.mice_box2 ul{ margin:20px 0 0;padding: 0;}
.mice_box2 ul li{ width: 280px; height: 265px; overflow: hidden;float: left; margin:0 12px 15px 0; transition: 0.5s;}
.mice_box2 ul li a{ display: block;}

.mice_box2 ul li:nth-child(4n){margin-right: 0;}

.mice_box2 ul li:hover a img{ transform: scale(1.1,1.1); opacity: 0.6;}


.mice_box3{height: auto; overflow: hidden; padding: 50px 0 0;}
.mice_box3 ul{ margin:20px 0 0;padding: 0; text-align: center;}

.mice_box3 ul li{ width: 235px;float: left;}
.mice_box3 ul li a{ display: block;}

.mice_box3 ul li a:hover img{ opacity: 0.5; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray; transition: 0.5s;}








.mice_d_box_banner{padding: 50px 0; background: #e6e6e8;}
.mice_d_box_banner .main{ border-bottom: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0;}
.mice_d_box_banner .d_b_font{padding: 40px 0;line-height:45px;font-size: 40px; text-align: center;}
.mice_d_box_banner .d_b_font font{ display: block; font-size: 20px; }


.mice_d_box_pic{ margin: 0 auto; padding:50px 0 0 0; text-align: center; }
.mice_d_box_pic img{ margin: 0 auto; padding:50px 50px 20px 50px; text-align: center; }
.mice_d_box_pic .m_pic{padding: 20px 0; transition: 0.5s; max-width: 100%;}
.mice_d_box_pic .m_pic:hover img{opacity: 0.9; cursor: pointer;}





.exhibition_box1{height: auto; overflow: hidden; padding: 70px 0 0;}


.exhibition_box1 .exh{ width: 100%;margin-top: 20px;}


.sort,#pages{ text-align:center; padding-bottom:35px; padding-top:25px; clear:both}
.sort a,#pages a{
	background-color: #004ea1;
	color: #FFFFFF; display:inline-block; padding-left:25px; padding-right:25px; line-height:35px; margin-left:5px;
}
.sort a:hover,.sort a.select,#pages a:hover,#pages a:hover{
	background-color: #FF9900;
}
#pages a{ padding-left:12px; padding-right:12px;}
.cms{ clear:both; padding-bottom:35px; padding-top:20px;}
.cms *{ max-height:100%; line-height:1.5;}


.cms .picli{
	width:48%;
	float:left;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color:#f5f5f5;
	margin-right: 1%;
	padding-top: 10px;
	padding-right: 0.5%;
	padding-bottom: 10px;
	padding-left:0.5%;
}
.cms .picli .img{ float:left; width:206px;}
.cms .picli .img img{
	width:100%;
	height:135px;
	padding: 2px;
	border: 1px solid #dddddd;  background-color:#FFFFFF;
}

.cms .picli .right{ margin-left:230px;}
.cms .picli .right div{ float:left; width:100%;}
.cms .picli .right div.ntitle{text-overflow: ellipsis;
	font-size: 16px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;color: #004ea1;
}
.cms .picli .right div.ntitle a{color: #004ea1;}
.cms .picli .right div.dp{ height:4.5em; overflow:hidden;}
.cms .picli .right div.more{ text-align:right}
.cms .picli .right div.more a{background-color: #004ea1;
	color: #FFFFFF; display:inline-block; padding-left:25px; padding-right:25px; line-height:35px; }
	
	
	

.cms .tli{
	width:18%;
	float:left;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color:#f5f5f5;
	margin-left:1%; margin-right:1%;

}
.cms .tli .img{ float:left; width:100%;}
.cms .tli .img img{
	width:100%;
	height:310px; background-color:#FFFFFF;
}

.cms .tli .right{ float:left; width:96%; padding-left:2%; padding-right:2%; padding-bottom:10px;}
.cms .tli .right div{ float:left; width:100%; text-align:center;}
.cms .tli .right div.ntitle{text-overflow: ellipsis;
	font-size: 16px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;color: #004ea1; text-align:center;
}
.cms .tli .right div.ntitle a{color: #004ea1;}
.cms .tli .right div.dp{  overflow:hidden;}
.cms .tli .right div.more{ text-align:center; padding-top:10px;}
.cms .tli .right div.more a{background-color: #004ea1;
	color: #FFFFFF; display:inline-block; padding-left:25px; padding-right:25px; line-height:35px; }	
.cms .tli .right div.more a:hover,.cms .picli .right div.more a:hover{ background-color:#FF9900}





.tline {color:#dedede;}
.exhibition_box .main{ width:1200px;}
.roundabout_box ul {}
.roundabout_box ul li{ text-align:center}
.roundabout_box img {width:100%; height:600px;}
/**********roundabout**********/
.roundabout_box {height:600px;width:1200px;margin:40px auto 20px auto;}
.roundabout-holder{list-style:none;width:600px;height:600px;margin:0px auto;}
.roundabout-moveable-item{font-size:12px!important;height:600px;width:1000px;cursor:pointer;background:#f9f9f9;}
.roundabout-moveable-item img{height:100%;width:100%;background-color:#FFFFFF;margin:0;}
.roundabout-in-focus{cursor:auto;border-left:1px #fff solid;border-right:1px #fff solid;}
.roundabout-in-focus000:hover{-webkit-box-shadow:0px 0px 20px #787878;-moz-box-shadow:0px 0px 20px #787878;background:#f9f9f9;}
.roundabout-holder .text{color:#999;}
.roundabout-in-focus000:hover span{display:inline;position:absolute;bottom:5px;right:5px;padding:8px 20px;background:#f9f9f9;color:#3366cc;z-index:999;-webkit-border-top-left-radius:5px;-moz-border-radius-topLeft:5px;border-left:1px solid #aaaaaa;border-top:1px solid #aaaaaa;}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}
.roundabout li{margin:0}