/**
 * Style Guide for Avern Corp
 * 
 * Background:    #F1F2F2
 * Text:          #333
 * Text hover:    #999
 * Borders:       #c6c8c8
 *
 */



/*** Styling ***/

* { margin:0; padding:0; }

body {
	color: #333;
	margin: 0;
	padding: 0;
	background: #F1F2F2;
}

section,  header,  footer { display: block; }
.wrapped {
	width: 940px;
	margin: auto;
	padding: 0 10px;
	display:block;
}

h1 {
	color: #333;
	font-style: helvetica, arial, sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 18px;
	text-transform: none;
}
h2 {
	color: #333;
	font-style: helvetica, arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	text-transform: none ;
}

a, a:active, a:visited { color: inherit; text-decoration: none; font-size: 13px; line-height: 20px;}
a:hover { color: #999; text-decoration: none; }
a img { border: 0; }
p { font-size: 13px; line-height: 20px; }
li { font-size: 13px; line-height: 20px;}
#logos ul {list-style: none; margin: 0; }
#logos li { float: left; margin-right: 50px; text-transform: uppercase; list-style-type: none; }

.left { float: left; }
.right { float: right; } 

hr {
	border: 0;
	color: #c6c8c8;
	background-color: #c6c8c8;
	height: 1px;
	width: 100%;
  	margin: 5px 0;
  	float: left;
}

/*** End Styling ***/



/*** Header ***/

header { height: 110px; background-color: #f1f2f2; }
header h1 { float: left; display:block;}

#main_menu {
	float: right;
	list-style: none;
	padding: 0;
	margin: 45px 0 0 0;
	font-family: Helvetica;
	text-transform: uppercase;
	margin-right: 30px;

}
#main_menu li { float: left; margin-left: 40px; padding: 0; }
#main_menu li a { color: #333; font-size:12px;}
#main_menu li a:hover { text-decoration: none; color: #999;}

/*** End Header ***/



/*** Feature Section ***/

#feature {
	padding: 0 0;
	background-color: #f1f2f2;
	display:block;
	
}



/*** End Feature Section ***/

/*** Insurance Section ***/

/*#Insurance .wrapped .container{background: url(insurence.png) no-repeat;}*/

#insurance {
	padding: 0 0;
	background-color: #f1f2f2;
	margin-bottom: 10px;
	display:block;
	min-height: 78px;
}
#insurance .wrapped .container{min-height: 78px;width: 940px;background: url("lzdh_ba.png") no-repeat;}

/*** End Insurance Section ***/


/*** Information ***/

#information  {display: block; min-width: 960px; padding: 35px 0; background: #fff; border-top: 1px solid #c6c8c8; border-bottom: 1px solid #c6c8c8;}
.col1 {display: inline-block; width: 910px; }

.col-full{ min-height: 30px; float: left;}
.col-left {width:580px; min-height:30px; float:left;}
.col-right {width: 290px; min-height: 30px; float:right;margin-left: 40px;}
.col-left-pro{width: 80px;min-height: 80px;float: left;}
.col-right-pro{width: 460px;min-height: 50px;float: left;margin-left: 40px;}
.col-center{width: 410px; margin: 0 auto;display: block;}


.col1 a.action {display: block; margin-top: 25px; }


.col2 {display: inline-block; width: 610px; float: left; margin-left: 50px; }
.col2 a.action {display: block; margin-top: 25px; }



.col3 {display: inline-block; width: 445px; float: left; margin-left: 0px; }
.col3 a.action {display: block; margin-top: 25px; }
.col4 {display: inline-block; width: 445px; float: left; margin-left: 50px; }
.col4 a.action {display: block; margin-top: 25px; }

.col5 {display: inline-block; width: 280px; float: left; margin-left: 0px; }
.col5 a.action {display: block; margin-top: 25px; }
.col6 {display: inline-block; width: 280px; float: right; margin-left: 50px; }
.col6 a.action {display: block; margin-top: 25px; }

