/* -------------------------------------------------------------------------------
Nbradn css3:

    0.  Reset & Clearfix
    1.  General
    2.  Wrap
    3.  Header
    4.  Content
    5.  Homepage
    6.  About Us
    7.  Pricing Tables
    8.  Shortcodes
    9.  News
    10. Portfolio
    11. Contact
    12. Widgets
    13. Footer
	14. QQ Kefu   
	15. Slider
	16. Media Queries
	
*/


/* ------------------------------------------------------------------------------- */
/*  0.  Reset & Clearfix 
/* ------------------------------------------------------------------------------- */

html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,small,sub,b,dl,ul,li,label,article,details,footer,header,menu,nav,input,textarea,select{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
article,details,footer,header,menu,nav{display:block}
body{line-height:1}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
hr{background:transparent;border:0;clear:both;color:transparent;height:1px;margin:0;padding:0}
input,select{vertical-align:middle}
ul{list-style:none}
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}


/* ------------------------------------------------------------------------------- */
/*  1.  General
/* ------------------------------------------------------------------------------- */
    	
body {background: #fbfbfb;color: #757B7F;font: 12px 'Helvetica', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;overflow-y: auto;overflow-x: hidden;-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;line-height:18px;}
a, a > * {color: #6b6b6b;text-decoration: none;-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;-moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;-o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;}
a:hover, a > *:hover {color: #555555;}
-moz-selection { background: #23abf1; color: #fff; text-shadow: none; }selection { background: #333; color: #fff; text-shadow: none; }
h1 { font-size: 30px; font-weight:lighter }
h2 { font-size: 24px; font-weight:lighter}
h3 { font-size: 18px; font-weight: 400; }
h4 { font-size: 12px; font-weight: 400; }
h5 { font-size: 16px; font-weight:lighter }
h6 { font-size: 11px; }
h1, h2, h3, h4, h5, h6 {color: #333;font-family: 'TitilliumText22LMedium', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;line-height: 1.25;        }
h1.capitalize {text-transform: capitalize;}
hr,h1,h2,h3,h4,h5,h6,table,blockquote,p { margin-bottom: 10px;}
hr.h50 { margin: 25px 0;}
	
	/*  Fonts  --------------------------------*/
@font-face { font-family: 'dinpro-regularregular';src: url('../font/dinpro-regular-webfont.eot');
    src: url('../font/dinpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/dinpro-regular-webfont.woff2') format('woff2'),
         url('../font/dinpro-regular-webfont.woff') format('woff'),
         url('../font/dinpro-regular-webfont.ttf') format('truetype'),
         url('../font/dinpro-regular-webfont.svg#dinpro-regularregular') format('svg');
	font-weight: normal;font-style: normal;}

@font-face { font-family: 'dinprobold';
    src: url('../font/dinpro-bold-webfont.eot');
    src: url('../font/dinpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/dinpro-bold-webfont.woff2') format('woff2'),
         url('../font/dinpro-bold-webfont.woff') format('woff'),
         url('../font/dinpro-bold-webfont.ttf') format('truetype'),
         url('../dinpro-bold-webfont.svg#dinprobold') format('svg');
    font-weight: normal;font-style: normal;}

@font-face {
    font-family: 'dinprolight';
    src: url('../font/dinpro-light-webfont.eot');
    src: url('../font/dinpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/dinpro-light-webfont.woff2') format('woff2'),
         url('../font/dinpro-light-webfont.woff') format('woff'),
         url('../font/dinpro-light-webfont.ttf') format('truetype'),
         url('../font/dinpro-light-webfont.svg#dinprolight') format('svg');
    font-weight: normal;font-style: normal;}

@font-face {
    font-family: 'TitilliumText22LThin';
    src: url('TitilliumText22L001-webfont.eot');
    src: url('TitilliumText22L001-webfont.eot?#iefix') format('embedded-opentype'),
         url('TitilliumText22L001-webfont.woff') format('woff'),
         url('TitilliumText22L001-webfont.ttf') format('truetype'),
         url('TitilliumText22L001-webfont.svg#TitilliumText22LThin') format('svg');
    font-weight: normal;font-style: normal;}

@font-face {
    font-family: 'TitilliumText22LLight';
    src: url('TitilliumText22L002-webfont.eot');
    src: url('TitilliumText22L002-webfont.eot?#iefix') format('embedded-opentype'),
         url('TitilliumText22L002-webfont.woff') format('woff'),
         url('TitilliumText22L002-webfont.ttf') format('truetype'),
         url('TitilliumText22L002-webfont.svg#TitilliumText22LLight') format('svg');
    font-weight: normal;font-style: normal;}

@font-face {
    font-family: 'TitilliumText22LRegular';
    src: url('TitilliumText22L003-webfont.eot');
    src: url('TitilliumText22L003-webfont.eot?#iefix') format('embedded-opentype'),
         url('TitilliumText22L003-webfont.woff') format('woff'),
         url('TitilliumText22L003-webfont.ttf') format('truetype'),
         url('TitilliumText22L003-webfont.svg#TitilliumText22LRegular') format('svg');
    font-weight: normal;font-style: normal;}

@font-face {
    font-family: 'TitilliumText22LMedium';
    src: url('TitilliumText22L004-webfont.eot');
    src: url('TitilliumText22L004-webfont.eot?#iefix') format('embedded-opentype'),
         url('TitilliumText22L004-webfont.woff') format('woff'),
         url('TitilliumText22L004-webfont.ttf') format('truetype'),
         url('TitilliumText22L004-webfont.svg#TitilliumText22LMedium') format('svg');
    font-weight: normal;font-style: normal;}

@font-face {
    font-family: 'TitilliumText22LBold';
    src: url('TitilliumText22L005-webfont.eot');
    src: url('TitilliumText22L005-webfont.eot?#iefix') format('embedded-opentype'),
         url('TitilliumText22L005-webfont.woff') format('woff'),
         url('TitilliumText22L005-webfont.ttf') format('truetype'),
         url('TitilliumText22L005-webfont.svg#TitilliumText22LBold') format('svg');
    font-weight: normal;font-style: normal;}

@font-face {
    font-family: 'TitilliumText22LXBold';
    src: url('TitilliumText22L006-webfont.eot');
    src: url('TitilliumText22L006-webfont.eot?#iefix') format('embedded-opentype'),
         url('TitilliumText22L006-webfont.woff') format('woff'),
         url('TitilliumText22L006-webfont.ttf') format('truetype'),
         url('TitilliumText22L006-webfont.svg#TitilliumText22LXBold') format('svg');
    font-weight: normal;font-style: normal;}



    /*  Forms  --------------------------------*/	
input {-webkit-transition: background 0.3s ease-in-out 0s;-moz-transition: background 0.3s ease-in-out 0s;-o-transition:background 0.3s ease-in-out 0s;-ms-transition:background 0.3s ease-in-out 0s;background: none repeat scroll 0 0 #fff;border: 1px solid #f2f2f2;color: #8c8c8c;float: left;font-size: 11px;height: 12px;padding: 10px;width:100%;float:left;font:12px 'Helvetica','Lucida Sans Unicode','Lucida Grande',sans-serif;}
input:focus {background: none repeat scroll 0 0 #f6f6f6;outline: 0 none;}
textarea {-webkit-transition: background 0.3s ease-in-out 0s;-moz-transition: background 0.3s ease-in-out 0s;-o-transition:background 0.3s ease-in-out 0s;-ms-transition:background 0.3s ease-in-out 0s;background: none repeat scroll 0 0 #fff;border: 1px solid #f2f2f2;color: #8c8c8c;float: left;font-size: 11px;height: 12px;		padding: 10px;width:715px;float:left;resize: none;margin-top:20px;margin-bottom:20px;font:12px 'Helvetica','Lucida Sans Unicode','Lucida Grande',sans-serif;height:100px}
textarea:focus {background: none repeat scroll 0 0 #f6f6f6;outline: 0 none;}
   

/* ------------------------------------------------------------------------------- */
/*  2.  Wrap
/* ------------------------------------------------------------------------------- */

#body-wrapper {left: 50%;margin-left: -520px;position: relative;width: 1040px;}
.container {margin: 0 0px; position: relative;}

    /*  Columns  --------------------------------*/
.one-fourth, .three-fourth, .one-third, .two-third, .one-half {float: left;margin-right: 0px !important;position: relative;}
.one-fourth.last, .three-fourth.last, .one-third.last, .two-third.last, .one-half.last { margin-right: 0 !important;}
.one-fourth      { width: 25%; }
.three-fourth    { width: 75%; }
.one-third       { width: 33%; }
.two-third       { width: 66%; }
.one-half        { width: 50%; }


/* ------------------------------------------------------------------------------- */
/*  3.  Header
/* ------------------------------------------------------------------------------- */

#header-bg { background-color:#2b2b2b;height:72px;width:100%;position:absolute;}
#sub-header-bg {background-color:#f6f6f6;height:142px;width:100%;position:absolute;z-index:-1;border-bottom:#eee 1px solid;	}
#header {background:#2b2b2b repeat-x 0 100%;height: 72px;}
#logo {float: left;height: 24px;margin:24px;}

    /*  Navigation  --------------------------------*/	
	.nav-fix {clear: both;width: 100%;opacity: 0.98;height: 55px;position:fixed;background-color: #f5f5f5;z-index: 9999;padding-top:0px;}
	.nav-fix-box {max-width: 1200px;width: 88%;margin: auto;background-color: #f5f5f5;}	
	.logo{ position:relative ; float:left; }	
	.logo img {width: 170px;height: 52px;}	
	.menu1{ text-align: right; padding:0px; height: 35px;}	
	.menu1 span{  font-size: 12px; }	
	.m1 a{ margin-top: 0px; padding-left: 20px; padding-bottom: 14px; padding-right: 20px; padding-top: 14px; color: #3c3c3c; text-decoration: none;font-weight: bold;}
	.m1 a:hover{ margin-top: 0px; color:#231f20; padding-left: 20px; padding-bottom: 14px; padding-right: 20px; padding-top: 14px; text-decoration: underline;}
	.mo1{}
	.mo1 a{background-position: center bottom; background-repeat: no-repeat; background-color: #3c3c3c; border-right-width: 1px; border-right-color: #3c3c3c; border-right-style: solid; padding-left: 20px; padding-bottom: 14px; padding-right: 20px; padding-top: 14px; color: #ffffff;font-weight: bold;text-decoration: none;}
	
    #navigation { float: right;margin-right:0px;}	
    #navigation li { float: left; position: relative;width:117px;padding: 0;font-family: "dinprobold","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;font-size: 12px;line-height:23px;color: #bfbfbf; }
	#navigation span {float:left;padding-top:10px;}	
    #navigation a {color: #161616;	text-align: center;	display: block;font-family: "dinprobold","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;font-size: 12px;line-height:23px;padding: 16px 0px 16px 0px; position: relative; }	
    #navigation a:hover, #navigation .hover > a, #navigation .current > a { color: #ffffff; background-color: #181818; }
	#navigation .en_menu{width:40px;}
	#navigation .service_menu{width:490px; line-height:52px;font-family:Microsoft YaHei;}
	#navigation .contact_menu{width:315px; line-height:52px;font-family:Microsoft YaHei;}
	


    /*  Dropdown  --------------------------------*/
    #navigation ul { text-align: center; position:fixed;top:55px;left:0px;opacity: 0;padding-left:48.3%;background:#000000; width:100%;-webkit-transition: opacity .25s ease .1s; -moz-transition: opacity .25s ease .1s; -o-transition: opacity .25s ease .1s; -ms-transition: opacity .25s ease .1s; transition: opacity .25s ease .1s; z-index:9999; }
    #navigation li:hover > ul { opacity:0.9; }   
    #navigation ul li {height: 0;overflow: hidden;padding: 0;background:none; -webkit-transition: height .25s ease .1s;-moz-transition: height .25s ease .1s; -o-transition: height .25s ease .1s; -ms-transition: height .25s ease .1s; transition: height .25s ease .1s;}  
    #navigation li:hover > ul li {height: 52px;overflow: visible;padding: 0; } 
    #navigation ul li a {width: 113px;text-align: center;padding: 15px 4px 14px 0px;margin: 0;font-size: 12px;color: #ffffff;font-family: "dinprobold","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;}
    #navigation ul li a:hover { background:#171717; color: #fff; }
	

     /*   mobile--------------------------------*/
	.mobile {float:right;height:34px;width:34px;right:30px;top:10px;position:absolute;display: none;transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;cursor:pointer;}
	.selected .mobile {transform: rotate(90deg);}
	.mobile a {background-color: #333;display: block;height: 2px;margin-top: -2px;position: relative;top: 50%;transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;width: 100%;}
	.mobile:hover a:before {transform: translateY(-2px) rotate(0deg);-webkit-transform: translateY(-2px) rotate(0deg);-ms-transform: translateY(-2px) rotate(0deg);}
	.mobile:hover a:after {transform: translateY(2px) rotate(0deg);-webkit-transform: translateY(2px) rotate(0deg);-ms-transform: translateY(2px) rotate(0deg);}
	.selected .mobile:hover a:before {transform: translateY(0px) rotate(-55deg);-webkit-transform: translateY(0px) rotate(-55deg);-ms-transform: translateY(0px) rotate(-55deg);}
	.selected .mobile:hover a:after {transform: translateY(0px) rotate(55deg);-webkit-transform: translateY(0px) rotate(55deg);-ms-transform: translateY(0px) rotate(55deg);}
	.mobile a:after, .mobile a:before {background-color: #333;content: "";display: block;height: 2px;left: 0;position: absolute;transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;width:100%;}
	.mobile a:after {top:10px;}
	.mobile a:before {top:-10px;}
	.selected .mobile a:after, .selected .mobile a:before {top: 0;}
	.selected .mobile a:before {transform: translateY(0px) rotate(-45deg);-webkit-transform: translateY(0px) rotate(-45deg);-ms-transform: translateY(0px) rotate(-45deg);}
	.selected .mobile a:after {transform: translateY(0px) rotate(45deg);-webkit-transform: translateY(0px) rotate(45deg);-ms-transform: translateY(0px) rotate(45deg);}
	.selected .mobile a {background-color: transparent !important;}

    /*  Responsive Nav  --------------------------------*/
    .selectnav { display: none; }
	 
	 /*  search  --------------------------------*/
	#search {MARGIN:10px 0px;}
	#search .span {text-align:center; COLOR: #666; PADDING-BOTTOM: 10px;OVERFLOW: hidden; HEIGHT: 15px;}
	#search .inputbox {BORDER-RIGHT: #cacccd 1px solid; BORDER-TOP: #cacccd 1px solid; PADDING-LEFT: 30px; BACKGROUND: url(../images/icon-search.gif) #FFF no-repeat 3px 50%; FLOAT: left; MARGIN: 0px auto; BORDER-LEFT: #cacccd 1px solid; COLOR: #666;BORDER-BOTTOM: #cacccd 1px solid; }
	#search .button {BORDER-RIGHT: #828282 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #828282 1px solid; PADDING-LEFT: 3px; BACKGROUND: #343a46; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN-LEFT: 2px; BORDER-LEFT: #828282 1px solid; COLOR: #FFF; LINE-HEIGHT: 20px; PADDING-TOP: 0px; BORDER-BOTTOM: #828282 1px solid; HEIGHT: 20px;}


/* ------------------------------------------------------------------------------- */
/*  4.  Content
/* ------------------------------------------------------------------------------- */
	
	#toTop {display: none;position: fixed;bottom: 5px;right: 5px;width: 50px;height: 50px;background-image: url('../images/totop.jpg');background-repeat: no-repeat;opacity: 0.4;filter: alpha(opacity=40);     
	/* For IE8 and earlier */}
	#toTop:hover {opacity: 0.7;filter: alpha(opacity=80); /* For IE8 and earlier */}	
	.titlebox{width: 100%;height: 550px;background-color: #181818;float: left;text-align: center;background-position: center top;}	
	.titlebox-nobg{width: 100%;height: 450px;background-color: #181818;float: left;text-align: center;background-position: center top;background-repeat: no-repeat;background-size: cover;}	
	.titlebox-nobg1{width: 100%;height: 500px;background-color: #181818;float: left;text-align: center;background-position: center top;background-repeat: no-repeat;background-size: cover;}	
	.title{width: 1000px;margin: auto;float: center;text-align: left;margin-top: auto;padding-top: 300px;}	
	.title h1 {color: #ffffff;font-size: 35px;font-family: "dinpro-regularregular","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;}
	.taglinebg {clear: both;position: absolute;width: 100%;height: 300px;top:230px;float: left;z-index: 777;}
	.tagline {width: 88%;max-width: 1200px;height: 300px; margin: auto;font-family:"dinpro-regularregular";}
	.tagline h1 {color: #ffffff;font-size: 32px;margin-bottom: 30px;font-family:"dinpro-regularregular";font-weight:400;}
	.one-fourth .feature-description {clear: both;position: relative;width:100%;}
	.feature-description p{text-justify : auto; text-align:justify;}

	@font-face{font-family:"dinpro-regularregular";src:url('../font/dinpro-regular.otf');}
	.mediaboxbg{width: 100%;position: relative;height: auto;background-color: #ffffff;background-size: cover;float: left;}	
	.mediabox{width: 88%;max-width: 1200px;margin: auto;float: center;text-align: left;padding-top: 40px;padding-bottom: 30px;color: #333333; }
	.mediabox h1 {width: 80%;font-size: 16px;font-family: "dinpro-bold","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;color:#181818;	}	
	.mediabox h2{width:500px;font-size: 12px;font-family: "dinpro-light",Arial, Helvetica, sans-serif;	text-transform: uppercase;color: #181818;	padding-top: 5px;text-decoration: underline;}
	.mediabox h5{width: 75%;font-size: 14px;font-family: "dinpro-bold","Microsoft YaHei","΢ÈíÑźÚ",Arial,dinpro-bold,Helvetica, sans-serif;color:#181818;	}
	.mediabox img {width: 100%;max-width: 1200px;}
	.mediabox p {width: 75%;line-height: 23px;color: #181818;text-transform: uppercase;font-family:  "dinpro-regularregular","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;text-justify : auto; text-align:justify;}
	.mediabox a{font-size: 12px;color: #181818;}
	.mediabox a:hover{font-size: 12px;color: #ffffff;background-color: #181818;}

    .mediaboxnews{width: 88%;max-width: 1200px;margin: auto;float: center;text-align: left;padding-top: 40px;padding-bottom: 30px;color: #333333; }
    .mediaboxnews h4 {width: 75%; ine-height: 23px;height:40px;font-size: 16px;font-family: "dinpro-bold","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;color:#181818;	}
	.mediaboxnews p {width:90%; line-height: 23px;color: #181818;text-transform: uppercase;font-family:  "dinpro-regularregular","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;text-justify : auto; text-align:justify;letter-spacing:-0.5px;}
	.mediaboxnews a{font-size: 16px;color: #181818; }
	.mediaboxnews a:hover{font-size: 16px;color: #ffffff;background-color: #181818;}
	.mediaboxnews .moreimg{margin-top:30px;}
	.mediaboxnews .moreimg a{font-size: 11px;text-decoration: none;padding:5px 10px 5px 0px;font-family: "dinpro-bold","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;border: 0px;border-style: solid;}
	#synews{margin-top:20px; height:180px; overflow:visible;}
		
	.box500 {width: 50%;max-width: 600px;text-align: left;float: left;margin-bottom: 0px;}
	.box500 p {width:100%;padding-bottom: 30px;line-height: 26px;font-family:"Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;text-justify : auto; text-align:justify;}
	.box500 h4 {clear: both;width: 400px;padding-left: 30px;padding-top: 50px;font-size: 12px;color: #181818;font-family:  "dinpro-regularregular","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;}	
	.box500 .moreimg{margin-top:30px;}
	.box500 .moreimg a{text-decoration: none;padding:5px 10px 5px 10px;font-family: "dinpro-bold","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;border: 0px;border-style: solid;}
	.box1000 {width: 100%;max-width: 1200px;text-align: left;float: left;margin-bottom: 0px;}
	.box1000 p {clear: both;width: 46% ;padding-left: 25px;padding-top: 10px;font-size: 12px;line-height: 23px;color: #181818;font-family:  "dinpro-regularregular","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;}
	.box1000 h1 {width:46%;padding-left:25px;padding-top: 50px;font-size: 12px;color:#181818;font-family:  "dinpro-bold","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;}
	.box1000 h3 {clear: both;width: 100% ;height: 70px;padding-top: 10px;font-size: 12px;line-height: 23px;color: #181818;font-family:  "dinpro-bold","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;}
	.box1000 h4 {clear: both;width: 46% ;padding-left: 25px;padding-top: 10px;font-size: 12px;line-height: 23px;color: #181818;font-family:  "dinpro-regularregular","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;}
	.box1000 .imgzise{margin-bottom:40px; }
	.boxcaption {width: 100%;margin-right:800px;height: 40px;text-align: left;padding-left: 20px;padding-top:22px;float: left;color: #989898;background-color: #fff;font-family:  "dinpro-bold","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;font-size: 13px;}
	.boxcaption {width: 23.35%;margin-right:800px;height: 40px;text-align: left;padding-left: 20px;padding-top:22px;float: left;color: #989898;background-color: #fff;font-family:  "dinpro-bold","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;font-size: 13px;}
	.boxcaption a:hover {width: 23.35%;margin-right:800px;height: 40px;text-align: left;padding-left: 20px;padding-top:22px;float: left;color: #989898;background-color: #EEEEEE;font-family:  "dinpro-bold","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;font-size: 13px;}
	.boxcaption-right {width: 49%;max-width: 580px;margin-left:50%;height: 40px;text-align: left;padding-left: 20px;padding-top:22px;float: right;color: #989898;background-color: #EEEEEE;font-family:  "dinpro-bold","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;font-size: 13px;}

	#sidebar {float: right;width: 220px; }
	#main {float: left;margin: 0 40px 0 0; width: 740px;}	
	#back-top {position: fixed;bottom: 2%;Right: 2%;z-index:9999;}	
	#back-top a {width: 50px;display: block;text-align: center;font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;text-decoration: none;color: #bbb;
	-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
	#back-top a:hover {color: #000;}	
	#back-top span {width: 50px;height: 50px;display: block;background: #333 url(../images/up-arrow.png) no-repeat center center;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;	-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
	#back-top a:hover span {background-color:#777;}
    
    /*  Page Title  --------------------------------*/	
	#page-title h1 {	font-weight:lighter;font-family: 'TitilliumText22LThin', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;margin-bottom: 55px;width: 100%;text-align:left;padding-top:14px;color:#8a8e90;text-transform:lowercase;font-size:30px;margin-bottom:70px;}
	#page-title p {margin:0;}	
	#page-title a {float:right; margin-top:20px; height:30px; width:30px; background-color:#bbb; }
	#page-title a:hover {background-color:#2b2b2b;}

    .case_list_foot{MARGIN: 0px auto;padding:25px 0;line-height:70px;color:#fff;}
    .case_list_foot .text1{font-size:54px;text-align:center;margin:0 12%;}
    .case_list_foot .text2{font-size:22px;text-align:center;}
    .case_list_foot .text2 span{margin:0 20px;}
/* ------------------------------------------------------------------------------- */
/*  5.  Homepage
/* ------------------------------------------------------------------------------- */
	#slider {width:100%;height:auto;margin-bottom:50px;margin-top:50px;}
	#features {margin-bottom:25px;margin-top: 50px;float:left;}
	#features h5 {font-family: "dinpro-bold","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;}
    .feature-icon { background: #2b2b2b; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; display: inline-block; float: left; height: 36px; margin-top: -9px;margin-right:15px; text-align: center; width: 36px; }
	.feature p {margin-top:20px;width: 86%;}
	.gray-box {width:957px;background-color:#2b2b2b;float:left;border: none;border-left:4px solid #23abf1;padding:20px 20px 10px 20px;margin-bottom:50px;}
	.gray-box h3 {margin:0;color:#FFF;}
	.graybox-right {float:right;}	
	.graybox-left {float:left;}		
	.last-work {float:left;margin-bottom:50px;}
    

/* ------------------------------------------------------------------------------- */
/*  6.  About Us
/* ------------------------------------------------------------------------------- */

	h1.about {font-size:48px;color:#23abf1;font-family: 'TitilliumText22LThin', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;}
	p.about{ padding-top:10px}
	.one-half.last.about {padding-left:30px;width:460px;}
	.one-half.last.about h5 {padding-left:26px;}
	.one-fourth.about {padding-left:30px;width:180px;}
	.one-fourth.last.about {padding-left:30px;width:180px;}
	.aboutimg{margin:180px 0px 10px 0px;}
	
	/*  Our team  --------------------------------*/	
	#team{width:100%;height:100%;position:relative;float:left;}
	.user-item {width: 100%;height: 100%;position: relative;box-shadow: 0 1px 2px rgba(0,0,0,0.1);cursor: default;}
	.user-info-wrap{position: absolute;width: 200px;height: 200px;-webkit-perspective: 800px;-moz-perspective: 800px;-o-perspective: 800px;-ms-perspective: 800px;perspective: 800px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;top: 10px;left: 10px;background: #f9f9f9 url(../images/bg.jpg);box-shadow: 0 0 0 20px rgba(255,255,255,0.2), inset 0 0 3px rgba(115,114, 23, 0.8);}
	.user-info{position: absolute;width: 200px;height: 200px;cursor:pointer;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;}
	.user-info > div {display: block;position: absolute;width: 100%;height: 100%;background-position: center center;	-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;}
	.user-info .user-info-back {-webkit-transform: rotate3d(0,1,0,180deg);-moz-transform: rotate3d(0,1,0,180deg);-o-transform: rotate3d(0,1,0,180deg);-ms-transform: rotate3d(0,1,0,180deg);transform: rotate3d(0,1,0,180deg);background: #23abf1;}
	.user-img-1 { background-image: url(../images/user.jpg);}
	.user-img-2 { background-image: url(../images/user.jpg);}
	.user-img-3 { background-image: url(../images/user.jpg);}
	.user-img-4 { background-image: url(../images/user.jpg);}
	.user-info h3 {color: #fff;text-transform: uppercase;font-size: 14px;font-weight:bolder;margin: 0 15px;padding: 40px 0 0 0;height: 40px;}
	.user-info p {color: #fff;padding: 20px 5px;font-weight:bold;margin: 0 30px;font-size: 12px;border-top: 1px solid rgba(255,255,255,0.5);}
	.user-info p a {display: block;color: #fff;color: rgba(255,255,255,0.7);font-style: normal;font-weight: 700;text-transform: uppercase;font-size: 9px;letter-spacing: 1px;padding-top: 4px;}
	.user-info p a:hover {color: #2b2b2b;}
	.user-item:hover .user-info-wrap {box-shadow: 0 0 0 0 rgba(255,255,255,0.8), inset 0 0 3px rgba(115,114, 23, 0.8);}
	.user-item:hover .user-info {-webkit-transform: rotate3d(0,1,0,-180deg);-moz-transform: rotate3d(0,1,0,-180deg);-o-transform: rotate3d(0,1,0,-180deg);-ms-transform: rotate3d(0,1,0,-180deg);transform: rotate3d(0,1,0,-180deg);}
	.user-grid {margin:0;padding: 0;list-style: none;display: block;text-align: center;width: 100%;}
	.user-grid:after,
	.user-item:before {content: '';display: table;}
	.user-grid:after {clear: both;}
	.user-grid li {width: 220px;height: 220px;display: inline-block;margin-right: 35px;}
	.user-grid li.last {margin-right:0;}     


/* ------------------------------------------------------------------------------- */
/*  7.  Pricing Tables
/* ------------------------------------------------------------------------------- */

	.pricing-table-second .column, .pricing-table .column { float: left; margin: 0;padding: 0;position: relative;text-align: center;}
    .pricing-table-second ul li, .pricing-table ul li {display: block; margin: 0; position: relative}
    .pricing-table-second .footer, .pricing-table .footer { padding: 24px 20px;}

    /*  First Pricing Table  --------------------------------*/
    .pricing-table .column {background: #fff;border: #eaeaea 1px solid;        width: 190px;padding-top:25px;}
	.pricing-table .column:last-child {border-top: #eaeaea 1px solid;border-bottom: #eaeaea 1px solid;border-right: #eaeaea 1px solid;border-left:none; }
	.pricing-table .column:first-child {border-top: #eaeaea 1px solid;border-bottom: #eaeaea 1px solid;border-left: #eaeaea 1px solid;border-right:none;}
    .pricing-table .level-max {background: #fff;border: none;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); margin: -20px 0;width: 230px; z-index: 999;border: #eaeaea 1px solid;padding-top:35px }
    .pricing-table .header { padding: 26px 20px 23px;background:#f8f8f8;border-top: #eaeaea 1px solid;margin-top:25px; }
    .pricing-table h1 { color: #636363;font-size: 20px;font-weight:lighter ;margin: 0 0 7px; }
    .pricing-table h2 { color: #333;font-size: 18px; font-weight: 200;margin: 0 0 3px;}
	.pricing-table .level-max h1 {color: #23abf1;margin-bottom:30px;font-size:24px; }
    .pricing-table h2 span { color: #333;font-weight: 600;}
    .pricing-table .level-max h2, .pricing-table .level-max h2 span { color: #333;}
    .pricing-table .level-max h6 { color: #23abf1; }
    .pricing-table h6 {color: #23abf1; font-size: 11px; margin: 0; font-weight: 200; text-transform: capitalize; }
    .pricing-table ul li { border-top: 1px solid #eaeaea;padding: 8px 0;}
    .pricing-table .footer {background:#f8f8f8;border-top: #eaeaea 1px solid;}
	.pricing-table .level-max .footer {background:#fff;border-top: #eaeaea 1px solid;padding-top:35px;padding-bottom:35px;}

     /*  Second Pricing Table  --------------------------------*/
    .pricing-table-second .column {background: #fff;border: #eaeaea 1px solid;        width: 318px;margin-right:20px;margin-top:130px;margin-bottom:20px;}
    .pricing-table-second .column:last-child {  margin-right:0;	}
    .pricing-table-second .header { padding: 26px 20px 23px;background:#f8f8f8;border-top: #eaeaea 1px solid;}
	.pricing-table-second .table-title {padding: 15px 20px 10px;background:#2b2b2b;border-top: #eaeaea 1px solid;}
    .pricing-table-second h1 {color: #fff;font-size: 20px;font-weight:lighter ; margin: 0 0 7px; }
    .pricing-table-second h2 {color: #333;font-size: 18px; font-weight: 200; margin: 0 0 3px;}	
    .pricing-table-second h2 span {color: #23abf1; font-weight: 600;font-size:40px;vertical-align:top;line-height:35px;}
    .pricing-table-second h6 {color: #23abf1;font-size: 11px; margin: 0;font-weight: 200;text-transform: capitalize;}
    .pricing-table-second ul li {border-top: 1px solid #eaeaea;padding: 8px 0;}
    .pricing-table-second .footer {background:#f8f8f8;border-top: #eaeaea 1px solid;}
	

/* ------------------------------------------------------------------------------- */
/*  8.  Shortcodes
/* ------------------------------------------------------------------------------- */

    /*  Buttons  --------------------------------*/	
	.btn-image {padding:12px 15px 12px 45px;background: url(../images/link.png) no-repeat 15px 10px #23abf1;color: #fff;font-size:12px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;line-height:38px;}		
	.btn-image:hover {text-decoration: none;background: url(../images/link.png) no-repeat 15px 10px #757575;color: #fff;}
	.btn {padding:9px 20px 9px 20px;color: #ffffff;font-size:12px;line-height:55px;font-family: "dinpro-bold","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;border: 1px;border-style: solid;border-color: #fff;}	
	.btn:hover {text-decoration: none;background: #ffffff;color: #000000;border: 1px;border-style: solid;border-color: #fff;}
	.btn.black {padding:12px 15px 12px 15px;background: #2b2b2b;color: #fff;font-size:12px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;line-height:38px;}
	.btn.black:hover {text-decoration: none;background: #23abf1;color: #fff;}
	.btn-image.black {text-decoration: none;background: url(../images/link.png) no-repeat 15px 10px #2b2b2b;color: #fff;}
	.btn-image.black:hover {text-decoration: none;background: url(../images/link.png) no-repeat 15px 10px #23abf1;color: #fff;}

    /*  Accordion  --------------------------------*/	
	.ac-container{width: 100%;margin: 20px auto 30px auto;text-align: left;}
	.ac-container label{padding: 10px 25px;position: relative;z-index: 20;display: block;height: 30px;cursor: pointer;color: #2b2b2b;text-shadow: 1px 1px 1px rgba(255,255,255,0.8);line-height: 30px;font-size: 12px;
font-weight:bold;background: url(../images/accordion-plus.png) no-repeat 0 14px;border-bottom:#eeeeee 1px solid;border-top:#eeeeee 1px solid;}
	.ac-container input:checked + label,
	.ac-container input:checked + label:hover{background: url(../images/accordion-minus.png) no-repeat 0 14px;color: #2b2b2b;}
	.ac-container input{display: none;}
	.ac-container article{margin-top: -1px;overflow: hidden;height: 0px;position: relative;z-index: 10;-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;transition: height 0.3s ease-in-out, box-shadow 0.6s linear;}
	.ac-container article p{color: #757B7F;line-height: 18px;font-size: 12px;padding:20px  25px;}
	.ac-container input:checked ~ article{-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;transition: height 0.5s ease-in-out, box-shadow 0.1s linear;		}
	.ac-container input:checked ~ article.ac-height{height:95px;}


    /*  Tabs  --------------------------------*/
	ul.simpleTabsNavigation { margin:2px; padding:0; text-align:left; height:20px;}
	ul.simpleTabsNavigation li { list-style:none; display:inline; margin:-2px; padding:0;}
	ul.simpleTabsNavigation li a { border:1px solid #E0E0E0; padding:8px 20px; background:#f6f6f6; font-size:12px; text-decoration:none; color:#757b7f;line-height:15px;}
	ul.simpleTabsNavigation li a:hover { background-color:#fff; color:#23abf1;}
	ul.simpleTabsNavigation li a.current { background:#fff; color:#23abf1; }
	div.simpleTabsContent { background:#fff;border:1px solid #E0E0E0; padding:20px 20px 15px; margin-top:3px; display:none; }
	div.simpleTabsContent.currentTab { display:block; }

    /*  Alert Boxes  --------------------------------*/	
	.notification {font-size: 12px;line-height: 18px;margin-bottom: 15px;padding: 14px 40px 7px 18px;position: relative;}
	.notification.success {background-color: #EBF6E0;border: 1px solid #B3DC82;border-left:5px solid #B3DC82;color: #5F9025;}
	.notification.error {background-color: #FFE9E9;border: 1px solid #FBC4C4;border-left:5px solid #FBC4C4;color: #DE5959;}
	.notification.warning {background-color: #FBFADD;border: 1px solid #DED58A;border-left:5px solid #DED58A;color: #8F872E;}
	.notification.notice {background-color: #E9F7FE;border: 1px solid #B6D7E8;border-left:5px solid #B6D7E8;color: #5091B2;}

    /*  Blockquote  --------------------------------*/		
	blockquote {border-left: 4px solid #E7E7E7;color: #888888;line-height: 20px;margin: 5px 0 20px;padding-left: 20px;}
	.large-notice {background-color: #fff;border: 1px solid #E0E0E0;padding: 30px;}
	.small-notice {background-color: #fff;border: 1px solid #E0E0E0;padding: 15px 15px 5px 15px;}
		
	/*  Carousel  --------------------------------*/			
	.slidecontrols li  {display:inline;float:right;height:20px;width:20px;background-color:#d9d9d9;margin-left:4px;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
	.slidecontrols li:hover  {display:inline;float:right;height:20px;width:20px;background-color:#c2c2c2;margin-left:4px;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
	ul.slidecontrols-blog  {position:absolute;top:34px;right:0px;height:inherit;width:auto;}
	.slidecontrols-blog li  {display:inline;float:right;height:31px;width:30px;background-color:#23ABF1;margin-left:0px;z-index:9000;}
	.slidecontrols-blog li:hover  {display:inline;float:right;height:31px;width:30px;background-color:#2B2B2B;}
	.slidewrap h5 {float:left;margin-left:1px;}
	#sliderName {margin-top:4px;}

    /*  Lists  --------------------------------*/
	.widget .lists li {background: url(../images/news-list-ico.png) no-repeat 0 14px; display: block; padding: 10px 0 10px 13px; }
    .widget .lists li:last-child { border: none;}
    .widget .lists li a { color: #757B7F;}
    .widget .lists li a:hover { color: #23abf1;}


/* ------------------------------------------------------------------------------- */
/*  9.  News
/* ------------------------------------------------------------------------------- */

	.post {margin-bottom:50px;padding-bottom:30px;border-bottom:#f2f2f2 1px solid;}
	.post h2 {line-height: 1.4;margin: 0;margin-bottom:10px;}
	.post h2:hover { color:#23abf1; }
    .post-details .author, .post-details .date, .post-details .tag, .post-details .comment {color: #a2a2a2;display: inline-block; margin-right: 10px;padding: 12px 0 27px 0; }
	.post-details .author a, .post-details .date a, .post-details .tag a, .post-details .comment a {color: #a2a2a2;}
	.post-details .author a:hover, .post-details .date a:hover, .post-details .tag a:hover, .post-details .comment a:hover { color: #23abf1;}
	.post-details .author {padding:4px 10px 4px 30px; background: url(../images/blog_icon_admin.png) no-repeat 8px 4px #f2f2f2;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px; }    
    .post-details .date {padding:4px 10px 4px 30px;background: url(../images/blog_icon_date.png) no-repeat 8px 5px #f2f2f2;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px; }
	.post-details .tag { padding:4px 10px 4px 30px;background: url(../images/blog_icon_tags.png) no-repeat 8px 5px #f2f2f2;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;margin-top:10px;}
	.post-details .comment {padding:4px 10px 4px 28px;background: url(../images/blog_icon_comments.png) no-repeat 8px 5px #f2f2f2;		border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
	.post-content {display: block;position: relative;}
	.post-content .image {display: block; margin:30px 0px 20px 0px; max-width: 100%;}
    .post-content p {display: block;font-size: 12px;color:#757b7f;}
	.post-content a { color: #23abf1;padding-top:10px;font-size:12px}
	.post-content a:hover { color: #0082c5;}
	.post-content h1 {color:#23abf1;margin:25px 0px}
   
    /*  News Pagination  --------------------------------*/    
	.pagination { margin: 0;}
    .pagination li {display: inline-block;list-style: none; margin: 0;background: #f2f2f2;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;margin-right:5px;font-size:12px;font-weight:bold; }
    .pagination li:last-child {margin-right: 0;}
    .pagination .current {background: #2b2b2b; color: #fff !important;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
    .pagination a, .pagination .current {color: #606060; display: inline-block;padding: 5px 10px; }
    .pagination a:hover { color: #fff;background: #23abf1;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
    .pagination .prev a { padding: 5px 15px;}
    .pagination .prev a:hover { color: #fff;background: #23abf1;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
    .pagination .next a  { padding: 5px 15px;}
    .pagination .next a:hover  { color: #fff;background: #23abf1;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
    
    /*  News comments  --------------------------------*/	
	.comments-list {border-bottom: 1px solid #f2f2f2;margin: 35px 0 70px;padding: 0 0 10px;}
    .comment {border-top: 1px solid #f2f2f2;display: inline-block;margin-top: 10px;padding-top: 30px;}
    .comment .children .comment { margin-top: 10px;padding-top: 30px;}
	.comment .children .two .comment {width:620px}
    .comment:first-child {border-top: none; margin: 0;padding: 0;}
    .comment .avatar {display: block;float: left; position: relative; width: 60px;z-index: 1;}
    .comment .comment-text, .comment .comment-meta { float: right; width: 660px;}
    .comment .comment-meta {margin-top: -4px;}
    .comment .author { font-size: 12px;padding-top:4px;padding-bottom:10px; margin: 0;text-transform: capitalize;}
    .comment .author .reply {color: #939393;font-size: 11px; text-transform: capitalize;float:right; }
    .comment .author .reply:hover {color: #23abf1;font-size: 11px;}
    .comment .date {color: #cccccc; margin: 1px 0 8px;font-size:11px;font-style:italic;}
    .comment .children {padding-left: 60px;}
    .comment .children .comment { border-top: 1px solid #f2f2f2; position: relative; }
    .comment .children .comment-text, .comment .children .comment-meta {width: 600px;}
    .comment .children .children .comment-text, .comment .children .children .comment-meta {width: 540px;}
	#zoom a {font-size:14px}
	#zoom a:hover{color: #000;background: #23abf1;}
    
    /*  Comments Form  --------------------------------*/
	#comments input {width:210px;float:left;margin-right:20px;}
	#comments input.last {margin-right:0px;}

	
/* ------------------------------------------------------------------------------- */
/*  10.  Portfolio
/* ------------------------------------------------------------------------------- */

    /*  Projects Filter  --------------------------------*/
	.works {background-color:#f4f4f4;width:100%;height:45px;position:absolute;}
    #filter {background: #f4f4f4;display: block;height: 45px;margin-bottom: 50px;position: relative;width: 100%;text-align:center;color:#333;}
	#filter a{display: inline-block;font-size:12px;height: 45px;line-height: 45px;width:10.5%;/*margin-top:-18px;*/color: #9f9f9f;font-family: "Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;}
	#filter a:hover{text-decoration:none;background:#181818;color:#ffffff;font-family: "Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;}
	#filter a.active{background:#ffffff;width:10.5%;color:#181818;}
	#projects, #projects3{display:block;overflow:hidden;width:100%;margin:0 auto;}
	.slider {margin-right:20px}
	#projects li{float: left;height: 200px;list-style: none outside none;margin-right:0;position: relative;width: 25%;margin-bottom:0%;	}
	#projects3 li{float: left;height: 230px;list-style: none outside none;margin-right:20px;position: relative;width: 320px;margin-bottom:20px;	}
	#projects2 li{float: left;height: 330px;list-style: none outside none;margin-right:20px;position: relative;width: 490px;margin-bottom:20px;	}
	#projects, #projects3, #projects2 ul{overflow:hidden;width:100%;max-width: 1200px;}
	#projects ul.hidden{display:none;}
	#projects li.bigthumb {height: 400px;width: 50%;}
	#projects li.bigthumb img {height: 400px;width: 600px;}
	#projects li.bigthumb-h {height: 200px;width: 50%;}
	#projects li.bigthumb-h img {height: 200px;width: 600px;}
	#projects li.bigthumb-v {height: 400px;width: 25%;}
	#projects li.bigthumb-v img {height: 400px;width: 300px;}
	
	.view .bigthumb img {height: 200px;width: 300px;}
	.view .bigthumb-h img {height: 200px;width: 600px;}
	.view .bigthumb-v img {height: 400px;width: 300px; margin-top:-30px;}

    /*  Project Item Overlay  --------------------------------*/			
   .view { width: 100%;height: 100%;   float: left;   overflow: hidden; position: relative; text-align: center;   cursor: pointer; /*margin-right:20px;margin-top:20px;*/}
	#projects3 .view {width: 100%; height: 100%;margin:0;}	
	#projects2 .view {width: 100%;height: 100%;margin:0;}			
	.view.last { margin-right:0px;}
	.view .mask, .view .content {width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;}
	.view .mask h1, .mask h3 {height:30px;font-size: 16px;top:20px;left:20px;color:#fff;position:absolute;font-family: "dinpro-regularregular","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;border-bottom-width: 3px;border-bottom-color: #fff;border-bottom-style: solid;filter: Alpha(opacity=0);}
	.view h3 {height:20px;font-size: 12px;top:20px;left:20px;color:#fff;text-transform: uppercase;position:absolute;font-family: "dinpro-bold","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;
border-bottom-width: 1px;border-bottom-color: #999999;border-bottom-style: solid;border-bottom: 1px solid #999999;}
	.view h4 {height:20px;width: 100%;font-size: 12px;top:20px;color:#fff;text-transform: uppercase;position:absolute;font-family: "dinpro-regularregular","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;padding-top:185px;text-align: center;}
	.view p {height:170px;top:50px;left:20px;color:#fff;position:absolute;text-align:left;font-family: "dinpro-regularregular","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;}
	.view .mask p  {height:170px;top:45px;left:20px;color:#fff;position:absolute;text-align:left;font-family: "dinpro-regularregular","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;filter: Alpha(opacity=0);}
	.view img {display: block; position: relative; margin:0 auto; height: 200px;width: 300px;}
	
	.info {display: inline-block;text-decoration: none; text-indent:-9999px;width:20px;height:20px;position:absolute; bottom:20px;left:20px;float:left;}
	.overlay .mask { opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; overflow:visible;background: #181818;	 -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
	.overlay:hover .mask { opacity: 0.95;filter:alpha(opacity=95); -moz-opacity:0.95; background: #181818;}
	.overlay:hover a.info {opacity:5;filter:alpha(opacity=50);-moz-opacity:0.5; -moz-transition-delay: 0.3s;-webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s;-ms-transition-delay: 0.3s;transition-delay: 0.3s;}

    /*  Project Details  --------------------------------*/
    .project-image{display: block;position: relative;}
	.project-image .image {width:100%;opacity:0.9;}
	.image:hover {width:100%;opacity:1;}

/* ------------------------------------------------------------------------------- */
/*  11.  Contact
/* ------------------------------------------------------------------------------- */

	#contact-map{height:800px;width:100%;margin-top:-51px;margin-bottom:-50px;		}
	#contact-info {width:1000px;height:auto;top:550px;left:50%;margin-left:-500px;background-color:#fbfbfb;z-index:1000;position:absolute;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, .2);-moz-box-shadow: 0 0px 10px rgba(0, 0, 0, .2); box-shadow: 0 0px 10px rgba(0, 0, 0, .2);		}
	#contact-details {margin-top:20px;margin-left:20px;line-height:22px}
	#contact-form {margin-top:20px;}
	#contact-form input {width:205px;float:left;margin-right:20px;}
	#contact-form .btn-image {width:auto;float:left;margin-right:20px;border:none;height:40px;margin-bottom:20px;cursor:pointer;line-height:18px;}
	#contact-form input.last {margin-right:0px;}
	#contact-form textarea {width:700px;}
	input:focus.btn-image {background: url(../images/link.png) no-repeat 15px 10px #23abf1;}
	#message { margin: 10px 0; padding: 0; }
	.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4; padding: 3px 10px 3px 8px; color:#8a1f11;border: 1px solid #FBC2C4; border-left:5px solid #FBC2C4; width:696px;}
	fieldset {background-color: #EBF6E0;border: 1px solid #B3DC82;border-left:5px solid #B3DC82;color: #5F9025;padding:20px;margin-right:25px;}		
	fieldset h1 {color: #516547;font-size:24px;}		

/* ------------------------------------------------------------------------------- */
/*  12.  Widgets
/* ------------------------------------------------------------------------------- */
	
   	.widget {margin: 0 0 50px; }

    /*  Categories  --------------------------------*/
	.widget .categories li { background: url(../images/news-list-ico.png) no-repeat 0 14px;border-bottom: 1px solid #f2f2f2;display: block;padding: 10px 0 10px 13px;}
    .widget .categories li:last-child { border: none;}
    .widget .categories li a { color: #757B7F; }
    .widget .categories li a:hover {color: #23abf1;}

    /*  Twitter Feed  --------------------------------*/	
	#sidebar .twitter-post p { background: url(../images/icon_twitter_feed.png) no-repeat -2px 0px;color: #757B7F; padding-left: 25px; }
    #sidebar .twitter-post { color: #757B7F;margin-top:20px}
    #sidebar .twitter-post a { color: #23abf1;}
    #sidebar .twitter-post a:hover { color: #23abf1;}

/* ------------------------------------------------------------------------------- */
/*  13.  Footer
/* ------------------------------------------------------------------------------- */
	#diservice { margin: 0;padding: 0;float:left;position: relative;left:0px; right:0px; background-color: #000000;width:100%; margin-bottom: -20px;}
	.diservice { width: 88%; max-width: 1200px;margin: auto; font-family: "dinpro-bold","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;}
	.diservice dl{float: left;width: 11%;margin: 18px 0px;}
	.diservice dl dt{font-size:14px;color: #ffffff;line-height: 35px;}
	.diservice dl dd{font-size: 12px;color: #8c8c8c;line-height: 25px;margin: 0px 0px;}

	#footer14 { clear: both; margin: 0;padding: 0;float:left;position: relative;left:0px; right:0px; background-color: #000000;font-family: Arial; font-size: 12px; color:#6e6e6e; width:100%;}
	.footerbox { clear: both; height: 220px; width: 88%; max-width: 1200px; margin: auto; font-family: "dinpro-regularregular","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;}
	.footernav {float: left; height:150px; padding-top: 10px; width: 80%; font-family: "dinpro-regularregular","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;}
	.footermenu1 {float: left; padding-top: 35px; height:20px; width: 80%; border-bottom-color:#333333; border-bottom-style: solid; border-bottom-width: 1px; }
	.footermenu1 span { float: left; height: 18px; width: auto; padding-right: 5%; color: #9b9b9b}
	.footermenu1 span a:hover { text-decoration: none; color:#ffffff;}
	.footermenu2 {float: left; padding-top: 8px;  height:40px; width: 80%; }
	.footermenu2 span { float: left; height: 20px; width: auto; padding-right: 1.2%; color: #9b9b9b}
	.footermenu2 span a:hover { text-decoration: none; color:#8c8c8c;}
	.footertools {text-align: right; float: left; padding-top: 0px; height:95px; width: 168px; margin-top: 40px; margin-bottom: 0px; padding-left: 0px; font-size: 11px;}
	.footertools .older {padding:5px 20px 0px 0px;text-align: left; color: #fff;font-size:12px;line-height:20px;border-top-color:#fff;border-top-style: solid; border-top-width: 1px;}
	.footertools .older:hover {text-decoration: none;background: #000;color: #585858;border-top-color:#8c8c8c;border-top-style: solid; border-top-width: 1px;}
	.footermenu3 {width: 80%;}
	.footermenu3 span a{ margin-right:3px;color: #585858; width: 80%;}
	.footermenu3 span a:hover { text-decoration: none; color:#8c8c8c;}
	.footercopyright {float: left; width: 100%; margin-top: 5px; bottom: 15px; color: #6e6e6e; font-size: 11px;}

	#footer {background: #2b2b2b;margin: 50px 0 0;padding: 20px 0 0;}
	#footer-center { width:1000px;left:50%;margin-left:-500px;min-height:80px; }
	#footer-center-bottom {width:1000px;left:50%;margin-left:-500px;min-height:20px; }
	#footer-bottom { background: #1e1e1e;margin: 10px 0 0 0;padding: 20px;}
	.footer-left {	width:765px;float:left;	}
	.footer-right {height:auto;float:left;}
	.footer-menu {float: left;margin-left:-25px;width:100%;	} 
	.footer-menu li {float: left; position: relative;width:auto;}
	.footer-menu a {color: #8c8c8c;	display: block; font-size: 12px;padding-right:25px;padding-left:25px;position: relative; }
	.footer-menu a:hover, .footer-menu .hover > a, .footer-menu .current > a {color: #fff;}
	.footer-address li {display:block;float:left;position:relative;margin-top:25px;margin-right:25px;padding-left:25px;}
	.footer-address img {margin-right:10px;position:absolute;margin-top:-2px;margin-left:-25px;}

    /*  Footer Newsletter  --------------------------------*/
	#footer-newsletter input {-webkit-transition: background 0.3s ease-in-out 0s;-moz-transition: background 0.3s ease-in-out 0s;-o-transition:background 0.3s ease-in-out 0s;-ms-transition:background 0.3s ease-in-out 0s;background: none repeat scroll 0 0 #3a3a3a;border: 0 none;color: #8c8c8c;float: left;font: 12px 'Helvetica', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;height: 15px;margin: 0;padding: 10px;width: 175px;float:left;}
	#footer-newsletter input:focus {background: none repeat scroll 0 0 #1e1e1e;outline: 0 none;}
	#footer-newsletter button {-webkit-transition: background 0.3s ease-in-out 0s;-moz-transition: background 0.3s ease-in-out 0s;-o-transition:background 0.3s ease-in-out 0s;-ms-transition:background 0.3s ease-in-out 0s;background: url("../images/newsletter-icon.png") no-repeat scroll center center #3a3a3a;margin-left:5px;cursor:pointer;    height: 35px;text-indent: -99999em;width: 35px;border:0;}
	#footer-newsletter button:hover {background-color:#1e1e1e;}

    /*  Copyright & Social Links  --------------------------------*/
    .copyright li {display: block;float: left;margin-right: 30px;}
    .social-links {float: right;padding-top:46px;}
    .social-links li {display: block;float: left;height: 30px;margin: 0 0 0 15px;position: relative;text-indent: -9999px;width: 30px;}
    .social-links li a {position: absolute;opacity: 0;top: 0; left: 0; bottom: 0; right: 0;}
    .social-links li a:hover {opacity: 1;}
    .social-links .twitter { background: url(../images/icon-twitter.png) no-repeat;background-position: 0 -30px;}
    .social-links .twitter a { background: url(../images/icon-twitter.png) no-repeat;}
    .social-links .facebook { background: url(../images/icon-facebook.png) no-repeat;background-position: 0 -30px;}
    .social-links .facebook a { background: url(../images/icon-facebook.png) no-repeat; }
    .social-links .behance {background: url(../images/icon-behance.png) no-repeat; background-position: 0 -30px; }
    .social-links .behance a {background: url(../images/icon-behance.png) no-repeat;}
    .social-links .weibo {background: url(../images/icon-weibo.png) no-repeat;background-position: 0 -30px;}
    .social-links .weibo a {background: url(../images/icon-weibo.png) no-repeat;}
	/*  baidufenxiang  --------------------------------*/
	#gray a{ -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
	#gray a:hover{ -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: alpha(opacity=0);}
	

/* ------------------------------------------------------------------------------- */
/*  14.  QQ Kefu
/* ------------------------------------------------------------------------------- */
    #qq_Kefu {font-size: 14px; color:#3b3b3b;z-index:9999;position: relative;}
    #qq_Kefu ul, li {margin: 0; padding: 0;}
    #qq_Kefu table {border-collapse: collapse;border-style: none;}
    #qq_Kefu td {padding: 0;border: 0;font-size: 12px;line-height: 1.5em;}
    .Kefu_Little {width: 27px;height: 266px;cursor: pointer;display: block;}
    .Kefu_Phone {background: url(/images/qq/qqkf2/Phone.png) no-repeat; margin: 33px 0 0 15px;padding-left: 30px;line-height: 14px;}
    .Kefu_Info {padding: 10px 0 0 10px;line-height: 2;filter: glow(color=#FFF,strength=4)}
    .Kefu_Info ul li {padding-left: 27px;}
    .Kefu_Url {background: url(/images/qq/qqkf2/service.gif) no-repeat 3px 3px;}
    .Kefu_Help {background: url(/images/qq/qqkf2/help.gif) no-repeat 3px 3px;}
    .Kefu_QQ {background: url(/images/qq/qqkf2/qq_online.gif) no-repeat 0 3px;}
    .Kefu_Work {text-align: center;}
    .Kefu_Info li {list-style-type: none;}
    #qq_Kefu .kfbut{background-image: url(/images/qq/qqkf2/Kf_bg02.gif);background-repeat: no-repeat;}
    #qq_Kefu .kfbg{margin-left:10px;}
    #qq_Kefu .kefu_box {PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 6px; MARGIN: 3px 3px; WIDTH: 101px; CURSOR: pointer; PADDING-TOP: 4px; HEIGHT: 20px;}
    #qq_Kefu .kefu_boxOver {PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 6px; MARGIN: 3px 3px; WIDTH: 101px; CURSOR: pointer; PADDING-TOP: 4px; HEIGHT: 20px;}
    #qq_Kefu .kefu_box {BORDER-TOP: #FFF 0px solid; background-image: url(/images/qq/qqkf2/Kf_bg03_04.gif); BORDER-BOTTOM: #FFF 0px solid;}
    #qq_Kefu .kefu_boxOver {BORDER-TOP: #b5b5b5 0px solid; background-image: url(/images/qq/qqkf2/Kf_bg03_05.gif); BORDER-BOTTOM: #b5b5b5 0px solid;}
	

/* ------------------------------------------------------------------------------- */
/*  15.  Slider
/* ------------------------------------------------------------------------------- */

    .flexslider {margin: 0px auto;	position: relative;	width: 100%;height: 730px;overflow: hidden;	zoom: 0;}
    .flexslider .slides li {width: 100%;height: 100%;}
    .flex-direction-nav a {	width: 70px;height: 70px;line-height: 99em;overflow: hidden;margin: -35px 0 0;display: block;background: url(../images/hd/ad_ctr.png) no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0;	filter: alpha(opacity=0);-webkit-transition: all .3s ease;border-radius: 35px;}
    .flex-direction-nav .flex-next {background-position: 0 -70px;right:15px;}
    .flex-direction-nav .flex-prev {left: 15px;}
    .flexslider:hover .flex-next {opacity: 0.4;	filter: alpha(opacity=25);}
    .flexslider:hover .flex-prev {opacity: 0.4;	filter: alpha(opacity=25);}
    .flexslider:hover .flex-next:hover,
    .flexslider:hover .flex-prev:hover {opacity: 1;	filter: alpha(opacity=50);}
    .flex-control-nav {	width: 100%;position: absolute;	bottom: 10px;text-align: center; margin-left:-40px;}
    .flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1;*display: inline;}
    .flex-control-paging li a {background: url(../images/hd/dot.png) no-repeat 0 -16px;display: block;height: 16px;overflow: hidden;text-indent: -99em;width: 16px;cursor: pointer;}
    .flex-control-paging li a.flex-active,
    .flex-control-paging li.active a {background-position: 0 0;}
    .flexslider .slides a img {width: 100%;height: 730px;display: block; background-color:#000000;}
	
	
	.flexslider.tabs {margin: 0px auto;	position: relative;width: 100%;	height: 600px;overflow: hidden;	zoom: 0;}
    .flexslider.tabs:hover .flex-next {opacity: 0.4;	filter: alpha(opacity=25);}
    .flexslider.tabs:hover .flex-prev {opacity: 0.4;	filter: alpha(opacity=25);}
    .flexslider.tabs:hover .flex-next:hover,
    .flexslider.tabs:hover .flex-prev:hover {opacity: 0.4;	filter: alpha(opacity=50);}
	.flexslider.tabs .slides a img {width: 100%;height: 100%; display: block; background-color:#ffffff;}
	.flex-direction-nav1 a {	width: 70px;height: 70px;line-height: 99em;overflow: hidden;margin: -35px 0 0;display: block;background: url(../images/hd/ad_ctr.png) no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0.4;	filter: alpha(opacity=50);-webkit-transition: all .3s ease;border-radius: 35px;}
    .flex-direction-nav1 .flex-next {background-position: 0 -70px;right:15px;}
    .flex-direction-nav1 .flex-prev {left: 15px;}
	
	.taglinebg1 {clear: both;position: absolute;width: 100%;top:40%; height:90px; text-align:left;float: left;z-index: 777;}
	.tagline1 {width: 88%;max-width: 1200px;height: 300px; height:90px; margin: 0 auto;}
	.tagline1 h1 {margin-bottom:10px; font-family:dinprobold,arial; font-size:45px;color:#000000;}
	.tagline1 h2 {font-size:35px;font-family:΢ÈíÑźÚ;color:#000000;font-weight:bold;}
	.tagline1 h3 {margin-bottom:10px; font-family:dinprobold,arial; font-size:45px;color:#ffffff;}
	.tagline1 h4 {font-size:35px;font-family:΢ÈíÑźÚ;color:#ffffff;font-weight:bold;}
	.tagline1 .btn1 {font-family:dinprobold,arial;font-size:45px;color:#000000;line-height:65px;}

	
	
/* ------------------------------------------------------------------------------- */
/*  16.  Media Queries
/* ------------------------------------------------------------------------------- */

/* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 1020px) {	
	body {overflow-x: hidden;}	
	#body-wrapper {left: 50%;margin-left: -384px;position: relative;width: 768px;margin-right:0px}
	.container {margin: 0px 10px;position: relative;}
	#navigation li {float: left;position: relative;width: 100px;}
	.feature-description h5 {font-size:12px;font-weight:bold;}
	.gray-box {width:684px;padding:20px;}
	.graybox-right {float: left;}
	.footerbox { clear: both; height: 350px; margin: auto; }
	.footermenu1 {float: left; padding-top: 35px; height:30px; width: 100%; border-bottom-color:#333333; border-bottom-style: solid; border-bottom-width: 1px; }
	#footer-center {left: 50%;margin-left: -364px;min-height: 160px;width: 728px;}
	.footer-left {width:735px;float:left;}
	.footer-right {margin-top:25px;}
	.footermenu3 {display: none;}
	#footer-center-bottom {left: 50%;margin-left: -364px;min-height: 20px;width: 728px;}	
	.menu1{ text-align: right; padding:0px; height: 55px;top:0px;position: relative;overflow: hidden;}
    .footercopyright {display: none; }
	.mobile-inner-nav a{width: 90%;}
    #synews{margin-top:20px; height:220px !important; overflow:visible;}	
	
/* About Us */
	.one-half.last.about {width: 460px;padding:0;}
	.one-half.last.about {width: 354px;}
	.one-fourth.about {padding-left: 28px;width: 150px;}
	.one-fourth.last.about {padding-left: 0;width: 150px;}
	.user-grid li {display: inline-block;height: 220px;margin-right: 35px;margin-bottom: 35px;width: 220px;}
	#team {margin-top:30px;height: 100%;position: relative;width: 100%;}

/* Columns */
	.one-half {width: 50%;}
	.one-third {width: 33%;}
	.two-third {width: 66%;	}	
	.one-fourth {width: 25%;}	
	.three-fourth {	width: 75%;}
	
/* Pricing tables */			
	.pricing-table .column {width: 142px;}
	.pricing-table .level-max {	width: 145px;}	
	.pricing-table-second .column {	width: 225px;}	
	
/* Portfolio */			
	#filter {width: 100%;}	
	#projects, #projects3, #projects2 ul {	}
	#projects li {margin-right: 0px;position: relative;width: 300px;}
	#projects3 li { }
	#projects2 li { }
	#main { }
	#projects li.bigthumb {height: 200px;width: 300px;}
	#projects li.bigthumb img {	height: 200px;width: 300px;	}
	#projects li.bigthumb-h {height: 200px;width: 300px;}
	#projects li.bigthumb-h img {height: 200px;width: 600px;}
	#projects li.bigthumb-v {height: 400px;width: 300px;}
	#projects li.bigthumb-v img {height: 400px;width: 300px;}
	
/* News */		
	.comments-list {border-bottom: 1px dotted #E5E5E5;margin: 36px 0 70px;padding: 0 0 10px;}
	#comment {width: 468px;}
	.comment {display: inline-block;margin-top: 10px;padding-top: 30px;}
	.comment > div {display: inline-block;width: 100%;}
	.comment .children {padding-left: 80px;}
	.comment .comment-text, .comment .comment-meta {float: right;width: 390px;}
	.comment .children .comment {width:388px}
	.comment .children .comment {width:388px}
	.comment .children .comment-text, .comment .children .comment-meta {width: 310px;}
	.comment .children .children .comment-text, .comment .children .children .comment-meta {width: 228px;}
	#comments input {margin-bottom: 10px;width: 448px;}
	textarea {width: 448px;}
	#banner_tabs {display: none; }
	
/* Contact */			
	#contact-info {margin-left: -364px;width: 728px;}
	#contact-form input {width: 138px;}
	#contact-form textarea {width: 500px;}
	.error_message { width:495px; }	
}


/*----------------------------------------------- Small Screen----------------------------- */	
    @media only screen and (min-width:400px) and (max-width: 767px) { 	
	body {overflow-x: hidden; }
	.titlebox-nobg{height:200px !important; float:none;}
	#body-wrapper {left: 50%;margin-left: -260px;position: relative;width: 520px;margin-right:0px}
	.container {margin: 0 20px;position: relative;}
	#header-bg {height: 145px;}
	#header {height: 145px;}
	#sub-header-bg {height: 214px;}
	#logo {margin-left: 10px;}
	.nav-fix {clear: both;width: 100%;opacity: 0.98;height: 55px;position:relative;background-color: #f5f5f5;z-index: 9999;padding-top:0px;}
	#navigation li {float:none; width:auto !important; height:auto !important; }
	#navigation li a{color:#fff; padding:22px 0 22px 0; border-bottom:#666 solid 1px; width:170px;text-align: left; padding-left:30px;font-size:18px;}
	#navigation { display: none;position:absolute; left:0; top:55px; right:0; background:#333; }
	.selected #navigation{display:block;}
	#navigation li ul {display: none; position:static; opacity:1; padding-left:0;}
	#navigation >li:hover ul{display:block; }
	#navigation li ul>li a{display:block; width:165px !important; border-bottom:#333 solid 1px;text-align: left;padding-left:31px;color: #b4b4b4;font-size:14px;}
	#search{height: 140px; width: 80%;text-align:center;margin-left:30px;}
	#navigation font{display:block; line-height:30px;}
	#navigation .service_menu{display: none;}
	#navigation .contact_menu{display:block;}
	#navigation .en_menu{display: none;}
	.mobile{display:block !important;}/*.mobile-inner-nav a{width: 90%;}*/
	#features {width:auto; padding:0; margin:0; margin-top:20px; margin-bottom:-50px;}
	#features h1 {font-family: "dinpro-bold","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;padding-bottom: 20px; padding-left:20px;}
	.feature-description h5 {font-size:12px;font-weight:bold;}
	.feature-description p{text-justify : auto; text-align:justify;}
	.feature p {margin-top:10px;width: 95%;padding-left: 20px;}
	.one-fourth.second {margin-right:0px!important}
	.gray-box {width:440px;padding:20px;}
	.graybox-right {float: left;}
	#footer-center {left: 50%;margin-left: -180px;min-height: 200px;width: 360px;}
	.footer-left {width:360px;float:left;		}
	.footer-menu a {padding-right: 5px;}
	.footer-right {margin-top:25px;}
	#footer-center-bottom {left: 50%;margin-left: -180px;min-height: 20px;width: 360px;}
	#back-top span {display: none;}
	#frame_content {display: none;}
	.footerbox { clear: both; height: 300px; margin: auto; }
	.footernav { clear: both; height: 20px !important; margin: auto; }
	.footermenu1{display: none;}
	.footermenu2{display: none;}
	.footermenu3 {display: none;}
	
	.boxcaption {width: 100%;height: 70px !important;text-align:left;float:left;padding-left: 0px;padding-top:0px;color: #666666 !important;margin-bottom: 20px;background-color: #ffffff !important;font-family:  "dinprolight","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;font-size: 12px;position: relative;}
	.boxcaption-right {width: 100%;/*height: 70px;*/padding-top:20px !important;float:left !important;text-align: left ;color: #666666 !important;margin-bottom: 15px;background-color: #ffffff !important;font-family:  "dinprolight","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;font-size: 12px;position: relative ;}
	.boxcaption a:hover {width: 100%;margin-right:10px;height: 70px;text-align: left;float:left;padding-left: 20px;padding-top:22px;color: #989898;background-color: #EEEEEE;font-family:  "dinpro-bold","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;font-size: 13px;position: relative;}
	#dibunav {display: none;}
    .footercopyright {display: none; }
	.bdsharebuttonbox{display: none; }
	.mediaboxbg{width: auto; height:auto !important; float:none; clear:both;}
	.mediabox{width: auto; padding:0 10px;margin: auto;float: center;text-align: left;padding-top: 20px;padding-bottom: 20px !important;;color: #333333; overflow:hidden;}
	.mediabox h2{width:100%;font-size: 12px;font-family: "dinprolight",Arial, Helvetica, sans-serif;text-transform: uppercase;color: #181818; margin-left:10px;	padding-top: 5px;text-align: left;text-decoration: underline;padding-left:10px;}
	.titlebox-nobg{width: 100%;height:300px !important;background-color: #181818;float: left;text-align: center;background-position: center top;background-repeat: no-repeat;background-size: cover;}
	.titlebox-nobg1{width: 100%;height:300px;background-color: #181818;float: left;text-align: center;background-position: center top;background-repeat: no-repeat;background-size: cover;}
	.aboutimg{display: none;}
	#diservice {display: none;}
	.taglinebg{margin-top:-15% !important;}
	.tagline {margin-top:30px;}
	.tagline h1{ }
	.overlay .mask { background-position: center !important; }
	.box1000 .imgzise{margin-top:20px;width: 100%;}
	.box1000 .imgzise{margin-bottom:0px;}
	.box1000 h3{display: none;}
	.box500 .moreimg{margin-top:20px; margin-bottom:0px;}
	.box500 .moreimg a{text-decoration: none;padding:3px 8px 3px 8px;font-size:12px;line-height:25px;font-family: "dinpro-bold","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;border: 0px;border-style: solid;}	
	.box500 h5 {margin-left: 15px;width:80% }
	.box500 .newslist {margin-left: 0px;}
	.box1000 {width:100%;padding-bottom: 0px;margin-bottom: 0px;}
	.box1000 h4 {clear: both;width: 100% ;padding-left: 0px;padding-top: 10px;font-size: 12px;line-height: 23px;color: #181818;font-family:  "dinpro-bold","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;}
	.box1000 p {clear: both;width: 90% ;text-align: left;padding-top: 10px;font-size: 12px;line-height: 23px;color: #181818;font-family:  "dinpro-regularregular","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;}
	.box1000 h3 {clear: both;width: 90% ;padding-top: 10px;padding-left: 15px;padding-bottom: 20px;font-size: 12px;line-height: 23px;color: #181818;font-family:  "dinpro-regularregular","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;}
	.box500 h1 {width:90%;padding-bottom: 30px!important;padding-left: 15px;color: #181818;font-size: 16px;font-family: "dinpro-regularregular","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;line-height: 26px; font-weight:bold;}
	.box500 p {width:auto;padding-bottom: 20px !important;width: 100%;padding-left: 15px;line-height: 26px;text-justify : auto; text-align:justify;letter-spacing:-0.3px;}
 	.box500 {width:auto !important; height:auto !important; float:none;padding-bottom: 0px;margin-bottom: 0px !important;}
	.box500 .key {padding-left: 15px; }
	.social-links {float:right;margin-top: -115px;}
	
	.case_list_foot{MARGIN: 0px auto;padding:25px 0;line-height:40px;color:#fff;text-align:center;}
	.case_list_foot .text1{font-size:35px;margin:0 12%;}
	.case_list_foot .text2{font-size:15px;}
	.mediaboxnews{width: 88%;max-width: 1200px;margin: auto;float: center;text-align: left;padding-top: 40px;padding-bottom: 30px;color: #333333; }
	.mediaboxnews h4 {width: 75%; height:auto;font-size: 16px;font-family: "dinpro-bold","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;color:#181818;font-weight:bold;}
	.mediaboxnews p {width:auto;margin-bottom:0px !important;width: 100%;padding-left: 0px;line-height: 22px;text-justify : auto; text-align:justify;}
	.mediaboxnews  .moreimg{margin-top:20px; margin-bottom:0px;}
	.mediaboxnews  .moreimg a{text-decoration: none;padding:3px 8px 3px 0px;font-size:11px;line-height:25px;font-family: "dinpro-bold","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;border: 0px;border-style: solid;}	
    .newsbox{display: none;}
    #synews{margin-top:20px;height:auto !important; overflow:visible;}

/* About Us */	
	.one-half.last.about {width: 460px;padding:0;}
	.one-half.last.about {    width: 484px;}
	.one-half.last.about h5 {padding-left: 0px;padding-top: 20px;}
	.one-fourth.about {padding-left: 0px;width: 250px;}
	.one-fourth.last.about {padding-left: 0;width: 150px;}
	.user-grid li {margin-right: 0px;margin-bottom: 0px;width: 220px;}
	#team {margin-top:30px;height: 100%;position: relative;width: 100%;}	
	
/* Columns */
	.one-half {width: 484px;margin-bottom:20px;}
	.one-third {width: 484px;margin-bottom:20px;}
	.two-third {width: 484px;margin-bottom:20px;}
	.one-fourth {width: 100%;margin-bottom:20px;}
	.three-fourth {width: 484px;margin-bottom:20px;}	
	
/* Pricing tables */			
	.pricing-table .column {width: 240px;}
	.pricing-table .level-max {width: 480px;margin-top:40px;margin-bottom:40px}
	.pricing-table-second .column {margin-bottom: 10px;margin-right: 20px;margin-top: 30px;width: 480px;}
	
/* Portfolio */	
	#projects, #projects3, #projects2 ul {overflow: hidden;float:left;width: 105%;}
	#projects h5 {text-align:center;font-size:24px;margin-bottom:20px}
	#projects li {margin-right: 0px;position: relative;width: 300px; height:200px; margin-bottom:0px !important;}
	.view img{width:300px; height:auto;}
	.boxcaption-right{width:auto !important;}
	#footerbg h1 span{display:block;}
	#projects li.bigthumb {height: 400px;width: 600px;	}
	#projects li.bigthumb img {height: 400px;width: 600px;	}
	#projects li.bigthumb-h {height: 200px;width: 600px;	}
	#projects li.bigthumb-h img {height: 200px;width: 600px !important;}
	#projects li.bigthumb-v {height: 400px;width: 300px;}
	#projects li.bigthumb-v img {height: 400px;width: 300px;}

	
/* News */
	#main {width: 480px;}
	#sidebar {display:none;}
	.comments-list {border-bottom: 1px dotted #E5E5E5;margin: 36px 0 70px;padding: 0 0 10px;}
	#comment {width: 468px;}
	.comment {display: inline-block;margin-top: 10px;padding-top: 30px;}
	.comment > div {display: inline-block;width: 100%;}
	.comment .children {padding-left: 80px;}
	.comment .comment-text, .comment .comment-meta {float: right;width: 390px;}
	.comment .children .comment {width:388px}
	.comment .children .comment {width:400px}
	.comment .children .comment-text, .comment .children .comment-meta {width: 310px;}
	.comment .children .children .comment-text, .comment .children .children .comment-meta {width: 228px;}
	#comments input {margin-bottom: 10px;width: 448px;}
	textarea {width: 448px;}

	
/* Contact */			
	#contact-info {margin-left: -242px;width: 484px;}
	#contact-info .one-fourth {display:none;}
	#contact-form {margin-left: 20px;}
	#contact-form input {width: 112px;}
	#contact-form textarea {width: 422px;}
	.error_message { width:418px; }	
	
/* Slider */	 
    .flexslider {margin: 0px auto;	position: relative;	width: 100%;height: 340px;overflow: hidden;margin-bottom:0px;zoom: 1;}
    .flexslider .slides li {width: 100%;height: 100%;}
    .flex-direction-nav{display:none;}
    .flexslider .slides a img {background-size: auto 100%!important;background-position: top center;display: block; background-color:#000000;width:100%;height: 340px;}
	.flexslider.tabs {display:none;}
	.taglinebg1 {clear: both;position: absolute;width: 100%;top:25%; height:90px; text-align:left;float: left;z-index: 777;}
	.tagline1 {width: 90%;max-width: 1200px;height: 300px; height:90px; margin: 0 auto;}
	.tagline1 h1 {margin-bottom:10px; font-family:dinprobold,arial;font-weight:bold; font-size:30px;color:#000000;}
	.tagline1 h2 {font-size:30px;font-family:"Microsoft YaHei","΢ÈíÑźÚ";color:#000000; font-weight:bold;}
	.tagline1 h2 .konghang{color:#0099ff;font-size:30px;}
	.tagline1 h3 {margin-bottom:10px; font-family:dinprobold,arial; font-size:30px;color:#ffffff;}
	.tagline1 h4 {font-size:30px;font-family:"Microsoft YaHei","΢ÈíÑźÚ";color:#ffffff; font-weight:bold;}
	.tagline1 .btn1 {font-family:dinprobold,arial;font-size:25px;color:#000000;line-height:38px;}
}


/*----------------------------------------------- Mobile Phone----------------------------- */	
@media only screen and (max-width: 639px) {
	body {overflow-x: hidden;}
	.footercopyright {display: none;}
	#toTop	{ display: none;}
        .social-links{display: none;}
	#body-wrapper {left: 50%;margin-left: -180px;position: relative;width: 360px;margin-right:0px}
	.nav-fix {clear: both;width: 100%;opacity: 0.98;height: 55px;position:relative;background-color: #f5f5f5;z-index: 9999;padding-top:0px;}
	#features h1 {font-family: "dinpro-bold","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;padding-bottom: 20px; padding-left:15px;}
	.feature p {margin-top:10px;width: 92%;padding-left: 15px;}
	.indexlogo{display: none;}
	.mediaboxbg{width: auto; height:auto !important; float:none; clear:both;}
	.mediabox{width: auto; padding:0 10px;margin: auto;float: center;text-align: left;padding-top: 20px;padding-bottom: 20px !important;;color: #333333; overflow:hidden;}
	.one-fourth:nth-child(odd){clear:both;}
	.mediabox h1 {width: 100%;font-size: 16px;font-family: "dinpro-regularregular","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;text-align: left;	color: #181818;padding-bottom: 50px;}
	.mediabox h2{width:100%;font-size: 12px;font-family: "dinprolight",Arial, Helvetica, sans-serif;	text-transform: uppercase;color: #181818;	padding-top: 5px;text-align: center;text-decoration: underline;}
	.titlebox{/*display:none;*/}
	.aboutimg{display: none;}
	.skippr{height:300px !important;}
	.skippr-nav-element-block{width:40px !important;}
	.mediabox h2 {display: none;}
 	.box500 {width:auto !important; height:auto !important; float:none;padding-bottom: 0px;margin-bottom: 0px !important;}
	.box500 p {width: 95% !important;width:auto;padding-bottom: 20px !important;padding-left: 10px;line-height: 26px;text-justify : auto; text-align:justify;letter-spacing:-0.3px;}
	.key {display: none;}
	.box500 h1 {width:90%;padding-bottom: 30px!important;padding-left: 15px;color: #181818;font-size: 16px;font-family: "dinpro-regularregular","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;text-align: center;line-height: 26px; font-weight:bold;}
	.box500 h1 .fuhao{display: none;}
	.box500 h1 .enname{ display:block;padding-top: 15px;}
	.box500 h5 {margin-left: 10px;width:80%;font-size: 12px !important; }
	.box500 .newslist {margin-left: 0px;}
	.box500 .moreimg{text-align:center; color:#181818;}
	.box500 .moreimg a{text-decoration: none;text-align: center;padding:3px 8px 3px 0px;font-size:12px;line-height:20px;font-family: "dinpro-bold","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;border: 0px;border-style: solid;}
	.box1000 {width:100%;padding-bottom: 0px;margin-bottom: 0px;}
	.box1000 h4 {clear: both;width: 100% ;text-align: center;padding-left: 0px;padding-top: 10px;font-size: 12px;line-height: 23px;color: #181818;font-family:  "dinpro-bold","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;}
	.box1000 p {clear: both;width: 90% ;text-align: left;padding-top: 10px;font-size: 12px;line-height: 23px;color: #181818;font-family:  "dinpro-regularregular","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;}
	.box1000 h3 {clear: both;width: 90% ;padding-top: 10px;padding-left: 15px;padding-bottom: 20px;font-size: 12px;line-height: 23px;color: #181818;font-family:  "dinpro-regularregular","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;}
	.box1000 .imgzise{margin-top:20px;width: 106%;margin-left:-10px;}
	.box1000 .imgzise{margin-bottom:0px;}
	.box1000 h3{display: none;}
	.boxcaption {width: 100%;height: 70px !important;text-align: center;padding-left: 0px;padding-top:50px;color: #666666 !important;margin-bottom: 0px;background-color: #ffffff !important;font-family:  "dinprolight","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;font-size: 12px;position: relative;}
	.boxcaption-right { width:100%;height: 70px !important;padding-top:50px !important;text-align: center !important;color: #666666 !important;background-color: #ffffff !important;font-family:  "dinprolight","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;font-size: 12px;position: relative;}
	.boxcaption a:hover {width: 100%;height: 70px !important;text-align:center;float:center;padding-top:22px;color: #989898;background-color: #EEEEEE;font-family:  "dinpro-bold","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;font-size: 13px;position: relative;}
	.btn{font-family:  "dinpro-regularregular","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;display:none;}
	.container {margin: 0 10px;position: relative;}
	#header-bg {height: 145px;}
	#header {height: 145px;z-index:9999;}
	#sub-header-bg {height: 214px;}
    .js .selectnav {background-color:#3c3c3c;background-position: center right, top left;color: #959595;display: inline-block;font-size: 12px;padding: 10px 10px;width: 100%;z-index:999;cursor:pointer;margin: 0 0 30px;}
	.mobile{display:block !important;}
	#features {width:auto; padding:0; margin:0; margin-top:20px; margin-bottom:-50px;}
	.feature-description h5 {font-size:12px;font-weight:bold;}
	.feature-description p{text-justify : auto; text-align:justify;}
	.one-fourth.second {margin-right:0px!important}
	.gray-box {width:296px;padding:20px;}
	.graybox-right {float: left;}
	#footer-center {left: 50%;margin-left: -180px;min-height: 200px;width: 360px;}
	.footer-left {width:360px;float:left;		}
	.footer-menu a {padding-right: 5px;}
	.footer-right {margin-top:25px;}
	#footer-center-bottom {left: 50%;margin-left: -180px;min-height: 20px;width: 360px;}
	#back-top span {display: none;}
	#frame_content {display: none;}
	.case_list_foot{MARGIN: 0px auto;padding:25px 0;line-height:40px;color:#fff;text-align:center;}
    .case_list_foot .text1{font-size:32px;margin:0 12%;}
    .case_list_foot .text2{font-size:12px;}
    .mediaboxnews{width: 88%;max-width: 1200px;margin: auto;float: center;text-align: left;padding-top: 40px;padding-bottom: 30px;color: #333333; }
    .mediaboxnews h4 {width: 90%; height:auto;font-size: 16px;line-height: 25px;font-family: "dinpro-bold","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;color:#181818;font-weight:bold;padding-bottom: 0px !important;}
    .mediaboxnews p {width:auto;margin-bottom: 0px !important;width: 100%;padding-left: 0px;line-height: 23px;text-justify : auto; text-align:justify;}
	.mediaboxnews .moreimg{text-align:left; color:#181818;}
	.mediaboxnews .moreimg a{text-decoration: none;text-align: left;padding:3px 8px 3px 0px;font-size:11px;line-height:20px;font-family: "dinpro-bold","Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;border: 0px;border-style: solid;}
	#synews{margin-top:20px;height:auto !important; overflow:visible;}

	#diservice{display: none;}
	.footermenu1{display: none;}
	.footermenu2{display: none;}
	.footermenu3 {display: none;}
	#dibunav {display: none;}
	.footercopyright {display: none; }
	.productnews {display: none;}
	.tagline h1{ top:230px; height:130px;!important;}
	.tagline h1 .enname{ display:block;padding-top: 15px;}
	.bdsharebuttonbox{display: none; }
	.titlebox-nobg{width: 100%;height:325px;background-color: #181818;float: left;text-align: center;background-position: center top;background-repeat: no-repeat;background-size: cover;}
	.titlebox-nobg1{width: 100%;height:250px;background-color: #181818;float: left;text-align: center;background-position: center top;background-repeat: no-repeat;background-size: cover;}
	.taglinebg{margin-top:-15% !important;}
	.tagline {text-align: center; }
	.tagline h7 {display:none;}
	#navigation li {float:none; width:auto !important; height:auto !important; }
	#navigation li a{color:#fff; padding:22px 0 22px 0; border-bottom:#666 solid 1px; width:160px;text-align: left; padding-left:22px;font-size:18px;}
	#navigation { display: none;position:absolute; left:0; top:55px; right:0; background:#333; }
	.selected #navigation{display:block;}
	#navigation li ul {display: none; position:static; opacity:1; padding-left:0;}
	#navigation >li:hover ul{display:block; }
	#navigation li ul>li a{display:block; width:155px !important; border-bottom:#333 solid 1px;text-align: left;padding-left:23px;color: #b4b4b4;font-size:14px;}
	#search{height: 140px; width: 75%;text-align:center;margin-left:22px;}
	#navigation font{display:block; line-height:30px;}
	#navigation .en_menu{display: none;}
	#navigation .service_menu{display: none;}
	#navigation .contact_menu{display:block;}
	.mobile-inner-nav a{width: 90%;}
	#qq_Kefu{display: none;}
	.logo{padding-left: 0%; width:130px;}
	#gray{display: none;}
	.footerbox { clear: both; height: 300px; margin: auto; }
	.footernav { clear: both; height: 20px !important; margin: auto; }
	.overlay .mask { background-position: center center !important; }
	.newsbox{display: none;}
/* About Us */	
	.one-half.last.about {width: 340px;padding:0;}
	.one-half.last.about {width: 340px;	}
	.one-half.last.about h5 {padding-left: 0px;padding-top: 20px;}
	.one-fourth.about {padding-left: 0px;width: 165px;}
	.one-fourth.last.about {padding-left: 0;width: 150px;}
	.user-grid li {margin-right: 0px;margin-bottom: 20px;width: 220px;}
	#team {margin-top:30px;height: 100%;position: relative;width: 100%;}	
	
/* Columns */
	.one-half {width: 340px;margin-bottom:20px;}
	.one-third {width: 340px;margin-bottom:20px;}
	.two-third {width: 340px;margin-bottom:20px;}
	.one-fourth {width: 100%;margin-bottom:20px;}
	.three-fourth {width: 340px;margin-bottom:20px;}

/* Pricing tables */			
	.pricing-table .column {width: 168px;}
	.pricing-table .level-max {width: 340px;margin-top:40px;margin-bottom:40px}
	.pricing-table-second .column {margin-bottom: 10px;margin-right: 20px;margin-top: 30px;width: 340px;}
	
/* Portfolio */	
	.works {background-color:#f4f4f4;width:100%;height:120px;position:absolute;}
        #filter {background: #f4f4f4;display: block;height: 60px;margin-bottom: 80px;position: relative;width: 100%;text-align:center;color:#333;}
	#filter a{float:center;display: inline-block;padding:0 15px;font-size:12px;height: 60px;line-height: 60px;width:20%;color: #9f9f9f;font-family: "Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;}
	#filter a:hover{text-decoration:none;background:#181818;color:#ffffff;font-family: "Microsoft YaHei","΢ÈíÑźÚ",Arial, Helvetica, sans-serif;}
	#filter a.active{background:#ffffff;width:20%;color:#181818;display: inline-block;}	
	#projects, #projects3, #projects2 ul { margin-top: 0px;width: 113% !important;margin-left:-20px;}
	#projects h5 {text-align:center;font-size:24px;margin-bottom:20px}
	#projects li {clear: both;margin-right: 0px;position: relative;width: 100%; height:auto; margin-bottom:20px !important;}
	#projects .view img{width:100%; height:auto; max-width:100% !important;}
	#projects li.bigthumb {margin-right: 0px;position: relative;width: 100%; height:auto !important;}
	#projects li.bigthumb img {width:100%; height:auto; max-width:100% !important;}
	#projects li.bigthumb-h {margin-right: 0px;position: relative;width:100%; height:240px !important;}
	#projects li.bigthumb-h img {height: 240px;width: 720px !important;max-width: 720px !important;margin-left:0px;}
	#projects li.bigthumb-v {margin-right: 0px;position: relative;width: 100%; height:auto !important;}
	#projects li.bigthumb-v img {width:100%; height:auto; max-width:100% !important;margin-top:-10%; }
	

/* News */
	#main {width: 340px;}
	#sidebar {display:none;}
	.comments-list {border-bottom: 1px dotted #E5E5E5;margin: 36px 0 70px;padding: 0 0 10px;}
	#comment {width: 340px;}
	.comment {display: inline-block;margin-top: 10px;padding-top: 30px;}
	.comment > div {display: inline-block;width: 100%;}
	.comment .children {padding-left: 0px;}
	.comment .comment-text, .comment .comment-meta {float: right;width: 260px;}
	.comment .children .comment {width:388px}
	.comment .children .comment {width:340px}
	.comment .children .comment-text, .comment .children .comment-meta {width: 260px;}
	#comments input {margin-bottom: 10px;width: 320px;}
	textarea {width: 320px;}

	
/* Contact */			
	#contact-info {margin-left: -180px;width: 360px;height:auto;}
	#contact-info .one-fourth {display:none;}
	#contact-form {margin-left: 20px;}
	#contact-form input {width: 300px;margin-bottom:10px}
	#contact-form textarea {width: 300px;}
	fieldset {margin-right:0px;}	
	.error_message {width: 296px;}	
	

/* Slider */	 
    .flexslider {margin: 0px auto;	position: relative;	width: 100%;height: 340px;overflow: hidden;margin-bottom:0px;zoom: 1;}
    .flexslider .slides li {width: 100%;height: 100%;}
    .flex-direction-nav{display:none;}
	.flex-direction-nav{display:none;}
	.p_flexslider {display:none;}
	.flexslider .slides a img {background-size: auto 100%!important;background-position: top center;display: block; background-color:#000000;width:100%;height: 340px;zoom:1;}
	.taglinebg1 {clear: both;position: absolute;width: 100%;top:22%; height:90px; text-align:left;float: left;z-index: 777;text-align:center;}
	.tagline1 {width: 82%;max-width: 1200px;height: 300px; height:90px; margin: 0 auto; text-align:center;}
	.tagline1 h1 {margin-bottom:10px; font-family:dinprobold,arial;font-weight:bold; line-height:35px;font-size:35px;color:#000000;text-align:center;}
	.tagline1 h2 {margin-bottom:20px;font-size:28px;font-family: "Microsoft YaHei","΢ÈíÑźÚ";color:#000000; font-weight:bold;text-align:center;}
	.tagline1 h3 {margin-bottom:10px; font-family:dinprobold,arial; line-height:35px;font-size:35px;color:#ffffff;text-align:center;}
	.tagline1 h4 {font-size:32px;font-family: "Microsoft YaHei","΢ÈíÑźÚ";color:#ffffff; font-weight:bold;text-align:center;}
	.tagline1 .btn1 {font-family:dinprobold,arial;font-size:25px;color:#000000;line-height:10px;text-align:center;}
	.tagline1 h2 .fuhao{display: none;}
	.tagline1 h2 .konghang{display:block;color:#0099ff;font-size:33px;letter-spacing:-0.5px;}
	.tagline1 h4 .fuhao{display: none;}
	.tagline1 h4 .konghang{display:block;}
			
}