/*
Theme Name: JC
Theme URI: http://www.jingcheng.us
Author: JC Team
Author URI: http://www.jingcheng.us
Description: 精诚网络外贸响应式企业主题。
Version: 1.1
*/

/**must code**/
body{
    font-family: "Microsoft YaHei", "simsun", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6{
    font-family: "Microsoft YaHei", "simsun", "Helvetica Neue", Arial, Helvetica, sans-serif;
	padding-bottom: 15px;
}
a{
	color: #00ADEF;
}
@media (min-width:300px){
	.vplayer{
		width:100%;
		height:200px;
	}
	.keypoint{
		padding:10px;
	}
	.text-large{
		font-size: 24px;
	}
}
@media (min-width:760px){
	.vplayer{
		width:100%;
		height:400px;
	}
	.keypoint{
		padding:10px;
	}
	.jumbotron h1, .jumbotron .h1 {
	    font-size: 55px;
	}
}
@media (min-width:1000px){
	.vplayer{
		width:100%;
		height:400px;
	}
	.keypoint{
		padding:30px;
	}
}
@media (min-width:1200px){
	.container{
		width:1200px;
	}
	.vplayer{
		width:100%;
		display:block;
		margin:0px auto;
	}
	.vplayer, .vplayeremd{
		height:400px;
	}
	    nav.navbar.bootsnav ul.nav > li > a {
        padding: 20px 15px;
        font-weight: 600;
    }
    nav.navbar.no-background.bootsnav ul.nav > li > a {
        padding: 30px 15px;
        font-weight: 600;
    }
  	img.logo{max-width:180px;padding-top:6px;}
  	.no-background img.logo{max-width:180px;padding-top:15px;transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
}
@media (min-width:1620px){
    .container{
        width:1600px;
    }
        nav.navbar.bootsnav ul.nav > li > a {
        padding: 20px 15px;
        font-weight: 600;
    }
    nav.navbar.no-background.bootsnav ul.nav > li > a {
        padding: 30px 15px;
        font-weight: 600;
    }
  	img.logo{max-width:180px;padding-top:6px;}
  	.no-background img.logo{max-width:180px;padding-top:15px;transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
}

a:hover.text-yellow, a:hover.text-blue, a:hover.text-red, a:hover.text-green, a:hover.text-black { color:#0a8;}
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.size-full {
    display: block;
    max-width: 100%;
    height: auto;
}
.img-opacity:hover {
    opacity: 0.8;
    -moz-transform: opacity 400s;
}
#mainnav .current-menu-item  {color:#fff;
    font-weight: bold;
}

#translation_bar { display:block;}

.keypoint h3 {
    font-size: 2.5em;
    margin-bottom: 25px;
}
.text-indent{
	text-indent:2em;
}
.text-normal{
    font-weight: 400;
}
.text-bold{
    font-weight: bold;
}
.heading-large{
    font-size: 36px;
}
.button{text-indent: 0em;}
.button.active{background-color: darkorange;
    color: #ffffff;}

/*
    平滑过渡效果
*/
.bg-screen{
    -webkit-transition-duration:3s;
}

/*
    Main menu
*/
@media (min-width: 1200px) {
    .pageheader{
        padding-top: 80px;
    }
}
@media (min-width: 768px) {
    .pageheader{
        padding-top: 65px;
    }
	.pageheader .bg-banner{
		height: 360px;
	}
}
@media (max-width: 767px) {
    .pageheader{
        padding-top: 65px;
    }
	.pageheader .bg-banner{
		height: 210px;
	}
}

.pagination li{
    border: 0px;
}


/*option code*/
h3{font-size:1.8em;font-weight:400}
h4{font-size:1.8em;}
h5 {font-size: 1.5em;}
h6 { font-size:3em;}
address, cite, dfn, em, var { font-style: normal;}

.clearfix {
  zoom:1;
}
.marc { margin:0px auto;}
.red { color:#CC0000;}
.block { width:75%; margin:0px auto; clear:both; overflow:hidden;}

.nav-big a{ font-size:1.105em;}

/*bg*/
.bg-gray-light{background:#fafafa;}
.bg-banner {
    background: rgba(0, 0, 0, 0) url("images/default-banner.jpg") no-repeat scroll 0 0;
    background-size: cover;
    height: 450px;
}
.bg-blue2{background:#0086cc;}
.bg-blue3{ background:#279BE5;}
.bg-red2{ background:#DB4437;}
.bg-grid{background: rgba(0, 0, 0, 0) url("images/bg-grid.png") no-repeat scroll top center;}
.bg-orange-light{ background:#fff9f2;}
.bg-screen {
    background-size: 100%;
}
.bg-green{
    background-color: #00A63F;
}

/*text*/
.text-large1{ font-size:30px;}
.text-large2{ font-size:45px;}

/*public*/
.text-large-h1{ font-size:3.5em;}
.text-large-h2{ font-size:3em;}
.text-large-h3{ font-size:2.5em;}
.text-large-h4{ font-size:2em;}

.fixed-top .img-responsive { max-width:45%;}
.fixed-top .nav a{ padding:10px 20px;}
.fixed-top .padding-big-top{ padding-top:5px;}

#banner .index img { width:100%; height:400px;}
#banner .web { background:url(images/web/banner.jpg) no-repeat center center; height:210px;}
#banner .service { background:url(images/web/banner.jpg) no-repeat center center; height:210px;}
#banner .zhenduan { background:url(images/120/banner.jpg) no-repeat center center; height:210px;}

.service_box {}
.ser_list {}
.ser_list a { width:220px; height:230px; margin:0px 15px; display:block; overflow:hidden; background:url(images/ser_dt.gif) no-repeat center top;}
.ser_list a:hover { margin-top:-2px;}
.ser_list dl { height:230spx;}
.ser_list dl dt { background:url(images/emailmarketing.png) no-repeat top center; height:80px; margin-top:25px;}
.ser_list dl .dt1 { background:url(images/emailmarketing.png) no-repeat top center; height:80px; margin-top:25px;}
.ser_list dl .dt2 { background:url(images/emailmarketing.png) no-repeat top center; height:80px; margin-top:25px;}
.ser_list dl .dt3 { background:url(images/foreigntrade.png) no-repeat top center; height:80px; margin-top:25px;}
.ser_list dl .dt4 { background:url(images/livechat.png) no-repeat top center; height:80px; margin-top:25px;}
.ser_list dd { padding:10px;}
.ser_list dd label {
	color: #000000;
    cursor: pointer;
    display: block;
    font-size: 24px;
    margin-bottom: 10px;
	text-align:center;
}

.superiority_box {
    overflow: hidden;
}
.sup_list li {
    font-size: 12px;
    margin-top: 10px;
    padding: 20px 0 0 105px;
    width: 160px;
}
.sup_list .fl {
    margin-right: 100px;
}
.sup_list .sup_icon {
    background-image: url("images/sup_icon.jpg");
    background-repeat: no-repeat;
    display: inline;
    float: left;
    height: 66px;
    margin: 0 0 0 -75px;
    width: 62px;
}
.sup_list .sup_icon_1 {
    background-position: 0 0;
}
.sup_list .sup_icon_2 {
    background-position: 0 -66px;
}
.sup_list .sup_icon_3 {
    background-position: 0 -132px;
}
.sup_list .sup_icon_4 {
    background-position: 0 -198px;
}
.sup_list .sup_icon_5 {
    background-position: 0 -264px;
}
.sup_list .sup_icon_6 {
    background-position: 0 -330px;
}
.sup_list a {
    color: #FF761A;
    font-family: "Microsoft YaHei";
    font-size: 15px;
}
.sup_list p {
    color: #7E7E7E;
    font-family: SimSun;}


/*con*/
.position {
	background: url("images/icon/ico.gif") no-repeat scroll 0 -63px rgba(0, 0, 0, 0);
    color: #666666;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding-left: 20px;
}
.con_left { width:740px;}

/*文章列表*/
.list_txt {
	border: 1px solid #ADCDEE;
    overflow: hidden;
}
.list_title {
	background: none repeat scroll 0 0 #F3F8FE;
    border-bottom: 1px solid #ADCDEE;
    color: #003A90;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    text-align: left;
}
.list_txt ul {
	padding:20px;
}
.list_txt li {
	background: url("images/linebg.gif") repeat-x scroll center bottom rgba(0, 0, 0, 0);
    height: 40px;
    left: 0;
    line-height: 40px;
    position: relative;
    top: 0;
}
.list_txt li p {
	background: url("images/icon/noteIco.gif") no-repeat scroll 0 20px rgba(0, 0, 0, 0);
    padding-left: 10px;
}
.list_txt li p span {
	color: #666666;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 0;
}

/*分页*/
.pagelist {
    font-family:Arail;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.pagelist ul {
	margin:0px;
	padding:0px;
}
.pagelist li {
    display: inline;
	background:none;
}
.pagelist a {
    background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #E4E4E4;
    color: #666666;
    margin-right: 3px;
    padding: 5px 10px 5px;
    text-decoration: none;
    vertical-align: middle;
}
.pagelist a:hover {
    text-decoration: none;
	background:#000000;
	color:#ffffff;
}
.pagelist a.thisclass {
    background: none repeat scroll 0 0 #000000;
    border: 1px solid #000000;
    color: #FFFFFF;
}

/*产品和服务*/
#service {}
#service dl { padding-bottom:30px;}
#service dt { width:120px; height:45px; line-height:45px; display:block; float:left; text-align:center; font-size:15px; font-weight:bold; color:#FFFFFF; font-family:"microsoft yahei" }
#service .info { line-height:45px; padding-left:18px; margin-bottom:10px;}
#service dd { line-height:30px;}
#service .floor1 { border-top:3px #0066FF solid;}
#service .floor1 dt {background:#0066FF;}
#service .floor2 { border-top:3px #FF418E solid;}
#service .floor2 dt {background:#FF418E;}
#service .floor3 { border-top:3px #29B4A8 solid;}
#service .floor3 dt {background:#29B4A8;}
#service .floor4 { border-top:3px #05B900 solid;}
#service .floor4 dt {background:#05B900;}
#service .floor5 { border-top:3px #6EB92B solid;}
#service .floor5 dt {background:#6EB92B;}
#service .floor6 { border-top:3px #FFA529 solid;}
#service .floor6 dt {background:#FFA529;}

/*建站套餐*/
#web dl { width:75%; margin:0px auto; padding-bottom:15px; padding-top:0px;}
#web dt {
	font-size:26px;
	font-family:"新宋体";
	font-weight:700;
	text-align:center;
	width:120px;
	margin-bottom:15px;
}
#web dd { line-height:30px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1em;}
#web dd strong { font-size:18px;}
#web .floor1 { background:#ECF0F1; border-top:5px #6AC336 solid;}
#web .floor1 dt {
	background:#6AC336;
}
#web .floor1 .price {
}
#web .floor2 { background:#AFFFAF; border-top:5px #6AC336 solid;}
#web .floor2 dt {
	background:#6AC336;
}
#web .floor3 { background:#FFC78C; border-top:5px #6AC336 solid;}
#web .floor3 dt {
	background:#6AC336;
}
#web .floor4 { background:#EFF4FA; border-top:5px #6AC336 solid;}
#web .floor4 dt {
	background:#6AC336;
}
#web .floor5 { background:#FEE9CC; border-top:5px #6AC336 solid;}
#web .floor5 dt {
	background:#6AC336;
}

/* footer */
footer{
    background: #182127;
}
footer, footer a{
    color: #939FA6;
}
footer .copyright{
    background: #0F151A;
}

/* sns */
footer .linkedin{
    border-color: #006A9A;
}
footer .linkedin .bg-blue{
    background-color: #006A9A;
}
footer .facebook{
    border-color: #3A5898;
}
footer .facebook .bg-blue{
    background-color: #3A5898;
}
footer .twitter{
    border-color: #1AB2E8;
}
footer .twitter .bg-blue{
    background-color: #1AB2E8;
}
footer .googleplus{
    border-color: #DD4F43;
}
footer .googleplus .bg-blue{
    background-color: #DD4F43;
}
footer .youtube{
    border-color: #C9302B;
}
footer .youtube .bg-blue{
    background-color: #C9302B;
}

/*kefu online*/
.qq-float2{ position:fixed; top:50%; margin-top:-138px;  ;background:url(images/kefu/online.gif) no-repeat; width:156px; height:276px;right:10px;z-index: 3}
.qq-float2 .qq-link{display:block; text-indent:-99999px; height:78px;}
.qq-float2 .listen-link{display:block; text-indent:-99999px; height:72px;}

/*contact form*/
.fl-module-contact-form .fl-contact-form input, .fl-module-contact-form .fl-contact-form textarea{
	width: 100%;
	position: relative;
	display: block;
	width: 100%;
	height: 45px;
	line-height: 26px;
	padding: 12px 15px 12px;
	color: #1c1c1c;
	border: 1px solid #eeeeee;
	font-size: 14px;
	background: #f7f7f7;
	transition: all 500ms ease;
}
.fl-module-contact-form .fl-contact-form input{
	height: 45px;
}
.fl-module-contact-form .fl-contact-form input:focus, .fl-module-contact-form .fl-contact-form textarea:focus {
	border-color:#0ae;
}

.cooperation-form .fl-name, .cooperation-form .fl-email, .cooperation-form .fl-phone{
	width: 33.33%;
	float: left;
	padding-right: 2px;
}
.cooperation-form .fl-input-group{
	position: inherit;
}
/**
    Contact form 7 input modify
**/
.wpcf7-form input{
    height: 40px;
    transition: border-color 2s;
}