.col7 {display: inline-block; width: 200px; float: left; margin-left: 0px; }
.col7 a.action {display: block; margin-top: 25px; }
.col8 {display: inline-block; width: 200px; float: left; margin-left: 45px; }
.col8 a.action {display: block; margin-top: 25px; }

.col9 {display: inline-block; width: 445px; float: left; margin-left: 247px; }
.col9 a.action {display: block; margin-top: 25px; }

.col10 {display: inline-block; width: 940px; float: left; margin-left: 0px; }
.col10 a.action {display: block; margin-top: 25px; }

.col11 {display: inline-block; width: 205px; float: left; margin-left: 15px; margin-right: 15px;}
.col11 a.action { display: block; margin-top: 25px; }

.col12 {display: inline-block; width: 610px; float: left; margin-left: 50px;}
.col13 {display: inline-block; width: 280px; float: left; margin-left: 0px;}

.col { display: inline-block; width: 280px; float: left; margin-left: 50px; }
.col a.action { display: block; margin-top: 25px; }
:nth-child(3n+1).col { margin-left: 0 !important; }

.clearfix {clear: both;}

/*** End Information ***/



/*** Footer ***/

#footer_content {
	padding: 20px 0 40px 0;
/*	margin-bottom: 20px;*/
	background: #f1f2f2;
	display: block;
}
#footer_content p, #footer_content li, #footer_content a { font-size: 11px; color: #333; }  
#footer_content a:hover { color: #999 !important; }
#footer_content ul { list-style: none; margin: 0; }
#footer_content li { float: left; margin-left: 30px; text-transform: uppercase; }

/*** End Footer ***/



/*** img ***/

.logo{
	display: block;
	width: 180px;
	height: 32px;
	margin-top: 50px;
	background: url(img/lzdh_logo_1.png);
}

.wrapped > a > img{margin-top: 30px; float: left;width: 300px; }

.sinopec {
	display: inline-block;
	width: 190px;
	height: 35px;
	margin-top:2px;
    background: url(img/sinopeclogo.png);
}
.sis {
	display: inline-block;
	width: 80px;
	height: 90px;
	margin-top:-50px;
	background: url(img/sislogo.png);
}
.contact{
	display: block;
	width: 445px;
	height: 420px;
	background: url(img/contact.jpg) -70px -50px ;
}
.aboutimg{
	display: block;
	width: 445px;
	height: 420px;
	background: url(“img/about.jpg”) 0px -70px ;
}

.otc{
	display: block;
	width: 280px;
	height: 157px;
	border: 1px solid #c6c8c8;
	background: url(“img/lzdh_jigou.png”);
}
.otc > img{margin: 10px 8px 6px 8px;}



/*** Search Box ***/

#cse-search-box-form-id {
	margin-top:-4px;
}

#cse-search-box-form-id input[type="text"] {
    background: url(img/search-white.png) no-repeat 10px 4px #f6f6f6;
    border: 1px solid #dfe0e0;
    margin-top:1px;
    font-family: helvetica, arial, sans-serif;
    font-size:  12px;
    color: #333;
    width: 65px;
    padding: 6px 0px 5px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.15) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    outline:none;
    }


/*** End Search Box ***/



/*** Slider ***/

#container {
	width:940px;
	margin:0 auto;
}

#slides {
	width:940px;
	height:380px;
}

/* Slides container */

.slides_container {
	width:940px;
	overflow:hidden;
	position:relative;
	display:none;
}

/* Each slide */



/* Pagination */

.pagination {
	margin:15px auto;
	width:42px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*** End Slider ***/



/*** Contact Form ***/

#contact_form { height: 380px; }

#contact_form form { position: absolute; padding-top: 20px; margin-top:10px;}
#contact_form form p {
	display: block;
	position: relative;
	height: 30px;
	margin-bottom: 5px;
}

