﻿.banner{ width:100%; height:220px; overflow:hidden; position:relative; }
.banner img{ position:absolute; left:50%; margin-left:-960px; }
.nav{ color:#3567fc; padding:15px 0 10px 0; border-bottom:1px solid #e9e9e9; width:100%; line-height:14px; }
.nav a{ color:#3567fc; display:inline-block; }
.nav .home{ background:url(../image/navbg.png) no-repeat left center; width:20px; height:14px; float:left; }
.nav .hbox{ padding-top:1px; float:left; text-transform: uppercase; }
.containers{ padding-top:10px; min-height:467px; }
.right_cont{ float:right; width:770px; }
h2{ padding:10px 0 14px 0; border-bottom:1px solid #e9e9e9; font-size:24px; color:#3567fc; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
h2 span{ font-weight:bold; }

.about{ padding-bottom:80px; }
.about .topbox .text{ float:left; width:100%; line-height:180% }
.about .topbox .text p{ line-height:180%}
.about .topbox img{ float:right; }
.about h3{ color:#3567fc; font:normal 14px Arial, Helvetica, sans-serif; margin-bottom:15px; }
.about p{ line-height:22px; margin-bottom:15px; }
.about li{ color:#3567fc; line-height:22px; background:url(../image/libg.png) no-repeat left center; padding-left:20px; margin-bottom:12px; }

.clients{ padding-bottom:80px; }
.clients p{ line-height:22px; color:#3567fc; margin-bottom:15px; }
.clients .imgboxone,.clients .imgboxtwo{ height:0; overflow:hidden; }
.clients .backtop{ display:none; }
.clients .click,.clients .backtop{ text-align:center; padding-top:50px; }
.clients .click a,.clients .backtop a{ width:188px; height:35px; display:inline-block; background:#f0f0f0; color:#3567fc; line-height:35px; }

.history{ padding-bottom:80px; }
.history .container{ position:relative; }
.history .presswraper{ width:770px; height:320px; overflow:hidden; position:relative; padding-top:90px; }
.history .press{ position:absolute; width:8525px; }
.history .list{ float:left; padding-left:220px; width:550px; padding-top:40px; position:relative; margin-right:5px; } 
.history .list .text{ width:395px; height:188px; background:#f7f7f7; padding:80px 0 0 155px; }
.history .list img{ position:absolute; left:0; top:0; }
.history .list .text h3{ font-size:30px; color:#3567fc; padding-bottom:18px; border-bottom:1px solid #e8e8e8; margin-bottom:18px; text-align:center; }
.history .list .text p{ line-height:18px; color:#3567fc; margin-left:40px; margin-bottom:5px; }

.news{ padding-bottom:80px; }
.news .first_new img{ float:left; width:400px; height:205px; }
.news .first_new .text{ background:#f7f7f7; width:335px; float:left; padding:18px 15px 0 20px; height:187px; }
.news .first_new .text .title{ font:bold 14px 'Arial'; color:#3567fc; display:block; margin-bottom:8px; }
.news .first_new .text .title:hover{ color:#173c87; }
.news .first_new .text em{ color:#3567fc; display:block; margin-bottom:12px; }
.news .first_new .text p{ line-height:22px; color:#3567fc; margin-bottom:12px; }
.news .first_new .text .more{ color:#fff; padding-left:25px; width:75px; display:block; float:right; line-height:32px; background:#173c87 url(../image/morebg.png) no-repeat 80px center; }
.news li{ line-height:35px; }
.news li a{ padding-left:20px; background:url(../image/libg.png) no-repeat left center; width:655px; display:block; float:left; color:#3567fc; }
.news li a span{ width:100%; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.news li em{ float:right; color:#3567fc; }
.news li:hover em,.news li:hover a{ color:#173c87; }

.news_detail{ padding-bottom:80px; }
.news_detail .title{ text-align:center; }
.news_detail .title h3{ font-size:18px; color:#3567fc; font-weight:bold; margin-bottom:13px; }
.news_detail .title span{ display:block; color:#3567fc; margin-bottom:20px; }
.news_detail .textbox{ line-height:22px; color:#3567fc; }
.news_detail .textbox img{ max-width:100%; margin-bottom:15px; }
.news_detail .textbox h3{ font:normal 18px 'Arial'; color:#3567fc; margin-bottom:18px; }
.news_detail .textbox p{ margin-bottom:15px; }
.news_detail .textbox .libox p{ background:url(../image/libg.png) no-repeat left center; padding-left:20px; }
.news_detail .back a{ color:#fff; width:70px; line-height:24px; height:24px; text-align:center; display:inline-block; background:#62615f; float:right; }
.news_detail .ne_pr{ border-top:1px dotted #9c9c9c; }
.news_detail .ne_pr p{ border-bottom:1px dotted #9c9c9c; }
.news_detail .ne_pr a{ display:inline-block; height:29px; line-height:29px; color:#3567fc; }
.news_detail .ne_pr a:hover{ color:#173c87; }

.business{ padding-bottom:80px; }
.business h3{ font-weight:bold; font-size:18px; color:#3567fc; padding-top:22px; padding-bottom:5px; border-bottom:1px solid #eeeeee; }
.business li{ width:166px; border-right:1px solid #eeeeee; height:154px; float:left; border-bottom:1px solid #eeeeee; }
.business li a{ width:166px; height:154px; display:block; }
.business li i{ height:90px; padding-top:14px; width:100%; display:block; text-align:center; }
.business li span{ display:inline-block; width:90px; height:75px; -moz-transition:top ease 0.3s; -webkit-transition:top ease 0.3s; -o-transition:top ease 0.3s; transition:top ease 0.3s; }
/*.business .lis1 span{ background:url(../images/index/icon.png) no-repeat center; }
.business .lis2 span{ background:url(../images/index/icon2.png) no-repeat center; }
.business .lis3 span{ background:url(../images/index/icon3.png) no-repeat center; }
.business .lis4 span{ background:url(../images/index/icon4.png) no-repeat center; }
.business .lis5 span{ background:url(../images/index/icon5.png) no-repeat center; }
.business .lis6 span{ background:url(../images/index/icon6.png) no-repeat center; }
.business .lis7 span{ background:url(../images/index/icon7.png) no-repeat center; }
.business .lis8 span{ background:url(../images/index/icon8.png) no-repeat center; }
.business .lis9 span{ background:url(../images/index/icon9.png) no-repeat center; }
.business .lis10 span{ background:url(../images/index/icon10.png) no-repeat center; }
.business .lis11 span{ background:url(../images/index/icon11.png) no-repeat center; }
*/.business li p{ color:#3567fc; font-size:14px; text-align:center; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; }
.business li a:hover p{ color:#273265; }
/*.business .lis1 a:hover span{ background:url(../images/icon.png) no-repeat center; }
.business .lis2 a:hover span{ background:url(../images/icon2.png) no-repeat center; }
.business .lis3 a:hover span{ background:url(../images/icon3.png) no-repeat center; }
.business .lis4 a:hover span{ background:url(../images/icon4.png) no-repeat center; }
.business .lis5 a:hover span{ background:url(../images/icon5.png) no-repeat center; }
.business .lis6 a:hover span{ background:url(../images/icon6.png) no-repeat center; }
.business .lis7 a:hover span{ background:url(../images/icon7.png) no-repeat center; }
.business .lis8 a:hover span{ background:url(../images/icon8.png) no-repeat center; }
.business .lis9 a:hover span{ background:url(../images/icon9.png) no-repeat center; }
.business .lis10 a:hover span{ background:url(../images/icon10.png) no-repeat center; }
.business .lis11 a:hover span{ background:url(../images/icon11.png) no-repeat center; }
*/
.bus_detail{ padding-bottom:80px; }
.bus_detail .text{ float:left; width:430px; }
.bus_detail p{ line-height:22px; color:#3567fc; margin-bottom:15px; }
.bus_detail h3{ font:bold 18px 'Arial'; color:#3567fc; margin-bottom:15px; }
.bus_detail .imgbox{ float:right; }
.bus_detail .text .libox p{ padding-left:20px; background:url(../image/libg.jpg) no-repeat left 8px; }
.bus_detail .fash_box .imgbox{ float:left; margin-right:20px; }
.bus_detail .fash_box .textbox{ float:left; }
.bus_detail .fash_box .textbox p{ padding-left:20px; background:url(../image/libg.png) no-repeat left 10px; margin-bottom:5px; }
.bus_detail .fash_box{ margin-bottom:10px; }
.bus_detail .mail{ margin-top:40px; font-size:14px; color:#3567fc; background:#f9f9f9; padding:20px 0 20px 20px; }
.bus_detail .mail a{ color:#ffba00; }
.bus_detail li{ list-style: inherit !important; }

.mission{ padding-bottom:80px; }
.mission h3{ font:normal 14px 'Microsoft YaHei'; color:#3567fc; margin-bottom:15px; }
.mission p{ line-height:22px; }
.mission ul{ margin-left:-13px; padding-top:25px; border-top:1px solid #e9e9e9; }
.mission li{ float:left; margin-left:13px; position:relative; overflow:hidden; font-size:0; margin-bottom:13px; }
.mission li img{ cursor:pointer; }
.mission .move{ position:absolute; left: 0; bottom:-48px; width:248px; height:48px; background:#f0f0f0; }
.mission .move p{ line-height:48px; padding-left:10px; color:#3567fc; font-size:12px; }

.contact{ margin-bottom:80px; }
.contact .map{ width:100%; height:645px; background:url(../image/map.png) no-repeat center 18px; margin-bottom:10px; }
.contact .map .point{ position:relative; }
.contact .map .state{ position:absolute; }
.contact .map .state a{ display:block; background:url(../image/point1.png) no-repeat center; width:18px; height:18px; }
.contact .map .state a:hover,.contact .map .state a.cur{ width:26px; height:25px; background:url(../image/point2.png) no-repeat center; margin-top:-7px; margin-right:-7px; }
.contact .map .state .imgcon{ position:absolute; background:url(../image/bluebg.png) no-repeat; width:317px; height:250px; padding:2px 2px 0 2px;top:-257px; left:-313px; display:none; text-align:center; }
.contact .map .state .imgcon p{ line-height:36px; color:#fff; margin-left:6px; text-align:left; }
.contact .map .state span{ position:absolute; display:inline-block; width:38px; }

.contact .map .dalian{ right:190px; top:172px; }
.contact .map .qinhuang{ right:209px; top:163px; }
.contact .map .tianjin{ right:234px; top:180px; }
.contact .map .qingdao{ right:195px; top:206px; }
.contact .map .shanghai{ right:182px; top:276px; }
.contact .map .zhoushan{ right:172px; top:290px; }
.contact .map .guangzhou{ right:252px; top:380px; }
.contact .map .korea{ right:127px; top:194px; }
.contact .map .singapore{ right:360px; top:621px; }

.contact .map .dalian span{ right:-37px; top:7px; }
.contact .map .qinhuang span{ right:25px; top:-3px; }
.contact .map .tianjin span{ right:3px; top:19px; }
.contact .map .qingdao span{ right:-46px; top:7px; }
.contact .map .shanghai span{ right:8px; top:4px; }
.contact .map .zhoushan span{ right:-39px; top:7px; }
.contact .map .guangzhou span{ right:-38px; top:7px; }
.contact .map .korea span{ right:-35px; top:5px; }
.contact .map .singapore span{ right:-55px; top:5px; }

.contact .con_box{ display:none; }
.contact .con_box h3{ font:bold 18px 'Arial'; color:#3567fc; margin-bottom:20px; }
.contact .con_box table{ width:100%; border-top:1px solid #e7e7e7; }
.contact .con_box table td{ height:30px; color:#3567fc; padding-left:30px; border-bottom:1px solid #e7e7e7; }
.contact .con_box table .td1{ color:#3567fc; padding-left:42px; background:#fafafa; width:110px; }
.contact .con_box table td a{ text-decoration:underline; color:#3567fc; }

.contact .table_box{ margin-bottom:20px; }
.contact .table_box table{ width:100%; }
.contact .table_box th{ color:#3567fc; line-height:20px; padding:5px 0; background:#eaedf1; padding-left:58px; text-align:left; }
.contact .table_box .th1{ width:427px; border-right:1px solid #e7e7e7; }
.contact .table_box .th2{ width:226px; }
.contact .table_box td{ padding:5px 0; line-height:20px; border-bottom:1px solid #e7e7e7; padding-left:58px; }
.contact .table_box .th5{ position:relative; }
.contact .table_box .th5 a{ width:13px; height:13px; background:url(../image/more.png) no-repeat center; position:absolute; left:20px; top:9px; }
.contact .table_box .th5 a.cur{ background:url(../image/more2.png) no-repeat center; }
.contact .table_box .movebox{ display:none; }

.join{ padding-bottom:20px; }
.join .topbox{ border-bottom:1px solid #202020; line-height:180% }
.join table{ width:100%; }
.join th{ height:30px; background:#eaedf1; color:#3567fc; text-align:left; }
.join td{ height:30px; color:#3567fc; border-bottom:1px solid #e7e7e7; }
.join td a{ width:82px; height:20px; display:block; text-align:center; background:#f0f0f0; color:#3567fc; line-height:20px; border-radius:5px; }
.join td a:hover{ background:#173c87; color:#fff; }
.join .td1{ padding-left:28px; width:333px; background:#fafafa; }
.join .td2{ width:192px; padding-left:100px; }
.join .th1{ padding-left:28px; }
.join .th2{ padding-left:100px; }
.join .th3{ padding-left:18px; }

.join_detail{ padding-bottom:80px; }
.join_detail .topbox{ background:url(../image/topbg2.png) no-repeat right center; height:187px; border-bottom:1px solid #3567fc; margin-top:-50px; }
.join_detail .topbox h3{ font-size:24px; margin-bottom:15px; color:#3567fc; padding-top:55px; font-family:'Microsoft YaHei'; }
.join_detail .topbox p{ color:#3567fc; }
.join_detail .textbox p{ background:url(../image/libg.png) no-repeat 12px center; padding-left:30px; line-height:22px; }
.join_detail .textbox p.spec{ background:url(../image/pbg.png) no-repeat left 16px; padding-left:10px; font-size:14px; color:#3567fc; margin-bottom:15px; padding-top:10px; }
.join_detail .back{ text-align:center; padding-top:20px; }
.join_detail .back a{ font-size:14px; color:#fff; width:113px; height:30px; line-height:30px; text-align:center; background:#173c87; display:inline-block; }
.join_detail .back a:hover{ opacity:0.7; filter:alpha(opacity=70); }

.feed{ padding-bottom:80px; }
.feed .chick input{ display:none; }
.feed .chick label{ color:#3567fc; padding:7px 0 4px 24px; background:url(../image/chos2.png) no-repeat left center; margin-right:18px; }
.feed .chick label.cur{ background:url(../image/chos.png) no-repeat left center; }
.feed .chick span{ color:#3567fc; margin-right:20px; }
.feed table{ float:left; width:406px; }
.feed table td{ padding-bottom:10px; }
.feed table td input{ border:1px solid #dcdcdc; width:304px; padding:6px 10px; color:#3567fc; }
.feed table .td1{ color:#3567fc; width:80px; }
.feed table td textarea{ height:148px; border:1px solid #dcdcdc; width:304px; padding:10px; resize:none; }
.feed .rightbox{ width:336px; }
.feed .rightbox p{ padding-left:18px; background:url(../image/ppbg.png) no-repeat left 5px; color:#3567fc; line-height:22px; margin-bottom:8px; }
.feed .rightbox a{ margin-left:18px; width:318px; display:block; line-height:30px; height:30px; text-align:center; color:#3567fc; background:#f0f0f0; margin-bottom:20px; }
.feed .rightbox a:hover{ background:#173c87; color:#fff; }
.feed .rightbox input{ width:100px; height:34px; color:#fff; background:#173c87; border:none; cursor:pointer; margin-left:10px; }



.clientlist_ul{ padding-bottom:20px; overflow:hidden;}
.clientlist_ul li{  width:120px; height:120px; vertical-align:middle; text-align:center; float:left; margin: 10px 14px 10px 14px;border: 1px solid #CCC;}
.clientlist_ul li table{ width:100%; height:120px;}
.clientlist_ul li table tr td{ vertical-align:middle; text-align:center;}
.clientlist_ul li table tr td img{ height:120px; width:120px;}


.clientlist_ul2{ padding-bottom:20px; overflow:hidden;}
.clientlist_ul2 li{  width:232px; height:340px; vertical-align:middle; text-align:center; float:left; margin: 10px 10px 10px 10px;border: 1px solid #CCC;}
.clientlist_ul2 li table{ width:100%; height:340px;}
.clientlist_ul2 li table tr td{ vertical-align:middle; text-align:center;}
.clientlist_ul2 li table tr td img{ height:340px; width:232px;}


.box{ -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#fff; -moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999; behavior: url(http://gacymarine.com/css/js/pie.htc); position:relative;}
.sidetit{ height:40px; line-height:40px; padding-left:15px; margin-bottom:1px; padding-bottom:10px;
	background:#0079ca;
	background: -webkit-linear-gradient(top,#008bdd 0,#0068b7 100%);
	background: -moz-linear-gradient(top,#008bdd 0,#0068b7 100%);
	background: -o-linear-gradient(top,#008bdd 0,#0068b7 100%);
	background: linear-gradient(to bottom,#008bdd 0,#0068b7 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#008bdd,endColorstr=#0068b7,GradientType=0);}
.sidetit h2{ font-size:16px; color:#fff;  letter-spacing:2px;}




.caselist11{ margin: 0 5px;}
.caselist11 td.caseimg { float:left}

.caselist11 td.caseimg .cinfo{ background:#3366ff; color:#fff; width:100%; text-align:center; line-height:32px; height:32px; margin-left:5px;}

.caselist11 td.caseimg .cinfo a{  color:#fff; font-size:14px; font-weight:bold;}


.caselist11 td.caseimg .cimg { display:block; background:url(../image/case_bg.png) no-repeat; padding:  4px 4px 10px 4px; width:224px; height:188px; margin:0 5px;}
.caselist11 td.caseimg .cimg img{ width:224px; height:182px; overflow:hidden; }
.caselist11 td.caseimg .ctxt{ width:224px; height:24px; line-height:24px; color:#3567fc; overflow:hidden;  float:left; text-align:center; margin-top:-8px;margin-left:10px; color:#3567fc}
.caselist11 td.caseimg .ctxt a{ color:#3567fc}


