@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
a{ text-decoration:none;}
li{ list-style:none;}
table,tr,td,ul,li,dl,dt,dd,div,img{ border:0;}
body{ font-size:12px; font-family:"Arial"; overflow-x: hidden; text-align:center;}
.float_l{ float:left !important;}
.float_r{ float:right !important;}
.blank20{ width:100%; height:20px; clear:both;}
.blank30{ width:100%; height:30px; clear:both;}
.blank40{ width:100%; height:40px; clear:both;}
.blank70{ width:100%; height:70px; clear:both;}
.blank100{ width:100%; height:100px; clear:both;}

/*首页*/
.center1180{ width:1180px; margin:0 auto;}

.header{ height:86px;}
.logo{ float:left; margin-top:23px;}

.nav{ float:right; margin-top:30px;}
.nav li{ float:left; margin:0 15px;}
.nav li a{ font-family:"Arial"; font-size:16px; color:#444444; display:block; height:56px; line-height:56px; width:95px;}
.nav li a:hover{ color:#213b69; font-weight:bold;}
.nav li .a_on{ color:#213b69; font-weight:bold;}

/* 本例子css */
.slideBox{ width:100% !important; height:494px; overflow:hidden; position:relative;}
.slideBox .hd{ width:1180px; height:7px; overflow:hidden; position:absolute; left:50%; margin-left:-590px; bottom:66px; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:right;}
.slideBox .hd ul li{ float:left; margin-right:24px; width:7px; height:7px; text-align:center; background:url(../images/banner1.png) no-repeat; cursor:pointer;}
.slideBox .hd ul li.on{ background:url(../images/banner2.png) no-repeat;}
.slideBox .bd{ width:100% !important; position:relative; height:100%; z-index:0;}
.slideBox .bd ul{ width:100% !important;}
.slideBox .bd li{ width:100% !important; height:494px; zoom:1; vertical-align:middle;}

.index1{ overflow:hidden; padding-top:80px;}
.index1_1{ float:left; font-size:20px; font-family:"Arial"; color:#444444; line-height:30px;}
.index1_2{ float:right; font-size:16px; font-family:"Arial"; color:#2b3d6f; line-height:20px; margin-top:7px;}

/* 本例子css */
.multipleLine{ overflow:hidden; position:relative; width:1212px; height:885px; margin:0 auto;}
.multipleLine .hd{ width:100%; margin-top:20px;}
.multipleLine .hd ul{ overflow:hidden; zoom:1; display:inline-table;}
.multipleLine .hd ul li{ float:left; width:10px; height:10px; overflow:hidden; margin-left:10px; margin-right:10px; text-indent:-999px; cursor:pointer; background:url(../images/index1_1.png) no-repeat;}
.multipleLine .hd ul li.on{ background:url(../images/index1.png) no-repeat;}

.multipleLine .bd{ height:784px; overflow:hidden;}
.multipleLine .bd ul{ height:784px; overflow:hidden; zoom:1;}
.multipleLine .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; width:379px; height:347px; margin-left:19px; margin-top:35px; position:relative; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.multipleLine .bd ul li .pic1{ width:377px; height:259px; border:1px solid #e0e0e0; float:left; overflow:hidden;}
.multipleLine .bd ul li .pic1 img{ display:block; width:377px; height:259px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transform:scale(1) translateZ(0px); -moz-transform:scale(1) translateZ(0px); -ms-transform:scale(1) translateZ(0px); -o-transform:scale(1) translateZ(0px); transform:scale(1) translateZ(0px);}
.multipleLine .bd ul li .title{ float:left; display:block; width:377px; height:85px; border-left:1px solid #FFF; border-right:1px solid #FFF; text-align:left; font-family:"Arial"; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.multipleLine .bd ul li .title1{ float:left; margin-left:12px; width:353px; font-size:16px; color:#444444; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; margin-top:22px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.multipleLine .bd ul li .title2{ float:left; margin-left:12px; width:353px; font-size:14px; color:#b1b1b1; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; margin-top:3px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.multipleLine .bd ul li .title3{ position:absolute; bottom:0; left:50%; width:0; height:1px; background:#e77a3a; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}

.multipleLine .bd ul li:hover{ -webkit-box-shadow:0px 5px 25px #ebebeb; -moz-box-shadow:0px 5px 25px #ebebeb; box-shadow:0px 5px 25px #ebebeb;}
.multipleLine .bd ul li:hover .pic1 img{ -webkit-transform:scale(1.05) translateZ(0px); -moz-transform:scale(1.05) translateZ(0px); -ms-transform:scale(1.05) translateZ(0px); -o-transform:scale(1.05) translateZ(0px); transform:scale(1.05) translateZ(0px);}
.multipleLine .bd ul li:hover .title{ border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.multipleLine .bd ul li:hover .title1{ margin-left:17px;}
.multipleLine .bd ul li:hover .title2{ margin-left:17px;}
.multipleLine .bd ul li:hover .title3{ left:0px; width:379px;}

.index2{ width:100%; height:710px; background:#f7f7f7; padding-top:80px;}
.index2_l{ float:left; width:520px; overflow:hidden;}
.index2_r{ float:right; width:565px; height:700px;}

.index2_l1{ float:left; font-size:20px; font-family:"Arial"; color:#444444; line-height:30px;}
.index2_l2{ float:left; width:520px; height:510px; background:#b6b9cd; margin-top:70px; position:relative;}
.index2_l3{ float:left; width:390px; height:130px; margin-left:69px; text-align:left; color:#FFF; line-height:26px; font-size:16px; margin-top:50px; overflow:hidden; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.index2_l4{ float:left; margin-top:40px; margin-left:69px; width:381px; height:160px; overflow:hidden;}
.index2_l4 img{ display:block; width:381px; height:160px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transform:scale(1) translateZ(0px); -moz-transform:scale(1) translateZ(0px); -ms-transform:scale(1) translateZ(0px); -o-transform:scale(1) translateZ(0px); transform:scale(1) translateZ(0px);}
.index2_l5{ display:block; width:139px; height:37px; overflow:hidden; background:#233876; position:absolute; bottom:-37px; left:69px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.index2_l6{ position:absolute; width:15px; height:1px; background:#FFF; top:18px; left:0px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.index2_l7{ position:absolute; width:1px; height:15px; background:#FFF; bottom:37px; left:69px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}

.index2_l:hover .index2_l3{ border-left:1px solid #FFF; padding-left:28px; width:362px;}
.index2_l:hover img{ -webkit-transform:scale(1.05) translateZ(0px); -moz-transform:scale(1.05) translateZ(0px); -ms-transform:scale(1.05) translateZ(0px); -o-transform:scale(1.05) translateZ(0px); transform:scale(1.05) translateZ(0px);}
.index2_l:hover .index2_l5{ bottom:55px;}
.index2_l:hover .index2_l6{ left:62px;}
.index2_l:hover .index2_l7{ bottom:11px;}

.index2_r1{ float:left; width:565px; overflow:hidden;}
.index2_r1_1{ float:left; font-size:20px; font-family:"Arial"; color:#444444; line-height:30px;}
.index2_r1_2{ float:right; float:right; font-size:16px; font-family:"Arial"; color:#2b3d6f; line-height:20px; margin-top:7px;}

.index2_r2{ float:left; margin-top:70px; width:565px; border-top:1px solid #e1e2e9;}
.index2_r2 li{ float:left; width:565px; height:169px; border-bottom:1px solid #e1e2e9; text-align:left; position:relative; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.index2_r2 li a{ display:block; width:100%; height:100%; overflow:hidden;}

.index2_r2_1{ float:left; width:517px; margin-left:24px; background:url(../images/index3.png) left center no-repeat; margin-top:40px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.index2_r2_1 .span1{ float:left; font-size:14px; color:#444; display:inline-block; max-width:355px; height:20px; line-height:20px; margin-left:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index2_r2_1 .span2{ float:right; font-size:18px; color:#444; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.index2_r2_2{ float:left; width:390px; margin-left:52px; font-size:16px; color:#9b9b9b; line-height:26px; height:52px; overflow:hidden; margin-top:20px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.index2_r2_3{ position:absolute; right:34px; top:108px; width:50px; height:11px; overflow:hidden;}
.index2_r2_4{ position:absolute; left:16px; top:0; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.index2_r2_5{ position:absolute; left:-50px; top:0; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}

.index2_r2 li:hover{ -webkit-box-shadow:0px 5px 25px #dde2e7; -moz-box-shadow:0px 5px 25px #dde2e7; box-shadow:0px 5px 25px #dde2e7; background:#FFF;}
.index2_r2 li:hover .index2_r2_1{ margin-left:34px;}
.index2_r2 li:hover .index2_r2_1 .span2{ margin-right:10px;}
.index2_r2 li:hover .index2_r2_2{ margin-left:62px;}
.index2_r2 li:hover .index2_r2_4{ left:66px;}
.index2_r2 li:hover .index2_r2_5{ left:16px;}

.index3{ overflow:hidden; padding-top:80px;}

/* 本例子css */
.picScroll-left{ overflow:hidden; position:relative; width:1206px; height:435px; margin:0 auto;}
.picScroll-left .hd{ width:100%; overflow:hidden; z-index:969999; margin-top:0px;}
.picScroll-left .hd ul{ display:inline-table; zoom:1;}
.picScroll-left .hd ul li{ float:left; width:10px; height:10px; overflow:hidden; margin-left:10px; margin-right:10px; text-indent:-999px; cursor:pointer; background:url(../images/index1_1.png) no-repeat; }
.picScroll-left .hd ul li.on{ background:url(../images/index1.png) no-repeat;}
.picScroll-left .prev{ display:block; width:37px; height:37px; overflow:hidden; cursor:pointer; background:url(../images/index7.png) no-repeat; position:absolute; left:13px; top:140px; z-index:9999;}
.picScroll-left .next{ display:block; width:37px; height:37px; overflow:hidden; cursor:pointer; background:url(../images/index8.png) no-repeat; position:absolute; right:14px; top:140px; z-index:9999;}

.picScroll-left .bd{ overflow:hidden; margin-top:30px; width:1206px;}
.picScroll-left .bd ul{ overflow:hidden; height:392px; zoom:1;}
.picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; width:397px; height:350px; border:1px solid #FFF; margin-right:4px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.picScroll-left .bd ul li a{ display:block; width:100%; height:100%; position:relative;}
.picScroll-left .bd ul li .bd_li1{ margin-top:11px; width:373px; height:240px; overflow:hidden; float:left; margin-left:12px;}
.picScroll-left .bd ul li .bd_li1 img{ display:block; width:373px; height:240px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transform:scale(1) translateZ(0px); -moz-transform:scale(1) translateZ(0px); -ms-transform:scale(1) translateZ(0px); -o-transform:scale(1) translateZ(0px); transform:scale(1) translateZ(0px);}
.picScroll-left .bd ul li .bd_li2{ float:left; margin-top:40px; margin-left:12px; width:373px; font-size:16px; color:#444; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.picScroll-left .bd ul li .bd_li3{ width:50px; height:11px; position:relative; overflow:hidden; position:absolute; left:171px; bottom:28px;}
.picScroll-left .bd ul li .bd_li3_1{ position:absolute; top:0; left:-37px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}

.picScroll-left .bd ul li:hover{ border:1px solid #eceff3; -webkit-box-shadow:0px 3px 10px #eceff3; -moz-box-shadow:0px 3px 10px #eceff3; box-shadow:0px 3px 10px #eceff3;}
.picScroll-left .bd ul li:hover img{ -webkit-transform:scale(1.05) translateZ(0px); -moz-transform:scale(1.05) translateZ(0px); -ms-transform:scale(1.05) translateZ(0px); -o-transform:scale(1.05) translateZ(0px); transform:scale(1.05) translateZ(0px);}
.picScroll-left .bd ul li:hover .bd_li2{ margin-top:30px;}
.picScroll-left .bd ul li:hover .bd_li3_1{ left:7px;}

.index4{ padding-top:80px; width:100%; height:575px; background:url(../images/index10.jpg) top center no-repeat; overflow:hidden;}
.index4_1{ float:left; clear:both; width:1180px; overflow:hidden; padding:30px 0;}

/* 本例子css */
.picScroll-left1{ width:1178px; height:82px; margin:0 auto; position:relative;}
.picScroll-left1 .bd{ overflow:hidden; height:82px;}
.picScroll-left1 .bd ul{ overflow:hidden; zoom:1; height:82px;}
.picScroll-left1 .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; width:139px; height:60px; border:1px solid #f5f5f5; margin:0 3px; margin-top:10px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.picScroll-left1 .bd ul li img{ display:block; width:139px; height:60px;}
.picScroll-left1 .bd ul li:hover{ -webkit-box-shadow:0px 3px 10px #eceff3; -moz-box-shadow:0px 3px 10px #eceff3; box-shadow:0px 3px 10px #eee;}

.footer_nav{ margin:0 auto; margin-top:30px; display:inline-table;}
.footer_nav li{ float:left; margin:0 20px;}
.footer_nav li a{ color:#444; font-size:14px; height:20px; line-height:20px;}

.footer{ width:100%; line-height:24px; padding:15px 0; background:#2a3c6d; margin-top:30px; font-size:14px; color:#bdc1cd;}
.footer a{ color:#7c849e;}

/* about css */
.banner_in{ width:100%; height:248px;}
.location{ float:right; margin-right:25px; margin-top:175px;}
.location1{ float:left; font-size:24px; font-weight:bold; color:#FFF; height:30px; line-height:30px;}
.location2{ float:left; font-size:16px; color:#FFF; height:30px; line-height:34px; margin-left:17px;}
.location2 a{ color:#FFF;}

.about{ overflow:hidden; font-size:14px; color:#5f5f5f; line-height:26px; text-align:left; padding:80px 0 50px 0; position:relative;}
.about img{ max-width:100%;}

/* news css */
.news_nav{ float:left; width:1180px; height:56px; margin-top:40px; border-bottom:1px solid #e8e9f0;}
.news_nav li{ float:left; margin-right:60px;}
.news_nav li a{ font-size:16px; color:#444444; display:block; height:56px; line-height:56px; padding:0 3px;}
.news_nav li a:hover{ border-bottom:1px solid #263667; color:#263667}
.news_nav li .a_on{ border-bottom:1px solid #263667; color:#263667;}

.news_list{ float:left; width:1180px; padding-top:10px;}
.news_list li{ float:left; width:1180px; height:205px; border-bottom:1px solid #e8e9f0; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.news_list li a{ display:block; width:1180px; height:205px;}

.news_list1{ float:left; margin-top:29px; width:339px; height:143px; overflow:hidden; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.news_list1 img{ display:block;}
.news_list2{ float:right; width:800px; height:205px; text-align:left; position:relative;}
.news_list2_1{ float:left; width:750px; margin-left:24px; background:url(../images/index3.png) left center no-repeat; margin-top:50px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.news_list2_1 .span1{ float:left; font-size:14px; color:#444; display:inline-block; max-width:600px; height:20px; line-height:20px; margin-left:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_list2_1 .span2{ float:right; font-size:18px; color:#444; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.news_list2_2{ float:left; width:610px; margin-left:52px; font-size:16px; color:#9b9b9b; line-height:26px; height:52px; overflow:hidden; margin-top:20px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.news_list2_3{ position:absolute; right:34px; top:108px; width:50px; height:11px; overflow:hidden;}
.news_list2_4{ position:absolute; left:16px; top:0; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.news_list2_5{ position:absolute; left:-50px; top:0; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}

.news_list li:hover{ -webkit-box-shadow:0px 5px 25px #dde2e7; -moz-box-shadow:0px 5px 25px #dde2e7; box-shadow:0px 5px 25px #dde2e7; background:#FFF;}
.news_list li:hover .news_list1{ margin-left:21px;}
.news_list li:hover .news_list2_1{ margin-left:34px;}
.news_list li:hover .news_list2_1 .span2{ margin-right:10px;}
.news_list li:hover .news_list2_2{ margin-left:62px;}
.news_list li:hover .news_list2_4{ left:66px;}
.news_list li:hover .news_list2_5{ left:16px;}

.page{ float:left; width:100%; height:30px; overflow:hidden; clear:both; margin-top:45px;}

/* newsIn css */
.newsIn{ padding:50px 0; overflow:hidden;}
.newsIn_l{ float:left; width:800px; overflow:hidden;}
.newsIn_r{ float:right; width:300px; overflow:hidden;}

.newsIn_l1{ float:left; width:800px; border-bottom:1px solid #e8e9f0; overflow:hidden; padding-bottom:25px; margin-top:40px;}
.newsIn_l2{ float:left; font-size:18px; color:#444; width:120px; height:26px; line-height:26px; text-align:left; background:url(../images/newsIn3.jpg) 65px center no-repeat;}
.newsIn_l3{ float:left; width:680px; text-align:left;}
.newsIn_l4{ float:left; width:680px; font-size:14px; color:#444; line-height:26px;}
.newsIn_l5{ float:left; width:680px; font-size:16px; color:#a0a0a0; line-height:26px; margin-top:10px;}
.newsIn_l6{ float:left; width:800px; padding:40px 0 100px 0; text-align:left; font-size:14px; color:#5f5f5f; line-height:26px;}
.newsIn_l6 img{ max-width:100%;}

.pageIn{ float:left; width:800px; height:118px; background:#f5f5f5; overflow:hidden;}
.pageIn_l{ float:left; width:400px; height:118px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.pageIn_r{ float:right; width:400px; height:118px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}

.pageIn_l1{ float:left; width:60px; height:30px; margin-top:44px; background:url(../images/newsIn6_1.png) right center no-repeat; position:relative; overflow:hidden;}
.pageIn_l1_1{ position:absolute; left:60px; top:12px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.pageIn_l1_2{ position:absolute; left:22px; top:12px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.pageIn_l2{ float:left; display:block; font-size:16px; color:#444; width:280px; height:30px; line-height:30px; margin-top:44px; text-align:left; margin-left:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition: all 0.3s 0.1s; -moz-transition: all 0.3s 0.1s; -webkit-transition: all 0.3s 0.1s; -o-transition: all 0.3s 0.1s;}
.pageIn_l2 a{ color:#444; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}

.pageIn_r1{ float:right; width:60px; height:30px; margin-top:44px; background:url(../images/newsIn6_1.png) left center no-repeat; position:relative; overflow:hidden;}
.pageIn_r1_1{ position:absolute; left:-20px; top:12px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.pageIn_r1_2{ position:absolute; left:22px; top:12px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.pageIn_r2{ float:right; display:block; font-size:16px; color:#444; width:280px; height:30px; line-height:30px; margin-top:44px; text-align:right; margin-right:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition: all 0.3s 0.1s; -moz-transition: all 0.3s 0.1s; -webkit-transition: all 0.3s 0.1s; -o-transition: all 0.3s 0.1s;}
.pageIn_r2 a{ color:#444; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}

.pageIn_l:hover{ background:#2a3c6d;}
.pageIn_l:hover .pageIn_l2{ color:#FFF;}
.pageIn_l:hover .pageIn_l2 a{ color:#FFF;}
.pageIn_l:hover .pageIn_l1{ background:url(../images/newsIn6.png) right center no-repeat;}
.pageIn_l:hover .pageIn_l1_1{ left:22px;}
.pageIn_l:hover .pageIn_l1_2{ left:-20px;}
.pageIn_l:hover .pageIn_l2{ margin-left:20px;}

.pageIn_r:hover{ background:#2a3c6d;}
.pageIn_r:hover .pageIn_r2{ color:#FFF;}
.pageIn_r:hover .pageIn_r2 a{ color:#FFF;}
.pageIn_r:hover .pageIn_r1{ background:url(../images/newsIn6.png) left center no-repeat;}
.pageIn_r:hover .pageIn_r1_1{ left:22px;}
.pageIn_r:hover .pageIn_r1_2{ left:60px;}
.pageIn_r:hover .pageIn_r2{ margin-right:20px;}

.newsIn_r1{ float:left; width:282px; height:44px; line-height:44px; padding-left:18px; overflow:hidden; font-size:20px; color:#444; border-bottom:1px solid #444; text-align:left;}
.newsIn_r2{ float:left; width:300px; overflow:hidden; margin-top:5px;}
.newsIn_r2 li{ float:left; width:300px; height:53px; overflow:hidden; border-bottom:1px solid #dadada;}
.newsIn_r2 li a{ font-size:14px; color:#444; display:block; width:264px; height:53px; line-height:53px; padding:0 18px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.newsIn_r2 li a:hover{ color:#4577d0;}
.newsIn_r2 li .a_on{ color:#4577d0;}

/* pro css */
.pro_list{ width:1212px; margin:0 auto; overflow:hidden;}
.pro_list li{ float:left; _display:inline; overflow:hidden; text-align:center; width:379px; height:347px; margin-left:19px; margin-top:35px; position:relative; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.pro_list li .pic1{ width:377px; height:259px; border:1px solid #e0e0e0; float:left; overflow:hidden;}
.pro_list li .pic1 img{ display:block; width:377px; height:259px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transform:scale(1) translateZ(0px); -moz-transform:scale(1) translateZ(0px); -ms-transform:scale(1) translateZ(0px); -o-transform:scale(1) translateZ(0px); transform:scale(1) translateZ(0px);}
.pro_list li .title{ float:left; display:block; width:377px; height:85px; border-left:1px solid #FFF; border-right:1px solid #FFF; text-align:left; font-family:"Arial"; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.pro_list li .title1{ float:left; margin-left:12px; width:353px; font-size:16px; color:#444444; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; margin-top:22px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.pro_list li .title2{ float:left; margin-left:12px; width:353px; font-size:14px; color:#b1b1b1; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; margin-top:3px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.pro_list li .title3{ position:absolute; bottom:0; left:50%; width:0; height:1px; background:#e77a3a; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}

.pro_list li:hover{ -webkit-box-shadow:0px 5px 25px #ebebeb; -moz-box-shadow:0px 5px 25px #ebebeb; box-shadow:0px 5px 25px #ebebeb;}
.pro_list li:hover .pic1 img{ -webkit-transform:scale(1.05) translateZ(0px); -moz-transform:scale(1.05) translateZ(0px); -ms-transform:scale(1.05) translateZ(0px); -o-transform:scale(1.05) translateZ(0px); transform:scale(1.05) translateZ(0px);}
.pro_list li:hover .title{ border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.pro_list li:hover .title1{ margin-left:17px;}
.pro_list li:hover .title2{ margin-left:17px;}
.pro_list li:hover .title3{ left:0px; width:379px;}

/* pro1 css */
.pro{ padding:50px 0; overflow:hidden;}
.pro_l{ float:left; width:800px; overflow:hidden;}
.pro_r{ float:right; width:300px; overflow:hidden; margin-top:25px;}

.pro_list1{ width:800px; float:left; overflow:hidden;}
.pro_list1 li{ float:left; _display:inline; overflow:hidden; text-align:center; width:379px; height:347px; margin-left:19px; margin-top:35px; position:relative; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.pro_list1 li .pic1{ width:377px; height:259px; border:1px solid #e0e0e0; float:left; overflow:hidden;}
.pro_list1 li .pic1 img{ display:block; width:377px; height:259px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transform:scale(1) translateZ(0px); -moz-transform:scale(1) translateZ(0px); -ms-transform:scale(1) translateZ(0px); -o-transform:scale(1) translateZ(0px); transform:scale(1) translateZ(0px);}
.pro_list1 li .title{ float:left; display:block; width:377px; height:85px; border-left:1px solid #FFF; border-right:1px solid #FFF; text-align:left; font-family:"Arial"; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.pro_list1 li .title1{ float:left; margin-left:12px; width:353px; font-size:16px; color:#444444; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; margin-top:22px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.pro_list1 li .title2{ float:left; margin-left:12px; width:353px; font-size:14px; color:#b1b1b1; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; margin-top:3px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.pro_list1 li .title3{ position:absolute; bottom:0; left:50%; width:0; height:1px; background:#e77a3a; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}

.pro_list1 li:hover{ -webkit-box-shadow:0px 5px 25px #ebebeb; -moz-box-shadow:0px 5px 25px #ebebeb; box-shadow:0px 5px 25px #ebebeb;}
.pro_list1 li:hover .pic1 img{ -webkit-transform:scale(1.05) translateZ(0px); -moz-transform:scale(1.05) translateZ(0px); -ms-transform:scale(1.05) translateZ(0px); -o-transform:scale(1.05) translateZ(0px); transform:scale(1.05) translateZ(0px);}
.pro_list1 li:hover .title{ border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.pro_list1 li:hover .title1{ margin-left:17px;}
.pro_list1 li:hover .title2{ margin-left:17px;}
.pro_list1 li:hover .title3{ left:0px; width:379px;}

/* pro1 css */
.proIn1{ float:left; width:794px; height:546px; border:1px solid #e0e0e0; margin-top:43px;}