#contact_form form p span { display: block; width: 445px;}
#contact_form input { 
	width: 445px; 
	outline: none; 
	padding: 3px 5px;  
	margin-top:-10px; 
	border: 1px solid #c6c8c8;
	font-family: helvetica, arial, sans-serif;
    font-size: 12px;}

#contact_form form #message_box { 
	position: absolute; 
	top: 125px; 
	width: 100%; 
	outline:none; }
#contact_form form #message_box textarea { 
	width: 445px; 
	height: 195px; 
	outline:none; 
	padding: 3px 5px; 
	border: 1px solid #c6c8c8; 
	resize: none;
	font-family: helvetica, arial, sans-serif;
    font-size: 12px;}
#contact_form form #submit { position: absolute; top: 345px; }
#contact_form form #submit input { 
	width:100px;
	height:25px;
	display: inline-block;
    text-decoration: none;
    font-family: helvetica, arial, sans-serif;
    font-size: 11px;
    padding: 6px 3px;
    border: 1px solid #c6c8c8;
    background-color:#fff;
    color: #333;
    }
#contact_form form #submit input:hover { 
    background-color:#f1f2f2;
    color: #333;
    }
    
/* End Contact Form */

canvas {
    -ms-touch-action: double-tap-zoom;
}

#event{
	float:left;
	width: 300px;
	background: #f1f2f2;
	padding: 10px;
	border: 1px solid #c6c8c8;
	border-radius: 7px;
}

#event label{
	font-size: 12px; 
	color: #333;
	display:block;
	width: 80px;
	float:left;	
	padding-left:10px;
	font-weight:bold;
}

#event .details{
    font-size: 12px;
    color: #333;
}

#about_logo{ margin: 20px auto; width: 350px; display: block;}
.about_list > li{ list-style-type: none;}
#insurance_list{float: left;}
#insurance_list li{
 	list-style-type: none;
 	display: block;
/* 	border: 1px solid #c6c8c8;*/
 	margin: 0 10px 10px 0;
 	width: 70px;
 	height: 80px;
 	float: left;
 }


 #insurance_list li a{font-size:8px;text-align: center;}
 #insurance_list li a img{width: 36px; height: 36px;margin: 5px 17px; }
 #insurance_list li a p{width:70px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

#insurance_list_item li{list-style-type: none;display: block;margin: 0 -1px -1px 0;width: 94px;height: 100px;}
#insurance_list_item li p{float: left;margin-left: 15px;}


.index-news p{margin-bottom: 6px; width:290px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}



#insurance_list_2 {list-style-type: none;}
#insurance_list_2 li{display: block;float: left; min-width: 300px;margin-top: 10px;}
#insurance_list_2 li a img{width: 18px; height: 18px; float: left;margin-right: 10px;}

.five{width: 50px; height: 50px;margin-left:5px;}
#insurance_list_3{clear: right;}
#insurance_list_3 li{float: left; min-width: 250px;margin-top: 10px;margin-left: 25px;}

.insurance_list_4 {list-style-type: none;}
.insurance_list_4 li{display: block;}
.insurance_list_4 li a{white-space: normal;}
.insurance_list_4 li a img{width: 18px; height: 18px; float: left;margin-right: 10px;}

.insurance_list_5 { width: 190px; float: left;}
.insurance_list_5 li{display: block;}
.insurance_list_5 li a{white-space: normal;}
.insurance_list_5 li a img{width: 36px; height: 36px; float: left;margin-right: 10px;}
.insurance_list_5 li a p{height: 36px;padding-top: 10px;margin:0px;}


.blue a{ color:#003399;}
.blue a:hover{text-decoration: underline;}

.title{
	font-size: 20px;
	font-weight: 600;
	border-bottom:1px solid #c6c8c8;
	padding: 8px 0px 10px 0px;
	line-height:1.42857143;
}