@charset "utf-8";

/* base */
/*共用部分*/
body {
	font: 14px/24px myriad pro,Arial, "微软雅黑";
	color:#666;
	margin:0px;
	text-align:center;
}
*{ padding:0; margin:0;}
a{ color:#666; text-decoration:none;}
a:hover{ text-decoration:none; color:#d21f1c;}
a:active {star:expression(this.onFocus=this.blur());}
:focus { outline:0; }
ul,li{ list-style:none;}
img { border:none; max-width: 100%; }
.clearboth { clear:both; }
.page{ text-align:center; width:100%; float:left; padding:20px 0;font-size:12px;}

.page a.dq,.page a:hover{ color:#d21f1c;}

.wrapper{ width:982px; margin:0 auto; text-align:left; overflow:hidden; background:#fff; padding:0 9px;}
/*头部header部分*/
.wrapper_top{ width:100%; float:left;}
.header{width:1000px; margin:0 auto; text-align:left;}
.header .logo{ margin:35px 0; float:left;}
.header .top_right{ float:right; margin-top:24px; width:600px; text-align:right;}

.nav{ float:right; margin-top:30px; +width:675px; _width:710px;}
.nav ul{ float:left;}
.nav ul li{ float:left; margin-left:20px;}
.nav ul li a{ display:block; float:left; font-size:20px; font-family:"宋体"; text-align:center;}
.nav ul li a span{ font-family:myriad pro; font-size:16px; display:block;}
.nav ul li a.on{ color:#d21f1c;}
/*.nav ul li a.a1{ background-position:0; width:42px;}
.nav ul li a.a2{ background-position:-80px; width:52px;}
.nav ul li a.a3{ background-position:-169px; width:85px;}
.nav ul li a.a4{ background-position:-294px; width:44px;}
.nav ul li a.a5{ background-position:-369px; width:80px;}
.nav ul li a.a6{ background-position:-482px; width:83px;}
*/
.yz{ background:url(../images/nav_bg.jpg) no-repeat right; width:45px; overflow:hidden; height:47px; float:left; margin-left:10px;}
.banner{ width:100%; float:left; overflow:hidden; position:relative;}
.banner .ban1{ background:url(../images/banner1.jpg) no-repeat center; width:100%; height:676px;}

#campaign_slide_navigation{ text-align:center; position:absolute; bottom:10px; right:10px; z-index:10;}
#campaign_slide_navigation li{ float:left; margin:0 2px; cursor:pointer;}
#campaign_slide_navigation li.campaign_navi_item{ background:url(../images/iocn.png) no-repeat left top; width:13px; height:13px;}
#campaign_slide_navigation li.activeSlide{ background:url(../images/iocn.png) no-repeat left bottom; width:13px; height:13px;}

.content{ width:100%; float:left; border-top:solid 1px #dadada; padding:60px 0;}
.main{ width:1000px; margin:0 auto; text-align:left;}
.side_left{ width:218px; float:left; font-size:18px;}
.side_left .title{}
.side_left .title span{ display:block;}
.side_left .title span.en{ height:34px; overflow:hidden;}
.side_left .title span.zh{ font-size:30px; line-height:50px; color:#000; font-family:"宋体";}
.side_about{ background:url(../images/mh.jpg) no-repeat left bottom; width:211px; padding-bottom:160px;}
.side_news{ width:300px; font-size:16px;}
.side_news ul li{ background:url(../images/iocn.gif) no-repeat left 14px; padding-left:10px;}
.side_left .intro{ padding:15px 0;}
.side_left .intro ul li{ line-height:30px; margin-bottom:10px;}
.side_left .intro ul li a.on{ color:#d21f1c;}
.side_case2{ width:100%; float:left;}

.side_right{ width:630px; float:right; line-height:30px;}
.side_right p{ margin-bottom:15px;}
.news_show{ width:590px;}
.news_show .name{ font-size:18px;}
.news_show .intro{ padding-top:20px;}

.contact{ width:630px;}
.contact p{ margin:0;}

.case2{ width:100%; float:left;}
.case2 ul li{ float:left; width:222px; margin:0 28px 28px 0; _margin:0 26px 26px 0;}
.case2 ul li a{ display:block; float:left; width:222px;}
.case2 ul li img{ width:220px; height:225px; border:solid 1px #9f9f9f;}
.case2 ul li .name{ background:#c1c1c1; padding:5px 0; height:75px; overflow:hidden; width:100%;}
.case2 ul li .name span{ display:block; color:#333; line-height:24px; font-size:18px; padding:0 10px;}
.case2 ul li .name span.en{ font-size:22px; font-family:"微软雅黑";}
.case2 ul li a:hover .name{ background:#d21f1c;}
.case2 ul li a:hover .name span{ color:#fff;}

.photo{ width:100%; float:left;}
.photo ul li{ margin:0 25px; float:left; width:172px;}
.photo ul li a{ display:block; border:solid 1px #dadada;}
.photo ul li a img{ width:170px; height:172px; border:solid 1px #dadada;}

.rollBox{width:1000px; position:relative;}
.rollBox .LeftBotton{height:29px;width:19px;background:url(../images/left.jpg) no-repeat left;overflow:hidden; cursor:pointer; float:left; margin-top:60px;}
.rollBox .RightBotton{height:29px;width:19px;background:url(../images/right.jpg) no-repeat left;overflow:hidden; cursor:pointer; float:right; margin-top:60px;}
.rollBox .Cont{width:880px;overflow:hidden;float:left; margin-left:30px;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}

.neirong{ width:100%; float:left; border-top:solid 3px #dadada; padding-top:30px; margin-top:30px;}
.zuob{ float:left; width:250px;}
.zuob .mingzi{ margin:20px 0;}
.zuob .mingzi span{ display:block; color:#333; line-height:40px;}
.zuob .mingzi .en{ font-size:36px; font-family:"微软雅黑";}
.zuob .mingzi .ch{ font-size:25px;}
.zuob .sm{ margin-bottom:20px;}
.youb{ float:right; width:650px;}

/*脚部分开始*/
.footer{ width:100%; float:left; text-align:center; margin:40px 0 20px 0; color:#666;}
.footer .tp{ font-family:"宋体";}
.footer .menu a{ color:#666; padding:0 10px; line-height:32px; font-size:16px; text-align:center; font-family:myriad pro,Arial,;}



.row-content{ width:100%; margin:0 auto; text-align:left; clear:both}
.showcase.cloud{ position:relative; height:676px}
.showcase.cloud .container{ height:100%; position:relative}
.showcase.cloud .slide{ position:absolute; top:0; left:0; z-index:0; width:100%; height:676px}
.showcase.cloud .slide .content-main-visual{ width:100%; height:676px; overflow:hidden; position:relative}
.showcase.cloud .slide .content-main-visual a{ display:none; width:100%; height:676px; overflow:hidden; position:absolute; z-index:0; top:0; left:0; cursor:pointer;}
.showcase.cloud .slide .content-main-visual a.pc{ display:block}
.showcase.cloud .slide .content-main-visual a.tablet{ display:none}
.showcase.cloud .slide .content-main-visual a.smartphone{ display:none}
.showcase.cloud .slide .content-main-visual a img{ width:100%; height:676px;}

.showcase.cloud .slide .content-main-feature{ height:676px; width:204px; position:absolute; top:0; right:10px;}
.showcase.cloud .slide .content-main-feature .feature{ width:204px; text-align:center; position:relative; overflow:hidden;}
.showcase.cloud .slide .content-main-feature .feature a{ padding-top:0; display:block; width:188px; height:156px; position:relative; background-image:none; opacity:0.7; filter:alpha(opacity=70); color:#000; border:solid 8px #ccc; border-bottom:none;}
.showcase.cloud .slide .content-main-feature .feature a:hover{ background-image:none;}
.showcase.cloud .slide .content-main-feature .feature a:hover{ opacity:1; filter:alpha(opacity=100);}
.showcase.cloud .slide .content-main-feature .feature a.last{ border:solid 8px #ccc;}



.showcase.cloud .slide .content-main-feature .feature a.current{ opacity:1; filter:alpha(opacity=100)}
.showcase.cloud .slide .content-main-feature .feature a .timerLine{ display:none; position:absolute; left:0; bottom:0; width:122px; height:7px; background:#333;}
.showcase.cloud .slide .content-main-feature .feature a.current .timerLine{ display:block;}

.search{}
.search input{ border:solid 1px #dadada; padding: 6px 4px; width: 200px;}
.search input.file{ border:none;}
.search td{ padding: 6px 2px;}
.search td:first-child{ text-align: right;}

.honor-bg{ background: url(../images/zs-bg.jpg) no-repeat; width: 670px; height: 447px; position: relative;}
.honor-info{ position: absolute; top: 118px; left: 130px; font:28px/40px KaiTi; color: #1f1a17;}
.case-photo{ position: absolute; right: 22px; top: 22px;}
.case-photo img{ width: 215px; height: 285px;}

.pic-list{}
.pic-list ul li{ width: 240px; height: 160px; float: left; margin:0 25px 30px;}
.pic-list ul li img{ width: 240px; height: 160px;}
.pic-list2{}
.pic-list2 ul li{ margin-bottom: 20px; float: left; width: 100%;}
.pic-list2 ul li .small-img{ width: 240px; height: 240px; float: left; margin-right: 15px;}
.pic-list2 ul li .small-img img{ width: 240px; height: 240px;}
.pic-list2 ul li span{ display: block; text-align: center;} 
.pic-list2 ul li .big-img{ float: left; width: 360px;}
.pic-list2 ul li .big-img img{ float: left; width: 360px; height: 240px;}
.right-qq{ position: fixed; top: 100px; right: 10px; z-index: 9999; background: #997e63; width: 80px; padding: 10px; color: #fff; text-align: left;}
.right-qq p{ margin: 5px 0;}