@charset "utf-8";
body{margin:0;padding:0;font-family:microsoft yahei, Arial; min-width:1200px}
td,div{font-size:12px;color:#444;margin:0;padding:0;}
a,p,h1,h2,h3,h4,h5,ul,li{margin:0;padding:0;}
a{color:#333;text-decoration:none;}
img{ border:0px; }
a:hover{color:#f30;}
.clear{clear:both;}
.dis{display:none;}
.w{width:1200px;margin:0 auto;clear:both;overflow:hidden;}
.mt10{margin-top:10px;}
.mt140{margin-top:140px;}
.mt30{margin-top:30px;}
.m10{margin:10px auto;}
ul,li{ list-style:none}
ul,li,a,p,h1,h2,h3,h4{ padding:0px; margin:0px}
#topbar{background:#f6f6f6;height:32px;line-height:32px;}
#topbar .w span{float:right;background:#fff;padding:0 15px;color:#ddd;font-family:Microsoft Yahei;}
#topbar .w span a{font-family:arial;}
#topbar .w{color:#999;}
.mbdisn{ display:none}
#tophead{height:100px;}
#tophead .logo{background:url(../images/logo.png) no-repeat center;width:330px;height:100px;float:left;}
#tophead form{float:right;margin-top:20px;}
#tophead form .input{border:1px solid #ddd;padding:10px 15px;vertical-align:middle;border-right:0;color:#555;}
#tophead form .bnt{background:#2194D3;border:1px solid #2194D3;padding:10px 25px;vertical-align:middle;color:#fff;}
#tophead ul{margin:0;padding:0;list-style:none; float:right; border-right:1px #ccc solid } 
#tophead ul li{float:left; border-left:1px #e9edf5 solid; height:100px;width:100px;}

#tophead ul li a{line-height:100px;font-size:16px;font-family:microsoft yahei;color:#222;display:block;  text-align:center}
#tophead ul li:hover{background:url(../images/meunbg.png) no-repeat center #0b3190; color:#fff; }
#tophead ul li:hover a{ color:#fff; margin-top:15px}
#tophead ul li dl{display:none;}
#tophead ul li:hover dl{background:#0b3190; position:absolute; top:88px; width:150px; display:block; z-index:1000; color:#000;}
#tophead ul li:hover dl dt a{background:#0b3190;border-bottom:1px solid #6d83bc;line-height:40px;display:block;font-size:14px; color:#fff; margin-top:0px !important; margin:0px;text-align:center}
#tophead ul li:hover dl dt a:hover{background:#0b3190;color:#fff;display:block;}
#tophead  ul .hover{background:url(../images/meunbg.png) no-repeat center #0b3190; color:#fff;}
#tophead  ul .hover a{ color:#fff;margin-top:15px}

#topnav{background:#187EC6;height:50px;}
#topnav .w ul{margin:0;padding:0;list-style:none;}
#topnav .w ul li{float:left;}
#topnav .w ul li a{height:50px;line-height:50px;font-size:16px;font-family:microsoft yahei;color:#fff;padding:0 25px;display:block;}
#topnav .w ul li a:hover{background:#1F92D1;}
#topnav .w ul .hover a{background:#1F92D1;height:50px;line-height:50px;font-size:16px;font-family:microsoft yahei;color:#fff;padding:0 25px;display:block;}
#topnav .w ul li dl{position:absolute;z-index:999;margin:0;display:none;width:160px;}
#topnav .w ul .hover dl dt a{background:#1F92D1;border-bottom:1px solid #187EC6;height:40px;line-height:40px;display:block;font-size:14px;}
#topnav .w ul .hover dl dt a:hover{background:#fff;color:#333;display:block;}

#banner{height:400px;}
#full-screen-slider { width:100%; height:400px; position:relative}
#slides { display:block; width:100%; height:400px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; bottom:10px; z-index:2000;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px;float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;}
#pagination li.current { background:#0092CE}

.subject{color:#1F92D1;font-size:18px;font-family:microsoft yahei;height:41px;line-height:40px; margin:20px 0px}
.subject b{display:inline-block;font-weight:normal;height:40px;line-height:40px; color:#444; font-size:20px}
.subject span{color:#888;display:inline-block;font-size:14px;font-family:Arial;padding-left:10px;}
.subject a{float:right;font-size:12px;font-family:Microsoft Yahei;}

.pro_width{width:1200px;height:370px;overflow:hidden;}
.prolist{margin:15px 0;padding:0;list-style:none;overflow:hidden;width:29999px;}
.prolist li{float:left;width:240px;margin:0 13px 13px 0;}
.prolist li a{border:1px solid #eee;display:block;padding:15px;}
.prolist li a img{border:1px solid #eee;}
.prolist li a .title{text-align:center;font-size:14px;height:40px;line-height:40px;font-family:microsoft yahei;}
.prolist li a .intro{line-height:18px;color:#999;word-break:break-all;min-height:55px;}
.prolist li a .more{display:block;margin:15px auto 10px auto;text-align:center;background:#e5e5e5;width:90px;line-height:24px;}
.prolist li a:hover{border:1px solid #ddd;}
.prolist li a:hover .title{color:#1F92D1;}
.prolist li a:hover .more{background:#1F92D1;color:#fff;}

.topcase{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.topcase li{float:left;width:240px;margin:0 13px 13px 0;}
.topcase li a{text-align:center;display:block;position:relative;height:160px;overflow:hidden;}
.topcase li img{border:1px solid #eee;width:240px;height:180px;display:block;margin-bottom:10px;}
.topcase li a div{position:absolute;background:#333;width:100%;line-height:40px;height:40px;color:#fff;display:block;bottom:-40px;left:1px;opacity:0.7}

.bg_black{background:#fff;padding:15px 0px 50px 0px;}
.subject_news{color:#333;font-size:18px;font-family:microsoft yahei;height:41px;line-height:40px;border-bottom:1px solid #ddd;}
.subject_news b{display:inline-block;font-weight:normal;border-bottom:2px solid #1F92D1;height:40px;line-height:40px;}
.subject_news span{color:#bbb;display:inline-block;font-size:16px;font-family:verdana;padding-left:10px;}
.subject_news a{float:right;font-size:12px;font-family:Microsoft Yahei;}

.newslist{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.newslist li{float:left;width:480px;margin:0 20px 20px 0;}
.newslist li a img{float:left;margin-right:10px;border:1px solid #eee;}
.newslist li a .title{font-size:16px;font-family:microsoft yahei;line-height:30px;}
.newslist li a .date{font-size:12px;color:#444;font-family:arial;line-height:20px;}
.newslist li a .intro{line-height:18px;color:#999;}
.newslist li a:hover .title{color:#f30;}

#bg_copyright{background:#0b3190;padding:20px 0;}
.copyright{color:#fff;font-family:verdana;line-height:25px;text-align:left;}
.copyright a{color:#fff;}


.lefter{width:220px;margin-right:30px;float:left;}
.righter{float:left;width:750px;}
.leftnav{background:#1F92D1;padding:10px 15px;color:#fff;font-size:18px;font-family:microsoft yahei;}
.subnav{border:1px solid #eee;border-bottom:0;margin:0;padding:0;list-style:none;}
.subnav li{}
.subnav li a{display:block;padding-left:20px;background:#fafafa;font-size:14px;line-height:40px;height:40px;border-bottom:1px solid #eee;}
.subnav li a:hover{color:#1F92D1;font-weight:bold;background:#f3f3f3;}
.subnav .hover a{display:block;padding-left:20px;color:#1F92D1;font-weight:bold;background:#f3f3f3;font-size:14px;line-height:40px;height:40px;border-bottom:1px solid #eee;}
.subnav dl{margin:0;padding:0;list-style:none;*margin-top:-12px;}
.subnav dl dt{}
.subnav dl dt a{background:#fff;display:block;height:40px;line-height:40px;border-bottom:1px solid #eee;padding-left:20px;font-size:12px;}
.subnav dl dt a:hover{background:#fff;font-size:12px;font-weight:normal;color:#f30;}
.subnav li dl .hover a{color:#f30;font-size:12px;font-weight:normal;background:#fff;}

.left_border{border:1px solid #eee;border-top:0;padding:10px 15px;line-height:25px;}
.left_border p{margin:0;padding:0;}
.left_border b{font-size:14px;}

.container{padding:50px; background:#fff; margin:30px 0px;overflow:hidden}
.news_list{padding:50px; background:#fff; margin:30px 0px;overflow:hidden}

.artshow{padding:50px; background:#fff; margin:30px 0px;overflow:hidden}
.provideo{padding:50px; background:#fff; margin:30px 0px;overflow:hidden}
.provideo ul li{ float:left; margin:10px 7px; background:#444}
.provideo ul li .title{ width:350px; text-align:center; line-height:50px; color:#fff}
.artshow .title{font-size:25px;line-height:30px;font-weight: bold;font-variant: normal;padding:15px 0;font-family:microsoft yahei; color:#666; text-align:center}
.artshow .info{text-align:center;font-family:microsoft yahei;color:#999;padding:0 0 15px 0;font-size:12px;}
.artshow p{margin:5px 0;font-size:14px; color:#777; line-height:30px}
.artshow .pre{margin:5px 0 5px 0;color:#999;}
.artshow .next{margin:0 0 5px 0;color:#999;}

.prolink{padding:50px; background:#fff; margin:80px 0px;overflow:hidden}
.prolink li{float:left;width:215px;margin:10px 2px;}
.prolink li a img{border:1px solid #eee;}
.prowidth{padding:50px; background:#fff; margin:80px 0px;overflow:hidden}
.pro_list{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.pro_list li{float:left;width:240px;margin:0 13px 13px 0;}
.pro_list li a{border:1px solid #eee;display:block;padding:15px;}
.pro_list li a img{border:1px solid #eee;}
.pro_list li a .title{text-align:center;font-size:14px;height:40px;line-height:40px;font-family:microsoft yahei;}
.pro_list li a .intro{line-height:18px;color:#999;word-break:break-all;min-height:55px;}
.pro_list li a .more{display:block;margin:15px auto 10px auto;text-align:center;background:#e5e5e5;width:90px;line-height:24px;}
.pro_list li a:hover{border:1px solid #ddd;}
.pro_list li a:hover .title{color:#1F92D1;}
.pro_list li a:hover .more{background:#1F92D1;color:#fff;}

.pic_list{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.pic_list li{float:left;width:240px;margin:0 13px 13px 0;}
.pic_list li a{border:1px solid #eee;display:block;padding:5px;}
.pic_list li a img{border:0;}
.pic_list li a .title{text-align:center;font-size:14px;height:40px;line-height:40px;font-family:microsoft yahei;}
.pic_list li a:hover{border:1px solid #ddd;}
.pic_list li a:hover .title{color:#1F92D1;}

.casewidth{width:780px;overflow:hidden;}
.case_list{margin:20px 0;padding:0;list-style:none;}
.case_list li{width:240px;margin:0 20px 30px 0;float:left;text-align:center;font-family:microsoft yahei;}
.case_list li img{display:block;margin-bottom:15px;}
.case_list li a{color:#666;font-size:13px;}
.case_list li a:hover{color:#f30;}

.joblist{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.joblist li{float:left;width:480px;margin:0 20px 20px 0;border-bottom:1px dashed #eee;padding-bottom:15px;}
.joblist li a .title{font-size:16px;font-family:microsoft yahei;line-height:30px;}
.joblist li .line{padding:0;margin:0;line-height:22px;}
.joblist li .line b{float:left;width:70px;color:#555;}
.joblist li .line .intro{margin-left:70px;}
.joblist li a:hover .title{color:#f30;}

.job_list{margin:0;padding:0;list-style:none;overflow:hidden;}
.job_list li{float:left;width:350px;margin:0 20px 20px 0;border-bottom:1px dashed #eee;padding-bottom:15px;}
.job_list li a .title{font-size:16px;font-family:microsoft yahei;line-height:30px;line-height:40px;margin-bottom:10px;}
.job_list li .line{padding:0;margin:5px 0;line-height:24px;text-indent:0;}
.job_list li .line b{float:left;width:70px;}
.job_list li .line .intro{margin-left:70px;}
.job_list li .line .intro p{margin:0 0 5px 0;padding:0;}
.job_list li a:hover .title{color:#f30;}


.news_list ul li{line-height:24px;color:#999; width:1100px; height:170px;}
.news_list ul li img{ float:left; margin-right:40px}
.news_list ul li:hover{background:#fafafa; color:#068b56}

.news_list ul li:hover h3{ color:#0b3190}

.news_list ul li h3{font-size:18px;font-family:microsoft yahei;display:block;line-height:40px; color:#444; line-height:50px; font-weight:normal}
.news_list ul  li em{color:#999;font-family:verdana;display:block;font-style:normal; font-size:14px}
.news_list ul li p{ color:#777; font-size:14px; line-height:28px}
.rss_list{margin:0;padding:0;list-style:none;}
.rss_list li{border-bottom:1px dotted #ddd;line-height:40px;color:#999;}
.rss_list li a{font-size:14px;font-family:microsoft yahei;}

#position{margin:0 auto;width:1000px;overflow:hidden;font-family:Microsoft Yahei;line-height:30px;}

/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul span{display:inline-block;border:solid 1px #ddd;border-radius:4px; padding:8px 12px; margin-left:2px}
.list_page ul a{color:#333;line-height:18px;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.list_page ul .page-num{display:inline-block;  padding:0px 12px; }
.list_page ul .page-num-current{color:#0b3190; font-weight:bold}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left; width:auto; height:auto}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

.comment{overflow:hidden;clear:both;margin:10px 0;}
.comment .line{clear:both;border-bottom:1px solid #eee;padding-bottom:15px;}
.comment .line .base{font-family:microsoft yahei;font-weight:bold;line-height:30px;font-size:14px;}
.comment .line .base span{margin:0 0 0 10px;color:#999;font-weight:normal;float:right;font-size:12px;}
.comment .line .content{line-height:20px;word-wrap:break-word;overflow:hidden;}
.comment .line .reply{font-family:verdana;word-wrap:break-word;overflow:hidden;}
.comment .line .reply strong{color:#f60;float:left;}
.comment_more{text-align:center;padding:10px 0;font-family:microsoft yahei;font-size:14px;}
.comment_more a{color:#999;}
.comment_more a:hover{color:#f30;}

.commentadd{margin:10px 0;clear:both;}
.commentadd .text{}
.commentadd .text .div{padding:0 5px 0 0;border:1px solid #E4E2E2;border-bottom:0;}
.commentadd .text .div textarea{width:98%;height:70px;overflow:auto;border:0;padding:10px;}
.commentadd .input{margin:0;font-size:14px;background:#fafafa;border:1px solid #EDECEC;overflow:hidden;padding:0px 5px 5px 15px;line-height:40px;height:40px;font-family:microsoft yahei;}
.commentadd .input .send{float:right;border:1px solid #1F92D1;background:#1F92D1;color:#fff;padding:8px 25px;margin:5px 0 0;vertical-align:middle;cursor:pointer;font-family:microsoft yahei;}

.bookadd{margin:20px 0;}
.bookadd div{margin-bottom:15px;}
.bookadd .label{float:left;width:100px;text-align:right;padding-right:10px;clear:both;}
.bookadd .label span{color:#f30;font-family:Microsoft Yahei;}
.bookadd .enter{margin-left:120px;}
.bookadd .enter .ip{border:1px solid #ddd;padding:10px 10px;vertical-align:middle;overflow:hidden;border-radius:10px 0 10px 0;}
.bookadd .enter .bnt{border:1px solid #1F92D1;background:#1F92D1;padding:8px 20px;vertical-align:middle;color:#fff;cursor:pointer;}
.bookadd .enter label{display:block;}

.job_h1{font-size:14px;line-height:35px;border-bottom:1px solid #eee;margin:10px 0;}
.info_title{font-size:14px;font-weight:bold;border-bottom:1px solid #f0f0f0;line-height:30px;height:30px;margin:0 0 15px 0;}
.info_intro{padding:0 0 20px 0;line-height:22px;color:#666;}
.info_intro p{margin:0 0 5px 0;padding:0;}
.info_intro .red{color:#f30;margin:0 5px;}

#goodsshow{margin:20px 0;overflow:hidden;width:750px;}
#goodsshow img{border:0;}
#goodsshow .left{float:left;width:350px;margin:0 50px 0 0;}
#goodsshow .right{float:left;}
#goodsshow .shop_big{border:1px solid #ededed;padding:2px;background:#fff;width:360px;cursor:pointer;}
#goodsshow .shop_plist{clear:both;width:360px;}
#prolist{width:310px;float:left;overflow:hidden;height:68px;position:relative;margin:10px 0 0 0;}
#prolist ul{margin:0;padding:0;list-style:none;overflow:hidden;width:20000px;position:relative;}
#prolist ul li{float:left;cursor:pointer;position:relative;background:url(../images/pro_none.gif) no-repeat center top;height:68px;}
#prolist ul li img{height:60px;width:60px;margin:6px 8px 0 8px;padding:0px;border:0;}
#prolist .hover{background:url(../images/pro_bg.gif) no-repeat center top;height:68px;}
#goodsshow .shop_plist a.prev{float:left;width:20px;height:68px;display:block;outline:none;background:url(../images/ico_left.gif) no-repeat center;line-height:68px;margin-top:12px;}
#goodsshow .shop_plist a.next{float:left;width:20px;height:68px;display:block;outline:none;background:url(../images/ico_right.gif) no-repeat center;margin-top:12px;}
#goodsshow .right{width:350px;}
#goodsshow .right h1{font-size:18px;font-family:microsoft yahei;font-weight:normal;margin:0 0 10px 0;padding:0;}
#goodsshow .right .intro{color:#999;min-height:80px;}
#goodsshow .right .sno{border-bottom:1px solid #eee;line-height:35px;}
#goodsshow .right .price{color:#999;line-height:30px;padding:10px 0;}
#goodsshow .right .price span{color:#f60;font-size:16px;}




.slideBox{ width:100%; height:640px;overflow:hidden; position:relative;min-width: 990px;}
.slideBox .hd{ height:16px; overflow:hidden; position:absolute; left:50%; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{cursor: pointer; width:3em; height:6px; background:#cdcdcd; opacity:0.4;filter:alpha(opacity=40); float:left; margin:0 .5em;}
.slideBox .hd ul li.on{ background:red !important;}
.slideBox .bd{ height:590px; width: 100%; z-index:0;   }
.slideBox .bd ul li{overflow: hidden;width: 100%; height: 640px;position: relative;  }
.slideBox .bd li a{display:block; width: 990px; height: 640px; margin:0 auto; position: relative;}



/*新添加一屏*/
/*第一屏*/
.animation5{
	background:url(../images/banner1_03.png) no-repeat; width:568px; height:37px;position: absolute;left:50%; top: 30%; margin-left:-284px;
	-webkit-animation:flash 3s 1s ease both;
	-moz-animation:flash 3s 1s ease both;}
	@-webkit-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
	}
	@-moz-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
	}
	@-ms-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
}

.animation3{
	font-size:44px; color:#fff; width:450px; height:47px; position: absolute; top:400px; left:50%; margin-left:-600px; background:url(../images/a02.png) no-repeat;
	-webkit-animation:fadeInDown 2s 1s ease both;
	-moz-animation:fadeInDown 2s 1s ease both;}
	@-webkit-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-200px)}
	30%{opacity:0.6;
	-webkit-transform:translateY(200px)}
	60%{opacity:1;-webkit-transform:translateY(-10px)}
	100%{opacity:1;-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-200px)}
	30%{opacity:0.6;
	-webkit-transform:translateY(200px)}
	60%{opacity:1;-webkit-transform:translateY(-10px)}
	100%{opacity:1;-webkit-transform:translateY(0)}
	}
	@-ms-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-200px)}
	30%{opacity:0.6;
	-webkit-transform:translateY(200px)}
	60%{opacity:1;-webkit-transform:translateY(-10px)}
	100%{opacity:1;-webkit-transform:translateY(0)}
}
.animation4{width:914px; height:32px;position:absolute; left:50%; top:505px; margin-left:-600px; font-size:44px;color:#fff; background:url(../images/a01.png) no-repeat;
	
	-webkit-animation:fadeInRight 2s  ease both;
	-moz-animation:fadeInRight 2s  ease both;}
	@-webkit-keyframes fadeInRight{
	0%{opacity:0;
	-webkit-transform:translateX(-10%)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInRight{
	0%{opacity:0;
	-moz-transform:translateX(2em)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
	}
	@-ms-keyframes fadeInRight{
	0%{opacity:0;
	-ms-transform:translateX(2em)}
	100%{opacity:1;
	-ms-transform:translateX(0)}
}

/*第三屏*/
.animation6{
	background:url(../images/banner3_01.png) no-repeat; width:485px; height:23px; float:left;position:absolute; left:50%; top:15%;margin-left:-243px;
	-webkit-animation:fadeInRightBig 3s .5s ease both;
	-moz-animation:fadeInRightBig 3s .5s ease both;
}
	@-webkit-keyframes fadeInRightBig{
	0%{opacity:0;
	-webkit-transform:translateX(13em)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInRightBig{
	0%{opacity:0;
	-moz-transform:translateX(13em)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInRightBig{
	0%{opacity:0;
	-ms-transform:translateX(13em)}
	100%{opacity:1;
	-ms-transform:translateX(0)}
}
.animation7{
	position:absolute; left:50%; top:20%;   background:url(../images/banner3_02.png) no-repeat; width:280px; height:40px; float:left;margin-left:-140px;
	-webkit-animation:fadeInRightBig 3s .5s ease both;
	-moz-animation:fadeInRightBig 3s .5s ease both;
}
	@-webkit-keyframes fadeInRightBig{
	0%{opacity:0;
	-webkit-transform:translateX(13em)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInRightBig{
	0%{opacity:0;
	-moz-transform:translateX(13em)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInRightBig{
	0%{opacity:0;
	-ms-transform:translateX(13em)}
	100%{opacity:1;
	-ms-transform:translateX(0)}
}
/*新添第二屏*/
.animation8{
	background:url(../images/banner2_02.png) no-repeat; width:444px; height:136px; float:right;top: 20em; left:50% ; margin-left:-220px;position: absolute;
	-webkit-animation:fadeInRightBig 3s .5s ease both;
	-moz-animation:fadeInRightBig 3s .5s ease both;
}
	@-webkit-keyframes fadeInRightBig{
	0%{opacity:0;
	-webkit-transform:translateX(13em)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInRightBig{
	0%{opacity:0;
	-moz-transform:translateX(13em)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInRightBig{
	0%{opacity:0;
	-ms-transform:translateX(13em)}
	100%{opacity:1;
	-ms-transform:translateX(0)}
}
.animation9{
 	background:url(../images/banner2_01.png) no-repeat; width:465px; height:23px; float:left;top: 16em;left:50% ; margin-left:-230px;position: absolute;
	-webkit-animation:fadeInLeftBig 3s .5s ease both;
	-moz-animation:fadeInLeftBig 3s .5s ease both;
}
	@-webkit-keyframes fadeInLeftBig{	
	0%{opacity:0;
	-webkit-transform:translateX(-20em)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInLeftBig{
	0%{opacity:0;
	-moz-transform:translateX(-20em)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInLeftBig{
	0%{opacity:0;
	-ms-transform:translateX(-20em)}
	100%{opacity:1;
	-ms-transform:translateX(0)}
}
.animation20{
	background:url(../images/banner3_01.png) no-repeat; width:485px; height:23px; float:left;margin-left:-242px;left:50%; top:25%; position:absolute;
	-webkit-animation:flash 2s .2s ease both;
	-moz-animation:flash 2s .2s ease both;}
	@-webkit-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
	}
	@-moz-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
	}
	@-ms-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
.animation21{
	-webkit-animation:fadeInDown 2s .2s ease both;
	-moz-animation:fadeInDown 2s .2s ease both;}
	@-webkit-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-1.5em)}
	100%{opacity:1;
	-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInDown{
	0%{opacity:0;
	-moz-transform:translateY(-1.5em)}
	100%{opacity:1;
	-moz-transform:translateY(0)}
	}
	@-ms-keyframes fadeInDown{
	0%{opacity:0;
	-ms-transform:translateY(-1.5em)}
	100%{opacity:1;
	-ms-transform:translateY(0)}
}
#a24{position:absolute; left:50%; top:30%; color:#0b3190; font-size:40px; width:18.5em; text-align:center; font-weight:bold; margin-left:-370px}
.animation22{
	-webkit-animation:fadeInRight 1s .2s ease both;
	-moz-animation:fadeInRight 1s .2s ease both;}

@-webkit-keyframes fadeInRight{
0%{opacity:0;
-webkit-transform:translateX(2em)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;
-moz-transform:translateX(2em)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInRight{
0%{opacity:0;
-ms-transform:translateX(2em)}
100%{opacity:1;
-ms-transform:translateX(0)}
}
.sypro ul li{ float:left; margin:0px 7px 16px; text-align:center}
.sypro ul li p{ line-height:45px;  color:#fff; margin-top:-45px; font-size:16px; position:relative; background:rgba(0, 0, 0, 0.5);}
.sypro ul li:hover  p { line-height:45px;  color:#fff; margin-top:-45px; font-size:16px; position:relative; background:#0b3190;}
.sypro ul li .proxq{height:45px;}

.jhgc ul li{ float:left; margin:0px 10px 16px; text-align:center}
.jhgc ul li p{ line-height:45px;  color:#fff; margin-top:-45px; font-size:16px; position:relative; background:rgba(0, 0, 0, 0.5);}
.jhgc ul li:hover  p { line-height:45px;  color:#fff; margin-top:-45px; font-size:16px; position:relative; background:#0b3190;}
.jhgc ul li .jctit{height:45px;}

.content{padding-bottom: 70px; line-height:2em}
.content .productsbox{width: 280px;margin: 18px 10px;float: left;border-bottom: hsla(0,0%,90%,1.00) 3px solid;}
.content .productsbox:hover{border-bottom: #044b91 3px solid;transition: 2s all;}
.content .productsbox .products{width: 280px;overflow: hidden; height:201px; border:solid 1px #CCC;}
.content .productsbox .products img{width: 100%;height:201px;}
.content .productsbox:hover img{transform: scale(1.1,1.1);transition: 0.5s all;filter:brightness(25%);}
.content .productsbox h4{font-size: 16px;font-weight: normal;color: hsla(0,0%,20%,1.00);padding-left: 12px;line-height: 45px;text-align: center;float: left;} 
.content .productsbox .more{float: right;font-size: 14px;line-height: 45px;text-align: center;color: #044b91;}



.symedia{ width:430px; margin-right:20px; float:left}
.syvideo{ width:735px;float:left}	
.syvideo img{float:left; margin-right:25px}
.syvideo p{font-size:14px; color:#fff; line-height:2.05em; padding:5px 15px 5px 0; background:#142A63}

.newsnice{ font-size:14px; color:#666}
.newsnice:hover  p{ color:#0b3190}
.newsnice:hover  b{ color:#0b3190}
.newsnice:hover  span { color:#0b3190}
.newsnice a{ line-height:55px;}
.newsnice p{ float:left; border-bottom:1px #e2e2e2 solid; border-top:1px #e2e2e2 solid;color:#666; width:245px;}
.newsnice span{ float:left;padding-right:50px; border-bottom:1px #e2e2e2 solid; border-top:1px #e2e2e2 solid;color:#666}
.newsnice b{ float:left; border-bottom:1px #e2e2e2 solid; border-top:1px #e2e2e2 solid;color:#666; padding-left:30px }

.newsnice img{ float:right}
.c{ clear:both}

.symedia ul{ width:410px; margin-top:-174px; overflow:hidden}
.symedia ul li{ line-height:55px;  border-bottom:1px #e2e2e2 solid;color:#666;font-size:14px;overflow:hidden;}
.symedia ul li span{ float:left;padding-right:50px; }
.symedia ul li p{ float:left}
.symedia ul li b{ float:right}
.symedia ul li a{color:#666;}
.symedia ul li a:hover{color:#0b3190}


.w{margin:0 auto;width:1200px;}
.fl{float:left;}
.fr{float:right;}
.mt20{margin-top:20px;}
.icon{background:url(../images/icon.png) no-repeat 0 0;}

.warp-pic-list li{float:left;display:inline;}
.warp-pic-list .img_wrap{display:block;font-size:0;overflow:hidden;}
.warp-pic-list .text-area{background-color:#f2f2f2;line-height:24px;}
/*全局板块*/
.row .hd{height:55px;}
.row .hd .title{font:26px/40px "微软雅黑","Microsoft YaHei","黑体","SimHei";}
/*全局页签*/
.tab-T-3{width:66px; margin:0px auto}
.tab-T-3 li{width:10px;height:10px;font-size:0;background-color:#b2b2b2;float:left;margin-left:10px;cursor:pointer;display:inline; border-radius:5px}
.tab-T-3 li.cur{background-color:#0b3190;}
/*热门车型*/
.rowE .warp-pic-list{position:relative;width:1200px;height:300px;overflow:hidden;}
.rowE .count li{margin-right:25px;width:200px;}
.rowE .count .img_wrap{width:200px;height:290px; display:table-cell; vertical-align:middle;}
.rowE .count .img_wrap img{max-width:215px;height:auto;}
.rowE .count li .text-area{padding:10px 0 10px 15px;}
.rowE .count li .text-area  p{line-height:24px;height:24px;}
.rowE .count li:hover .text-area,.rowE .count li.hover .text-area{background-color:#d81c1b;color:#fff;}
.rowE .count .p-num{font-family:"Tahoma";font-weight:bold;}
.rowE .btn{display:block;height:55px;position:absolute;top:78px;width:35px;z-index:200;cursor:pointer;}
.rowE .prev{ background-position:0 -88px;left:0;}
.rowE .prev:hover{background-position:0 -144px;}
.rowE .next{ background-position:0 -200px;right:0;}
.rowE .next:hover{background-position:0 -256px;}
.banner_contact{background:url(../images/banner_contact.jpg) no-repeat center; height:450px}
.banner_business{background:url(../images/banner_business.jpg) no-repeat center; height:450px}
.banner_news{background:url(../images/banner_news.jpg) no-repeat center; height:450px}
.banner_yunying{background:url(../images/banner_yunying.jpg) no-repeat center; height:450px}
.banner_about{background:url(../images/banner_about.jpg) no-repeat center; height:450px}
.banner_zp{background:url(../images/banner_zp.jpg) no-repeat center; height:450px}


.con_title{ height:80px; background:#fff;}
.con_titlecon{ width:1200px; margin:auto;}
.con_titlecon ul li dl{ display:none}
.con_titlecon ul li dl dt{ display:block}
.con_titlecon ul li:hover dl{ z-index:100; position:absolute; background:#fff; margin-top:-5px; width:238px; display:block}
.con_titlecon ul li dl dt:hover{ background:#0b3190}
.con_titlecon ul li dl dt:hover a{ color:#fff}
.con_titlecon ul{ border-right:1px solid #f1f1f1}
.con_titlecon ul li{height:75px; text-align:center; font-size:16px; line-height:80px; float:left;  border-left:1px solid #f1f1f1; border-top:5px solid #fff;}
.con_titlecon ul li a{ color:#666; padding:0 18.5px}
.con_titlecon ul li:hover{ border-top:5px solid #0b3190;}
.con_titlecon ul li:hover a{ color:#0b3190;}
.con_now{ border-top:5px solid #0b3190 !important;}
.con_now a{ color:#0b3190 !important;}

.khmain{ background:#f9f9f9}

.zxkh{ width:520px; margin-right:60px; }
.zxkh h1{ color:#666; font-weight:bold; font-size:16px; line-height:40px}
.zxkh p{ color:#777; font-size:14px; line-height:30px; margin-bottom:20px}

.aboutul{ background:url(../images/fgx.png) no-repeat center; margin-top:50px}
.aboutul ul li{ float:left; width:275px; text-align:center}
.aboutul ul li h2{ color:#666; font-size:14px; font-weight:bold; line-height:40px}
.aboutul ul li p{ color:#888; font-size:12px;}

#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:557px; position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff url(../images/WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px; }
#mbNumber { background:url(../images/mbNumber_bg.gif) no-repeat center; display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url(../images/CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(../images/CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }
#mbCloseLink { width:24px; background:transparent url(../images/CustomBlackClose.gif) no-repeat center; position:absolute; top:10px; right:10px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }
.layout_default{float:left; margin:5px}
.mod_gallerylist{margin:0 auto}
.meta{font-size:12px; text-align:center;}
.image_container img{ padding:2px}
.meta a{color:#333; text-decoration:none}

.ryzs{ margin-top:50px}
.nysubject{ text-align:center; margin-bottom:10px}

.nysubject span{ color:#adadad; font-size:14px; font-family: Arial; text-transform:uppercase}
.nysubject p{ color:#0b3190; font-size:20px; font-weight:bold; line-height:50px;background:url(../images/ryzzbg.png) no-repeat center;}

.nyxysubject{ text-align:center; margin-bottom:10px;background:url(../images/xytit.png) no-repeat center;}

.nyxysubject span{color:#adadad; font-size:14px; font-family: Arial; text-transform:uppercase; }
.nyxysubject p{ color:#0b3190; font-size:20px; font-weight:bold; line-height:50px;}

.khxyxq p{ color:#666; font-size:14px; line-height:30px; text-align:center}
.khxyxq ul li{ float:left; width:334px; height:390px; background:#29292b; text-align:center; margin:20px 16px}
.khxyxq ul li h2{ color:#fff; font-size:18px; font-weight:bold}
.khxyxq ul li h3{ color:#fff; font-size:14px; font-weight: normal;padding:0px 26px}
.khxyxq ul li h4{ color:#fff; font-size:14px; font-weight: normal;padding:0px 70px}
.contactimg{ float:left}
.con_con{ background:url(../images/contactbg.jpg) no-repeat center top; float:right; width:370px; margin-left:30px; height:380px}
.con_con p{ color:#fff; font-size:14px; line-height:30px; margin-bottom:20px; padding-left:40px; padding-top:65px}
.con_text{padding:50px 10px 10px}
.con_text div{ color:#fff; font-size:14px; line-height:30px;  padding-left:40px; }


.map11{background:url(../images/mapbg.png) no-repeat center; height:450px;}
.map11 iframe{ margin:20px}


.underNone{border-bottom:none;}
.titleH1{height:40px;line-height:40px;font-size:20px;font-weight:bold;border-bottom:2px solid #ffa804;margin-bottom:5px;}
.title{padding-left:1px; width: 380px; margin:0px auto}
.title li{text-align:center;font-size:16px;float:left;cursor:pointer;padding:12px 45px; border:2px #999999 solid; color:#666; margin:20px 10px}
.title li.cur{color:#0b3190; border:2px #0b3190 solid;}
.titleexp li{float:left;margin-right:10px;}
.zong{clear:both;width:1100px;overflow:hidden;}
.list{width:3000px;}
.list .tabCon{float:left;}
.tabth{height:50px;line-height:50px;color:#ffffff;background-color:#0b3190;}
.tabth span{display:inline-block;text-align:center;float:left; width:19.5%; font-size:14px}
#s1,#s2,#s3,#s4,#s5,#s6{overflow:hidden;border:2px solid #e8e8e8;border-top:0px ;border-bottom:0px ;}
.tabUl{overflow:hidden;}
.tabtr{width:1096px;height:50px;*height:50px;line-height:50px;*line-height:38px;border-bottom:2px solid #e8e8e8; }
.tabtr span,.tabtr a{display:inline-block;text-align:center;cursor:pointer;float:left;text-decoration:none;width:19.5%; font-size:14px; color:#444}
.clickbtn{border-radius:5px;padding:5px 10px;}
.hot{color:#666;cursor:pointer; border:2px solid #b4b4b4; font-size:12px !important; padding:5px 22px}
.hot:hover{ background:#0b3190; color:#fff;border:2px solid #0b3190; }
.pass{background:#b1b2b3;color:#666666;cursor:no-drop;}

.rczp{background:url(../images/rczpbg.png) no-repeat center; height:303px}
.rczp ul li{ width:366px; text-align:center; float:left}
.rczp ul li h1{ color:#fff; font-size:22px; line-height:50px; margin-top:80px}
.rczp ul li p{ color:#fff; font-size:14px; line-height:28px; padding:0px 30px;}

.yylist ul li{ float:left; margin:10px 6px}
.yyul1 li{ margin:10px 9px !important}
.yylist ul li .yymc{ margin-top:-40px; line-height:40px}
.yylist ul li p{ line-height:40px;  color:#fff; margin-top:-40px; font-size:16px; position:relative; background:rgba(0, 0, 0, 0.5); height:40px;  padding:0px 30px}
.yylist ul li .yymc p b{ float:right}
.yylist ul li:hover  p { line-height:40px;  color:#fff; margin-top:-40px; font-size:16px; position:relative; background:#0b3190;}

.yylist ul li .zzpic{width:230px; height:310px; display:block; padding:0 13px}
.yylist ul li .zzpic span{width:230px; height:310px; display:table-cell; vertical-align:middle; text-align:center;}
.yylist ul li .zzpic span img{width:100%; max-height:310px;}


.yunyingny{ margin:50px 0px; background:#fff}
.yunyingny img{ float:left; margin-right:40px; background:#F9F9F9 !important}
.yunyingny .yyp{ line-height:28px; color:#666; font-size:14px; text-align:left; padding:0px 40px;}
.yunyingny h2{ color:#333;font-size:18px; font-weight:normal; text-align:center; line-height:40px; padding-top:30px}
.business ul{ margin:80px 0px}
.business ul li img{ float:left}
.business ul li{ width:1200px; height:329px; margin:30px 0px; background:#fff}

.bus_con{ float:left; width:300px; margin-left:40px}
.bus_con h3{ color:#0b3190; font-size:18px; margin:30px 0px 0px 0px; line-height:50px; font-weight:normal}
.bus_con p{ color:#777; font-size:14px;  line-height:28px; font-weight:normal; margin:35px 0px}
.bus_con span{ color:#777; font-size:14px;  line-height:28px; font-weight:normal; border-bottom:#bdbdbd 1px solid; }

.cpcon{ background:#0b3190; overflow:hidden;}
.cpcon h3{ float:left; color:#fff; font-size:18px; width:20%}
.cpjianjie{ float: right; color:#fff; font-size:14px; line-height:28px; width:80%}
.cpjianjie p{ color:#fff; font-size:14px; line-height:28px; margin:0px}
.cpnypic {padding:40px 30px; overflow:hidden}


.footer {width: 100%;height: 235px;	background-color: #f5f5f5;	overflow: hidden;	padding-top: 60px}
.fcon {	width: 1200px;	height: 203px;	margin: 0 auto;	color: #838995;}
.fcon_l {width: 400px;	height: 178px;	float: left;	background-image: url(../images/al_30.png);	background-position: top left;	background-repeat: no-repeat;	padding-left: 200px; overflow: hidden;	font-size: 14px;	padding-top: 25px;	color: #888; line-height:26px; margin-top:20px}
.fcon_m {width: 300px;	min-height: 104px;	float: left;overflow: hidden;	padding-top:1px;	color: #888; }
.fcon_m h3{font-size:16px; color:#555;margin-bottom:6px}
.fcon_m li{width: 100%;	height: 30px;	line-height:30px}
.fcon_m li a {	color: #888; font-size:14px}
.fcon_r {width: 134px;	height: 178px;	float: right;	overflow: hidden;	font-size: 14px;	color: #888;	text-align: center}
.fcon_r p {	width: 134px;	height: 40px;	float: right;	overflow: hidden;	line-height: 40px}
.fba {width: 100%;	height: 46px;	background-color: #2a3449;	overflow: hidden}
.fba_c {width: 1200px;	height: 46px;	margin: 0 auto;	color: #838995;	line-height: 46px;}
.fba_c a {color: #838995;}
.fba_c p {width: 600px;	height: 46px;	float: left;}
.fba_c span {width: 600px;	height: 46px;	float: right;	text-align: right}












