/*PUBLIC----------------------------------------------------------------------------------- */

@CHARSET "UTF-8";

/* 

Copyright 2013 Goksel. All Rights Reserved.

CSS Document

*/

html, body {

	font-family:'Arial';

	font-size: 12px;

	width: 100%;

	height:100%;

	padding:0px;

	margin:0px;

	background-color:#ffffff;



}

img {border:0px;}

p{

	-webkit-margin-before: 0em;

	-webkit-margin-after: 0em;

	-webkit-margin-start: 0px;

	-webkit-margin-end: 0px;

}

a{text-decoration: none;color: #1a5178;}

a:hover{

	text-decoration:underline;

}



input[type=text],input[type=password], textarea {

	float:left;

    -webkit-transition: all 0.30s ease-in-out;

    -moz-transition: all 0.30s ease-in-out;

    -ms-transition: all 0.30s ease-in-out;

    -o-transition: all 0.30s ease-in-out;

    outline: none;

    padding: 5px 0px 5px 5px;

    border: 1px solid #ddd;

	background:#ffffff;

}

input[disabled=disabled], textarea[disabled=disabled] {

	background:#EFEFEF;

}

input[type=text]:focus,input[type=password]:focus, textarea:focus {

	background:#fcfecf;

    box-shadow: 0 0 5px #1fb284;

	border: 1px solid #1fb284;

}

select{

	float:left;

	-webkit-transition: all 0.30s ease-in-out;

    -moz-transition: all 0.30s ease-in-out;

    -ms-transition: all 0.30s ease-in-out;

    -o-transition: all 0.30s ease-in-out;

	outline: none;

    padding: 2px;

    border: 1px solid #ddd;

	background:#ffffff;

}

select:focus {

	background:#fcfecf;

	box-shadow: 0 0 5px #1fb284;

    padding: 2px;

    border: 1px solid #1fb284;

}

.footer_nav{

	float:left;

	width:25%;

	text-align:center;

	cursor:pointer;

}





/*小于 1000 时显示该pc版的菜单隐藏*/

@media screen and (max-width: 1000px) { 

	.header_list_one {display:none;}

}

@media screen and (min-width: 1001px) { 

	.header_list_one {display:block;}

}

.header_list_one{float:left;width:100%;height:115px;position: fixed;top: 0;left:0;background-color:white;}

.header_list_one .subsection{width:96%;max-width:1100px;margin:0 auto;}

.header_list_one .subsection .logoarea{float:left;width:15%;}

.header_list_one .subsection .logo{float:left;width:60%;margin:0px 0px;}

.header_list_one .subsection .menusectionarea{float:left;width:85%;margin-top:55px;}

.header_list_one .subsection .toppercentarea{float:left;width:100%;margin:15px 0px;}

.header_list_one .subsection .toppercentarea .toparea{float:right;font-size:16px;line-height:16px;color:#333333;}

.header_list_one .subsection .toppercentarea .toparea .loginicon{float:left;margin-top:6px;}

.header_list_one .subsection .toppercentarea .toparea .loginicon img{height:16px;}

.header_list_one .subsection .toppercentarea .toparea .login{float:left;margin-left:30px;margin-top:6px;text-transform:uppercase;}

.header_list_one .subsection .toppercentarea .toparea .login a{color:#333333;}

.header_list_one .subsection .toppercentarea .toparea .logout{float:left;margin-left:30px;margin-top:6px;text-transform:uppercase;}

.header_list_one .subsection .toppercentarea .toparea .logout a{color:#333333;}

.header_list_one .subsection .toppercentarea .toparea .global{float:left;margin-left:30px;margin-top:6px;}

.header_list_one .subsection .toppercentarea .toparea .global img{height:16px;}

.header_list_one .subsection .toppercentarea .toparea .languagearea{float:left;margin-left:8px;margin-top:6px;text-transform:uppercase;}

.header_list_one .subsection .toppercentarea .toparea .languagearea a{color:#333333;}

.header_list_one .subsection .toppercentarea .toparea .lanchoose{float:left;margin-left:0px;margin-top:6px;}

.header_list_one .subsection .toppercentarea .toparea .lanchoose img{height:16px;}

.header_list_one .subsection .toppercentarea .toparea .search{float:left;margin-top:6px;}

.header_list_one .subsection .toppercentarea .toparea .search img{height:16px;}



.header_list_one .subsection .menuarea{float:right;font-size:16px;line-height:16px;text-transform:uppercase;}

.header_list_one .subsection .menuarea .list{padding:6px 0px;margin:14px 0px 14px 50px;}

.header_list_one .subsection .menuarea .list:first-child{padding:6px 0px;margin:14px 0px 14px 0px;}

.header_list_one .subsection .menuarea .menu_on{float:left;border-bottom:2px solid #568d35;}

.header_list_one .subsection .menuarea .menu_on a{color:#333333;font-family:Microsoft Yahei;}

.header_list_one .subsection .menuarea .menu_off{float:left;}

.header_list_one .subsection .menuarea .menu_off a{color:#333333;text-decoration:none}





/*小于 1000 时显示该pc版的菜单隐藏*/

@media screen and (max-width: 1130px) { 

	.header_list_one .subsection .menuarea{font-size:12px;}

}

@media screen and (max-width: 1000px) { 

	.header_list_two {display:block;}

}

@media screen and (min-width: 1001px) { 

	.header_list_two {display:none;}

}

.header_list_two{width:100%;margin:0 auto;}

.header_list_two .subarea{width:100%;max-width:100%;margin:0 auto;}

.header_list_two .subarea .caidanbg{float:left;width:100%;height:92px;background:white;}

.header_list_two .subarea .caidan{position:fixed;width:100%;top:0px;z-index:20;}

.header_list_two .subarea .caidan .content{float:left;width:100%;padding-top:28px;padding-bottom:15px;background:white;}

.header_list_two .subarea .caidan #menu_mobile_logo{float:left;width:118px;margin-left:27px;}

.header_list_two .subarea .caidan #menu_mobile_logo img{float:left;width:60%;}



.header_list_two .subarea .caidan .rightmenuactionarea{float:right;margin:0px 26px 0px 0px;}

.header_list_two .subarea .caidan .rightmenuactionarea .controlshowandhide{float:left;margin:15px 0px 0px 18px;cursor:pointer;}

.header_list_two .subarea .caidan .rightmenuactionarea .controlshowandhide #menu_control_01 img{cursor:pointer;width:40px;}

.header_list_two .subarea .caidan .rightmenuactionarea .controlshowandhide #menu_control_02{display:none;}

.header_list_two .subarea .caidan .rightmenuactionarea .controlshowandhide #menu_control_02 img{cursor:pointer;width:30px;}

.gksel_phone_section{display:none}

@media screen and (max-width: 800px) { 

	.header_list_two .subarea .caidan .content{padding-top:0px;height:50px;padding-bottom:5px;}

	.header_list_two .subarea .caidan #menu_mobile_logo{margin-left:0px;}

	

}



.gksel_sparrow_banner{width:100%;}

.gksel_sparrow_banner img{width:100%;}



.gksel_who{width:60%;margin:100px auto;overflow:hidden;float:left;margin-left:20%;}

.gksel_who_left{float:left;width:50%;}

.gksel_who_right{float:right;width:50%;}

.gksel_who_left .title{width:150px;padding:10px;border:5px solid #26b98c;text-align:center;font-size:20px;margin:auto;}

.gksel_who_left .sanjiao{width:0;height:0;border:20px solid;border-color:#26b98c  transparent transparent transparent;margin:10px auto;}

.gksel_who_left .text{width:100%;text-align:center;font-size:16px;}

.gksel_who_left .btn{width:100px;height:40px;line-height:40px;text-align:center;font-size:16px;background-color:#26b98c;color:white;border-radius:15px;margin:20px auto;cursor:pointer;}

.gksel_who_right .image{width:49%;}

.gksel_who_right .image img{width:100%;}

.gksel_who_right .image:nth-child(even){float:left;}

.gksel_who_right .image:nth-child(odd){float:right;}

.gksel_who_right .image:nth-child(3){margin-top:10px;}

.gksel_who_right .image:nth-child(4){margin-top:10px;}





.gksel_marketoperat_area{width:100%;overflow:hidden;}

.gksel_marketoperat_bg{float:left;width:100%;background:#a69389}

.gksel_marketoperat_bg .title{width:100%;color:#fff;text-align:center;letter-spacing:3px;font-weight:400}

.gksel_marketoperat_bg .linearea{float:left;width:100%}

.gksel_marketoperat_bg .linearea .line{margin:0 auto;width:28px;border-bottom:3px solid #000}

@media screen and (max-width:600px){.gksel_registerhome_area{margin:0 0 20px}

.gksel_registerhome_area .content .subcontent{width:250px}

.gksel_registerhome_area .content .subcontent .box{margin-left:0}

}

@media screen and (min-width:601px) and (max-width:900px){.gksel_registerhome_area{margin:90pt 0 20px}

.gksel_registerhome_area .content .subcontent{width:530px}

.gksel_registerhome_area .content .subcontent .box{margin-left:30px}

.gksel_registerhome_area .content .subcontent .box:nth-child(1),.gksel_registerhome_area .content .subcontent .box:nth-child(3){margin-left:0}

}

@media screen and (min-width:901px){.gksel_registerhome_area{margin:150px 0 20px}

.gksel_registerhome_area .content .subcontent{width:810px}

.gksel_registerhome_area .content .subcontent .box{margin-left:30px}

.gksel_registerhome_area .content .subcontent .box:nth-child(1){margin-left:0}

}

.gksel_registerhome_area{overflow:hidden;width:100%}

.gksel_registerhome_area .titlearea{float:left;margin:20px 0 0;width:100%;color:gray;text-align:center;font-size:30px}

.gksel_registerhome_area .titlearea .icon{height:35px}

.gksel_registerhome_area .subtitlearea{float:left;margin:20px 0 0;width:100%;color:gray;text-align:center;font-size:14px}

.gksel_registerhome_area .content{float:left;margin-top:20px;width:100%}

.gksel_registerhome_area .content .subcontent{margin:0 auto}

.gksel_registerhome_area .content .subcontent .box{float:left;margin-bottom:30px;width:250px;height:250px;cursor:pointer}

@media screen and (max-width:600px){.gksel_marketoperat_bg .title{margin-top:15px;padding-bottom:15px;font-size:2pc;line-height:2pc}

}

@media screen and (min-width:601px) and (max-width:800px){.gksel_marketoperat_bg .title{margin-top:15px;padding-bottom:15px;font-size:2pc;line-height:2pc}

}

@media screen and (min-width:801px) and (max-width:1000px){.gksel_marketoperat_bg .title{margin-top:15px;padding-bottom:20px;font-size:60px;line-height:60px}

}

@media screen and (min-width:1001px){.gksel_marketoperat_bg .title{margin-top:15px;padding-bottom:20px;font-size:60px;line-height:60px}

}



.gksel_footer{width:calc(100% - 2px);background-color:white;border:1px solid white;float:left;}

.gksel_footer_box{width:95%;margin:50px auto;overflow:hidden;color:black;}

.gksel_footer_box_logo{width:100%;text-align:left;}

.gksel_footer_box_logo img{width:150px;height:90px;} 

.gksel_footer_text{float:left; width:20%;margin-top:20px;}

.gksel_footer_nav{float:right; width:20%;margin-top:20px;}

.gksel_footer_nav div{margin-top:20px;}

.gksel_footer_copyright{width:100%;overflow:hidden;}



.gksel_footer_copyright{width:90%;overflow:hidden;color:#7f7f7f;font-size:14px;margin-top:20px;float:left;}

.gksel_footer_copyright .left{float:left}

.gksel_footer_copyright .right{float:right;width:30%;overflow:hidden;}

.gksel_footer_copyright .right div{float:left;width:33.3%;}



@media screen and (max-width:660px){

	.gksel_footer_copyright .left{float:left;width:100%;}

    .gksel_footer_copyright .right{float:left;width:100%;overflow:hidden;}

    .gksel_footer_copyright .right div{float:left;width:33.3%;}

    .gksel_footer_text{float:left; width:100%;margin-top:20px;}

    .gksel_footer_nav{float:left; width:33%;margin-top:20px;}

    .gksel_marketoperat_bg .left{width:100% !important;}

    .gksel_marketoperat_bg .left div{width:93% !important;}

    .gksel_marketoperat_bg .left .btn{width:50% !important;text-align:center;}

    .gksel_marketoperat_bg .right{width:80% !important;margin-left:0 !important;margin-top:20px;}

    .gksel_marketoperat_bg .right textarea{width:93% !important;}

}

@media screen and (max-width:900px){

	.gksel_who_left{width:100%}

	.gksel_who_right{width:100%}

}







#mobile_menubg{top:0;left:0;height:385px;background:#fff;opacity:.9}

#mobile_menu,#mobile_menubg{position:absolute;z-index:21;display:none;width:100%}

#mobile_menu{float:left}

#mobile_menutabheight{float:left;width:100%;height:100%;border-spacing:0}

#mobile_menutabheight .leftline{width:4px;background:#193f71}

#mobile_menutabheight .logobox{float:left;margin:27px 0 0 21px;width:118px;cursor:pointer}

#mobile_menutabheight .logobox img{float:left;width:40%}

#mobile_menutabheight .closebox{float:right;margin:35px 25px 0 0;width:25px;cursor:pointer}

#mobile_menutabheight .closebox img{width:100%;cursor:pointer}

#mobile_menutabheight .contentpadding{padding-right:22px}

#mobile_menutabheight .contentdiv{float:left;margin:20px 0 0;width:100%;font-size:14px}

#mobile_menutabheight .contentloginuser{float:left;padding:10px 0;width:100%;border-bottom:1px solid #555;color:#555;text-indent:10px;text-transform:uppercase}

#mobile_menutabheight .contentloginuser a{color:#555}

#mobile_menutabheight .contentlastlist{float:left;padding:10px 0;width:100%;color:#555;text-indent:10px;text-transform:uppercase}

#mobile_menutabheight .contentloginuser .logout{float:right;color:#555}







/*产品平铺*/

.gksel_sparrow_product{width:65%;margin:20px auto;}

.gksel_sparrow_product_title{width:100%;height:40px;background-color:#f6f1ed;text-indent:20px;font-size:18px;line-height:40px;}

.gksel_product{width:100%;overflow:hidden;}

.gksel_product .box{width:20%;overflow:hidden;float:left;height:300px;text-align:center;margin-top:20px;}

.gksel_product .box:nth-child(2n){margin-left:6.6%;margin-right:6.6%}

.gksel_product .box:nth-child(4n){margin-left:6.6%;margin-right:0;float:right}

.gksel_product .box .box_image{width:100%;height:150px;overflow:hidden;margin-bottom:10px;display:block;}

.gksel_product .box .box_image img{width:100%}

.gksel_product .box .box_name{width:100%;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size:16px;}

.gksel_product .box .box_price{width:100%;font-size:16px;line-height:25px;}

.box_name_height{height:50px;}

.gksel_product .box .box_btn{width:100px;height:30px;background-color:#1fb284;color:white;line-height:30px;text-align:center;font-size:14px;margin:auto;border-radius:10px;cursor:pointer;}

.gksel_product .box .box_btn:hover{border:1px solid gray;;}



@media screen and (max-width:900px){

  .gksel_product .box{width:45%;overflow:hidden;float:left;height:300px;text-align:center;margin-top:20px;}

  .gksel_product .box:nth-child(2n){margin-left:5%;margin-right:0%;float:right;}

  .gksel_product .box:nth-child(4n){margin-left:5%;margin-right:0;float:right}

}

@media screen and (max-width:600px){

  .gksel_product .box{width:100%;overflow:hidden;float:left;height:300px;text-align:center;margin-top:20px;}

  .gksel_product .box:nth-child(2n){margin-left:0%;}

  .gksel_product .box:nth-child(4n){margin-left:0%;}

}





/*产品详情*/

.gksel_product_details{width:65%;margin:20px auto;}

.gksel_product_details .gksel_sparrow_product_title{width:100%;height:40px;background-color:#f6f1ed;text-indent:20px;font-size:18px;line-height:40px;margin:10px auto;}

.gksel_product_details_search{width:100%;overflow:hidden;}

.gksel_product_details_search select{height:30px;border-radius:10px;}

.gksel_product_details_search select:nth-child(2){margin-left:20px;}

.gksel_product_details_section{width:80%;overflow:hidden;margin:auto;text-align:center;}

.gksel_product_details_section .left{float:left;width:50%;}

.gksel_product_details_section .right{float:right;width:50%;text-align:left;}

.gksel_product_details_section .left img{width:100%;max-width:300px;}

.right_name{font-size:25px;}

.right_title1{font-size:20px;color:#4d4f4f;margin-top:30px;}

.right_title2{font-size:20px;margin-top:30px;}

.right_price{font-size:25px;color:#ff3333;margin-top:30px;}

.right_btn{margin-top:30px;}

.right_btn .btn{font-size:16px;text-align:center;width:100px;height:30px;line-height:30px;color:white;background-color:#ff3333;border-radius:5px;}

@media screen and (max-width:800px){

.gksel_product_details_section{width:100%;}

.gksel_product_details_section .right{text-align:center;}

 .gksel_product_details_section .left{float:left;width:100%;}

.gksel_product_details_section .right{float:right;width:100%;}

.right_btn .btn{margin:auto;}

}

.more_details{width:100%;overflow:hidden;}

.more_details .box{width:50%;overflow:hidden;float:left;height:300px;text-align:center;margin-top:20px;}

.more_details .box img{width:100%;}

.more_recommend{width:100%;overflow:hidden;text-align:center;}

.more_recommend .box{width:calc(30% - 2px);height:400px;float:left;border:1px solid gray;margin-top:20px;}

.more_recommend .box_image{width:100%;margin-bottom:20px;}

.more_recommend .box img{width:100%;}

.more_recommend .box:nth-child(3n-1){margin-left:5%;margin-right:5%;}

.more_recommend .box:nth-child(3n){float:right;}

.more_recommend .box .box_name{width:100%;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size:16px;}

.more_recommend .box .box_price{width:100%;font-size:16px;line-height:25px;}

.more_recommend .box .box_btn{width:100px;height:30px;background-color:#1fb284;color:white;line-height:30px;text-align:center;font-size:14px;margin:auto;border-radius:10px;cursor:pointer;}

.more_recommend .box .box_btn:hover{border:1px solid gray;;}

@media screen and (max-width:800px){

  .more_details .box{width:100%;height:200px;}

  .more_recommend .box{width:99%}

  .more_recommend .box{height:500px;}

  .more_recommend .box:nth-child(3n-1){margin-left:0%;margin-right:0%;}

}

@media screen and (max-width:400px){

  .more_recommend .box{height:400px;}

}





/*填写地址模块*/

.gksel_address{

	width:100%;

	margin:100px auto;

	overflow:hidden;

    margin-top: 50px;

    max-width: 900px;



    border-top:1px solid #d4d4d4;

    border-right:1px solid #d4d4d4;



}

.gksel_address_left{

	width:34%;

	float:left;



}

.gksel_address_right{

	width:66%;

	float:right;

}

.gksel_address_left .gksel_address_left_header{

	width:97%;

	border:1px solid #d4d4d4;

	overflow:hidden;

}

.gksel_address_left_news{width:97%;border:1px solid #d4d4d4;overflow:hidden;}

.gksel_address_left_news .box_width{width:80%;overflow:hidden;margin:20px auto;}

.gksel_address_left_news .box_width .box{float:left;border-radisu:50%;font-size:14px;text-align:center;margin-left:20px;}

.gksel_address_left_news .box_width .box:nth-child(2){float:right;margin-right:20px;}

.gksel_address_left_news .box_width .box .box_image{width:70px;height:70px;}

.gksel_address_left_news .box_width .box img{width:100%;}

.gksel_address_left_news .box_width .box .box_name{width:70px;font-size:12px;}

.gksel_address_left .gksel_address_left_header div{width:70%;;margin:auto;overflow:hidden;min-width:210px;}

.gksel_address_left .gksel_address_left_header span{

	display:block;

	width:60px;

	height:50px;

	margin:15px auto;

	border:5px solid #ebeaea;

	border-radius:50%;

	padding:5px 0;

	float:left;

}

.gksel_address_left .gksel_address_left_header span img{

	width:100%;

}

.gksel_address_left .gksel_address_left_header p{

	float:right;

	margin:15px auto;

	font-size:18px;

	text-align: center;

	color:#545454;

	text-align:left;

}

.gksel_address_left .gksel_address_left_section{

	display:block;

	width:97%;

	overflow:hidden;

	border-bottom:1px solid #d4d4d4;

	border-left:1px solid #d4d4d4;

	border-right:1px solid #d4d4d4;

	

}

.gksel_address_left .gksel_address_left_section .gksel_address_left_section_bottom{

	display:block;

	width:100%;

	height:5px;

	background-color:white;

	float:left;

}

.gksel_address_left_section_text{

	width:64%;

	margin:0px auto;

	margin-top:3px;

	padding:20px; 

	

}

.gksel_address_left .gksel_address_left_section:hover p{color:#322f4c;}

.gksel_address_left .gksel_address_left_section:hover .gksel_address_left_section_bottom{background-color:#322f4c;}

.gksel_address_left .gksel_address_left_section span{

	display: inline-block;

	height:25px;

	width:25px;

	float:left;

	margin-left:40px;

	overflow:hidden;

}

.gksel_address_left .gksel_address_left_section:hover .i1{display:none

}

.gksel_address_left .gksel_address_left_section img{

	

	width:100%;

}

.gksel_address_left .gksel_address_left_section p{

	display: inline-block;

	font-size:17px;

	color:#545454;

	margin-left:20px;

}

.gksel_address_right .gksel_address_right_section{

	width:90%;

	margin:20px auto;

	padding:10px 10px;

	overflow:hidden;

	border:2px solid #d4d4d4;

	background-color:#f5f3f3;

}



.gksel_address_right_btn{

	float:right;

	margin-top:20px;

	margin-right:50px;

}

.gksel_address_right_btn .btn1{

	width:150px;

	height:35px;

	background-color:#5A9B33;

	font-size:16px;

	color:white;

	border:3px solid #5A9B33;

}

.gksel_address_right_btn .btn2{

	width:120px;

	height:35px;

	background-color:#5A9B33;

	font-size:16px;

	color:white;

	margin-left:20px;

	border:3px solid #5A9B33;

}

 @media screen and (min-width: 920px) and (max-width: 1450px) {

      .gksel_address_left .gksel_address_left_section span{}

      .gksel_address_left_section_text{width:80%}



 }

@media only screen and  (max-width:920px){

 .gksel_address_left .gksel_address_left_section span{display:none}

  .gksel_address_left_section_text{width:90%}

  .gksel_address_left .gksel_address_left_section p{display: inline-block;font-size:20px;}

}

@media only screen and  (max-width:1200px){  .gksel_address_left_section_text{width:100%}}



@media screen and (min-width: 860px) and (max-width: 1000px) {

	.gksel_address_left .gksel_address_left_section{margin:20px auto;}

.gksel_address_left .gksel_address_left_section p{font-size:20px;}

}

@media only screen and  (max-width:650px){

         .gksel_address{border:none;}

		.gksel_address_left .gksel_address_left_section p{

		display: inline-block;

		font-size:18px;

		color:#545454;

		margin-left:30px;

	    }

		.gksel_address_left .gksel_address_left_section span{

			display: inline-block;

			height:50px;

			width:50px;

			float:left;

			margin-top:0px;

			display:block

		}

		.gksel_address_left{

			width:99%;

			float:left;

		    margin-top:20px;

		}

		.gksel_address_right{

			width:71%;

			height:1000px;

			float:left;

			margin:20px auto;

		}



		.gksel_address_right_btn{margin-top:50px;margin-right:0px;}

		.gksel_address_right_btn .btn2{margin-top:20px;}

        .gksel_address{margin:0px auto;}

        .gksel_searchd{margin-top:10000000000000px;}   

}



.gksel_address_right_section .nav{width:calc(100% - 2px);border:1px solid #959595;overflow:hidden;background-color:#f5f3f3;}

.gksel_address_right_section .nav div{text-align:center;font-size:16px;line-height:25px;}

.gksel_address_right_section .nav .nav_id{width:10%;float:left;}

.gksel_address_right_section .nav .nav_number{width:20%;float:left;}

.gksel_address_right_section .nav .nav_time{width:30%;float:right;}

.gksel_address_right_section .nav .nav_status{width:30%;float:right;}



.gksel_address_right_section .data{width:calc(100% - 2px);border-bottom:1px solid #959595;overflow:hidden;}

.gksel_address_right_section .data div{text-align:center;font-size:16px;line-height:40px;}

.gksel_address_right_section .data .nav_id_section{width:10%;float:left;}

.gksel_address_right_section .data .nav_number_section{width:20%;float:left;}

.gksel_address_right_section .data .nav_time_section{width:30%;float:right;}

.gksel_address_right_section .data .nav_status_section{width:30%;float:right;}





.gksel_address_right_section .wishlist_nav{width:100%;overflow:hidden;}

.gksel_address_right_section .wishlist_nav div{text-align:center;font-size:16px;line-height:25px;}

.gksel_address_right_section .wishlist_nav .wishlist_nav_hour{width:30%;float:left;}

.gksel_address_right_section .wishlist_nav .wishlist_nav_hour span{font-size:17px;color:#ae425a;}

.gksel_address_right_section .wishlist_nav .wishlist_nav_details{width:30%;float:left;}

.gksel_address_right_section .wishlist_nav .wishlist_nav_time{width:25%;float:right;}

.gksel_address_right_section .wishlist_nav .wishlist_nav_text{width:15%;float:right;overflow:hidden;}



.gksel_address_right_section .wishlist_nav .wishlist_nav_text div{float:right;width:100%;height:30px;background-color:white;line-height:30px;text-align:center;font-szie:20px;border:1px solid  #eff6fd;border-radius:10px;margin-top:30px;}



.wishlist_nav_details_img{width:40%;margin:auto;text-align:center}

.wishlist_nav_details_img img{width:100%;}

.wishlist_nav_details_evaluation{width:100%;margin:10px auto;text-align:center;font-size:16px;}

.wishlist_nav_details_evaluation .header{width:50px;border-radius:50%;overflow:hidden;margin:auto;}

.wishlist_nav_details_evaluation .header img{width:100%}

.wishlist_nav_details_evaluation .evaluation{width:100%;}

.wishlist_nav_details_evaluation .evaluation img{width:100%;max-width:130px;}



.gksel_address_right_recommend{width:90%;margin: 20px auto;padding: 10px 10px;overflow: hidden;border: 2px solid #d4d4d4;background-color: #f5f3f3;}

.shopping_recommend{width:100%;overflow:hidden;}

.shopping_recommend .box{width:20%;float:left;height:300px;}

.shopping_recommend .box:nth-child(2n){margin-left:6.6%;margin-right:6.6%}

.shopping_recommend .box:nth-child(4n){margin-left:6.6%;margin-right:0;float:right}

.shopping_recommend .box_image{width:100%;height:100px;overflow:hidden;margin-bottom:10px;}

.shopping_recommend .box_image img{width:100%;}



.shopping_recommend .box_name{width:100%;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size:16px;}

.shopping_recommend .box .box_price{width:100%;font-size:16px;line-height:25px;}

.shopping_recommend .box .box_btn{width:80px;height:30px;background-color:#1fb284;color:white;line-height:30px;text-align:center;font-size:14px;margin:auto;border-radius:10px;cursor:pointer;}

.shopping_recommend .box .box_btn:hover{border:1px solid gray;;}





@media screen and (max-width:800px){

  .gksel_address_left .gksel_address_left_header{width:100%;}

  .gksel_address_left_news{width:100%;}

  .gksel_address_left .gksel_address_left_section{width:100%;}

  .gksel_address_right{width:100%;}

}

@media screen and (max-width:600px){

  .shopping_recommend .box{width:40%;float:left;height:300px;}

  .shopping_recommend .box:nth-child(2n){margin-left:10%;margin-right:0%;float:right}

  .shopping_recommend .box:nth-child(4n){margin-left:10%;margin-right:0;float:right}

}



.timeline_section{width:100%;float:left;height:800px;margin-top:0px;}

.history_2007{position:absolute;left:0;top:-80px;float:left;}

.history_box{width:250px;height:80px;background-color:#234575;color:white;border:1px solid #234575;border-radius:5px;margin-top:35px;}

.timeline_section ul li{margin-left:20px}

.history_2008{position:absolute;left:230px;bottom:-6px;}

.history_2009{position:absolute;left:330px;top:-6px;}

.history_2010{position:absolute;left:630px;top:-80px;}

.history_2011{position:absolute;left:860px;top:-5px;}

.history_2013{position:absolute;left:999px;top:-171px;}

.history_2014{position:absolute;left:1200px;top:-71px;}

.header_nav{width:48px;height:100%;border-right:2px solid #f1f1f1;background-color:white;position: fixed;top: 0;left:0;z-index: 1;}

.header_name{width:100%;margin-left:20px;color:white}

.header_name .box{width:300px;text-align:left;font-size: 40px;margin-top:20px;cursor:pointer;}

.home_header{width:100%;overflow:hidden;}

.nav_name{margin-left:-1000px;}

.header_about{display:none;cursor:pointer;}

.header_services{cursor:pointer;}







/*服务*/

.services_section{width:900px;margin:50px 20px;float:left}

.services_section .box{width:900px;overflow:hidden;margin-top:20px;}

.services_section .box1 .left{width:30%;background-color:#193f71;padding:0 20px;text-align:right;height:50px;line-height:50px;color:white;font-size:18px;float:left}

.services_section .box1 .center{width:15px;background-color:#193f71;height:50px;float:left;margin:0 10px;}

.services_section .box1 .right{width:calc(50% - 75px;);font-size:14px;}

.services_section .box2 .left{width:35%;background-color:#1a4c8c;padding:0 20px;text-align:right;height:67px;line-height:67px;color:white;font-size:18px;float:left}

.services_section .box2 .center{width:15px;background-color:#1a4c8c;height:67px;float:left;margin:0 10px;}

.services_section .box2 .right{width:calc(50% - 75px;);font-size:14px;}

.services_section .box3 .left{width:40%;background-color:#3b72b9;padding:0 20px;padding-top:10px;text-align:right;height:100px;line-height:30px;color:white;font-size:18px;float:left}

.services_section .box3 .center{width:15px;background-color:#3b72b9;height:100px;float:left;margin:0 10px;padding-top:10px;}

.services_section .box3 .right{width:calc(50% - 75px;);font-size:14px;line-height:18px;}

.services_section .box4 .left{width:45%;background-color:#5086c5;padding:0 20px;padding-top:10px;text-align:right;height:80px;line-height:80px;color:white;font-size:18px;float:left}

.services_section .box4 .center{width:15px;background-color:#5086c5;height:80px;float:left;margin:0 10px;padding-top:10px;}

.services_section .box4 .right{width:calc(50% - 75px;);font-size:14px;line-height:18px;}

.services_section .box5 .left{width:50%;background-color:#193f71;padding:0 20px;text-align:right;height:50px;line-height:50px;color:white;font-size:18px;float:left}

.services_section .box5 .center{width:15px;background-color:#193f71;height:50px;float:left;margin:0 10px;}

.services_section .box5 .right{width:calc(50% - 75px;);font-size:14px;}

.services_image{float:left;width:500px;margin-left:-190px}



.div-relative{position:relative; color:#000; width:300px; height:400px} 

.div-a{ position:absolute; left:70px; top:40px; background:#F00; width:200px; height:400px} 

/* css注释说明： 背景为红色 */ 

.div-b{ position:absolute; left:50px; top:60px; background:#FF0; width:200px; height:400px} 

/* 背景为黄色 */ 

.div-c{ position:absolute; left:30px; top:80px; background:#00F; width:200px; height:400px} 



.phone_loadings{display:none;position:absolute;left:0;top:0;}

@media screen and (max-width:800px){

  .wrapper-scroll{display:none}

  .phone_loadings{display:block;}

  .gksel_phone_section{display:block}

  

.services_section{width:100%;margin:20px 0px;float:left}

.services_section .box{width:90%;overflow:hidden;margin:auto;margin-top:20px;}

.services_section .box1 .left{width:30%;background-color:#193f71;padding:0 0px;text-align:center;;height:50px;line-height:50px;color:white;font-size:18px;float:right}

.services_section .box1 .center{width:15%;display:none;background-color:#193f71;height:50px;float:right;margin-left:5%;margin-right:0;}

.services_section .box1 .right{width:60%;margin-top:-10px;font-size:14px;float:right;text-align:left;}



.services_section .box2 .left{width:35%;background-color:#193f71;padding:0 0px;text-align:center;height:67px;line-height:67px;color:white;font-size:18px;float:right}

.services_section .box2 .center{width:15%;display:none;background-color:#1a4c8c;height:67px;float:right;margin-left:5%;margin-right:0;}

.services_section .box2 .right{width:60%;font-size:14px;float:right;text-align:left;}



.services_section .box3 .left{width:37%;background-color:#193f71;padding:0 0px;padding-top:10px;text-align:center;height:130px;line-height:30px;color:white;font-size:18px;float:right}

.services_section .box3 .center{width:15%;display:none;background-color:#3b72b9;height:100px;float:right;margin-left:5%;margin-right:0;}

.services_section .box3 .right{width:60%;font-size:14px;float:right;text-align:left;}



.services_section .box4 .left{width:39%;background-color:#193f71;padding:0 0px;padding-top:10px;text-align:center;height:80px;line-height:80px;color:white;font-size:18px;float:right}

.services_section .box4 .center{width:15%;display:none;background-color:#5086c5;height:80px;float:right;margin-left:5%;margin-right:0;}

.services_section .box4 .right{width:60%;font-size:14px;margin-top:-15px;float:right;text-align:left;}



.services_section .box5 .left{width:40%;background-color:#193f71;padding:0 0px;text-align:center;height:50px;line-height:50px;color:white;font-size:18px;float:right}

.services_section .box5 .center{width:15%; display:none;background-color:#193f71;height:50px;margin-left:5%;margin-right:0;}

.services_section .box5 .right{width:60%;font-size:14px;float:right;text-align:left;margin-top:-15px;}

}

.banner_box2{display:none;text-transform:Uppercase;}

.goksel_about{width:100%;float:left;margin-bottom:40px;}

.goksel_about .goksel_about_title{text-align:center;font-size:22px;margin:20px auto;}

.goksel_about .goksel_about_text{width:90%;margin:auto;text-align:left;font-size:14px;}

.goksel_about .goksel_about_img{width:90%;margin:30px auto;}

.goksel_about .goksel_about_img img{width:60%;margin:auto;display:block;}

.goksel_about_title{text-align:center;font-size:18px;margin:20px auto;}

.goksel_about_text{width:90%;margin:auto;text-align:left;font-size:14px;}



.goksel_about_title{text-align:center;font-size:18px;margin:20px auto;}

.goksel_round{width:50px;height:50px;background-color:#193f71;border-radius:49%;margin:auto;font-size:20px;text-align:center;line-height:50px;color:white;margin-top:20px;}

.goksel_creative{width:100%;text-align:center;font-size:16px;width:90%;margin:auto;}

.goksel_creative .text1{width:100%;color:#193f71;margin-top:5px;}

.goksel_creative .text2{width:100%;margin-top:5px;line-height:20px;}



.gksel_protfolio{width:100%;float:left;margin-bottom:50px;}

.gksel_protfolio .gksel_protfolio_box{width:90%;padding-bottom:120%;margin:auto;margin-top:20px;}

.more_box{cursor:pointer;}

.many_more{cursor:pointer;}



.gksel_protfolio_phone{width:90%;margin:auto;padding-bottom:20px;border-bottom:1px solid #333;margin-top:20px;}

.gksel_protfolio_phone .img_box{width:100%;}

.gksel_protfolio_phone .img_box img{width:100%;}

.gksel_protfolio_phone .er_box{width:100%;}

.gksel_protfolio_phone .er_box img{width:100%;} 

.gksel_protfolio_phone .title_box{width:100%;text-align:left;font-size:18px;font-weight:bold;margin:20px auto;}

.gksel_protfolio_phone .section_box{width:100%;}

.gksel_protfolio_phone .section_box ul{margin-left:-25px;font-size:14px;}