﻿/**********************************************************
 **********************************************************
 ************************style*****************************
 **********************************************************
 **********************************************************/ 
*{margin:0;padding:0;}
body{font-size:12px;line-height: 1;color:#333333;font-family: "微软雅黑","microsoft yahei",arial;min-width:320px;max-width:640px;margin:0 auto;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,table,tbody,tfoot,thead,th,td,input,textarea,fieldset,p,span,strong,small,b,img,footer,header,menu,nav,section{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;}
a{text-decoration:none;color:#333333;}
a:link,a:visited{text-decoration:none}
a:hover,a:active{text-decoration:none;}
caption,th {text-align:left;}
.left{float:left;}
.right{float:right;}

.banben {
    top: 35px;
       font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    position: absolute;
    right: 100px;
}


/*****************************
 ***********Main site*********
 *****************************/ 

/*********header*********/ 
.header{height:90px;overflow: hidden;  margin:0 auto; width:640px; position: relative;}

/*****************************
 ***********Main site*********
 *****************************/ 

/*********header*********/ 
.header .left{overflow: hidden;margin: 18px 0 0 20px;}
.header .right{overflow: hidden;margin:30px 20px 0; 0}
.header .right .right-language{float: left;}
.header .right .right-ico{float: left;margin:5px 0 0 20px;cursor: pointer;}
.navlist{display:none;width:100%;height:100%;z-index:100;position:fixed;top:0;left:0;z-index:99999999999;overflow-y:scroll;overflow-x:hidden;background-color:rgba(0,0,0,0.9); }
.navlist .close{float:right;margin-top:30px;margin-right:30px;cursor:pointer;margin-bottom:30px;}
.navlist > ul{clear:both;text-align:center;padding-bottom:40px;}
.navlist > ul > li{margin-top:30px;}
.navlist > ul > li > a{color:#cccccc;font-size:30px;line-height:50px;}
.navlist ul li ul{display:none;margin-top:20px}
.navlist ul li ul li a{color:#cccccc;font-size:25px;line-height: 40px;}
.navlist-active > a{color:#187d7d !important;}



/*********nyheader*********/ 
.nyheader{height:90px;overflow: hidden;border-bottom: 1px solid #e3e3e3;position: relative;}
.nyheader .title{line-height: 90px;position: absolute;width: 100%;text-align: center;left:0;top:0;font-size: 30px;}
.nyheader .left{position: absolute;left:20px;top:30px;z-index: 6;}
.nyheader .right{position: absolute;right:20px;top:30px;z-index: 6;cursor: pointer;}



/*********content*********/ 
.content{overflow: hidden;}
/*banner*/
.banner{width:100%;height:350px;overflow: hidden;}
.slideBox2{width:100%;height:350px;margin:0 auto; position:relative; overflow:hidden;   }
.slideBox2 .hd{visibility: hidden;}
.focus .bd{ position:relative; z-index:0;}
.focus .bd img{ width:100%;  height:350px; }
/*m1*/
.m1{padding:50px 20px;overflow: hidden;text-align: center;}
.m1 h1{/*font-size:38px;*/color:#000000;font-weight: bold;font-size: 28px;}
.m1 h2{font-size:28px;color:#027b82;margin:30px 0;}
.m1 a{font-size:16px;color:#027b82;}
/*m2*/
.m2{overflow: hidden;padding:0 20px;background: url(../images/m2.jpg) no-repeat center center;height:770px;}
.m2 h1{text-align: center;/*font-size: 34px;*/color:#ffffff;padding:50px 0;font-size: 28px;}
.slideBox{ position:relative;overflow: hidden;padding-bottom: 60px;}
.slideBox .hd{ position:absolute;bottom:0; left:0; z-index:1;text-align: center;width:100%;height:20px;}
.slideBox .hd ul{display: inline-block;}
.slideBox .hd li{display:inline-block;cursor:pointer;width:16px; height:16px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#bcbcbc; text-indent:-9999px; overflow:hidden; margin:0 8px;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
.slideBox .hd li.on{ background:#2b8886;; transform: scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-webkit-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);}
.slideBox .bd{ position:relative;overflow: hidden;}
.slideBox .bd li{text-align:center;overflow: hidden;}
.slideBox .bd li a{display: block;width: 524px;margin:0 auto;}
.slideBox .bd li .img{width: 524px;height:360px;position: relative;}
.slideBox .bd li .videoimg{position: absolute;top:0;left:0;}
.slideBox .bd li .videoback{position: absolute;top:0;left:0;}
.slideBox .bd li img{width: 524px;height:360px;}
.slideBox .bd li .title{text-align: center;color:#ffffff;font-size: 22px;padding:25px 0 0 0;}
.m2 .more{display: block;width:250px;height:50px;text-align: center;line-height: 50px;font-size:20px;border:1px solid #ffffff;color:#ffffff;border-radius: 50px;margin:45px auto 0;}
/*m3*/
.m3{overflow: hidden;padding:50px 20px;} 
.m3 h1{text-align: center;/*font-size: 34px;*/color:#000000;font-size: 28px;}
.m3 .list{overflow: hidden;margin-top:33px;}
.m3 .list li{overflow: hidden;}
.m3 .list .list-a{display:block;height:137px;overflow: hidden;background: #f4f4f4;padding-right: 25px;margin-bottom: 10px;}
.m3 .list .list-a img{width:240px;height:137px;float:left;margin-right: 24px;}
.m3 .list .list-a .title{font-size: 22px;line-height:40px;margin-top:10px;}
.m3 .list .list-a .date{font-size: 20px;color:#999999;margin-top:10px;}
.m3 .list .list-b{display: block;overflow: hidden;font-size: 22px;border-bottom: 1px solid #d5d5d5;padding:20px 0;}
.m3 .more{display: block;width:250px;height:50px;text-align: center;line-height: 50px;font-size:20px;border:1px solid #333333;border-radius: 50px;margin:45px auto 0;}
/*m4*/
.m4{overflow: hidden;padding:50px 20px;border-top:1px solid #d2d2d2;} 
.m4 h1{text-align: center;/*font-size: 34px;*/color:#000000;font-size: 28px;}
.m4 .list{overflow: hidden;margin-top: 20px;}
.m4 .list a{display: block;float: left;width: 290px;height:165px;margin-top:20px;margin-left:20px;overflow: hidden;}
.m4 .list a:nth-of-type(2n+1){margin-left:0;}
.m4 .list a img{width: 290px;height:165px;}
.m4 .more{display: block;width:250px;height:50px;text-align: center;line-height: 50px;font-size:20px;border:1px solid #333333;border-radius: 50px;margin:45px auto 0;}
/*m5*/
.m5{overflow: hidden;background: #f4f4f4;padding:50px 0 0 0;border-top:1px solid #d2d2d2;}
.m5 h1{text-align: center;/*font-size: 34px;*/color:#000000;font-size: 28px;}
.m5 h2{text-align: center;font-size: 16px;color:#666666;line-height: 26px;margin-top:12px;}
.slideBox3{position:relative;width:600px;padding:0 20px 140px 20px;overflow: hidden;margin-top:15px;}
.slideBox3 .hd{ position:absolute;bottom:70px; left:0; z-index:1;text-align: center;width:100%;height:20px;}
.slideBox3 .hd ul{display: inline-block;}
.slideBox3 .hd li{display:inline-block;cursor:pointer;width:16px; height:16px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#bcbcbc; text-indent:-9999px; overflow:hidden; margin:0 8px;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
.slideBox3 .hd li.on{ background:#2b8886; transform: scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-webkit-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);}
.slideBox3 .bd{ position:relative;overflow: hidden;}
.slideBox3 .bd li{position:relative;overflow: hidden;}
.slideBox3 .bd li a{display: block;float: left;overflow: hidden;width:280px;margin-left:40px;margin-top:20px;height:176px;}
.slideBox3 .bd li a:nth-of-type(2n+1){margin-left: 0;}
.slideBox3 .bd li a .pic{display:table;border:1px solid #c2c2c2;width:278px;height:98px;overflow:hidden;transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.slideBox3 .bd li a .pic .center{ vertical-align:middle; display:table-cell; text-align:center;}
.slideBox3 .bd li a .pic .center div{ display:inline-block;}
.slideBox3 .bd li a .pic .center div img{max-height: 98px;display: block;}
.slideBox3 .bd li a .title{text-align: center;font-size: 20px;line-height: 28px;margin-top:20px;padding:0 20px;}



/*********footer*********/ 
.footer{margin-bottom:80px;position:relative;display:table;width:600px;padding:25px 20px 18px 20px;text-align: center;font-size: 20px;color:#666666;border-top:1px solid #d2d2d2;line-height: 22px;}
.footer .img{cursor: pointer;position: absolute;left:50%;margin-left:-20px;top:-20px}
.footer p{margin-top:10px;}



/*********suspension*********/ 
.suspension{position: fixed;width:640px;height:80px;overflow: hidden;bottom:0;left:50%;margin-left:-320px;z-index: 99;}
.suspension a{display: block;float: left;}



/*********sidebar*********/ 
.sidebar{overflow: hidden;padding:45px 20px;background:#ffffff;border-bottom: 1px solid #ebebeb;}
.sidebar a{margin-top:20px;display: block;float:left;width:288px;text-align:center;margin-left:20px;font-size:30px;color:#666666;line-height:83px;line-height:83px;border:1px solid #c7c7c7;}
.sidebar a.sidebar-active{color:#ffffff;background: #027b82;width:290px;height:85px;border:0;}
.sidebar a:nth-child(1),.sidebar a:nth-child(2){margin-top:0;}



/*********nymain*********/  
.nymain{width:100%;overflow: hidden;}
/*dy*/
.dy{overflow: hidden;font-size:20px;line-height:40px;color:#666666;padding:50px 20px 80px 20px;background: url(../images/nykuai.png) top center no-repeat;}
.dy img{max-width: 100%;}



/*********news*********/  
.news{overflow: hidden;padding:50px 20px 80px 20px;background: url(../images/nykuai.png) top center no-repeat;}
.news li{display: block;overflow: hidden;padding:20px 0;border-bottom:1px solid #ccc;}
.news li a{overflow: hidden;display: block;}
.news li a .img{float: left;width:181px;height:124px;}
.news li a .img img{width:181px;height:124px;}
.news li a .right-text{float: right;width:400px;color:#000000;line-height: 40px;font-size: 30px;margin-top:10px;}
.news li a .title{color:#000000;line-height: 40px;font-size: 30px;}
.news li a .text{color:#999;font-size:24px;line-height: 36px;margin-top:10px;}



/*********case*********/  
.cases{overflow: hidden;background: #f2f2f2;padding:20px 20px 80px 20px;}
.cases li{display: block;float: left;width:285px;margin-top:36px;margin-left:26px;overflow: hidden;}
.cases .cases-a{overflow: hidden;display: block;}
.cases-title{padding-bottom:10px;width:285px;text-align: center;width:100%;font-size: 24px;color:#333333;line-height: 50px;}
.cases .imgbox{display:table;width:285px;min-height:163px;max-height:200px;height:200px;overflow:hidden;}
.cases .imgbox .center{ vertical-align:middle; display:table-cell; text-align:center;}
.cases .imgbox .last{display:inline-block;}
.cases .imgbox img{max-width: 100%;max-height: 200px;}



/*********detail*********/  
.detail{overflow: hidden;padding:60px 20px 80px 20px;background: url(../images/nykuai.png) top center no-repeat;}
.detail-title{text-align: center;font-size:30px;line-height: 40px;color:#333333;}
.detail-date{font-size: 18px;color:#7f7f7f;text-align: center;margin-top:25px;}
.detail-nr{margin-top:30px;overflow: hidden;font-size: 20px;line-height: 30px;color:#333333;}
.detail-nr img{max-width:100%;}
.detail-nr iframe{width: 600px !important;}



/*********ccma简介*********/  
.ccma-about{overflow: hidden;}
.ccma-about h1{margin-top: 40px;font-size: 30px;}
.ccma-about h2{line-height: 50px;margin-top: 40px;font-size: 30px;}
.ccma-about img{margin:0 auto 30px auto;display: block;}

.ccma-about2{overflow: hidden;}
.ccma-about2 .right{overflow: hidden;float: none;}
.ccma-about2 .left{width: 580px;overflow: hidden;float: none;margin-bottom: 30px;}
.ccma-about2 .left a{font-size: 30px;color:#000;margin-bottom: 20px;display: block;}
.ccma-about2 .left p{margin-top: 20px;}



/*********联系我们-ccma中国*********/ 
.ccma-contact1{overflow: hidden;}
.ccma-contact1 .map{overflow: hidden;height:354px;}
.ccma-contact1 h1{font-size: 28px;color:#333333;margin-top: 40px;margin-bottom: 20px;}
.ccma-contact1 img{vertical-align: text-bottom;margin-right: 10px;}






/*****************************************************
 *****************************************************
 ***********************Subpage***********************
 *****************************************************
 *****************************************************/ 

/*********b-content*********/ 
.b-content{overflow: hidden;}
/*b-m1*/
.b-m1{overflow: hidden;border-bottom: 1px solid #dfdfdf;padding:30px 20px;}
.b-m1 .left{font-size: 24px;color:#666666;background: url(../images/b_time.jpg) left center no-repeat;padding-left:39px;height: 28px;line-height: 28px;}
.b-m1 .picScroll-top{overflow: hidden;}
.b-m1 .picScroll-top a{font-size: 24px;line-height:28px;color:#666666;}

/*b-m2*/
.b-m2{overflow: hidden;padding:50px 0;}
.b-m2 a{display: block;float: left;width: 160px;text-align: center;font-size: 22px;color:#666666;}
.b-m2 a p{margin-top:26px;}
/*b-m3*/
.b-m3{overflow: hidden;padding:50px 20px;background: #f2f2f2;text-align: center;border-top:1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;}
.b-m3 h1{position: relative;/*font-size: 34px;*/color:#167d7c;display: inline-block;font-size: 28px;}
.b-m3 h1:before{content: "";position: absolute;width:76px;left:-82px;top:16px;height:1px;background: #cacaca;}
.b-m3 h1:after{content: "";position: absolute;width:76px;right:-82px;top:16px;height:1px;background: #cacaca;}
.b-m3 h2{font-size:22px;line-height: 40px;color:#666666;margin:10px 0 20px 0;}
.slideBox5{ position:relative;overflow: hidden;padding-bottom: 50px;}
.slideBox5 .hd{ position:absolute;bottom:0; left:0; z-index:1;text-align: center;width:100%;height:20px;}
.slideBox5 .hd ul{display: inline-block;}
.slideBox5 .hd li{display:inline-block;cursor:pointer;width:16px; height:16px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#bcbcbc; text-indent:-9999px; overflow:hidden; margin:0 8px;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
.slideBox5 .hd li.on{ background:#2b8886;; transform: scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-webkit-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);}
.slideBox5 .bd{ position:relative;overflow: hidden;}
.slideBox5 .bd li{text-align:center;overflow: hidden;}
.slideBox5 .bd li a{display: block;width: 522px;margin:0 auto;}
.slideBox5 .bd li img{width: 522px;height:287px;}
/*b-m4*/
.b-m4{overflow: hidden;padding:50px 20px 80px 20px;text-align: center;} 
.b-m4 h1{position: relative;/*font-size: 34px;*/color:#167d7c;display: inline-block;font-size: 28px;}
.b-m4 h1:before{content: "";position: absolute;width:76px;left:-82px;top:16px;height:1px;background: #cacaca;}
.b-m4 h1:after{content: "";position: absolute;width:76px;right:-82px;top:16px;height:1px;background: #cacaca;}
.b-m4 .list{overflow: hidden;margin-top:40px;text-align: left;}
.b-m4 .list li{overflow: hidden;}
.b-m4 .list .list-a{display:block;height:137px;overflow: hidden;background: #f4f4f4;padding-right: 25px;margin-bottom: 10px;}
.b-m4 .list .list-a img{width:240px;height:137px;float:left;margin-right: 24px;}
.b-m4 .list .list-a .title{font-size: 22px;line-height:40px;margin-top:20px;}
.b-m4 .list .list-b{display: block;overflow: hidden;font-size: 22px;border-bottom: 1px solid #d5d5d5;padding:20px 0;}
.b-m4 .more{display: block;width:250px;height:50px;text-align: center;line-height: 50px;font-size:20px;border:1px solid #333333;border-radius: 50px;margin:45px auto 0;}



/*********b-suspension*********/ 
.b-suspension{position: fixed;width:640px;height:74px;overflow: hidden;bottom:0;left:50%;margin-left:-320px;z-index: 99;}
.b-suspension a{display: block;float: left;}



/*********b-footer*********/ 
.b-footer{background: #f2f2f2;}
.showMorehandle{ width:300px; height:60px; background:#dfdfdf; font-size:24px;margin:50px auto 20px auto; text-align:center; line-height:60px; color:#fff}



/*2017征稿函*/
.tougao-btn{padding:10px 40px;text-align: center;border-radius: 50px;color: #ffffff;background: #169097;}
.tougao-btn:hover{opacity: 0.8;}


