@charset "utf-8";
/*powered by:杭州翰臣科技有限公司 邱爽*/
/*http://www.68hanchen.com http://68hanchen.com*/
/* Blood_Wolf专用样式表，支持开源，如有使用或二次开发，请标明出处，谢谢合作！ */
/*#ff8a00; 翰臣科技有限公司VI色系*/
/* 起始样式 */
body {font-family:"微软雅黑";  margin:0 auto; padding:0px; font-size:12px; height:100%; line-height:22px; width:100%; color:#666}
div{behavior: url(css/iepngfix.htc)}
ul,ul li,ol li,tr td,dl dd,dd{ list-style-type:none; margin:0; padding:0; }
p{ margin:0; padding:0}
.clear{ clear:both; height:0px; line-height:0px; font-size:0px;}
a{ text-decoration:none; cursor:pointer; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
/*a:hover{ text-decoration:underline;}*/
img{ vertical-align:middle;}
.imgs{ vertical-align:top;}
.lf{ float:left;}
.rg{ float:right;}  
img{border:none;}
html{ overflow-x:hidden;} 
div:hover,li:hover,tr:hover,a:hover{ -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
/* 起始样式 End */

/* 公用样式 */
.head{ background:#fff; height:70px; position:fixed; top:0px; width:100%; left:0px; z-index:1000; border-bottom:1px solid #000000;}
.box{width:1200px; margin:0 auto;}
.logo{ width:252px; height:62px; position:absolute; top:0px;}
.dh{ height:70px; position:relative;}
.dh a,.dh:hover .a1{ display:block; width:140px; float:left; line-height:70px; color:#000; font-size:16px; text-align:center; background:#fff;}
.dh a:hover,.dh .a1,.dh:hover .a1:hover{ background:#0278d3; color:#fff;}
.heg{ height:36px; line-height:36px;}
.foot{ background:#3a3c3e; height:36px; line-height:36px; position:fixed; width:100%; bottom:0px; z-index:1000; color:#a0a0a0;}
.foot a{ color:#a0a0a0;}
.foot span{ margin-left:10px; margin-right:10px;}
/* 公用样式 End */

/* Index */
.ss{ width:1200px; position:absolute; left:50%; margin-left:-600px; height:100%;}
.sslf{ position:absolute; top:50%; margin-top:-130px;}
.sslf .rollBox{width:660px;;overflow:hidden; margin-top:39px;}
.sslf .rollBox .LeftBotton{height:28px;width:17px;background:url(../images/1_06.png) no-repeat 0;overflow:hidden;float:left;display:inline;cursor:pointer;}
.sslf .rollBox .RightBotton{height:28px;width:17px;background:url(../images/1_07.png) no-repeat 0;overflow:hidden;float:left;display:inline;cursor:pointer; margin-left:38px;}
.sslf .rollBox .Cont{width:660px;overflow:hidden;float:left; margin-top:47px;}
.sslf .rollBox .ScrCont{width:10000000px;}
.sslf .rollBox .Cont .pic{width:200px;float:left;text-align:center; margin-right:20px;}
.sslf .rollBox .Cont .pic img{ -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}
.sslf .rollBox .Cont .pic:hover img{ -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}
.sslf .rollBox #List1,.sslf .rollBox #List2{float:left;}
.ssrg{ width:426px; margin-top:70px; position:absolute; height:100%; right:0px;}
/*.ssrg .div2{ background:url(../images/1_09.png) center no-repeat; width:424px; height:80px; margin-top:33%;}
.ssrg .div2 a{ display:block;}
.ssrg .div2 .lf{ padding-left:25px; width:280px; color:#fff; font-size:14px; line-height:26px; padding-top:12px; overflow:hidden; height:52px;}
.ssrg .div2 .rg{ width:39px; height:27px; padding-top:26px; padding-right:23px;}*/
.ssrg img{ height:80%;}
/* Index End */

/* Main */
.div_abo{ min-width:1200px; position:relative; z-index:100;}
.div_abolf{ width:34%; z-index:100; margin-top:70px;}
.div_abolf .div1 img{ width:108%; position:relative; z-index:100;}
.div_abolf .div2{ margin-top:50px; margin-left:50px;display: none;}
.div_aborg{ width:66%; margin-top:70px;}
.div_aborg ul li{ float:left; width:50%; position:relative; overflow:hidden;}
.div_aborg ul li a{ display:block;}
.div_aborg ul li a .div1{ position:absolute; top:40%; width:100%; text-align:center; z-index:10;}
.div_aborg ul li a .div1 .p1{ color:#000; font-size:24px;}
.div_aborg ul li a .div1 .p2{ width:132px; height:37px; line-height:37px; overflow:hidden; margin:0 auto; background:#ffa200; color:#fff; margin-top:20px; font-size:18px;}
.div_aborg ul li a .div2 img{ width:100%; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_aborg ul li:hover a .div2 img{ -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_abo1{ background:#e5e5e5; height:148px; position:absolute; z-index:15; left:0px; bottom:38px; width:100%}
.div_abo1 a{ display:block; color:#626262; font-size:14px; padding-top:45px; line-height:26px;}
.div_abo1 .div1{ width:10%; padding-left:3%;}
.div_abo1 .div1 img{ width:100%;}
.div_abo1 .div2{ margin-left:2%;}
.div_abo1 .div2 .p2{ background:#888; color:#fff; width:94px; height:25px; line-height:25px; overflow:hidden; color:#fff; text-align:center; float:right; margin-top:5px;}

.mian_body{ background:#eeeeee}
.div_boxlf{ position:relative; left:0px; width:100%; background:#eee; padding-left:50px; z-index:100; padding-right:50px; padding-top:70px; margin-top:70px; padding-bottom:50px;box-sizing: border-box;}
.div_boxrg{ min-width:500px; width:50%; position:fixed; right:0px; z-index:85; margin-top:70px; height:100%; text-align:right;display: none;}
.div_boxrg img{ height:100%;}
.div_file .div1{ text-align:center; color:#666; font-size:30px; font-weight:bold;}
.div_file .div1 span{ color:#0085ec; margin-left:21px; line-height:32px;}
.div_file .div2{ font-size:14px; text-align:center; letter-spacing:-0.5px;}
.div_file1{ margin-top:20px; font-size:14px; line-height:26px;}
.div_file1 img{ width:100%}
.div_file1 span{ background:url(../images/2_10.jpg) center left no-repeat; padding-left:43px; font-size:24px; line-height:30px; color:#131313;}

.ul_hone li{ float:left; margin-left:48px; margin-bottom:28px; text-align:center; line-height:40px;}
.ul_hone li .div1{ width:212px; overflow:hidden; border:2px solid #dcdcdc; padding:10px; text-align:center;}
.ul_hone li a{ color:#666;}

.ul_hist li{ border-bottom:1px dashed #cccccc; padding-bottom:20px; margin-bottom:20px;}
.ul_hist li .div1 .lf{ width:138px; text-align:center; height:50px; line-height:50px; border-right:1px solid #a7a7a7; font-size:50px; color:#fe6a00}
.ul_hist li .div1 .rg{ width:750px; overflow:hidden;}
.ul_hist li .div1 .rg .p1{ color:#818181; font-size:16px;}
.ul_hist li .div1 .rg .p2{ float:left; background:#00b6ff; color:#fff; margin-top:5px; padding-left:5px; padding-right:5px;}
.ul_hist li .div2{ padding-left:25px; margin-top:10px;}
.ul_hist li .div2 .p1{ margin-top:6px; background:url(../images/2_13.jpg) center left no-repeat; padding-left:15px;}

.div_jobs{ background:url(../images/2_14.jpg) #e5ebf3 center right no-repeat; padding:22px; padding-right:102px;}
.div_jobs .div1{ font-size:18px; font-weight:bold;}
.div_jobs .div2{ margin-top:10px;}
.ul_jobs{ margin-top:46px;}
.ul_jobs li{ margin-bottom:10px;}
.ul_jobs li .div_js_title{ background:url(../images/2_16.png) 852px center no-repeat #83b5d3; color:#fff; font-size:18px; padding-left:20px; height:37px; line-height:37px; cursor:pointer;}
.ul_jobs li .div_js_title_on{ background:url(../images/2_15.png) 852px center no-repeat #0076c1}
.ul_jobs li .div_js_txt{ background:#e6ecf3; padding:20px;}
.ul_jobs li .div_js_txt .p1{ color:#ff9000; font-size:14px; font-weight:bold;}
.ul_jobs li .div_js_txt .p2{ margin-top:10px; font-size:14px; line-height:26px;}

.ul_pro li{ margin-bottom:30px; padding-bottom:30px; padding-left:40px; border-bottom:1px dashed #ccc;}
.ul_pro li a{ display:block}
.ul_pro li a .div1{ width:256px; height:177px; overflow:hidden;}
.ul_pro li a .div1 img{ -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}
.ul_pro li:hover a .div1 img{ -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}
.ul_pro li a .div2{ width:424px; margin-left:30px; padding-top:30px;}
.ul_pro li a .div2 .p1{ color:#313131; font-size:24px; line-height:26px;}
.ul_pro li a .div2 .p2{ color:#707070; line-height:26px; font-size:14px; margin-top:10px; height:78px; overflow:hidden;}
.ul_pro li a .div3{ border:1px solid #a0a0a0; width:104px; height:27px; line-height:27px; color:#0278d3; text-align:center; font-size:14px; margin-top:80px; border-radius:20px; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.ul_pro li a .div3:hover{ background:#0278d3; color:#fff; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}

.div_pro .div1{ background:#0278d3; margin-top:-70px; float:right; padding:20px; color:#fff; font-size:24px; line-height:30px;}
.div_pro .div1 span{ font-weight:bold; font-size:28px;}
.div_pro .div2{ border-top:1px solid #ccc; margin-top:-40px;}
.div_pro .div3{ padding-top:100px;}
.div_pro .div3 td{ padding-right:15px; font-size:14px;}
.div_pro .div4{ margin-top:60px; font-size:18px; color:#000; background:url(../images/2_10.jpg) center left no-repeat; padding-left:48px;}
.div_pro .div5{ margin-top:25px;}
.div_pro .div6{ background:#c9c9c9; height:38px; line-height:38px; margin-top:50px;}
.div_pro .div6 a{ display:block; text-align: center; background:url(../images/3_04.jpg) 405px center no-repeat; padding-left:70px; color:#313131; padding-right:70px;}

.div_ser .lf{ width:222px;}
.div_ser .rg{ width:643px;}
.div_ser .rg .p1{ color:#313131; font-size:24px; line-height:26px; font-weight:bold; padding-top:15px;}
.div_ser .rg .p2{ margin-top:10px; line-height:26px; font-size:14px;}

.div_ser1{ margin-top:40px; margin-bottom:40px;}
.div_ser1 .lf{ width:643px;}
.div_ser1 .lf .p1{ color:#313131; font-size:24px; line-height:26px; font-weight:bold; padding-top:15px;}
.div_ser1 .lf .p2{ margin-top:10px; line-height:26px; font-size:14px;}
.div_ser1 .rg{ width:222px;}

.ul_news li{ margin-bottom:30px; padding-bottom:30px; border-bottom:1px dashed #ccc;}
.ul_news li a{ display:block; background:#fff;}
.ul_news li a .div1{ width:182px; height:180px; text-align:center; background:#0278d3; color:#fff;}
.ul_news li a .div1 .p1{ font-size:80px; padding-top:31px; line-height:80px;}
.ul_news li a .div1 .p2{ font-size:18px; margin-top:10px;}
.ul_news li a .div2{ width:286px; height:180px; overflow:hidden;}
.ul_news li a .div2 img{ -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}
.ul_news li:hover a .div2 img{ -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}
.ul_news li .div3{ width:390px; padding-right:20px;}
.ul_news li .div3 .p1{ color:#313131; font-size:20px; font-weight:bold; padding-top:30px;}
.ul_news li .div3 .p2{ color:#666; font-size:14px; line-height:26px; height:52px; overflow:hidden; margin-top:10px;}
.ul_news li .div3 .p3{ border:1px solid #a0a0a0; width:104px; height:27px; line-height:27px; color:#0278d3; text-align:center; font-size:14px; border-radius:20px; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; margin-top:15px;}
.ul_news li .div3 .p3:hover{ background:#0278d3; color:#fff; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}

.biaoti{ text-align:center; font-size:24px; font-weight:bold; line-height:26px;}
.time{ text-align:center; font-size:14px; margin-top:14px;}
.txt{ margin-top:20px; line-height:26px; font-size:14px;}
.fh{ text-align:right; margin-top:25px;}
.fh a{ color:#666; font-size:16px; border:1px solid #ccc; padding:7px 30px;}
.fh a:hover{ background:#0278d3; color:#fff; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.div_cont1{ text-align:center; margin-top:40px;}
/* Main End */


/* -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; 背景渐隐 */
/* -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; 背景滚动*/
/* -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; 图片原比例 */
/* -webkit-transform:scale(0.97); -moz-transform:scale(0.97); -o-transform:scale(0.97); -ms-transform:scale(0.97); transform:scale(0.97); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; 图片缩放  */
/* -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s; -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s; */
/* -moz-transform 1s; -webkit-transition:width 1s, height 1s, -webkit-transform 1s; -o-transition:width 1s, height 1s, -o-transform 1s; 图片360旋转 */
/* transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); 图片360旋转 */
/* -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; transition: all 1s; 3D旋转 */
/* -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; transition: all 1s; transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); 3D旋转 */
/* 文字变化颜色 */

.page1{clear:both; text-align:center;font-size:12px; height:24px; line-height:24px;}
.page1 span a{border:1px solid #0187C5;color:#0187C5;padding:2px 6px;line-height:15px;height:15px;text-decoration:none;background:#fff;}
.page1 span a:hover{border:1px solid #999;color:#999;}
.page1 span{margin:2px;}
.page1 span.current a{border:1px solid #0187C5;background:#0187C5;color:#fff;}
.page1 span a.disabled{border:1px solid #ccc;color:#ccc;cursor:default;}