@charset "utf-8";
/* CSS Document */
html.index {overflow:hidden;}
body,ol,ul,li,dl,dt,dd,p,input,textarea {margin:0; padding:0; font-family:"微软雅黑"; font-size:16px; color:#000; line-height:1.5;}
ol,ul {list-style-type:none;}
a {text-decoration:none;}
.clearfix:after{clear:both; content:""; display:block; height:0; overflow:hidden;}
body{ background:#ffffff;font-size:12px;}
.body{ max-width:1600px; margin:0 auto;}
/* top */
.top{width:100%; height:40px; background:#dedede;}
.top ul{width:1600px; height:40px; margin:0px auto;}
.top ul li{width:auto; padding-left:8px; padding-right:8px; height:40px; line-height:40px; float:right; display:block; font-size:14px;}
.top ul li.top-tel{background:url(../images/index2_03.jpg) no-repeat left; padding-left:25px;}
.top ul li.top-home{background:url(/20180906//images/index2_06.png) no-repeat left; padding-left:20px;}
/* logo */
.logo{width:1540px; height:auto; margin:0px auto; padding:30px; overflow:hidden; border-bottom:3px solid #dedede;}
.logo h1{width:507px; height:74px; display:block; float:left;}
.logo ul{width:auto; height:30px; display:block; float:right; padding-top:50px;}
.logo ul li{width:auto; line-height:30px; display:block; float:left; padding-left:10px; padding-right:10px; font-weight:bold;}
.logo ul li a{color:#000000;}
.logo ul li a:hover{color:#105ca5;}

/* pic_head */
.pic_head{width:1600px; height:650px; margin:0px auto; }
.ct-focusbox{position:relative;overflow:hidden;}
.ct-focusimg{overflow:hidden;}
.ct-fimglist{position:relative;}
.ct-fimglist img{display:block;cursor:pointer;}
.ct-fimglist li{width:100%; height:650px;float:left;}
.ct-banner01{background:url(../js/pic_head/images/pic1.jpg);}
.ct-banner02{background:url(../js/pic_head/images/pic2.jpg)}
.ct-banner03{background:url(../js/pic_head/images/pic3.jpg)}
.ct-banner04{background:url(../js/pic_head/images/pic4.jpg)}
.ct-focustool{overflow:hidden;position:absolute;width:100%;bottom:0px;height:97px;background:url(../js/pic_head/images/bg_touming.png) repeat-x;}
.ct-ftoollist{position:relative;margin-left:220px;}
.ct-ftoollist li{width:121px;height:54px;float:left;cursor:pointer; margin-left:10px;margin-top:21px;}
.ct-ftoollist .on a{width:121px;height:54px;display:block;margin-right:-4px;z-index:100;top:-5px;border:2px solid #FFF;}

/* project */
.project{width:1600px; height:auto; margin:0px auto; padding:50px 0;}
.project h1{width:auto; height:60px; line-height:60px; text-align:center; font-size:44px; color:#105ca5; display:block; text-transform:uppercase; font-weight:bold; margin-bottom:60px;}
.project ul{ width:1626px; padding-top:20px;}
.project ul:after{ content:''; clear:both; display:block;}
.project ul li{width:380px; height:350px; float:left; margin:0px 26px 0px 0; text-align:center; }
.project ul li img{width:100%;height:300px;}
.project a{ color:#333; text-decoration:none; }
.project1{width:1500px; height:auto; margin:0px auto 50px; background:#eff0f1; overflow:hidden;}
.project1 img,.project2 img{ max-width:100%;}
.project1 ul{width:500px; height:auto; display:block; float:left;}
.project1 ul h1{width:500px; height:auto; line-height:50px; font-size:44px; float:left; color:#105ca5; text-transform:uppercase; font-weight:bold; overflow:hidden;}
.project1 ul h2{width:500px; height:auto; line-height:30px; font-size:20px; float:left; font-weight:normal;}
.porjectl ul p{width:500px; height:auto; line-height:30px;}
.project1 h5{width:950px; height:500px; display:block; float:right; background:#B7B7B7;} 

.project2{width:1500px; height:auto; margin:0px auto 50px; overflow:hidden;}
.project2 ul{width:500px; height:auto; display:block; float:right;}
.project2 ul h1{width:500px; height:auto; line-height:50px; font-size:44px; color:#105ca5; text-transform:uppercase; font-weight:bold; overflow:hidden;}
.project2 ul h2{width:500px; height:auto; line-height:30px; font-size:20px; font-weight:normal;}
.porject2 ul p{width:500px; height:auto; line-height:30px;}
.project2 h5{width:950px; height:500px; display:block; float:left; background:#B7B7B7;} 


/* our design */
.our_design{width:1500px; height:auto; margin:0px auto; padding:50px; background:#eff0f1;}
.our_design h1{width:auto; height:60px; line-height:60px; text-align:center; font-size:44px; color:#105ca5; display:block; text-transform:uppercase; font-weight:bold; margin-bottom:60px;}

/* Say Hello */
.say_hello{width:1500px; height:auto; margin:0px auto; padding:50px;}
.say_hello h1{width:auto; height:60px; line-height:60px; text-align:center; font-size:44px; color:#105ca5; display:block; text-transform:uppercase; font-weight:bold; margin-bottom:60px;}
.say_hello .form {width:44%; margin:50px auto 0;}
.say_hello .form .input {overflow:auto;}
.say_hello .form .textarea {margin:3%;}
.say_hello .form .submit {margin:0 3%;}
.say_hello .form .submit a {display:block; height:44px; border:solid 1px #000; text-align:center; font-family:"Myriad Pro"; font-size:16px; color:#000; line-height:44px; transition:all 0.5s ease;}
.say_hello .form .submit a:hover {background:#000; color:#FFF;}
.say_hello input {float:left; display:block; width:45.5%; height:44px; margin-left:3%; border:solid 1px #000; font-family:"Myriad Pro"; font-size:16px; line-height:44px;}
.say_hello textarea {display:block; width:100%; height:130px; border:solid 1px #000; resize:none;}

/* bottom */
.bottom{width:100%; height:auto; background:#dedede; padding-top:10px; padding-bottom:10px; text-align:center; font-size:12px; line-height:26px;}

/* about */
.about{width:1500px; margin:20px auto; overflow:hidden;}
.about h5{width:744px; height:710px; float:right; display:block;}
.about h1{width:660px; height:70px; line-height:70px; float:left; padding:0px; margin:0px;}
.about h2{width:660px; height:30px; line-height:30px; float:left; padding:0px; margin:0px;}
.about p{width:660px; line-height:24px; font-size:14px; float:left; margin-top:20px;}

/* project to share */
.share{width:1600px; height:auto; margin:0px auto; overflow:hidden;}
.share span{width:1600px; height:500px; margin:0px auto; display:block;}
.share ul{width:1500px; height:auto; margin:0px auto; padding:50px; overflow:hidden;}
.share ul h1{width:1500px; height:60px; line-height:60px; text-align:center; font-size:44px; color:#105ca5; display:block; text-transform:uppercase; font-weight:bold; margin-bottom:60px;}
.share ul li{width:300px; height:300px; display:block; float:left; background:#DBDBDB; position:relative; }
.share ul li h2{width:200px; line-height:32px; background:#262626; display:block; position:absolute; color:#ffffff; font-size:14px; padding-right:10px; right:0px; text-align:right; bottom:10px; font-weight:normal; filter:alpha(opacity:90); opacity:0.9;  -moz-opacity:0.9;-khtml-opacity: 0.9}
.share ul li .litpic{ width:300px; height:300px;}
.share ul li:after{ display:block; content:''; background:#333; opacity:0.5; left:0; top:0; bottom:0; right:0; position:absolute;}
.share ul li:hover:after{ display:none; }
.back-to-list{ text-align:right; padding-right:100px;}
.back-to-list a{color:#000;}

.body-job,.body-design{ color:#333333; padding-left:60px;margin-top:20px; min-height:500px}
.body-job h1,.body-design h1{font-size:30px; margin:0; font-weight:normal}
.body-job h2,.body-design h2{font-size:20px;text-transform:uppercase; margin:0;font-weight:normal}
.body-job p,.body-design p{ font-size:16px;}
.body-job{ padding-bottom:80px}
.body-job h1,.body-job h2{padding-left:10px; }

.job-item{ margin-top:60px; font-size:16px; border-bottom: 1px dashed ; padding-bottom:60px}
.job-item dt{ float:left; width:310px; height:100%; }
.job-item h1{ letter-spacing:7px;}
.job-item h2{ font-size:12px}
.job-item dd{ float:left; font-size:14px; padding-top:10px; line-height:1.5;}
.job-item .job-head{ margin-bottom:10px; line-height:2.5;}


.body-design p{ text-indent:2em; margin:1em 0 1.5em; padding-right:90px;}

/* About */
.body-about{ padding-bottom:58px; padding-top:35px;}
.body-about .page-left{width:50%; box-sizing:border-box; padding-right:110px; padding-left:60px; float:left;}
.body-about .page-right{float:left; width:50%}
.body-about .page-right img{float:left; max-width:100%}
.body-about h1{}
.body-about h2{}
.body-about p{margin-top:50px; font-family:"Myriad Pro"; font-size:16px; line-height:1.75;}

/* trip */
.body-trip{ color:#717373;}
.trip-box{ padding-left:150px; padding-top:120px;}
.trip-year-list{ position:relative;}
.trip-line{ position:absolute; left:166px; top:0; height:100%; width:4px; background:#717373;}
.trip-logo{ text-transform:uppercase; font-size:34px; line-height:1.2; height:96px; padding-left:235px; background:url(../images/trip_logo.jpg) no-repeat 122px center; }
.trip-year-span{ width:170px; font-size:28px; display:block; padding-bottom:32px; padding-top:10px; cursor:pointer; }
.trip-year-span i{ display:inline-block;  background:url(../images/trip_open.jpg) no-repeat center center; width:20px; height:20px; margin-left:10px;}
.trip-closed .trip-year-span i{background-image:url(../images/trip_close.jpg);}
.trip-closed .trip-month{ display:none; }
.trip-month{ margin-bottom:40px;}
.trip-month-span{ float:left;width:133px; font-size:18px; height:25px; line-height:25px; position:relative; background:#efefef url(../images/trip_open.jpg) no-repeat right center; text-align:right; padding-right:45px;}
.trip-month-content{padding-left:200px; width:1215px;}
.month-closed{ height:32px; overflow:hidden;}
.month-closed .trip-month-span{ background-image:url(../images/trip_close.jpg); padding-right:43px;}
.trip-title{ margin:0; font-size:18px; cursor:pointer}
.trip-desc{ font-size:16px; line-height:2; padding-right:4em; margin:10px 0 20px;}
.trip-image-list{}
.trip-image-list li{ float:left; margin-right:15px; margin-bottom:15px;}
.trip-image-list img{ width:152px; height:126px; background:#b8b9b9; display:block;}


/* job */
.body-job,.body-design{ color:#333333; padding-left:60px;margin-top:20px; min-height:500px}
.body-job h1,.body-design h1{font-size:30px; margin:0; font-weight:normal}
.body-job h2,.body-design h2{font-size:20px;text-transform:uppercase; margin:0;font-weight:normal}
.body-job p,.body-design p{ font-size:16px;}
.body-job{ padding-bottom:80px}
.body-job h1,.body-job h2{padding-left:10px; }

.job-item{ margin-top:60px; font-size:16px; border-bottom: 1px dashed ; padding-bottom:60px}
.job-item dt{ float:left; width:310px; height:100%; }
.job-item h1{ letter-spacing:7px;}
.job-item h2{ font-size:12px}
.job-item dd{ float:left; font-size:14px; padding-top:10px; line-height:1.5;}
.job-item .job-head{ margin-bottom:10px; line-height:2.5;}