@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'open_sansbold';
    src: url('font/opensans-bold-webfont.eot');
    src: url('font/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-bold-webfont.woff2') format('woff2'),
         url('font/opensans-bold-webfont.woff') format('woff'),
         url('font/opensans-bold-webfont.ttf') format('truetype'),
         url('font/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

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

}

@media screen and (min-width:0px) and (max-width:479px){
	.main-box img{width:100%;}
	.mynav{float:none !important; margin-top:60px;}
	.share-icon a{margin:20px 20px 20px 0 !important;}
	.contact table{margin-bottom:20px;}
	.codeverfy .btn{margin-top:15px;}
	.claim{width:78% !important;}
}

@media screen and (min-width:480px) and (max-width:767px){
	.main-box img{width:100%;}
	.mynav{float:none !important; margin-top:60px;}
	.share-icon a{margin:20px 20px 20px 0 !important;}
	.contact table{margin-bottom:20px;}
	.codeverfy .btn{margin-top:15px;}
	.claim{width:80% !important;}
}
@media screen and (min-width:768px) and (max-width:991px){
	.main-box h2{font-size:26px !important;}
	.logo-small{width:8%;}
	.mynav{float:none !important; margin-top:40px;}
	.navbar-collapse{padding:0;}
	.navbar-default .navbar-nav > li > a{padding:10px 3px !important; font-size:12px; letter-spacing:-0.7px;}
	.language{font-size:12px !important; margin-left:5px;}
	.codeverfy .btn{font-size:20px !important;}
	.codeverfy input{width:48% !important;}
	.profile-box{height:580px !important;}
	.claim{width:85% !important;}
	.service-item .service-title{top:25% !important;  padding:10px 0 !important; line-height:26px;}
	.licen-f-left{width:26% !important;}
	.licen-f-middle{width:62% !important;}
	.licen-f-middle img{width:1.5% !important;}
	.licen-f-middle hr{width:98.5% !important;}
}

@media screen and (min-width:992px) and (max-width:1023px){
	.mynav{float:none !important; margin-top:60px;}
	.navbar-collapse{padding:0;}
	.main-box h2{font-size:23px !important;}
	.navbar-default .navbar-nav > li > a{padding:10px 7px !important; font-size:13px; }
	.codeverfy input{width:48% !important;}
	.profile-box{height:430px !important;}
}

@media screen and (min-width:1024px) and (max-width:1199px){
	.mynav{float:none !important; margin-top:60px;}
	.navbar-collapse{padding:0;}
	.main-box h2{font-size:23px !important;}
	.navbar-default .navbar-nav > li > a{padding:10px 3px !important; font-size:13px; }
	.codeverfy input{width:48% !important;}
	.profile-box{height:430px !important;}
}

@media screen and (min-width:1200px){
	.navbar-default .navbar-nav > li:hover .dropdown-menu{display:block;}
	
}

