@charset "utf-8";

html{ width:100%}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dd,dt,s,del,i,em{margin:0;padding:0;border:0; text-decoration:none; font-style:normal; outline:none;}
body{background:#f2f2f2;color:#3d4852;font-size:14px;font-family: 'roboto', sans-serif; width:100%; min-width:1250px; line-height:1.5}
ul,ol,li,dl,dd,dt{list-style-type:none;}
select,input,img,select,button,textarea{vertical-align:middle; font-size:12px; outline:none;font-family:arial, helvetica, sans-serif;}


.iconfont{font-family:"iconfont" !important; font-size:16px;font-style:normal;}
@-webkit-keyframes spinaround {from {-webkit-transform: rotate(0deg)}to {-webkit-transform: rotate(360deg);}}
@-moz-keyframes spinaround {from {-moz-transform: rotate(0deg)}to {	-moz-transform: rotate(360deg);}}
@keyframes spinaround {from {transform: rotate(0deg)}to {transform: rotate(360deg);}}

a{text-decoration:none; color:#3d4852}
a:hover{color:#f77d00;}
.clearit{clear:both; }


.b{font-weight:bold}
.red{ color:#f00 !important}
.orange{ color:#ff4a00}
.orange:hover{ text-decoration:underline}
.black{ color:#222}
.blue{ color:#0294c5}
.green{ color:#69bd83 !important}
.green:hover{ color:#69bd83; text-decoration:underline}
.gray{ color:#888}
.font14{ font-size:14px}
.left{ float:left}
.right{ float:right}

.ie-tips{ position:fixed; left:0;top:0; z-index:99999999999; width:100%; background-color:#5e5e5e; padding:30px 0 50px; color:#fff; text-align:center}
.ie-tips strong{ font-size:40px}
.ie-tips p{ margin-top:10px; line-height:180%; font-size:16px;}
.ie-tips ul{ margin:0 auto; margin-top:20px; width:400px;}
.ie-tips ul li{ float:left; width:100px; text-align:center}
.ie-tips ul li a{ color:#fff}
.ie-tips ul li a:hover{ color:#33cc00}
.ie-tips ul li i{ font-size:60px; display:block}
.ie-tips .close-btn{ width:30px; height:30px; background: no-repeat center center #444; display:block; position:absolute; right:20px;top:20px; border:1px #666 solid}
.ie-tips .close-btn:hover{ background-color:#33cc00; border-color:#33cc00}


.wrapper{ width:1200px; margin:0 auto}



#header{ width:100%;z-index:100; position:relative; background:#fff}
#header .wrapper{ position:relative; z-index:2; height:90px;}
#header .logo{ float:left; margin-top:12px; }
#header form{ float:right; margin-top:27px; position:relative;  }
#header form .input{ height:16px; width:205px; line-height:16px; padding:12px 10px;border-radius:5px; border:0; background-color:#eee;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
#header form .hover{ background-color:#ddd; width:220px; }
#header form button{ width:36px; height:40px; background:url(/uploads/image/ssimages/search-icon.png) no-repeat center center; cursor:pointer;border:0; position:absolute; right:0;top:0}
#header .link{ float:right; margin-top:37px; margin-right:-3px; position:relative}
#header .link span{ color:#ddd; margin:0 10px; font-size:12px;}
#header .link a:hover{ text-decoration:underline}
#header .fast-menu{ float:right; margin-top:35px; position:relative; z-index:2 }
#header .fast-menu strong{ font-weight:normal; line-height:26px; display:block; width:90px; text-indent:10px;  cursor:pointer; background: no-repeat 72px 11px;}
#header .fast-menu strong i{ font-size:12px}
#header .fast-menu div{ display:none; position:absolute; right:0;top:29px; background-color:#fff; border:1px #bfcde1 solid; padding:5px 24px 15px; width:180px; font-size:12px;}
#header .fast-menu div dl{ border-bottom:1px #ddd dotted; padding:12px 0; }
#header .fast-menu div dl:last-child{ border:0;}
#header .fast-menu div dl dt{ font-size:14px; color:#f39800}
#header .fast-menu div dl dd{ margin-top:5px;}
#header .fast-menu div dl dd a{ margin-right:10px;}
#header .fast-menu:hover strong{ height:29px; border:1px #bfcde1 solid; border-bottom:0;line-height:24px; width:88px; background-color:#fff; position:relative; z-index:2; color:#f39800; background-position: 71px 10px; text-indent:9px;}
#header .fast-menu:hover div{ display:block}

#nav{ background:url(/uploads/image/ssimages/nav-bg2.png) repeat-x; height:50px; position:absolute; z-index:3; width:100%; left:0; top:0px;/*-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;*/}
#nav .nav{ height:50px; width:1200px; margin:0 auto;}
#nav .nav ul{ }
#nav .nav ul li{ float:left;position:relative; background: no-repeat right 0}
#nav .nav ul li strong{ position:relative; z-index:2}
#nav .nav ul li strong a{ display:block; float:left; width:195px;text-align:center; line-height:50px; position:relative; z-index:2;/*-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; */color:#fff; font-size:15px; }
#nav .nav ul li strong.hover a{ background-color:#f77d00}
#nav .nav ul li i{ display:block;position:absolute; width:100%; height:0; left:0;bottom:0; background-color:#f77d00;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; z-index:3}
#nav .nav ul li.hover strong a{ color:#fff;}
#nav .nav ul li.hover strong i{height:50px}
#nav .nav dl{ float:right;background:url(/uploads/image/ssimages/nav-bg3.png) repeat-x; line-height:50px; width:225px; text-align:center; color:#769fca}
#nav .nav dl:before {content:"";width:16px;;height:16px; background:url(/uploads/image/ssimages/lag.png) no-repeat;display:inline-block; margin-right:5px; position:relative;top:3px }
#nav .nav dl a{ color:#fff;}
#nav .nav dl a:hover{ text-decoration:underline}
#nav .nav dl span{ margin:0 10px; color:#206cbb}

#nav2{ height:50px;background: repeat-x; position:relative; z-index:3}
#nav2 .nav{ height:50px; width:1200px; margin:0 auto;}
#nav2 .nav ul{ }
#nav2 .nav ul li{ float:left;position:relative; background: no-repeat right 0}
#nav2 .nav ul li strong{ position:relative; z-index:2}
#nav2 .nav ul li strong a{ display:block; float:left; width:127px;text-align:center; line-height:50px; position:relative; z-index:2;/*-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; */color:#fff; font-size:15px; }
#nav2 .nav ul li strong.hover a{ background-color:#f77d00}
#nav2 .nav ul li i{ display:block;position:absolute; width:100%; height:0; left:0;bottom:0; background-color:#f77d00;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; z-index:3}
#nav2 .nav ul li.hover strong a{ color:#fff;}
#nav2 .nav ul li.hover strong i{height:50px}
#nav2 .nav dl{ float:right;}
#nav2 .nav dl a{ display:block; float:right; line-height:50px; width:184px; text-align:center;color:#fff;}
#nav2 .nav dl a:hover{ background-color:#e17200}


.sub-nav-bg{position:absolute;top:50px; left:0; width:100%; background-color:#fff; display:none}
.sub-nav-bg a{ display:block; padding:10px 10px 10px 30px; color:#666; line-height:1.5;  font-size:13px; background:url(/uploads/image/ssimages/sub-li.gif) no-repeat 20px 17px; }
.sub-nav-bg a:hover{ color:#155fad; background-color:#f2f2f2}


#banner{ position:relative}


.banner-box { position: relative; z-index:1 }
.banner { width: 100%; margin: 0px auto; overflow: hidden; color: #fff; position: relative; }
.banner .slides { position: relative; z-index: 20; }

.banner .slides li { height: 100%; line-height: 0; opacity: 0; transition: opacity 800ms linear; -webkit-transition: opacity 800ms linear; overflow: hidden; }
.banner .slides .bimg { line-height: 0; width: 100%; position: relative; transition: transform 8s ease; -webkit-transition: transform 8s ease; transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); }
.banner .slides li.imgin { opacity: 1; }
.banner .slides li.imgin a > img { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }

.bannertext { position: absolute; left:0; width:100%;top:32%;   z-index: 30;  }
.bann { height:100%; position: relative; }
.banne-list { position: relative; }
.banne-list li {position: absolute; left:0; width:100%;  top: 0; text-align:center; }
.banne-list .txt{ position:relative; z-index:2}
.banne-list .text1{color: #fff;font-weight:400;font-size:65px;text-shadow: 0px 0px 8px rgba(0,0,0,0.26);visibility:hidden; opacity:0;transition: all 0.8s;transform: translatey(-50px); -webkit-transform: translatey(-50px);transition-delay:0.1s; text-transform:uppercase }
.banne-list .text2{color: #fff;font-weight:400;font-size:28px; text-shadow: 0px 0px 8px rgba(0,0,0,0.26);line-height:1.2; max-width:620px; margin:10px auto 0;visibility:hidden; opacity:0;transition: all 0.8s;transform: translatey(-50px); -webkit-transform: translatey(-50px);transition-delay:0.3s;}
.banne-list .btn1{ display:block;margin-top:50px;line-height:50px; width:140px; border:1px #fff solid; color:#fff; font-size:18px; text-align:center;visibility:hidden; opacity:0;transition: all 0.8s;transform: translatey(-50px); -webkit-transform: translatey(-50px);transition-delay:0.3s;  }

.banne-list li.on{}
.banne-list li.on .text1{ visibility: visible; opacity: 1;transform: translatey(0); -webkit-transform: translatey(0);  }
.banne-list li.on .text2{ visibility: visible; opacity: 1;transform: translatey(0); -webkit-transform: translatey(0);  }
.banne-list li.on .btn1{visibility: visible; opacity: 1;transform: translatey(0); -webkit-transform: translatey(0); }


.bamnline { width:100%;  height:2px; background: rgba(255,255,255,0.3); position:absolute; left:0;  bottom:0; top:inherit; z-index:222}
.bamnline span { display: block; width: 0; height: 100%; background: #f39800; }
.bamnline.load span { width: 100%; transition: 7.6s linear; -webkit-transition: 7.6s linear; -moz-transition: 7.6s linear; }


.banner .flex-control-nav { position: absolute; left:0; text-align:center; width:100%; bottom:30px; z-index: 20; }
.banner .flex-control-nav li { display:inline-block; position:relative;margin: 0 5px !important; width:12px; height:12px  }
.banner .flex-control-nav li a{ display:inline-block; width:100%; height:100%; position:relative;width:10px;height:10px;cursor: pointer;background: #fff;border-radius:14px;opacity:1; text-indent:-10000px; cursor:pointer  }
.banner .flex-control-nav li a.flex-active {background:#fff;opacity: 1; background:none; position:relative;width: 10px;height:10px; border:1px #fff solid }



#index{position:relative; z-index:2 ; width:1200px; margin:0 auto; padding-bottom:20px; padding-top:30px }

.index-bussiness{ overflow:hidden; height:110px; }
.index-bussiness ul{ width:1240px; }
.index-bussiness ul li{ width:160px; float:left; margin-right:13px;}
.index-bussiness ul li a{ display:block; width:160px; height:110px; overflow:hidden; background-color:#fff; position:relative;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;-o-transition-duration: 0.2s;box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.06);}
.index-bussiness ul li .image{ position:relative; width:160px; height:110px; overflow:hidden}
.index-bussiness ul li .image img{ width:160px; height:110px;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
.index-bussiness ul li span{ position:absolute; width:160px; height:32px;padding:10px 0; line-height:16px; background:rgba(21,95,173,0.8); color:#fff; left:0px;top:60px; text-align:center;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;-o-transition-duration: 0.2s; font-size:12px;}
.index-bussiness ul li a:hover{box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);}
.index-bussiness ul li a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.index-bussiness ul li a:hover span{ background-color:#f77d00}



.index-right{ width:250px; float:right; margin-top:20px;}
.index-video{ margin-top:15px; position:relative; height:190px; background: no-repeat 0 bottom}
.index-video em{ display:block; position:absolute; left:0;top:0; width:250px; height:160px; background-color:#000;filter:alpha(opacity=45);-moz-opacity:0.45;opacity:0.45;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
.index-video i{ display:block; position:absolute; left:0;top:0; width:51px; height:51px; left:50%; margin-left:-25px;top:50px; background: no-repeat; z-index:2}
.index-video a:hover em{filter:alpha(opacity=15);-moz-opacity:0.15;opacity:0.15;}
.tietou-link{ margin-top:15px; height:90px; background-color:#e2e2e2; border:1px #e2e2e2 solid; border-right:1px #e2e2e0 solid;}
.tietou-link img{ float:left; margin-right:1px;}
.select{ margin-top:15px; height:46px; border:1px #e2e2e2 solid; background-color:#fff; position:relative; z-index:20}
.select strong{ line-height:46px; text-indent:20px; display:block; cursor:pointer;background: -moz-linear-gradient(top,#fff,#f2f2f2);background: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f2f2f2)); background-color:#f2f2f2; position:relative }
.select strong em{ display:block; width:8px; height:4px; background: no-repeat; position:absolute; right:15px; top:22px}
.select ul{ position:absolute;top:47px; left:-1px; background-color:#fff; border:1px #e2e2e2 solid; border-top:0; width:248px; display:none}
.select ul li a{ display:block; line-height:30px; text-indent:20px; }



#footer{ background-color:#0d4d94; padding:30px 0; border-top:1px #eee solid; margin-top:10px}
.copyright{ text-align:center;  line-height:1.8; color:#fff }
.copyright a{ color:#6797cc}
.copyright a.linking{ display:inline-block; width:73px; height:16px; background: no-repeat; position:relative;top:3px; margin-right:15px;}

#page-banner{ overflow:hidden}


#page{ width:1200px; margin:0 auto; background-color:#f7f5f4;box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.06); margin-bottom:40px; margin-top:-70px; position:relative}
.page-left{ width:280px; float:left; }
.page-left .title{ height:70px; background-color:#0d4d94; color:#fff; position:relative; padding-left:60px; line-height:70px}
.page-left .title strong{ font-size:20px;}
.page-left .menu a{ display:block; font-size:14px; padding:15px 20px 15px 60px;border-bottom:1px #bcbfc1 dotted;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; width:211px}
.page-left .menu a.current{ background:url(/uploads/image/ssimages/list_s.png) repeat-y right 0; font-weight:bold;  color:#fff; width:211px; position:relative}
.page-left .menu a:hover{ background:url(/uploads/image/ssimages/list_s.png) repeat-y right 0; color:#fff; width:211px; position:relative}
.page-right{ width:920px; float:right; background-color:#fff; min-height:500px; padding-bottom:40px }
.location{ height:40px; border-bottom:1px #e2e2e2 solid; text-align:right; padding-right:20px; padding-top:30px; color:#888; padding-left:40px; font-size:13px; }
.location:before {content:"";width: 12px;;height:12px; background:url(/uploads/image/ssimages/location-icon.jpg) no-repeat;display:inline-block; margin-right:5px; position:relative;top:1px }
.location span{ color:#aaa; margin:0 5px;}
.about-top{ height:99px; background:url(/uploads/image/ssimages/about-top.jpg) no-repeat; border-bottom:1px #eee solid; line-height:99px; padding-left:50px; color:#0774d5; font-size:24px; text-align:center}
.about-content{ padding:30px 50px 40px; line-height:1.7;}
.about-content p{ margin-bottom:15px;}
.about-content b{ color:#f77d00}

.history{ padding:50px 50px}
.history .line{background:url(/uploads/image/ssimages/line-icon.png) no-repeat 0 3px; height:25px;}
.history .line ul{ position:relative;top:5px; padding-left:100px}
.history .line ul li{ float:left; position:relative; margin:0 50px;cursor:pointer; color:#555; width:58px; height:25px}
.history .line ul li em{ position:absolute; left:5px;top:-30px; height:30px; display:inline-block; font-weight:bold; font-size:20px;-webkit-transition: all .25s;transition:all .25s;}
.history .line ul li i{ display:block; background-color:#f7f5f4; position:absolute; left:50%; margin-left:-10px;top:-1px; width:20px; height:20px;-moz-border-radius: 12px; -webkit-border-radius: 12px;border-radius:12px;   -webkit-transition: all .25s;transition:all .25s; border:2px #555 solid}
.history .line ul li s{ display:block; width:10px; height:10px; background-color:#555;-moz-border-radius: 5px; -webkit-border-radius:5px;border-radius:5px;   -webkit-transition: all .25s;transition:all .25s; position:absolute; left:5px;top:5px}
.history .line ul li:hover{ color:#555}
.history .line ul li.current{ color:#005bac}
.history .line ul li.current em{}
.history .line ul li.current i{ border-color:#005bac}
.history .line ul li.current s{-webkit-transform: scale(1.5);-moz-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5); background-color:#005bac }
.history .list s{position:absolute; left:473px;top:-6px; display:block; background:url(/uploads/image/ssimages/history-icon2.gif) no-repeat; width:12px; height:6px;}
.history .list h2{ font-size:16px; color:#333;line-height:50px;text-align:center;background-color:#f39800; color:#fff;}
.history .list{position:relative; margin-top:40px; }
.history .list ul{ border:1px #f39800 solid;padding:40px 40px 50px;}
.history .list ul li{font-size:14px; line-height:160%; margin-left:110px;background:url(/uploads/image/ssimages/history-icon.gif) no-repeat 5px center; position:relative; padding:10px 0}
.history .list ul li label{ display:block;  color:#f39800; font-size:14px; font-weight:bold; position:absolute;top:50%; margin-top:-11px; left:-110px; width:110px; text-align:right}
.history .list ul li p{ margin-left:50px; border:1px #dfdfdf solid; padding:15px 20px; background-color:#f7f5f4;-webkit-transition: background-color .25s,border .25s;transition:background-color .25s,border .25s; }
.history .list ul li p:hover{background-color:#f39800; border-color:#f39800; color:#fff}
.honor{ clear:both; overflow:hidden }
.honor .info{ margin-top:30px;line-height:195%;}
.honor ul{}
.honor li{ float:left; width:222px;height:190px; margin-top:30px; margin-left:50px; padding:7px; background-color:#fafafa;border:1px #ddd solid}
.honor li img{ width:100%}
.honor li p{ text-align:center; padding:10px 0 0px;}

/**************分页********************/
#pages{ text-align:center; padding-top:20px; height:90px;}
#pages a{ display:inline-block; padding:10px 16px; background-color:#eee; color:#888; margin:0 1px;-webkit-transition: background-color .25s;transition:background-color .25s}
#pages a:hover{ background-color:#828d95; color:#fff}
#pages a.active{ background-color:#ff4a00; color:#fff}
#pages a.prev,#pages a.next{ position:relative;} 
#pages span{display:inline-block; padding:10px 16px; color:#888; position:relative;top:-2px}

.news-list{ padding:30px 40px  0px}
.news-search{ background:#ddd; margin-bottom:20px; }
.news-search span{ color:#666; font-size:13px; line-height:30px; font-weight:bold; display:inline-block;padding:15px 30px; width:200px; text-align:right;background:#e67817; color:#fff}
.news-search .input{border:0; width:240px; height:18px; line-height:18px; padding:6px 10px; color:#888;  border:1px #c2c2c2 solid ; border-bottom-color:#ddd;border-right-color:#ddd; margin-right:10px;margin-left:20px;}
.news-search .hover{ background:#f8f8f8; color:#e67817}
.news-search button{ background:#4c4c4c; border:0; height:30px; line-height:30px; color:#fff; width:80px; cursor:pointer}
.news-search button:hover{ background:#e67817; }


.news-list{}
.news-search{ background:#ddd; }
.news-search span{ color:#666; font-size:13px; line-height:30px; font-weight:bold; display:inline-block;padding:15px 30px; width:200px; text-align:right;background:#f39800; color:#fff}
.news-search .input{border:0; width:240px; height:21px; line-height:21px; text-indent:10px; color:#888;  border:1px #c2c2c2 solid ; border-bottom-color:#ddd;border-right-color:#ddd; margin-right:5px;margin-left:20px;}
.news-search .hover{ background:#f8f8f8; color:#f39800; border-color:#f39800}
.news-search button{ background:#777; border:0; height:33px; line-height:32px; color:#fff; width:90px; cursor:pointer}
.news-search button:hover{ background:#f39800; }
.news-list ul.list{}
.news-list ul.list li{ padding:15px 0px; background: repeat-x 0 bottom; text-align:right}
.news-list ul.list li span{ color:#aaa}
.news-list ul.list li strong{ font-weight:normal;display:inline-block; width:650px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float:left; text-align:left; }
.news-list ul.list li a{ line-height:16px; font-size:14px; background: no-repeat 0 center; padding-left:9px; float:left}
.news-list ul.list li s{background: no-repeat 0 center; margin-left:10px; width:16px; height:16px; float:left}

.news-list ul.list2{ margin-top:10px;}
.news-list ul.list2 li{padding:25px 0px; border-bottom:1px #ccc dotted;}
.news-list ul.list2 li .time{ width:70px; float:left}
.news-list ul.list2 li .time strong{ display:block; line-height:50px; background-color:#828d95; text-align:center; font-size:28px; color:#fff}
.news-list ul.list2 li .time span{ display:block; line-height:22px; text-align:center; font-size:12px; color:#fff; margin-top:1px; background-color:#ccc}
.news-list ul.list2 li .text{ width:740px; float:right}
.news-list ul.list2 li .text strong{ background: no-repeat 0 center; padding-left:9px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:15px}
.news-list ul.list2 li .text p{ margin-top:10px; line-height:160%; color:#888; font-size:14px;}

.news-view{ padding:30px 50px}
.news-view h1{font-size:22px;font-weight:normal; text-align:center; line-height:33px; padding:10px 30px 20px; color:#333; color:#f39800}
.news-view h1 p{ font-size:16px; color:#444}
.news-view p.news-info{padding:12px 0px; text-align:center; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;  color:#888}
.news-view p.news-info span{ color:#f39800; margin-right:3px;}
.news-view p.news-info a{ cursor:pointer}
.news-view p.news-info a.btn{ display:inline-block; width:74px; line-height:25px; color:#fff; height:25px; background: no-repeat; padding-left:11px; }
.news-view p.news-info a.btn:hover{ color:#f39800}
.news-view .content{ line-height:200% !important;  margin-top:20px;font-family:"微软雅黑"; font-size:14px;}
.news-view .content p{ margin-bottom:15px;line-height:200% !important;}
.news-view .content img{ max-width:800px;_width:800px}
.news-view .other{ border-top:4px #e2e2e2 solid; padding-top:25px; margin-top:25px; font-size:14px;}
.news-view .other .left{ float:left;color:#777; width:550px;}
.news-view .other .left p{height:25px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news-view .other .left p a{ margin-left:3px;}
.news-view .other .right{float:right;color:#777}
.news-view .download{ border-top:1px #ddd solid; padding-top:20px; margin-top:25px;}
.news-view .download h2{ font-size:15px; color:#f39800; height:25px;}
.news-view .download p{ padding:5px 0px; background: no-repeat 0 center; padding-left:20px;}
.news-view .download p a{ color:#0033ff; text-decoration:underline; font-size:14px;}
.news-view .download p a:hover{ text-decoration:none; color:#0033ff}
.news-view .pics{ margin-top:30px; position:relative; overflow:hidden}
.news-view .pics .list{}
.news-view .pics .list img{ max-width:842px; max-height:500px;}
.news-view .pics .list li{ display:none; text-align:center}
.news-view .pics .prev{ width:425px; background:#fff;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0; display:block; position:absolute;top:0; left:0; z-index:100; height:800px;}
.news-view .pics .next{ width:425px; display:block; background:#fff;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;  position:absolute;top:0; right:0; z-index:100; height:800px;}
.news-view .pics .prev-btn{ display:block;z-index:50; width:70px; height:70px; background: no-repeat; position:absolute;top:50%; margin-top:-35px; left:0; display:none}
.news-view .pics .next-btn{display:block; z-index:50; width:70px; height:70px; background: no-repeat; position:absolute;top:50%; margin-top:-35px; right:0; display:none}
.news-view .pics p{ font-size:14px; color:#fff; background:#000;border-radius:5px; padding:8px 10px;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7; position:absolute;top:20px; right:20px; z-index:60}


#paper {background:  no-repeat 50% 50%; background-size: cover;-ms-filter:"progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale')";	filter:progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale'); width:100%; height:748px;}
#paper .wrapper{ position:relative; height:748px}
#paper h1{color:#fff;text-shadow: 1px 1px 0 #333; position:absolute; left:0;top:50%; margin-top:-270px; font-size:30px;}
#paper .paper-box{ background-color:#f7f5f4; height:500px; width:1200px; position:absolute; left:0;top:50%; margin-top:-210px}
#paper .paper-search{ background:#fff; height:60px; width:1136px; margin:0 auto;margin-top:30px; }
#paper .paper-search span{  display:block; line-height:60px; height:60px; background-color:#777; color:#fff; font-size:14px; font-weight:bold; text-align:right; width:180px; padding:0px 30px; float:left}
#paper .paper-search p{ width:500px; float:left; margin-left:30px; margin-top:15px}
#paper .paper-search .sbholder{ float:left; margin-right:10px;}
#paper .list{ margin-top:30px; height:348px; overflow:hidden; width:1196px; }
#paper .list ul{ width:1200px;}
#paper .list li{ width:225px; float:left; position:relative; margin-bottom:40px; background-color:#ddd; padding:12px; margin-right:46px; }
#paper .list li img{ width:100%;height:320px}
#paper .list li p{ background:#f39800; position:absolute;bottom:70px; width:200px; text-align:center; left:12px; color:#fff; padding:15px 0px; text-align:center;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9; z-index:20;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition: all 0.5s;}
#paper .list li p strong{ display:block; font-size:20px; line-height:22px; height:28px;}
#paper .list li:hover p{ background-color:#005bac}


#paper .bx-controls{ display:none}
#paper .prev{ display:block; position:absolute; left:-40px;top:220px; width:25px; height:49px; background: no-repeat}
#paper .prev:hover{ background-position:0 -49px}
#paper .next{ display:block; position:absolute; right:-40px;top:220px; width:25px; height:49px; background: no-repeat}
#paper .next:hover{ background-position:0 -49px}


#message{ width:400px; padding:30px 40px 40px; background:#fff; margin:0 auto; border:1px #ddd dashed; position:relative;top:150px; text-align:center}
#message .msg{ margin-bottom:20px; font-size:15px; font-weight:bold;font-family:tahoma, "microsoft yahei"; line-height:26px;}
#message .msg a{ text-decoration:underline; color:#0066cc} 
#message .msg a:hover{ color:#ff0000; text-decoration:none}

.business-list{ padding:30px 50px; }
.business-list .info{ background-color:#b3dbfd;  padding:20px 25px;  line-height:1.7;}
.business-list ul{ }
.business-list ul li{ padding-bottom:30px; margin-top:30px; border-bottom:1px #e2e2e2 dotted }
.business-list ul .image{ float:left; width:200px;}
.business-list ul .image img{ width:100%}
.business-list ul .text{ float:right; position:relative; width:590px; position:relative}
.business-list ul .text h2{font-size:18px; line-height:24px;display:block; color:#005bac;}
.business-list ul .text p{ color:#666; font-size:13px; line-height:1.5; margin-top:10px}
.business-list ul .text a.more{ display:block; margin-top:15px; width:103px; height:28px; background:url(/uploads/image/ssimages/btn-view.gif) no-repeat right center; line-height:28px; text-indent:18px; color:#fff;  font-size:12px; }
.business-list ul .text a.more:hover{ text-decoration:underline}

.business-view{padding:30px 50px;}
.business-view h1{ font-size:25px; text-align:center; border-bottom:1px #e2e2e2 solid; padding-bottom:20px}
.business-view .content{ margin-top:30px; line-height:26px}
.business-view .content p{ margin-bottom:15px;}


.partner-list{ padding:0px 50px; overflow:hidden}
.partner-list .info{ line-height:1.7;}
.partner-list{ margin-top:30px; min-height:350px; background: no-repeat center 50px}
.partner-list ul{ width:900px; margin-top:30px;}
.partner-list li{ width:160px; height:65px; float:left; border:1px #ddd solid; margin-right:40px; margin-bottom:30px;background-color:#fff}
.partner-list li img{ width:160px; height:65px;}
.partner-list li span{ display:block; line-height:50px; text-align:center; font-size:32px; color:#aaa; background-color:#fafafa; height:65px;}

.culture .item{ width:540px; float:left; margin-left:40px; margin-bottom:30px; background-color:#f2f2f2;transition-duration: 0.3s;-webkit-transition-duration: 0.3s; }
.culture .item img{ width:180px; float:left;}
.culture .item .text{ padding:30px 30px; width:300px; float:left;}
.culture .item .text strong{ color:#0774d5; font-size:18px; font-weight:normal;transition-duration: 0.3s;-webkit-transition-duration: 0.3s;}
.culture .item .text p{ margin-top:20px;}
.culture .item:hover{ background-color:#0d4d94; color:#fff}
.culture .item:hover .text strong { color:#fff}

.contact{ padding:0px 40px 40px}
.contact .map-box{height:400px; width:600px; float:left;}
.contact .map{ height:400px;}
.contact .contact-info{ background-color:#f5f5f5; padding:40px 40px; width:440px;height:320px; float:right}
.contact .contact-info strong{ font-size:24px;  line-height:1.3;  display:block; margin-bottom:30px; color:#0774d5; font-weight:normal}
.contact .contact-info strong a{ display:block;font-size:20px;}
.contact .contact-info label{ color:#444; position:absolute; left:-100px;top:0; font-weight:bold}
.contact .contact-info p{ margin-left:100px; position:relative; line-height:1.5; margin-bottom:15px}


.job-list{ padding:30px 50px}
.job-list table{ width:100%}
.job-list th{ padding:10px 10px; background:#ddd; text-align:left}
.job-list td{ padding:10px 10px; color:#888; border-bottom:1px #ccc dotted; font-size:14px;}
.job-list td a{ color:#005bac}
.job-list td a:hover{ text-decoration:underline}
.job-list a.btn{ display:block; width:60px; height:24px; background:#f39800; color:#fff;  text-align:center; line-height:24px; font-size:12px;}
.job-list a.btn:hover{ background-color:#ff4a00; text-decoration:none}

.job-view{ padding:30px 50px}
.job-view .job-info table{ width:100%; background:#dfdfdf; }
.job-view .job-info table th{ background:#f2f2f2; padding:8px 10px; font-weight:normal; text-align:left}
.job-view .job-info table td{ background:#fafafa; padding:8px 10px; color:#888}
.job-view .job-info table td h2{ font-size:22px; color:#f39800}
.job-view .job-info table td a{ color:#5a94de}
.job-view .job-info table td a:hover{ text-decoration:underline}
.job-view .item{ padding:20px 0; border-bottom:1px #dfdfdf dotted; line-height:200%; color:#555}
.job-view .item p{ margin:15px 0}
.job-view .item h3{ font-size:15px; color:#f39800}
.job-view .share{ margin-top:20px; height:40px;}
.job-view .btns{ margin-top:20px;}
.job-view .btns a{ display:inline-block; padding:10px 30px; background:#f39800; border-bottom:3px #e89100 solid; font-size:14px;  color:#fff; }
.job-view .btns a:hover{ background-color:#e89100}

.job-view .item li{ padding:5px 0px; background: no-repeat 0 center; padding-left:20px;}
.job-view .item li a{ color:#0033ff; text-decoration:underline; font-size:14px;}
.job-view .item li a:hover{ text-decoration:none; color:#0033ff}


.development{ padding:30px 50px 0}
.development .title{ font-size:24px; text-align:center}
.development .title strong{ display:block; font-size:32px}
.development .content{ text-align:center; margin-top:10px; line-height:30px;}
.development .pic{ margin-top:10px; display:none}


.photo-list{ }
.photo-list .list{ }
.photo-list .list li{ width:240px; float:left; margin-left:50px; margin-top:30px; position:relative; overflow:hidden}
.photo-list .list li img{ width:100%; height:160px}
.photo-list .list li div{background-color:#fff; padding:10px 20px 15px; border:1px #e2e2e2 solid; border-top:0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.photo-list .list li strong{ display:block;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; font-weight:normal}
.photo-list .list li p{ display:block; ;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:5px; font-size:12px; color:#999}
.photo-list .list li a{ display:block; position:absolute; left:0;top:0; width:240px; height:200px; z-index:2}
.photo-list .list li:hover div{ background-color:#f39800; color:#fff}


#other-location{height:40px; font-size:12px; position:relative; border-bottom:1px #e2e2e2 solid}
#other-location .wrapper{ color:#888}


.other-content{ position:relative; margin-top:-70px;line-height:195%; background-color:#fff;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);box-shadow: 0 1px 3px rgba(0,0,0,.1); padding:20px 60px 60px; margin-bottom:30px; min-height:300px;}
.other-content h1{ text-align:center; margin-bottom:20px; line-height:120%; font-size:24px; margin-top:30px}
.other-content p{ margin-bottom:20px; text-indent:2em}

.site-map{ }
.site-map dl{  border-top:1px #e6e6e6 solid; padding-top:20px; padding-bottom:20px}
.site-map dl:last-child{ border-bottom:0}
.site-map dt{ float:left; font-size:16px; width:10%; font-weight:bold}
.site-map dd{ float:left; font-size:14px; width:90%}
.site-map dd a{ margin:0 10px; color:#444; display:inline-block; width:145px; height:30px; line-height:30px; background-color:#f5f5f5; text-indent:20px; margin-bottom:10px; border:1px #ddd solid;-webkit-transition: all .25s;transition: all .25s; }
.site-map dd a:hover{ color:#fff; background-color:#f39800; border-color:#f39800}