@charset "utf-8";
/* CSS Document */

/* 全局 2013.8.18*/
body{margin:0px;padding:0px;font-size:12px;color:#333; position:relative; line-height:1.8; font-family:"Microsoft YaHei"; background:#f6f6f6;}
form,ul,li,ol,li,dl,dt,dd,img,p,h1,h2,h3,h4,h5,h6,input{margin:0px;padding:0px; }
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}
input,select{font-size:12px;}
img{border:0px; vertical-align:middle; }
ul,li{list-style-type:none;}
strong,b{font-weight:bold;}
em {font-style:normal;}

/* Link 全局链接样式2013.8.18 */
a{color:#333333;text-decoration:none; cursor:pointer; outline:none;}
a:hover{color:#c10000;text-decoration:underline;}
.display_no{display:none;}
.display_yes{display:block;}
.pb20{ padding-bottom:20px;}
.pt10{ padding-top:10px;}
.font14{ font-size:14px;}
.font16{ font-size:16px;}
.float-l{float:left;}
.float-r{float:right;}
.font-b{ font-weight:bold; }
.w1000{ width:1000px;}
.m0{ margin:0 auto;}
.mt14{ margin-top:14px;}
.mt70{ margin-top:70px;}


.pc_main{ margin:0 auto; width:1000px; position:relative;}
.side_nav{ position:absolute; top:0; z-index:999;}
.side_nav ul{ margin-bottom:20px; overflow:hidden;}
.side_nav ul li{ height:40px; line-height:40px;font-family:"Microsoft YaHei"; text-align:right; background:url(../images/special/shangchao/m2.png) 171px 13px no-repeat; position:relative; z-index:2; padding-right:35px;}
.side_nav ul li a{ color:#535353;height:35px; width:140px; padding-left:15px; display:block; font-size:14px;}
.side_nav ul li a:hover{ text-decoration:none; color:#5fa4f9; font-size:18px;}
.side_nav span{ display:block; text-align:right; margin-top:10px;}
.side_nav span a{ width:103px; height:44px; background:#f54f47; font-size:14px; font-weight:bold; color:#fff; text-align:center; line-height:44px; display:inline-block; text-decoration:none;}



#nav { background:url(../images/special/shangchao/m1.png) 177px no-repeat;}
#nav a {}
#nav a:hover {}
#nav .current{ background:url(../images/special/shangchao/m3.png) 168px no-repeat;}
#nav .current a { text-decoration:none; width:140px; color:#5fa4f9; font-size:18px;}

.banner{ height:430px; background:url(../images/special/shangchao/banner.jpg) center no-repeat;}
.h1_title{ width:1000px; height:112px; background:url(../images/special/shangchao/m4.png) no-repeat; text-align:center; line-height:77px; font-size:35px; color:#fff;}
.h2_title{ height:50px; line-height:50px; text-align:center; padding-bottom:12px; background:url(../images/special/shangchao/m6.png) center bottom no-repeat; font-size:24px; font-weight:bold; color:#393939;}
.pc_box1{ background:url(../images/special/shangchao/m5.png) center top no-repeat;}
.box1_con{ width:1000px; height:495px; margin:0 auto; margin-top:32px; background:url(../images/special/shangchao/m7.png) center top no-repeat; overflow:hidden;}
.box1_con .text{ width:180px; float:left;}
.box1_con .text h2{ text-align:center; font-size:18px; font-weight:bold; color:#fff; margin-bottom:4px;}
.box1_con .text p{ color:#fff; font-size:12px;}
.box1_con .text em{ display:block; margin:0 auto; padding-top:8px; text-align:center; background:url(../images/special/shangchao/m8.png) center top no-repeat;}
.box1_con .text span{ display:inline-block; height:25px; line-height:25px; padding:0 10px; color:#fff; font-size:14px; font-weight:bold; background:#3d84dc;}
.box1_con .text1{ margin-left:240px; margin-top:260px;}
.box1_con .text2{ margin-left:-10px; margin-top:100px;}
.box1_con .text3{ margin-left:-10px; margin-top:260px;}
.box1_bot{ width:790px; height:100px; margin:0 auto; padding:104px 25px 0 185px; background:url(../images/special/shangchao/m9.png) center bottom no-repeat; clear:both; color:#fefefe; font-size:16px; line-height:30px; font-weight:bold;}

.pc_box2{ background:url(../images/special/shangchao/m10.png) center top no-repeat; padding-top:50px; clear:both;}
.box2_con{ width:980px; padding:0 10px; margin:0 auto; margin-top:44px; overflow:hidden;}
.box2_con li{ width:358px; padding-left:70px; padding-right:62px; margin-bottom:30px; overflow:hidden; float:left;}
.box2_con li .name{ width:125px; height:114px; text-align:center; background:url(../images/special/shangchao/m11.png) no-repeat; color:#fff; font-size:24px; display:table; padding-bottom:19px; line-height:30px; float:left;}
.box2_con li .name span,.box2_con li .info span{ display:table-cell; vertical-align:middle;}
.box2_con li .info{ width:210px; height:114px; padding-left:20px; display:table; color:#3f3f3f; font-size:14px; float:left;}
.box2_bot{ width:790px; height:100px; margin:0 auto; padding:124px 25px 0 185px; background:url(../images/special/shangchao/m9.png) center bottom no-repeat; clear:both; color:#fefefe; font-size:16px; line-height:30px; font-weight:bold;}

.pc_box3{ height:429px; padding-top:50px; background:url(../images/special/shangchao/m12.png) no-repeat;}
.box3_con{ width:1000px; margin:0 auto; padding-top:90px; overflow:hidden;}
.box3_con li{ width:239px; height:204px; padding:0 32px; float:left; margin-left:23px; position:relative;}
.box3_con li .icon1{ width:92px; height:92px; position:absolute; top:-48px; left:105px;}
.box3_con li .text{ padding-top:60px;}
.box3_con li .text h2{ font-size:18px; color:#fff;}
.box3_con li .text  p{ font-size:12px; color:#fff;}
.box3_con li.bg1{ background:#00b5f3;}
.box3_con li.bg2{ background:#83bd39;}
.box3_con li.bg3{ background:#465a67;}

.pc_box4{ padding-top:48px; background:#fafafa;}
.box4_con{ margin-top:28px; text-align:center; padding-bottom:150px;}

.pc_box5{ height:332px; background:url(../images/special/shangchao/m13.png) center no-repeat; position:relative;}
.pc_box5 .h1_title{ position:absolute; top:-76px; left:50%; margin-left:-500px;}
.box5_con{ width:1000px; margin:0 auto;}
.box5_con .pl190{ padding-left:190px; padding-top:75px; line-height:34px;}
.box5_con h2{ font-size:20px; font-weight:bold; color:#fefefe;}
.box5_con p{ font-size:20px; color:#fefefe;}
.box5_con p span{ font-size:24px; font-weight:bold;}
.box5_con h3{ font-size:22px; color:#fefefe;}
.box5_con em{ display:inline-block; text-align:center; line-height:43px; width:130px; height:43px; margin-top:20px; margin-right:26px;}
.box5_con em a{ font-size:17px; font-weight:bold; color:#fff; display:block;}
.box5_con em.bg1{ background:url(../images/special/shangchao/m14.png) no-repeat;}
.box5_con em.bg2{ background:url(../images/special/shangchao/m15.png) no-repeat;}

.pc_box6{ width:1000px; margin:0 auto; padding-top:50px;}
.pc_box6 .tips{ font-size:14px; color:#393939; text-align:center; margin-top:5px;}
.box6_con{ margin-top:50px; overflow:hidden;}
.box6_con .text{ width:396px; float:left;}
.box6_con .text h2{ font-size:30px; font-weight:bold; color:#393939;}
.box6_con .textbg{ width:326px; height:91px; padding:25px 35px; background:url(../images/special/shangchao/m16.png) no-repeat; font-size:14px; color:#393939; line-height:20px;}
.box6_con .textbg h3{ height:22px; color:#0fa8ef; font-size:18px; font-weight:bold; margin-top:10px; background:url(../images/special/shangchao/m17.png) left 3px no-repeat; padding-left:22px;}
.box6_con .pic{ float:left; margin-left:107px;}
.box6_bot{ width:1000px; height:100px; margin:0 auto; padding-top:68px; margin-top:15px; background:url(../images/special/shangchao/m18.png) no-repeat;}
.box6_bot p{ padding-left:260px; font-size:18px; font-weight:bold; color:#fff;}
.box6_bot p span{ font-size:24px;}

.pc_box7{ padding-top:50px; background:url(../images/special/shangchao/m19.png) repeat;}
.box7_title,.box8_title{ width:1000px; margin:0 auto; margin-top:10px; text-align:center; font-size:14px; color:#393939;}
.box7_title strong,.box8_title strong{ font-size:30px; margin-top:10px; display:block;}
.box7_con{ width:1000px; margin:0 auto; margin-top:14px; overflow:hidden;}
.box7_con .left{ width:195px; margin-right:12px; margin-top:96px; float:left;}
.box7_con .cent{ width:586px; float:left; margin-right:12px; overflow:hidden;}
.box7_con .cent ul{ width:606px;}
.box7_con .cent li{ float:left; margin-bottom:10px; margin-right:10px; display:table;}
.box7_con .cent li span{ display:table-cell;  vertical-align:middle;}
.box7_con .cent li.box1{ width:150px; height:187px; overflow:hidden; background:#00b5f3; text-align:center; font-size:18px; color:#fefdfd; line-height:26px;}
.box7_con .cent li.box2{ width:194px; height:187px; padding:0 30px; color:#fff; font-size:14px; overflow:hidden; background:#83bd39;}
.box7_con .cent li.box3{ width:163px; height:187px; overflow:hidden; background:url(../images/special/shangchao/m20.png) no-repeat; text-align:center; font-size:14px; font-weight:bold; color:#fff;}
.box7_con .right{ width:191px; margin-top:96px; float:left;} 	
.box7_bot{ height:192px; padding-top:86px; background:url(../images/special/shangchao/m21.png) center no-repeat; margin-top:40px; overflow:hidden;}
.box7_bot .text{ width:480px; float:left; margin-left:25px; color:#fffefe; font-size:14px;}
.box7_bot .text h3{ font-size:18px; font-weight:bold; color:#fffefe; margin-bottom:10px;}
.box7_bot .text p{ background:url(../images/special/shangchao/m22.png) 0 10px no-repeat; padding-left:16px;}
.box7_bot .link{ width:278px; height:73px; overflow:hidden; float:right; margin-right:50px; margin-top:40px;}

.pc_box8{ height:577px; padding-top:62px; background:url(../images/special/shangchao/m23.png) center no-repeat;}
.box8_con{ width:970px; height:330px; margin:0 auto; margin-top:30px; background:url(../images/special/shangchao/m24.png) no-repeat;}
.box8_con .text{ float:left; margin-top:140px; color:#393939; font-size:14px; line-height:20px;}
.box8_con .text h2{ font-size:18px; color:#393939; font-weight:bold; text-align:center; margin-bottom:10px;}
.box8_con .text1{ width:182px; margin-left:50px;}
.box8_con .text2{ width:168px; margin-left:260px; line-height:24px;}
.box8_con .text2 span{ display:block; background:url(../images/special/shangchao/m25.png) 0 10px no-repeat; padding-left:10px;}
.box8_con .text3{ width:174px; margin-left:90px;}
.box8_con .text3 span{ width:70px; display:block; padding-left:17px; background:url(../images/special/shangchao/m25.png) 7px 10px no-repeat; line-height:24px; float:left;}

.pc_box9{ height:730px; padding-top:62px; background:url(../images/special/shangchao/m19.png) repeat;}
.box9_con{ width:1000px; height:493px; margin:0 auto; margin-top:20px; overflow:hidden; position:relative; background:url(../images/special/shangchao/m26.png) 19px no-repeat;}
.box9_con .text{ width:116px; padding-left:38px; position:absolute; color:#505050; font-size:14px;}
.box9_con .text h2{ height:50px; line-height:50px; color:#ffffff; font-size:18px; font-weight:bold;}
.box9_con .text p{ margin-top:10px;}
.box9_con .text1{ top:54px; left:35px;}
.box9_con .text2{ top:272px; left:19px;}
.box9_con .text3{ top:13px; right:76px;}
.box9_con .text3 p{ width:154px; margin-left:-38px;}
.box9_con .text3 p em{ width:77px; text-align:center; display:block; float:left;}
.box9_con .text4{ top:176px; right:28px;}
.box9_con .text4 h2{ margin-bottom:4px; padding-left:25px;}
.box9_con .text5{ top:375px; right:55px;}
.box9_con .text5 h2{ width:154px; text-align:center; margin-left:-38px;}

.pc_box10{ padding-top:60px; background:#f0f0f0; overflow:hidden;}
.box10_con{ width:1000px; margin:0 auto; margin-top:25px; padding-bottom:70px; overflow:hidden;}
.box10_con .textbox{ width:325px; margin-top:10px; float:left;}
.box10_con .text{ width:255px; padding:0 35px; display:table;}
.box10_con .text span{ display:table-cell; vertical-align:middle;}
.box10_con .text h2{ font-size:18px; font-weight:bold; color:#fff;}
.box10_con .text p{ font-size:12px; color:#fff; margin-top:5px;}
.box10_con .text1{ height:157px; background:#00b5f3; margin-bottom:15px;}
.box10_con .text2{ height:133px; background:#83bd39; margin-bottom:15px;}
.box10_con .text3{ height:109px; background:#465a67;}
.box10_con .pic{ float:right;}
.box10_con .pic h2{ color:#393939; font-size:30px; font-weight:bold; margin-bottom:20px; padding-left:270px;}
.box10_bot{ background:#fff; padding-bottom:50px;}
.box10_bot .plan{ width:836px; height:502px; margin:0 auto; margin-top:16px; background:url(../images/special/shangchao/m27.png) no-repeat; overflow:hidden;}
.box10_bot .plan h2{ height:98px; line-height:98px; font-size:20px; font-weight:bold; color:#5fa4f9; margin-bottom:3px;}
.box10_bot .plan .text{ height:52px; padding:23px 0; line-height:26px; font-size:14px; color:#2b2b2b; margin-bottom:3px;}
.box10_bot .plan .text span{ margin:0 9px;}
.box10_bot .plan_l{ width:321px; float:left;}
.box10_bot .plan_l h2{ text-align:right;}
.box10_bot .plan_l .text1{ padding-left:24px;}
.box10_bot .plan_l .text2{ padding-left:70px;}
.box10_bot .plan_r{ width:318px; float:right;}
.box10_bot .service{ width:1000px; margin-top:36px; overflow:hidden;}
.box10_bot .service ul{ width:1044px;}
.box10_bot .service li{ width:304px; margin-right:44px; float:left;}
.box10_bot .service li .pic{ width:304px; height:142px; overflow:hidden;}
.box10_bot .service li .info{ width:302px; height:182px; border:1px solid #c3c3c3; border-top:0;}
.box10_bot .service li .txt{ width:250px; margin:0 auto; padding-top:20px; color:#737272; font-size:12px;}
.box10_bot .service li .txt h2{ font-size:17px; color:#1d1d1d; text-align:center;}
.box10_bot .service li .txt p{ margin-top:6px;}
.box10_bot .service li .txt a{ color:#737272;}
.box10_bot .service li .link{ width:107px; height:35px; margin:0 auto; margin-top:30px;}

/*弹出层样式*/
.pop_bg{ position:fixed;z-index:5000;background:url(/products/efx/images/pop/pop_bg.png) no-repeat; width:715px; padding:32px 32px 0;}
.sq_pop{ width: 650px; font-family:"Microsoft YaHei"; font-size:14px; color:#333; background:#f5f5f5;padding-bottom:32px;}
.sq_title{ width:630px; line-height:50px; height:50px; background:url(/products/efx/images/pop/pop_title_bg.jpg) repeat-x; border-bottom:1px #cccccc solid; padding-left:20px; font-size:18px; position:relative; }
.pop_close{ cursor:pointer; height:45px; position:absolute; right:0; top:-22px; width:53px;}
.pop_closesom{ background:url(/products/efx/images/pop/pop_closesom.jpg) no-repeat; cursor:pointer; width:22px; position:absolute; height:23px; right:0; top:0;}
.sq_content{ width:610px; padding:10px 20px; }
.sq_content li{margin-top:15px;}
.sq_content li span{display: block;width: 100px;float: left;}
.sq_content li input{line-height: 30px;height: 30px;color:#333; font-family:"Microsoft YaHei"; border:1px #ccc solid; font-size:14px;text-indent: 5px; vertical-align: middle;}
.sq_content li img{vertical-align: middle;}
.pop_input{width: 300px;}
.pop_input2{width: 80px;}
.pop_button{ background:url(/products/efx/images/pop/button_bg.jpg) repeat-x; width:120px; height:35px; border:1px #e76a0a solid; color:#fff; font-size:18px; font-family:"Microsoft YaHei"; cursor:pointer;}