*{margin:0; padding:0;}
html{position:relative; min-height:100%;}
body{font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,sans-serif !important; color:#363636; font-size:16px; line-height:26px;}
h1,h2,h3,h4,h5,h6{font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,sans-serif !important;}
a,a:hover,a:focus,img{color:inherit; text-decoration:none; outline:none;}
.clear{clear:both;}
:focus{outline:none;}
.c1{color:#158181;}
.c2{color:#0076c1;}
.c3{color:#ce3f3f;}

/*home*/
.logo{margin-top:15px;}
.main-content{margin-top:30px;}
.main-content .row{margin:0 -5px;}
.main-content .row .col-sm-4{padding:0 5px;}
.main-box{position:relative; border-radius:5px; overflow:hidden; margin-bottom:20px;}
.hidden-layer{background-color:#097b7b; background:rgba(9,123,123,0.65);filter:alpha(opacity=65); height:100%; width:100%; position:absolute; top:0; display:none;}
.main-box h2{position:absolute;color:#fff;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,sans-serif !important;background-color:#097b7b; background:rgba(9,123,123,0.65); padding:40px 0; width:100%; z-index:10; text-align:center; font-size:28px; margin:0;}
.copyright{margin-bottom:20px; font-size:16px; color:#484848;}


/*======home inner common pages=====*/

.header{background-color:#158181; padding:10px 0;} 
.logo-small{float:left;}
.mynav{float:right;}
.language{float:right; color:#fff; margin-top:20px;}
.language .active{color:#cc3232;}
/* nav */
.mynav{background-color:transparent;}
.navbar{margin-bottom:0;}
.navbar-collapse{ margin-top:20px;}
.navbar-default{background-color:transparent; border:none;}
.navbar-default .navbar-nav > li{color:#fff; border-right: 1px solid #fff; font-size:14px;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,sans-serif; text-align:center;  1text-transform:uppercase;}
.navbar-default .navbar-nav > li b,.navbar-default .navbar-nav > li:hover b{border-color:#fff transparent;}
.navbar-default .navbar-nav > li > a{ color:#fff; padding:5px 12px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus,.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav > li:hover{background:#b84747; color:#fff;}
/*二级菜单*/
.navbar-default .navbar-nav .dropdown-menu{border-radius:0; border:none;padding:5px 3px; box-shadow:none; background-color:#ce3f3f; min-width:186px; margin-top:6px; }
.navbar-default .navbar-nav .dropdown-menu > div{margin-top:-11px; margin-bottom: 3px; text-align:left;}
.navbar-default .navbar-nav .dropdown-menu > div img{margin-left:10px;}
.navbar-default .navbar-nav .dropdown-menu > li{ padding:3px;font-size:13px;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,sans-serif;}
.navbar-default .navbar-nav .dropdown-menu > li > a{color:#fff;padding:5px 5px 5px 8px; text-align:left; background-color:#d35353; border-radius:5px;}
.navbar-default .navbar-nav .dropdown-menu > li > a img{margin-right:5px;}
.navbar-default .navbar-nav .dropdown-menu > li > a:focus,.navbar-default .navbar-nav .dropdown-menu > li > a:hover{background-color:#292f36;}


/*contact*/
.inner-nav{background-color:#fafafa; padding:15px 10px; margin-bottom:40px; font-size:14px;}
.inner-nav a,.inner-nav span{margin:0 5px;}
.inner-content{padding:30px 0 15px;min-height: 550px;}
.share-icon a{ display:inline-block; margin:40px 20px 45px 0;}
.contact-table td{vertical-align:top; padding:5px;}
.contact-table td img{margin-right:5px;}
.contact h1{margin:-5px 0 20px 0;}
.contact .form-control{ background-color:#f6f6f6; border:1px solid #c8c8c8; font-size:16px;}
.contact input,.contact select{height:54px;}
.contact textarea{height:120px;}
.form-control::-webkit-input-placeholder{color:#333;}
.form-control::-moz-placeholder{color: #333;}
.form-control::-ms-input-placeholder{ color: #333; font-size:16px;/* Internet Explorer 10+ */}
.codeverfy{margin:0 -15px;}
.codeverfy input{height:58px; border:1px solid #ddd; padding-left:10px; width:49%; display:inline-block; vertical-align:middle;}
1.codeverfy img{1width:49%; display:inline-block; vertical-align:middle;}
.codeverfy .btn{background-color:#158181; color:#fff; font-size:25px; padding:10px 0; display:block; border:none; }

/*footer*/
.footer{background-color:#158181; 1padding:10px 0 5px; color:#cee0e0; text-align:center; font-size:12px; 1position:absolute; bottom:0; text-align:center; width:100%;}
.footer p{margin:0px 0 0;}

/*history*/
.line{width:50px; height:1px; background-color:#158181; margin-bottom:15px;}

/*profile*/
.profile .row{margin:0 -8px;}
.profile .row .col-sm-4{padding:0 8px;}
.profile .col-sm-4 > img{margin:0 auto;}
.profile-box{background-color:#eee; padding:15px; margin:30px 0; height:360px; line-height:26px;} 
.profile-box h3{font-family: font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,sans-serif; margin:10px 0 20px; text-align:center;}

/*recruit*/
.recruit-box{background-color:#f3f3f3; padding:15px; position:relative; margin-top:15px;}
.recruit-box h3{margin:0 0 20px 0;}
.recruit-box p{margin-bottom:3px;}
.re-date{position:absolute; text-align:right; right:15px; bottom:20px; font-size:13px;}
.claim{width:90%;}


/*=============== other pages ===================*/


/*=============== other pages ===================*/



/*brand*/
.com-pad{padding:30px;}
.brand-img{background-color:#fff; padding:10px;}
.brand-img img{margin:0 auto;}
.brand .row .col-sm-3{margin-bottom:50px;}
.brand .row p{border-bottom:1px solid #666; margin-bottom:0;height: 58px;overflow: hidden;}
.pd-title{font-family: 'open_sansbold'; margin-bottom:30px;}
.des{border-bottom:3px solid #ccc;position:relative; padding-bottom:5px;font-family: 'open_sansbold'; margin-bottom:20px;}
.des span{width:100px; height:3px; position:absolute; bottom:-3px; left:0; background-color:#158181;}
.pd-info div{margin-bottom:10px;}
.brand .row .col-sm-4 .brand-img{padding:30px 10px;}
.com-pad > .des{margin-top:50px;}

/*product*/
.product .row{padding:30px; margin:0 -3px;}
.product .row .col-sm-4{padding:0 3px;}
.product-img{position:relative; margin-bottom:6px;}
.product-img .hidden-layer{background-coloer:#000000; background:rgba(0,0,0,0.5); filter:alpha(opacity=50); text-align:center; padding-top:70px;}
.product-img .hidden-layer span{display:inline-block; padding:20px 15px; font-size:30px; font-family: 'open_sansbold'; color:#fff;background-coloer:#cc3232; background:rgba(204,50,50,0.7); filter:alpha(opacity=70);}
.product-img:hover .hidden-layer{display:block;}
.prod-left-menu > ul > p{color:#cc3232; font-size:25px; border-bottom:2px solid #cc3232;font-family: 'open_sansbold'; }
.prod-left-menu > ul > li{background-color:#c5c5c5; border-bottom:3px solid #b6b6b6; font-size:25px; margin-bottom:5px; color:#fff;}
.prod-left-menu > ul > li:hover{background-color:#cc3232;  border-bottom-color:#a81b1b;}
.prod-left-menu > ul > li > a{padding:15px; display:block;}
.red-row{background-color:f3f3f3; color:#fff; padding-bottom:10px;}
.red-row .row{margin:0 -5px;}
.red-row .row .col-sm-4{height:80px;display:table;}
.red-row p{background-color:#cc3232; margin:0; padding:0 15px; font-size:25px; text-align:center; vertical-align:middle; display:table-cell;}
.red-row .col-sm-4,.grey-row .col-sm-4{padding:0 5px;}
.grey-row{margin:0 -10px;}
.grey-row .row{margin:0 10px;background-color:#f3f3f3;}
.grey-row .row .col-sm-4{ height:80px;display:table; margin-bottom:10px; }
.grey-row p{background-color:#fff; padding:0 10px; font-size:16px; text-align:center; display:table-cell; vertical-align:middle;}
.grey-row p img{margin:0 auto;}